@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:rgb(36, 45, 89); overflow:hidden;}
#topo{width:100%; max-width:1200px; margin:0 auto; overflow:hidden;}
#logo{width:30%; max-width:320px; float:left;}

#espaco_menu{width:70%; float:right; overflow:hidden;}

.links-sites{float: right;}
.links-sites a{color: rgb(255, 255, 255); margin: 10px; font:20px 'denseregular'; text-decoration: none; display: inline-block;}

#menu{width:100%; 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:#FFF; border-radius:10px;}
#menu li a:hover{background: #a7c1e5; 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:20px;}
#endereco p{font:27px 'denseregular'; color:#F4F4F4; text-align:center;}
#endereco p span{font:50px 'denseregular'; margin-right:50px;}

#slogan{padding:10px 0 10px 5%; height:auto; background:rgba(255,255,255,0.8); position:absolute; z-index:999; top:27%;}
#slogan h1{font:32px 'denseregular'; color:#333; text-align:right; padding-right:30px;}
#slogan h2{font:32px 'denseregular'; font-weight:bold; text-align:right; padding-right:30px;}

#telefone{background:#b3bfa9; padding:15px; box-sizing:border-box; text-align:center;}
#telefone:before{font:40px FontAwesome; color:#333; margin-right:15px; content:"\f095";}
#telefone h1.hifen{ margin:0 10px;}
#telefone h1{font:39px 'denseregular'; color:#333; display:inline-block;}

#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:20px/20px 'denseregular'; color:#333; margin-bottom:30px;}
.utilit_blocos button{font:20px 'denseregular'; color:rgb(162, 217, 104); display:block; cursor:pointer; background:#333; padding:8px 0; border-radius:10px; margin: 0 auto; text-decoration:none; text-align:center; width:90%; outline:none;}
.utilit_blocos button:hover{background:#606060; color:#f4f4f4;}

#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; font-size:0;}
#pagina_home .down .blocos{width:calc(50% - 20px); margin:10px; box-sizing:border-box; padding:10px; display:inline-block; vertical-align:top; border-radius:10px; cursor:pointer; background:#b4c0aa;}
#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";}
.icone5:before{content:"\f19c";}
.icone6:before{content:"\f002";}
#pagina_home .down .blocos:hover{background:#a4b397;}
#pagina_home .noticias{width:30%; overflow:hidden; float:right;}
.not{padding-top: 15px;}
#pagina_home .contato{width:100%; overflow:hidden;}
#pagina_home .endereco{width: 50%; overflow:hidden; float:left; padding-bottom: 20px;}
#pagina_home .formulario{width: 100%; overflow:hidden; padding-bottom: 20px;}
#pagina_home .mapa{width: 100%; overflow:hidden; padding:10px 0;}

#pagina_home h1 {font:30px/40px 'denseregular'; color:rgb(162, 217, 104); text-transform:uppercase;}
#pagina_home h2 {font:30px/35px 'denseregular'; color:#222; text-transform:uppercase;}
#pagina_home h3{font: 14px/17px Arial; color:#333; text-align:justify; margin-top:5px;}
#pagina_home p{font: 14px/22px Arial; color:#333;}
#pagina_home a {font: 14px/17px Arial; color:rgb(162, 217, 104); text-decoration:none;}
#pagina_home a:hover {font: 14px/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:rgb(162, 217, 104); 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:rgb(162, 217, 104); display:block; cursor:pointer; background:#333; padding:8px; border-radius:10px; text-decoration:none; text-align:center; margin: 15px 2px; float:left; outline:none;}
#area_restrita button:hover{background:#606060; color:#f4f4f4;}

#gov{width:100%; max-width:1200px; overflow:hidden; margin:30px auto;}
#gov .icones{width:calc(16.6% - 20px); float:left; margin:10px;}
#gov .icones img{-webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms;}
#gov .icones:hover img{-webkit-transform:scale(1.2,1.2);}

#rodape{width:100%; overflow:hidden; background:#aba997; padding: 35px 0;}
#rodape p{font:20px 'denseregular'; color:#FFF; text-align:center;}
#rodape a{font:20px/30px 'denseregular'; color:rgb(162, 217, 104); text-decoration:none;}
#rodape a:hover{color:#FFF;}

#rodape .redes{ text-align:center; font-size:0;}
#rodape .rd{ margin: 0 10px; display:inline-block; }
#rodape .icone_rd{ font:40px 'FontAwesome'; color:#FFF; text-align:center; cursor:pointer; }
#rodape .icone_rd:hover{ color:#666; }
.rd01:before{ content:"\f082"; }
.rd02:before{ content:"\f08c"; }
.rd03:before{ content:"\f081"; }
.rd04:before{ content:"\f0d4"; }
.rd05:before{ content:"\f166"; }

#utilitarios, #area_restrita{background:rgb(226,225,211);}

#box-utilitarios { font-size:0;}
.box-utilitarios { width:calc(25% - 10px); margin:0 5px; display:inline-block; vertical-align:top;}
.box-utilitarios a { color: #333333 !important; text-decoration: none; padding: 10px; margin:5px 0; border-radius:3px; background:whitesmoke; display:block; -webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms;}
.box-utilitarios a:hover { background:#CCC;}

@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){
	#pagina_home .endereco{width:100% !important;}
	.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;}
	.box-utilitarios { width:calc(50% - 10px);}
}

@media screen and (max-width:640px){
	#slogan{display:none;}
	
	#telefone h1{ display:block;}
	#telefone:before{display:none;}
	#telefone h1.hifen{ 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;}
}

@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;}
	
	.box-utilitarios { width:calc(100% - 10px);}
}

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