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

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

#proximo, #anterior, .bot_up, #img_fd button, .icone_rd, #ms button, #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; }

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

#topo{ width:98%; max-width:1200px; margin:0 auto; overflow:hidden; text-align:right; }
#topo .logomarca{ width:30%; max-width:320px; float:left;  }
#topo .endereco{ width:70%; float:right; margin-top: 50px; }
#topo h1:after{ font: 40px/40px 'FontAwesome'; color:#A30000; content:"\f098"; margin-left:10px; }
#topo h1{ font:26px/40px 'Oswald', sans-serif; color:#33383e; }
#topo p{ font: 16px/60px 'Oswald', sans-serif; color:#33383e; }
#topo p a{ color:#A30000; text-decoration:none;  }
#topo p a:hover{ color:#33383e; }

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

#palco_menu{ width:100%; position:relative; }
#menu{ width:100%; max-width:1200px; margin:0 auto; font-size:0; list-style:none; z-index:9999; position:relative; overflow:hidden; padding-top:30px; top:-30px; border-bottom:6px solid #A30000; }
#menu li{ display:inline-block; width:20%; cursor:pointer; position:relative; background:#33383e; }
#menu li a{ font:18px/80px 'Oswald', sans-serif; color:#FFF; text-transform:uppercase; text-align:center; position:relative; z-index:90; display:block; text-decoration:none; }
#menu li .bot_up{ position:absolute; width:100%; height:130%; background:#A30000; bottom:-130%; }
#menu li:hover .bot_up{ bottom:0; }
#fundo_menu_falso{ width:100%; background:#33383e; position:absolute; height:86px; top:0; z-index:10; }
nav select{ display:none; border-radius:3px; padding:5px 5px; width:calc(100% - 40px); margin: 0 20px; font:20px/40px 'Oswald', sans-serif; color:#33383e; outline:none; z-index:999; background:#FFF; position:relative; top:-8px; }

#paginas{ width:100%; max-width:1200px; margin:0 auto; overflow:hidden; margin-top:-30px; }
#paginas img { margin:15px 30px 15px 0; float:left; }
#paginas h1{ font:26px 'Oswald', sans-serif; color:#A30000; text-transform:uppercase; padding:15px 0; text-align:center; }
#paginas h2{ background:#A30000; font:18px 'Oswald', sans-serif; color:#FFF; text-transform:uppercase; padding:15px 0; text-indent:15px; }
#paginas p { font:16px/26px 'Archivo Narrow', sans-serif; color:#666; text-align:justify; padding:30px 0; }

#img_fd{width:100%; max-width: 1600px; overflow:hidden; padding:80px 0;}
#img_fd{background:no-repeat; background-position: 50% 0;}
#img_fd .noticias {width:98%; max-width:1200px; margin:0 auto; overflow:hidden;}
#img_fd .not{ width:85%; float:left; }
#img_fd .bot_not{ width:15%; float:right; }
#img_fd p{ font:36px/50px 'Lobster', cursive; color:#FFF; text-shadow:2px 2px 2px #333; }
#img_fd button{ background:#A30000; color:#FFF; text-align:center; border-radius:3px; cursor:pointer; padding:30px; outline:none; }
#img_fd button:hover{ background:#FFF; color:#33383e; -webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2);  }
#img_fd button:before{ font:40px 'FontAwesome'; content:"\f067"; }

#mapa{ width:100%; overflow:hidden; margin:20px 0; }
#mapa h1{ font:26px 'Oswald', sans-serif; color:#A30000; text-transform:uppercase; padding: 20px 0; text-align:center; }

#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 .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; }

#ms{ width:98%; max-width:1200px; margin:0 auto; overflow:hidden; padding:30px 0; }
#ms div:before{ font: 30px 'FontAwesome'; color:#A30000; content:"\f13e"; float:left; margin-right:15px; }
#ms h3{ font:26px 'Oswald', sans-serif; color:#A30000; text-transform:uppercase; padding:15px 0; text-align:center; }
#ms a { font: 20px/30px 'Oswald', sans-serif; color:#33383e; text-transform:uppercase; text-decoration:none; }
#ms a:hover{ color:#666; }
#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 'Oswald', sans-serif; color:#33383e; background:#FFF; outline:none; }
#ms button{ width:90px; padding:20px; background:#33383e; border:0; color:#FFF; float:right; cursor:pointer; border-radius:3px; outline:none; }
#ms button:hover{ background:#A30000; }
#ms button[name="enviar"]{ margin-right:5px; }
#ms button[name="enviar"], #ms button[name="limpar"]{ font: 20px 'Oswald', sans-serif; color:#FFF; }

#formContato { width:100%; overflow:hidden; margin:40px auto 10px; }
#formContato input { width:calc(100% - 42px); border-radius: 3px; border: 1px solid rgba(204,204,204,0.5); padding:20px; font: 20px 'Oswald', sans-serif; color:#33383e; background:#FFF; outline:none; margin-bottom:5px; }
#formContato textarea { width:calc(100% - 42px); 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:#33383e; border:0; color:#FFF; float:right; cursor:pointer; border-radius:3px; outline:none; }
#formContato button:hover{ background:#A30000; }
#formContato button[name="enviar"]{ margin-right:5px; }
#formContato button[name="enviar"], #formContato button[name="limpar"]{ font: 20px 'Oswald', sans-serif; color:#FFF; }


@media screen and (max-width:1024px){
	#paginas p { width:98%; margin:0 auto; }
	#formContato{ width:98%; }
	#ms input{ width:22%; }
}

@media screen and (max-width:768px){
	#topo{ text-align:center; }
	#topo .logomarca{ width:100%; float:none; margin:0 auto;  }
    #topo .endereco{ width:100%; margin-top:10px; float:none; margin-top: 25px; }
	#topo h1:after{ display:none; }
	#topo h1:before{ font: 40px/40px 'FontAwesome'; color:#A30000; content:"\f098"; margin-right:10px; }
	#frases p{ font-size:34px; }
	#proximo, #anterior{ width:60px; height:60px; }
	#proximo:before, #anterior:before{ font-size:22px; line-height:60px; }
	#img_fd p{ font-size:30px; }
	#ms input{ width:18%; }
}

@media screen and (max-width:640px){
	#menu li, #frases{ display:none; }
	nav select{ display:block; }
	nav{ overflow:hidden; }
	#menu{ border-bottom: none;  }
	#fundo_menu_falso{ border-bottom:6px solid #A30000; }
	#img_fd{ padding:30px 0;}
	#img_fd .not, #img_fd .bot_not{ width:100%; float:none; margin:0 auto; text-align:center; }
	#img_fd .bot_not{ margin:15px 0; }
	#img_fd button{ padding:20px; }
	#paginas h1, #paginas h2{ margin-top:50px; }
	#ms{ margin-bottom:30px; padding:0; }
	#ms input{ width:calc(100% - 46px); margin:5px 0; }
	#ms button{ float:left; }
	#ms button[name="enviar"]{ margin-left:5px; }
	#img_fd{background-position:center !important; }
}

@media screen and (max-width:480px){
	#proximo, #anterior{ display:none; }
	#img_fd p{ font-size:23px; }
	#mapa h1{ font-size:28px; }		
}

@media screen and (max-width:320px){
	#ms a { font-size: 18px;}
	#ms h3{ font-size:22px; } 
}