*{ margin:0; padding:0; }

body{ font-family:Arial, Helvetica, sans-serif; color:#666;}

img{ border:none; }

a{ text-decoration:none; color:#000; }

header{ height:180px; background:url(../imagens/bg.jpg) 0 0 / 100% 300px no-repeat content-box content-box #FA6D01; background-color:#090; }

#logo{ width:1000px; height:100px; margin:0 auto; }

#logo img{ margin-top:45px;}

#area{ display:block; float:right; border-radius:50px; width:100px; height:100px; background:url(../imagens/bg_br_trans.png); margin-top:45px; }

#area img{ margin:10px 30px; }

#area:hover{ background:url(../imagens/bg_pt_trans.png); }

#nav{ width:100%; height:50px; border-top:10px solid #D58610; border-bottom:10px solid #D58610; background:#FFC926; }

#menu{ width:1000px; height:50px; margin:0 auto; }

#menu ul{ list-style-type:none; position:absolute; }

#menu li{ display:block; float:left; height:50px; line-height:50px; }

#menu li a{ display:block; float:left; height:50px; padding:0 20px 0 20px; text-decoration:none; color:#333; text-shadow:0.5px 0.5px 0.5px #CCC; }

#menu li a:hover{ background: #41A65E; color:#FFF; -webkit-transition: 0.5s ease-out; -moz-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; transition: 0.5s ease-out; }

/*Submenu*/
#menu li ul{ display:none; height:auto; background:#FFC926; position:inherit; }

#menu li ul li{ float:none; }

#menu li ul li a{ display:block; width:100%; background:#FFC926;}

#menu li:hover ul{ display:block; }

#secao1{ height:auto; background-image:url(../imagens/fundobranco.jpg); background-color:#EFEFEF; background-position:center top; background-repeat:repeat; margin:0 auto; padding:10px 0; text-align:center; }

#secao1 h1, .secao2 h1{ font-size:2em; text-shadow:2px 2px 2px #FFF; padding:20px 0; }

#secao1 h3{ padding-bottom:30px; }

#secao1 p{ width:600px; margin:0 auto; padding:20px 0; }

#secao2{ height:auto; background:#333; color:#CCC; text-align:center; padding:40px 0; }

.conteudo{ width:1000px; margin:0 auto; }

#secao3{ height:auto; background-image:url(../imagens/fundobranco.jpg); background-color:#EFEFEF; background-position:center top; background-repeat:repeat; padding:40px 0; }

#rodape1{ height:auto; background:#FFC926; padding:30px 0;  }
 
#rodape2{ height:auto; background:#D58610; padding:30px 0; }

.rodape{ width:1000px; margin:0 auto; height:auto; }

.rodape ul,.conteudo ul{ list-style-type:none; }

.box-pag{ padding:20px; text-transform:uppercase; border-left:15px solid #060; background:#090; color:#FFF; text-shadow:1px 1px 1px #333; font-size:2em; width:95%; max-width:95%; }

.box-texto{ padding:20px; line-height:1.5em; text-align:justify; }

.largura-icone td:nth-child(1) { width:45px; }

.form{ background-image: linear-gradient( to top, #CCC 30%, #EFEFEF 90% ); height:50px; border:1px solid #999; width:300px; max-width:80%; font-size:36px; text-indent:10px; }

.btn{ padding:10px 20px; background-image: linear-gradient( to top, #060 30%, #090 70% ); color:#FFF; text-shadow:1px 1px 1px #333; cursor:pointer; border:none; font-size:18px; }

.btn:hover{ background-image: linear-gradient( to top, #090 30%, #060 70% ); text-shadow:1px 1px 1px #999; }

.alerta-erro{ width:auto; padding:10px 20px; background:#FFB9B9; color:#F00; border-left:15px solid #F00; }

.campo{ background-image: linear-gradient( to top, #CCC 30%, #EFEFEF 90% ); height:35px; border:1px solid #999; width:300px; max-width:80%; font-size:24px; text-indent:10px; }

.campo1{ width:50px; max-width:80%;}

.campo2{ width:150px; max-width:80%;}

.campo3{ width:200px; max-width:80%;}

.campo4{ width:400px; max-width:80%;}

/*Media Queries*/
@media only screen and (max-width:1020px){
	#logo,#menu,.conteudo,.rodape{ width:95%; }
	.sombra { width:55%; }
	}
	
@media only screen and (max-width:800px){
	.subtrai{ display:none; }
	.sombra { width:auto; }
	#menu li a{ padding:0 10px 0 10px; font-size:0.8em; }
	}
	
@media only screen and (max-width:500px){
	.subtrai2{ display:none; }
	#logo img{ width:90%; }
	}