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

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

#menu li a, .programacoes, #mn_links li a{ -webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; }
button, input, textarea{ outline:none; -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:#FFF; border-bottom:4px solid #be9853; }
#topo{ width:100%; max-width:1200px; margin:0 auto; overflow:hidden; padding:10px 0; }
#logo{ width:100%; max-width:320px; float:left; }
#endereco{ width:50%; float:right; font:24px/40px 'denseregular'; color:#18341D; margin-top:25px; text-align:right; padding-right:10px; }
#endereco span{ font-size:28px; color:#be9853; }

.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:#be9853; text-align:center; }

#palco_menu{ background:#18341D; width:100%; }
#menu{ width:100%; max-width:1200px; font-size:0; padding:0; overflow:hidden; margin: 0 auto; list-style:none; position:relative; }
#menu li{ width:calc(100% / 7); display:inline-block; position:relative; }
#menu li a{ font:28px/80px 'denseregular'; color:#FFF; text-align:center; text-transform:uppercase; display:block; text-decoration:none; }
#menu li a:hover{ background:#18341D; }
nav select{ display:none; border-radius:3px; padding:15px; width:calc(100% - 20px); margin:10px; font:28px/80px 'denseregular'; color:#18341D; }

#img_fd{ width:100%; overflow:hidden; background:no-repeat; background-position: 50% 0; }

#blocos{ width:100%; max-width:1200px; margin:0 auto; overflow:hidden; padding:50px 0; }
#blocos .home{ width:calc(50% - 100px); margin: 0 10px; padding: 40px; background:rgba(69, 92, 73,0.8); float:left; border-radius:3px; }
#blocos h1{ font: 32px 'denseregular';  color:#FFF; text-transform:uppercase; }
#blocos p{ font: 12px/20px Arial; color:#FFF; padding:20px 0; }
#blocos button{ background:#18341D; text-align:center; padding:15px; color:#FFF; cursor:pointer; border: 1px solid rgba(255,255,255,0.5); border-radius:3px; }
#blocos button:hover{ background:rgba(255,255,255,0.3); }

#fd_centro{ width:100%; overflow:hidden; padding:30px 0; background:#FFF; }
#centro{ width:98%; max-width:1200px; margin:0 auto; overflow:hidden; padding:10px 0; }
#centro .esquerda{ width:48%; float:left; }
#centro .direita{ width:48%; float:right; }
#centro h1{ font: 32px 'denseregular';  color:#be9853; text-transform:uppercase; }
#centro p{ font: 12px/20px Arial; color:#333; padding:20px 0; }
#centro button{ width:100%; background:#FFF; font: 24px 'denseregular'; text-align:left; text-transform:uppercase; padding: 10px; color:#be9853; cursor:pointer; margin-top:5px; border:0; }
#centro button:hover{ text-indent:15px; }
#centro .icon:before{ font:20px 'FontAwesome'; color:#be9853; margin:5px 10px 0 0; float:left; content:"\f05d "; }

#utilitarios{ width:100%; overflow:hidden; }
.utilitarios{ width:25%; float:left; }
#utilitarios button{ width:100%; background:#18341D; font: 24px 'denseregular'; text-align:center; text-transform:uppercase; padding: 30px 55px; color:#FFF; cursor:pointer; border-right:1px solid rgba(255,255,255,0.4); }
#utilitarios button:hover{ background:#465D4A; }
#utilitarios button[name="financas"], #utilitarios button[name="instituicoes"]{ background:#18341D; } /*lembrar de alterar as cores nas resoluções 768px e 480px */ 
#utilitarios button[name="financas"]:hover, #utilitarios button[name="instituicoes"]:hover{ background:#465D4A; } /*lembrar de alterar as cores nas resoluções 768px e 480px */
#utilitarios h1{ font: 32px 'denseregular'; color:#FFF; text-transform:uppercase; padding: 20px 0; }
#utilitarios p{ font: 20px 'denseregular'; color:#FFF; }
#utilitarios .icon:before{ font: 50px 'FontAwesome'; color:#FFF; }
.icone01:before{ content:"\f108"; }
.icone02:before{ content:"\f073"; }
.icone03:before{ content:"\f07c"; }
.icone04:before{ content:"\f017"; }

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

#ms{ width:98%; max-width:1200px; margin:0 auto; overflow:hidden; padding:10px 0; }
#ms h1{ font: 36px 'denseregular'; color:#be9853; text-transform:uppercase; padding: 20px 0; text-align:center; }
#ms div:before{ font: 30px 'FontAwesome'; color:#18341D; content:"\f13e"; float:left; margin-right:15px; }
#ms a { font: 20px/30px 'denseregular'; color:#18341D; text-transform:uppercase; text-decoration:none; }
#ms a:hover{ color:#465D4A; }
#ms form{ width:100%; overflow:hidden; margin:20px 0; }
#ms input{ width:24%; border-radius: 3px; border: 1px solid rgba(204,204,204,0.5); padding:20px; font: 20px 'denseregular'; color:#333; background:#FFF; }
#ms button{ width:90px; padding:16px 20px; background:#18341D; border:0; color:#FFF; float:right; cursor:pointer; border-radius:3px; }
#ms button:hover{ background:#18341D; }
#ms button[name="enviar"]{ margin-right:5px; }
#ms button[name="enviar"], #ms button[name="limpar"]{ font: 26px/28px 'denseregular'; color:#FFF; }

#programacoes{ width:100%; max-width:1200px; margin:0 auto; overflow:hidden; padding:30px 0; }
.programacoes{ width:calc(50% - 10px); margin: 0 5px; float:left; background:#18341D; cursor:pointer; border-radius:3px; }
.programacoes:hover{ background:#18341D; }
#programacoes .icon:before{ position:absolute; font:60px 'FontAwesome'; color:#FFF; float:left; padding:20px; }
.icone_prog01:before{ content:"\f1ea"; }
.icone_prog02:before{ content:"\f044"; }
#programacoes h1{ font: 36px 'denseregular'; color:#FFF; text-transform:uppercase; padding-top: 20px; text-align:center; }
#programacoes p{ font: 20px 'denseregular'; color:#FFF; text-transform:uppercase; padding: 10px 0; text-align:center; }

#acesso{ width:100%; max-width:1200px; margin:0 auto; overflow:hidden; padding:20px 0; }
.acesso{ width:calc(25% - 40px); margin: 0 20px; float:left; }
#acesso img{ width:100%; max-width: 400px; box-shadow: 5px 5px 10px #999; cursor:pointer; border-radius:3px; }
#acesso img:hover{ background-position:9px; }
#acesso h1{ font: 32px 'denseregular'; color:#be9853; text-transform:uppercase; padding-top: 20px; text-align:center; }
#acesso p{ font: 20px 'denseregular'; color:#333; text-transform:uppercase; padding: 5px 0; text-align:center; }

#fd_links{ width:100%; overflow:hidden; padding:20px 0; background:#18341D; }
#links{ width:98%; max-width:1200px; margin:0 auto; }
.links{ width:calc(20% - 10px); margin:0 5px; float:left; }
#links h1{ font: 36px 'denseregular'; color:#FFF; text-transform:uppercase; padding-top: 20px; text-align:center; }
#links h2{ font: 28px 'denseregular'; color:#FFF; text-transform:uppercase; text-align:center; background:rgba(255,255,255,0.2); padding: 15px 0; margin: 15px 0; border-radius:3px; }
#links .blocos{ width:calc(25% - 40px); margin: 0 20px; float:left; margin-top:30px; text-align:right; }

#mn_links{ margin: 0; padding:0; list-style: none;	width: 100%; }
#mn_links li{ border-top: 1px dotted rgba(255,255,255,0.2); }
#mn_links li:first-child { border-top: none; }
#mn_links li a { display:block;	padding: 10px 0; font: 20px 'denseregular'; color:#FFF; text-decoration:none; }
#mn_links li a:hover { text-indent: 10px; }
#mn_links li a:before{ font: 10px 'FontAwesome'; color:#FFF; content:"\f054"; float:left; margin-right: 10px; }

#mapa{ width:100%; overflow:hidden; margin:20px 0; }
#mapa h1{ font: 36px 'denseregular'; color:#18341D; text-transform:uppercase; padding: 20px 0; text-align:center; }

#redes_sociais{ width:100%; padding: 15px 0; background:#18341D; }
#redes_sociais>div{ width:100%; max-width:1200px; margin:0 auto; overflow:hidden; }
#redes_sociais h1 { text-align:center; font: 28px/60px "denseregular"; color:#FFF; text-transform:uppercase; }

.iconeRedes{ font: 40px/60px "FontAwesome"; color:#FFF; cursor:pointer; display:inline-block; width:60px; }
.ic01:before{ content:"\f082"; }
.ic02:before{ content:"\f16d"; }

#txt_rodape{ font: 22px 'denseregular'; color:#18341D; text-transform:uppercase; text-align:center; padding:30px 0; }

#conteudo{ width: 98%; max-width:1200px; margin:0 auto; overflow:hidden; }
#conteudo h1{ font: 32px 'denseregular'; color:#18341D; text-transform:uppercase; padding-top:30px; }
#conteudo h2{ font: 26px 'denseregular'; color:#333; text-transform:uppercase; padding-top:30px; }
#conteudo p{ font: 12px/20px Arial; color:#333; padding:20px 0; text-align:justify; }
#conteudo .contato{ color: #18341D; width:calc(50% - 20px); margin:0 10px; float:left; }
#conteudo a { font: 20px/30px 'denseregular'; color:#18341D; text-decoration:none; }
#conteudo a:hover{ color:#465D4A; }

#formContato { width:100%; margin-top:20px; }
#formContato input { width:calc(100% - 40px); border-radius: 3px; border: 1px solid rgba(204,204,204,0.5); padding:20px; font: 20px 'denseregular'; color:#333; background:#FFF; margin-bottom:5px; }
#formContato textarea { width:calc(100% - 40px); border-radius: 3px; border: 1px solid rgba(204,204,204,0.5); padding:20px; font: 20px 'denseregular'; color:#333; background:#FFF; margin-bottom:20px; resize:none; }
#formContato button{ width:90px; padding:16px 20px; background:#18341D; border:0; color:#FFF; float:right; cursor:pointer; border-radius:3px; }
#formContato button:hover{ background:#18341D; }
#formContato button[name="limpar"]{ margin-left:5px; }
#formContato button[name="enviar"], #formContato button[name="limpar"]{ font: 26px/28px 'denseregular'; color:#FFF; }

#clientes{ width:100%; max-width:1200px; margin:0 auto; overflow:hidden; padding:30px 0; }
.clientes{ width:calc(50% - 10px); margin: 0 5px; float:left;}



@media screen and (max-width:1024px){
	#ms input{ width:22%; }
}

@media screen and (max-width:900px){
	nav select{ display:block; }
	nav { overflow:hidden; }
	#menu{ display:none; }
}

@media screen and (max-width:768px){
	.utilitarios{width:50%;}
	#utilitarios button[name="modelos"]{ background:#18341D; } /*lembrar de alterar as cores */
	#utilitarios button[name="instituicoes"]{ background:#18341D; }	 /*lembrar de alterar as cores */
	#utilitarios button[name="instituicoes"]:hover, #utilitarios button[name="modelos"]:hover{ background:#465D4A; } /*lembrar de alterar as cores */
	#ms input{ width:18%; }
	.programacoes{ width:calc(100% - 10px); margin: 5px; }
	.acesso{ width:calc(25% - 20px); margin: 0 10px; }
	#acesso h1{ font-size: 26px; }
	#acesso p{ font-size: 18px; }
	#links .blocos{ width:calc(50% - 40px); margin: 0 20px; }
}

@media screen and (max-width:640px){
	#logo{ float:none; margin: 0 auto; }
	#endereco{color: #18341D; float:none; margin: 0 auto; width:100%; text-align:center; }
	#blocos .home{ width:calc(100% - 100px); margin-bottom:10px; }
	#centro .direita, #centro .esquerda{ width:98%; float:none; margin:0 auto; padding: 0 5px; }
	#utilitarios h1{ font-size: 28px; }
	#fd_centro{ padding-bottom: 0; }
	#utilitarios{ margin-top:0; }
	#ms input{ width:calc(100% - 46px); margin:5px 0; }
	#ms button{ float:left; }
	#ms button[name="enviar"]{ margin-left:5px; }
	.acesso{ width:calc(50% - 20px); margin-bottom:20px; }
	#acesso h1{ font-size: 32px; }
	#conteudo .contato{ width:calc(100% - 20px);  padding-bottom:20px; }
}

@media screen and (max-width:480px){
	.utilitarios{ width:100%; }
	#utilitarios button[name="modelos"]{ background:#18341D; } /*lembrar de alterar as cores */
	#utilitarios button[name="instituicoes"]{ background:#18341D; }	 /*lembrar de alterar as cores */
	#links .blocos{ width:calc(100% - 60px); margin: 0 30px; }
	.clientes{ width:calc(100% - 10px); margin: 0 5px;}

}

@media screen and (max-width:320px){
	#centro h1{ font-size: 26px; }
	#ms h1{ font-size: 32px; }
	#programacoes .icon:before{ display:none; }
	.acesso{ width:calc(100% - 20px); margin-bottom:20px; }
}

.txt-color{
	color: #18341D;
}