@charset "utf-8";
/* CSS Document */

*{margin:0; border:none; padding:0;}

#menu li a, .utilit_blocos button, #area_restrita button, #pagina_home .down div, #formContato button {-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}

#palco_topo{width:100%; background:white; overflow:hidden; padding: 10px 0;}
#topo{width:100%; max-width:1200px; margin:0 auto; overflow:hidden;}
#logo{width:30%; max-width:240px; float:left;}

#espaco_menu{width:70%; float:right; overflow:hidden;}
#menu{width:100%; margin-top:20px; font-size:0;}
#menu li{display:inline-block; width:calc(20% - 4px); margin: 0 2px; font:24px/20px 'denseregular'; text-align:center; text-transform:uppercase; }
#menu li a{display:block; padding: 20px 0; text-decoration:none; color:#121b36; border-radius:10px;}
#menu li a:hover{color:white; background: #b8261d; border-radius:10px;}
nav select { display:none; border-radius:3px; padding:15px; width:calc(100% - 20px); margin:10px; font: 24px/20px 'denseregular'; color:#333; text-transform:uppercase;}

#endereco{width:100%; overflow:hidden; margin-top:15px;}
#endereco p{font:18px/24px 'denseregular'; color:#121b36; text-align:center;}
#endereco a{font:18px/24px 'denseregular'; color:#b8261d; text-decoration:none;}
#endereco a:hover{color:#121b36;}

#slogan{width:50%; height:auto; background:rgba(255,255,255,0.8); position:absolute; z-index:999; top:30%;}
#slogan h1{font:34px 'denseregular'; color:#333; text-align:right; padding-right:30px;}
#slogan h2{font:36px 'denseregular'; color:#b8261d; text-align:right; padding-right:30px;}

#conteudo{width:100%; overflow:hidden;}

#banner{width:100%; overflow:hidden; border-top:2px solid #999; border-bottom:2px solid #999; z-index:0; position:relative;}

#utilitarios{width:100%; overflow:hidden;}
					
.blocoshome{width:100%; max-width:1200px; margin:0 auto; overflow:hidden;}
.utilit_blocos{width:calc(25% - 20px); padding:15px 0; float:left; margin: 0 10px;}
.utilit_blocos img{float:left; margin-right: 10px;}
.utilit_blocos h1{font:30px/40px 'denseregular'; color:#222; text-align:center; margin-bottom:15px; text-transform:uppercase;}
.utilit_blocos h2{font:18px/20px 'denseregular'; color:#333; margin-bottom:30px;}
.utilit_blocos button{font:20px 'denseregular'; color:white; display:block; cursor:pointer; background:#121b36; padding:8px 0; border-radius:10px; margin: 0 auto; text-decoration:none; text-align:center; width:90%; outline:none;}
.utilit_blocos button:hover{background:#b8261d; color:white;}

#pagina_home{width:98%; max-width:1200px; padding: 35px 0; margin:0 auto; overflow:hidden;}
#pagina_home .bemvindo{width: 68%; overflow:hidden; float:left;}
#pagina_home .up{width:100%; overflow:hidden;}
#pagina_home .up img{float:left; margin-right:15px;  padding-top: 10px;}
#pagina_home .down{width:100%; overflow:hidden; margin-top: 12px;}
#pagina_home .down .blocos{width:calc(50% - 40px); margin:10px; padding:10px; float:left; border-radius:10px; cursor:pointer; display:block; background:#D6D6D6;}
#pagina_home .down .icon:before{font:50px/80px 'FontAwesome'; color:#333; margin-right:10px; float:left;}
.icone1:before{content:"\f133";}
.icone2:before{content:"\f1ec";}
.icone3:before{content:"\f044";}
.icone4:before{content:"\f115";}
#pagina_home .down .blocos:hover{background:#c5c3c3;}
#pagina_home .noticias{width:30%; overflow:hidden; float:right;}
.not{padding-top: 15px;}
#pagina_home .contato{width:100%; overflow:hidden;}
#pagina_home .endereco{width: 49%; overflow:hidden; float:left;padding-bottom: 20px;}
#pagina_home .formulario{width: 49%; overflow:hidden; float:right; padding-bottom: 20px;}
#pagina_home .mapa{width: 100%; overflow:hidden; padding:10px 0;}

#pagina_home h1 {font:30px/40px 'denseregular'; color:#b8261d; text-transform:uppercase;}
#pagina_home h2 {font:30px/35px 'denseregular'; color:#222; text-transform:uppercase;}
#pagina_home h3{font: 12px/17px Arial; color:#333; text-align:justify;}
#pagina_home p{font: 12px/22px Arial; color:#333;}
#pagina_home a {font: 12px/17px Arial; color:#b8261d; text-decoration:none;}
#pagina_home a:hover {font: 12px/17px Arial; color:#333;}

#formContato { width:98%; }
#formContato input { width:100%; background:#f4f4f4; border-radius:8px; padding:10px 0; color:#999; font:12px arial; margin-bottom:3px; text-indent:10px; }
#formContato textarea { width:100%; background:#f4f4f4; border-radius:8px; padding:10px 0; color:#999; font:12px Arial; margin-bottom:3px; resize:none; text-indent:10px;}
#formContato button {font:20px 'denseregular'; color:#b8261d; display:block; cursor:pointer; background:#333; padding:8px 0; border-radius:10px; margin: 5px; text-decoration:none; text-align:center; width:20%; float:left;}
#formContato button:hover {background:#606060; color:#f4f4f4;}


#area_restrita{width:100%; overflow:hidden; padding:20px 0;}
.restrito{width:100%; max-width:1200px; overflow:hidden; margin: 0 auto;}
#area_restrita img{float:left; margin-right:15px;}
#area_restrita p {font:30px/40px 'denseregular'; color:#222; text-transform:uppercase; text-indent:4px;}
#area_restrita input{padding:10px; width:18%; margin:15px 5px; margin-right:8px; border-radius:5px; float:left;}
#area_restrita a{font:24px/64px 'denseregular'; color:#222; text-decoration:none; padding-left:10px;}
#area_restrita a:hover{color:#999;}
#area_restrita button{font:20px 'denseregular'; color:white; display:block; cursor:pointer; background:#121b36; padding:8px; border-radius:10px; text-decoration:none; text-align:center; margin: 15px 2px; float:left; outline:none;}
#area_restrita button:hover{background:#b8261d; color:white;}

#rodape{width:100%; overflow:hidden; background:#222; padding: 40px 0;}
#rodape p{font:20px/80px 'denseregular'; color:#FFF; text-align:center;}
#rodape a{font:20px/30px 'denseregular'; color:#b8261d; text-decoration:none;}
#rodape a:hover{color:#FFF;}


#ar{width:calc(100% / 2 - 4%); margin:10px 0.5%; padding:10px 1.5%; float:left; border-radius:10px; background:#D6D6D6;}
#ar h2{font:30px 'denseregular'; color:#222; margin-bottom:10px;}
#ar a{font: 12px Arial; color:#333;}
#ar a:hover{ color:#b8261d; }
#ar:nth-child(1) h2:before{ font:lighter 30px 'FontAwesome'; text-align:center; content:'\f0c0'; color:grey; padding:0 5px; }
#ar:nth-child(2) h2:before{ font:lighter 30px 'FontAwesome'; text-align:center; content:'\f1d8'; color:grey; padding:0 5px; }

#utilitarios, #area_restrita{background: rgb(124,124,124);
		background: -moz-linear-gradient(top,  rgba(124,124,124,1) 0%, rgba(219,219,219,1) 97%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(124,124,124,1)), color-stop(97%,rgba(219,219,219,1)));
		background: -webkit-linear-gradient(top,  rgba(124,124,124,1) 0%,rgba(219,219,219,1) 97%);
		background: -o-linear-gradient(top,  rgba(124,124,124,1) 0%,rgba(219,219,219,1) 97%);
		background: -ms-linear-gradient(top,  rgba(124,124,124,1) 0%,rgba(219,219,219,1) 97%);
		background: linear-gradient(to bottom,  rgba(124,124,124,1) 0%,rgba(219,219,219,1) 97%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#dbdbdb',GradientType=0 );}



@media screen and (max-width:970px){
	.blocos{min-height:121px; }
	#slogan h1{font-size:30px;}
	#slogan h2{font-size:32px;}
    #area_restrita img{display:none;}
	}
	
@media screen and (max-width:825px){
	.blocos{min-height:156px; }
	}	
	
@media screen and (max-width:768px){
	.blocos{min-height:121px; }
	#logo{width:100%;  float:none; margin:0 auto;}
	#espaco_menu{width:calc(100% - 20px); margin: 0 10px;}
	.utilit_blocos{width:calc(50% - 20px);}
	.utilit_blocos img, #pagina_home .noticias, #slogan {display:none;}
	.utilit_blocos h2{text-align:center;}
	#area_restrita input{margin:15px 1px;} 
	#area_restrita a{padding-left:5px;}
	#pagina_home .bemvindo{width:100%;}
	#pagina_home h3{line-height:16px;}
	
	.total{width:100% !important;}
}

@media screen and (max-width:640px){
	#slogan{display:none;}
	#area_restrita input{width:calc(100% - 30px); margin:5px 5px;}
	#pagina_home .down .blocos{width:calc(50% - 20px); margin:5px; padding:5px;}
	#pagina_home .endereco, #pagina_home .formulario{width: 100%;}
}

@media screen and (max-width:528px){
	.blocos{min-height:121px; }
	.icone1:before, .icone2:before, .icone3:before, .icone4:before {display:none;}
	
	#ar{ width:96%; }
	}

@media screen and (max-width:480px){
	.blocos{min-height:0; }
	nav select{ display:block; }
	#menu, #pagina_home .up img{display:none;}

	#pagina_home .down .blocos{width:calc(100% - 20px);}
	.icone1:before, .icone2:before, .icone3:before, .icone4:before {display:block;}
}

@media screen and (max-width:468px){
	.utilit_blocos{width:100%; float:none; margin:0 auto;}
	#area_restrita p {font-size:25px;}
}