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

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

.mn, .bt_utilitarios, #proximo, #anterior , #ms button, .cont_txt button, .consultas, .programacoes, .bot_up, .icone_rd{ -webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; }

.topo { position:fixed; bottom:0; right:10px; z-index:999; width:50px; height:50px; cursor:pointer; display:none; font:20px/50px 'FontAwesome'; 
color:#FFF; background:#3f454d; text-align:center; }

#palco_menu{ width:100%; overflow:hidden; background:#3f454d; }
#faixa_menu{ width:100%; max-width:1200px; margin:0 auto; background:rgb(9, 9, 9); height: 6px; }
#menu{ width:100%; max-width:1200px; margin:0 auto; font-size:0; list-style:none; }
#menu li{ display:inline-block; width:calc(100% / 6); cursor:pointer; overflow:hidden; position:relative; }
#menu li a{ font:18px 'Oswald', sans-serif; color:#FFF; text-transform:uppercase; text-align:center; padding:30px 0; position:relative; z-index:90; display:block; text-decoration:none; }
#menu li .bot_up{ position:absolute; width:100%; height:100%; background:rgb(9, 9, 9); bottom:-100%; }
#menu li:hover .bot_up{ bottom:0; }
nav select{ display:none; border-radius:3px; padding:5px; width:calc(100% - 40px); margin:20px; font:24px/50px 'Oswald', sans-serif; color:#3f454d; outline:none; }

#palco_topo{ width:100%; overflow:hidden; }
#topo{ width:98%; max-width:1200px; margin:0 auto; overflow:hidden; padding:20px 0; }
#logomarca{width:30%; max-width:320px; float:left; }
#endereco{width:40%; float:right; margin-top:25px; }
#endereco .icone{ font:24px 'FontAwesome'; color:rgb(9, 9, 9); float:left; margin-right:10px; padding:8px 0; }
.icone01:before{ content:"\f041"; }
.icone02:before{ content:"\f095"; }
#endereco p{ font:16px 'Oswald', sans-serif; color:#666; padding:10px 0; text-align:left; }
#endereco p a{ color:rgb(9, 9, 9); text-decoration:none; }
#endereco p a:hover{ color:#666; }

#banner{ width:100%; overflow:hidden; background:#F4F4F4; position:relative; }
#fotos{ width:100%; overflow:hidden; }
#proximo{ position:absolute; width:80px; height:80px; right:50%; bottom:0; text-align:center; margin-right:-80px; z-index:1000; cursor:pointer; background:rgb(9, 9, 9); color:#FFF;}
#proximo:before{ font:40px/80px 'FontAwesome'; content:"\f054"; }
#proximo:hover, #anterior:hover{ background:#FFF; color:#3f454d; }
#anterior{ position:absolute; width:80px; height:80px; left:50%; bottom:0; margin-left:-80px; z-index:1000; cursor:pointer; text-align:center; background:rgb(9, 9, 9); color:#FFF; }
#anterior:before{ font:40px/80px 'FontAwesome'; content:"\f053"; }
#frases{ position:absolute; width: 100%; overflow:hidden; top:50%; margin-top:-100px; z-index:900; }
#frases p{ width:100%; margin:0 auto; display:block; font:60px 'Quicksand', sans-serif; color:#FFF; text-align:center; text-shadow:2px 2px 2px #333; text-transform:uppercase; }
#dots{ position:absolute; z-index:800; width:100%; height:100%; opacity:0.4; background:url(../banner/dots.png); }

#inicial{ width:98%; max-width:1200px; margin:0 auto; padding:40px 0; overflow:hidden; }
#inicial .parte01{ width:calc(60% - 30px); margin-right:30px; float:left; overflow:hidden; }
#inicial .parte01 h1{ font:24px/50px 'Oswald', sans-serif; color:#FFF; background:rgb(9, 9, 9); width: 50px; height:50px; padding:10px; float:left; text-align:center;}
#inicial .parte01 h2{ font:24px/65px 'Oswald', sans-serif; color:#3f454d; text-transform:uppercase; text-indent:15px; }
#inicial .parte01 h3{ font:20px 'Oswald', sans-serif; color:rgb(9, 9, 9); text-transform:uppercase; padding: 15px 0; }
#inicial p{ font:18px 'Oswald', sans-serif; color:#999; text-align:justify; margin-bottom: 30px;}

#inicial .parte02{ width:40%; float:left; overflow:hidden; }
.mn{ width:calc(100% - 20px); background:#F4F4F4; padding: 30px 10px; cursor:pointer; }
.mn2{ background:#ececec;}
.mn:hover{ background:#3f454d; }
.mn .icone:before{ font:40px 'FontAwesome'; color:rgb(9, 9, 9); float:left; content:"\f05d"; margin-right: 5px; padding:10px; }
.mn h1{ font: 28px 'Pompiere', cursive; color:rgb(9, 9, 9); text-transform:uppercase; }
.mn h2{ font: 16px 'Oswald', sans-serif; color:#666; text-transform:uppercase; padding:5px 0; }
.mn:hover h2{ color:#F4F4F4;}

#inicial .parte03{overflow:hidden;}
#inicial .parte03 h1{ font:24px/50px 'Oswald', sans-serif; text-transform:uppercase; color:#FFF; background:rgb(9, 9, 9); width: 100%; height:50px; padding:10px; float:left; text-align:center; margin-bottom:40px; margin-top:20px; }
#inicial .parte03 p{ font:18px 'Oswald', sans-serif; color:#999; text-align:justify; margin-bottom: 30px;}

#palco_utilitarios{ width:100%; overflow:hidden; background:rgb(5, 5, 5); }
#utilitarios{ width:98%; max-width:1200px; margin: 0 auto; background:rgb(9, 9, 9); overflow:hidden; }
.utilitarios{ width:calc(33% - 20px); float:left; padding:30px 10px; text-align:center; }
.utilitarios2{ background:rgb(51, 51, 51);}
.utilitarios h1{ font: 30px 'Pompiere', cursive; color:#FFF; text-transform:uppercase; padding:10px 0; }
.utilitarios p{ font: 16px 'Oswald', sans-serif; color:#F4F4F4; text-transform:uppercase; }
.bt_utilitarios { width:calc(100% - 50px); padding:10px; background:rgba(255,255,255,0.4); cursor:pointer; margin:15px 15px 0 15px; }
.bt_utilitarios:hover { background:#3f454d; }
.bt_utilitarios p { font:16px 'Oswald', sans-serif; color:rgb(255, 255, 255); }
.bt_utilitarios:hover p { color:#F4F4F4; }

#fd_textura{ width:100%; overflow:hidden; padding:30px 0; background:url(../imagens/fundo_site.jpg); }

#ms{ width:98%; max-width:1200px; margin:0 auto; padding:10px 0;}
#ms h1{ font: 26px 'Oswald', sans-serif; color:rgb(9, 9, 9); text-transform:uppercase; padding: 20px 0; text-align:center; width: 100%; }
#ms .btadm {width: 100%; font: 20px 'Oswald', sans-serif; color:rgb(51, 51, 51); text-transform:uppercase; text-decoration:none; }
#ms .btadm:hover{ color:#3f454d; }
#ms form{ width:100%; margin:20px 0;  display: flex; justify-content: space-between; flex-wrap: wrap; }
#ms input{ width:39%; border-radius: 3px; border: 1px solid rgba(204,204,204,0.5); padding:20px; color:#333; background:#FFF; font: 18px 'Oswald', sans-serif;}
#ms button{ width:9%; padding:16px 0; font: 18px 'Oswald', sans-serif; background:rgb(9, 9, 9); border:0; color:#FFF; cursor:pointer; border-radius:3px; color:#FFF; }
#ms button:hover{ background:rgb(51, 51, 51); }

#programacoes{ width:98%; max-width:1200px; margin:0 auto; overflow:hidden; padding:30px 0; }
.programacoes{ width:100%;  float:left; cursor:pointer; background:#ececec; padding:15px 10px; border-radius:3px; }
/* .programacoes:last-child{ width:calc(34% - 20px); margin-right:0; } */
.programacoes .icon{ font: 50px 'FontAwesome'; color:rgb(9, 9, 9); float:left; margin-right:15px; padding:10px 0; }
.iconep01:before{ content:"\f02d"; }
.iconep02:before{ content:"\f1ea"; }
.iconep03:before{ content:"\f114"; }
.programacoes h1{ font: 24px 'Oswald', sans-serif; color:rgb(9, 9, 9); }
.programacoes p{ font: 18px 'Oswald', sans-serif; color:#3f454d; text-decoration:none; }
.programacoes:hover{ background:#3f454d; }
.programacoes:hover p{ color:#F4F4F4;}

#palco_contabeis{ width:98%; max-width:1200px; margin:0 auto; overflow:hidden; padding:30px 0; }
.contabeis{ width:calc(50% - 2px); float:left; padding:0 1px; }
.contabeis .cont{ width:calc(50% - 8px); margin:4px 4px; float:left; }
.contabeis .foto{ border-radius:3px; width:50%; }
.contabeis .cont[name="formularios"]{ float: right; }
.contabeis .cont[name="certidoes"]{ float: right; }
.contabeis .cont[name="instituicoes"]{ float: left; }
.contabeis .cont[name="modelos"]{ float: left; }
.contabeis .foto[name="form"]{ float: left; }
.contabeis .foto[name="cert"]{ float: left; }
.contabeis .foto[name="inst"]{ float: right; }
.contabeis .foto[name="mod"]{ float: right; }
.cont_txt{ width:calc(100% - 10px); padding: 30px 5px; text-align:center; }
.cont_txt h1{ font: 24px 'Pompiere', cursive; color:rgb(9, 9, 9); text-transform:uppercase; padding:1% 0; }
.cont_txt p{ font: 16px 'Oswald', sans-serif; color:#3f454d; padding:5% 0; }
.cont_txt button{ width:90px; padding:10px; font: 16px 'Oswald', sans-serif; color:#FFF; background:#3f454d; border:0; color:#FFF; cursor:pointer; border-radius:3px; outline:none; }
.cont_txt button:hover{ background:rgb(9, 9, 9); }

#palco_consultas{ width:98%; max-width:1200px; overflow:hidden; margin:0 auto; padding:30px 0; }
.consultas{ width:calc(25% - 40px); padding:20px 10px; float:left; margin:0 10px; background:rgb(9, 9, 9); border-radius:3px; text-align:center; font: 18px 'Oswald', sans-serif; color:#FFF; cursor:pointer; }
.consultas:hover{ background:rgb(51, 51, 51); }

#mapa{ width:100%; overflow:hidden; margin:20px 0; }
#mapa h1{ font: 30px 'Pompiere', cursive; color:rgb(9, 9, 9); text-transform:uppercase; padding:20px 0; text-align:center; }

#formContato { width:100%; overflow:hidden; margin:20px 0; }
#formContato input { width:100%; border-radius: 3px; border: 1px solid rgba(204,204,204,0.5); padding:20px; font: 20px 'Oswald', sans-serif; color:#333; background:#FFF; outline:none; margin:5px 0; }
#formContato textarea { width:100%; border-radius: 3px; border: 1px solid rgba(204,204,204,0.5); padding:20px; font: 20px 'Oswald', sans-serif; color:#333; background:#FFF; outline:none; margin-bottom:20px; resize:none; }
#formContato button{ width:90px; padding:20px; background:#3f454d; border:0; color:#FFF; float:right; cursor:pointer; border-radius:3px; outline:none; }
#formContato button:hover{ background:rgb(9, 9, 9); }
#formContato button[name="enviar"]{ margin-right:5px; }
#formContato button[name="enviar"], #formContato button[name="limpar"]{ font: 20px 'Oswald', sans-serif; color:#FFF; }

#rodape{ width:100%; overflow:hidden; background:url(../imagens/fundo-rodape.jpg); padding:80px 0;  }
#rodape h1{ font: 16px 'Oswald', sans-serif; color:#FFF; text-align:center; }
#rodape h1 a{ color:#FFF; text-decoration: none; }
#rodape .redes{ width:200px; margin:0 auto;  padding-top:20px;}
#rodape .rd{ width:calc(25% - 40px); margin: 0 20px; float:left; }
#rodape .icone_rd{ font:30px 'FontAwesome'; color:#FFF; text-align:center; cursor:pointer; }
.rd01:before{ content:"\f082"; }
.rd02:before{ content:"\f08c"; }
.rd03:before{ content:"\f081"; }
.rd04:before{ content:"\f0d4"; }
#rodape .icone_rd:hover{ color:#666; }


@media screen and (max-width:1024px){
	.mn{ padding: 44px 10px; }
	.mn h1{ font-size: 24px;}
	.mn h2{ font-size: 14px;}
	#frases p{ font-size:50px; }
}

@media screen and (max-width:768px){
	#logomarca{ width:100%; float:none; margin:0 auto; }
	#endereco{ width:100%; float:none; margin:0 auto;  }
	#endereco p{ text-align:center; }
	#endereco .icone{ display:none; }
	#frases p{ font-size:42px;} 
	#inicial .parte01{ width:100%; float:none; }
	#inicial .parte02{ width:100%; float:none; }
	.mn{ width:calc(90% - 20px); padding: 30px 10px; margin:0 auto; }
	.utilitarios{ width:calc(50% - 20px); }	
	.utilitarios:nth-child(3){background:#8caf33;}
	.utilitarios:nth-child(4){background:rgb(9, 9, 9);}
	.contabeis{ width:calc(100% - 2px); }
	.contabeis .cont[name="formularios"]{ float: right; }
	.contabeis .cont[name="certidoes"]{ float: left; }
	.contabeis .cont[name="instituicoes"]{ float: right; }
	.contabeis .cont[name="modelos"]{ float: left; }
	.contabeis .foto[name="form"]{ float: left; }
	.contabeis .foto[name="cert"]{ float: right; }
	.contabeis .foto[name="inst"]{ float: left; }
	.contabeis .foto[name="mod"]{ float: right; }
	.cont_txt h1{ padding:4% 0; }
	.cont_txt p{ padding:10% 0; }	
	.programacoes{ width:calc(90% - 20px); margin-right:0; float:none; margin:5px auto; }
	.programacoes:last-child{ width:calc(90% - 20px); margin:0 auto; }
}

@media screen and (max-width:640px){
	#proximo, #anterior{ display:none; }
	#frases{ margin-top:-45px; }
	#frases p{ font-size:32px; }
	.cont_txt p{ padding:6% 0; }
	.consultas{ width:calc(50% - 40px); margin:5px 10px;}
    #ms input{ width:100%; margin: 5px 0;}
    #ms button{ width:48%;}
}

@media screen and (max-width:480px){
	#menu li{ display:none; }
	nav select{ display:block; }
	nav { overflow:hidden; }
	#frases{ margin-top:-35px; }
	#frases p{ font-size:25px; }
	#inicial .parte01 h1{ font-size:20px; line-height:40px; width: 40px; height:40px; }
	#inicial .parte01 h2{ font-size:20px; }
	#inicial .parte01 h3{ font-size:16px;} 
	.utilitarios{ width:calc(100% - 20px); }	
	.utilitarios:nth-child(3){background:rgb(9, 9, 9);}
	.utilitarios:nth-child(4){background:#8caf33;}
	.contabeis .foto{ display:none; }
	.contabeis .cont{ width:100%; }
	.programacoes, .programacoes:last-child{ width:calc(100% - 20px); }
}

@media screen and (max-width:320px){
	#inicial .parte01 h1, .mn .icone, #frases { display:none; }
	#inicial .parte01 h2{ font-size:16px; text-indent:0;}
	#inicial .parte01 h3{ font-size:14px; }
	#inicial p{ font-size:14px;}
	.mn h1{ font-size: 20px; }
	.mn h2{ font-size: 12px; }
	#ms h1{ font-size: 26px; } 
	.consultas{ width:calc(100% - 40px); }
	#inicial .parte03 p{ font-size:14px;}
}