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

*{border:none; resize:none; box-sizing:border-box; outline:none; }
a{text-decoration:none;}
body{margin:0;}

#faixa-menu{width:100%; background:rgb(0, 56, 129); overflow:hidden;}
#menu{width:98%; max-width:1000px; margin:0 auto; display:flex; list-style:none; padding:0; }
#menu li{flex-grow:1; text-align:center; position:relative; cursor:pointer;}
#menu li a{display:block; font:300 18px/80px 'Oswald', sans-serif; color:rgb(255, 255, 255); position:relative; z-index:10; text-transform:uppercase;}
#menu li:hover .mn-over{top:80px; background:rgb(211, 55, 73);}
.mn-over{width:100%; padding:80px 0; position:absolute; z-index:0; top:-40px; transition:all 300ms;}

nav select{display:none; border-radius:3px; padding:5px 5px; width:calc(100% - 40px); margin: 30px 20px; font: 20px/28px 'Archivo Narrow', sans-serif; color:rgb(51, 51, 51); background:rgb(255, 255, 255); position:relative;}

#logo{width:100%; max-width:400px; margin:0 auto; padding:15px 0;}
#slogan{width:96%; max-width:500px; margin:0 auto; text-align:center; border-top:3px solid rgb(211, 55, 73); border-bottom:3px solid rgb(211, 55, 73); font:300 30px 'Oswald', sans-serif; text-transform:uppercase; color:rgb(51, 51, 51); padding:10px 0;}
#slogan span{color:rgb(211, 55, 73);}

#banner{ width:100%; overflow:hidden; position:relative; margin-top:20px;}
#fotos{ width:100%; overflow:hidden; }
#dots{ position:absolute; z-index:800; width:100%; height:100%; opacity:0.8; background:url(../banner/dots.png); }

#faixa-home{width:100%; background:rgb(0, 56, 129); padding:20px 0;}

#contato-home{width:60%; margin:0 auto; padding:10px; background:rgb(255, 255, 255); position:relative; top:-60px; z-index:900; text-align:center; overflow:hidden; border-bottom:5px solid rgb(211, 55, 73);}
#contato-home h1{font:300 30px 'Oswald', sans-serif; color:rgb(0, 56, 129); margin:0; }
#contato-home p{font:300 40px 'Oswald', sans-serif; color:rgb(211, 55, 73); margin:0;}
#blocos-home{width:98%; max-width:1000px; margin:0 auto; height:auto; font-size:0;}
.bl-home{width:calc(100% / 4 - 20px); margin:0 10px; display:inline-block; text-align:center; cursor:pointer;}
.bl-home:hover .icon-bl-home{background:rgba(255,255,255,0.2); transition:all 300ms;}
.bl-home h2{font: 23px 'Lobster', cursive; color:rgb(255, 255, 255); margin:0;}
.bl-home p{font:16px 'Archivo Narrow', sans-serif; color:rgb(255, 255, 255); }
.icon-bl-home{width:140px; height:140px; background:rgba(255,255,255,0.1); border-radius:50%; font: 50px/140px 'FontAwesome'; color:rgb(255, 255, 255); margin:30px auto;}
.bloc01:before{ content:"\f115";}
.bloc02:before{ content:"\f109";}
.bloc03:before{ content:"\f073";}
.bloc04:before{ content:"\f1ec";}

#fd-conteudo{width:100%; background-image:url(../imagens/textura.png); padding:30px 0;}
#texto-conteudo{width:98%; max-width:1000px; margin:0 auto;}
.txt-blocos{display:flex; justify-content:space-between; flex-wrap:wrap;}
.colunas{width:48%; padding:20px 0; vertical-align:top;}
.colunas img{display:block; margin:0 auto;}
.textos h1{font:300 30px 'Oswald', sans-serif; color:rgb(168, 43, 56); margin:0; padding-bottom:15px; width:100%;} 
.textos h2{font:300 20px 'Oswald', sans-serif; color:rgb(0, 56, 129); margin:0; padding-bottom:15px;} 
.textos span{font:300 30px 'Oswald', sans-serif; color:rgb(0, 56, 129);}
.textos p, .textos ul{font:16px/26px 'Archivo Narrow', sans-serif; color:rgb(51, 51, 51); text-align:justify;}
.textos a{color:rgb(51, 51, 51);}
.textos a:hover{color:rgb(214, 64, 82);}
.consultas {width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.consultas ul {width:calc(100% / 4 - 20px); margin:0 10px; padding:0;}

#fd-utilitarios{width:100%; background:rgb(235, 235, 235); padding:20px 0; }
#utilitarios{width:98%; max-width:1000px; margin:0 auto; display:flex; justify-content:space-between; flex-wrap:wrap;}
.util{width:calc(100% / 4 - 6px); margin:0 3px; background:rgb(0, 56, 129); text-align:center; cursor
:pointer;}
.util:hover{background:rgb(0, 56, 129); transition:all 300ms;}
.util h1{font:300 22px 'Oswald', sans-serif; color:rgb(255, 255, 255); margin:0; padding:30px 0;}
.util p{font:16px/26px 'Archivo Narrow', sans-serif; color:rgb(255, 255, 255); margin:0; padding:0 30px 50px 30px;}

#ms{width:98%; max-width:1000px; margin:0 auto; padding:20px 0;}
#ms h1{font:400 20px 'Oswald', sans-serif; color:rgb(0, 56, 129); text-transform:uppercase; text-align:center;}
#ms form{width:98%; margin:20px 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
#ms input{width:49.5%; border-radius: 3px; border: 1px solid rgba(204,204,204,0.5); padding:20px; font: 16px/20px 'Archivo Narrow', sans-serif; color:rgb(51, 51, 51); margin:5px 0;}
#ms button{width:calc(49.5% / 3 - 0.5%); background:rgb(211, 55, 73); color:rgb(255, 255, 255); cursor:pointer; border-radius:3px; font: 14px 'Archivo Narrow', sans-serif; text-transform:uppercase; margin:5px 0 5px 0.5%; border: 1px solid rgba(204,204,204,0.5); padding:20px;}
#ms button:hover{background:rgb(168, 43, 56); transition:all 300ms;}
#ms button.adm{background:rgb(0, 56, 129);}
#ms button.adm:hover{background:rgb(0, 56, 129);}
#ms button.adm:before{ font: 14px 'FontAwesome'; content:"\f13e"; margin-right:5px; }

#programacoes{width:98%; max-width:1000px; margin:0 auto; padding:20px 0; display:flex; flex-wrap:wrap;}
#programacoes .box-botoes{width:calc(50% - 20px); margin:0 10px; background:rgb(0, 56, 129); border-radius:3px; padding:20px; text-align:center; cursor:pointer;}
#programacoes h1 {font:400 16px 'Oswald', sans-serif; color:rgb(255, 255, 255); text-transform:uppercase;}
#programacoes p {font:14px/20px 'Archivo Narrow', sans-serif; color:rgb(255, 255, 255); text-transform:uppercase;}
#programacoes .box-botoes:hover {background:rgb(0, 56, 129); transition:all 300ms;}

#imagem-fixa{width:100%; background:url(../imagens/img-fundo.jpg) center; background-attachment:fixed; background-size:cover; padding:20px 0;}

#utilitarios02{width:98%; max-width:1000px; margin:0 auto; padding:60px 0; position:relative; display:flex; justify-content:space-between; flex-wrap:wrap;}
.util02{width:calc(100% / 4 - 20px); margin:0 10px; text-align:center; cursor:pointer; flex-wrap:wrap; text-align:center;}
.arco{width:120px; height:120px; text-align:center; border:2px solid rgb(255, 255, 255); border-radius:50%; margin:0 auto;}
.arco:before{font:50px/120px 'FontAwesome'; color:rgb(255, 255, 255);}
.icon-util02A:before{content:"\f16c";}
.icon-util02B:before{content:"\f0b1";}
.icon-util02C:before{content:"\f046";}
.icon-util02D:before{content:"\f044";}
.util02 h1{font:300 22px 'Oswald', sans-serif; color:rgb(255, 255, 255); margin:0; padding:20px 0;}
.util02 p{font:16px/26px 'Archivo Narrow', sans-serif; color:rgb(255, 255, 255); margin:0;}

#formContato { width:100%;}
#formContato input { width:100%; margin:5px 0; border-radius: 3px; border: 1px solid rgba(204,204,204,0.5); padding:15px; font: 14px 'Archivo Narrow', sans-serif; color:rgb(51, 51, 51); }
#formContato textarea { width:100%; margin:5px 0; border-radius: 3px; border: 1px solid rgba(204,204,204,0.5); padding:15px; font: 14px 'Archivo Narrow', sans-serif; color:rgb(51, 51, 51); resize:none; }
#formContato button{width:calc(100% / 2 - 0.5%); margin:5px 0 5px 0.5%; background:rgb(211, 55, 73); color:rgb(255, 255, 255); cursor:pointer; border-radius:3px; font: 14px 'Archivo Narrow', sans-serif; text-transform:uppercase;  border: 1px solid rgba(204,204,204,0.5); padding:20px; float:left;}
#formContato button:hover{ background:rgb(168, 43, 56); transition:all 300ms;}

#rodape{width:100%; background:rgb(0, 56, 129); padding:30px 0;}
.rodape{width:100%; max-width:1000px; margin:20px auto; text-align:center;}
.rodape h2{font:300 22px 'Oswald', sans-serif; color:rgb(255, 255, 255); margin:0;}

#redes-sociais{width:100%; max-width:380px; margin:0 auto; padding:10px 0; display:flex;}
.redes{width:calc(100% / 4); padding:30px 15px;}
.icone-redes:before{font:45px 'FontAwesome'; color:rgb(255, 255, 255); cursor:pointer;}
.ic-redesA:before{content:"\f230";}
.ic-redesB:before{content:"\f081";}
.ic-redesC:before{content:"\f0d4";}
.ic-redesD:before{content:"\f16d";}


@media screen and (max-width:899px){
	.bl-home{width:calc(100% / 2 - 20px); margin:10px;}
	.colunas{width:100%; padding:20px 0;}
	.util{width:calc(100% / 2 - 6px); margin:3px;}
	#ms input{width:100%; margin:5px 0;}
	#ms button{width:calc(100% / 3 - 1%); margin:2px 0.5%;}
	#programacoes .box-botoes{width:calc(100% - 20px); margin:5px 10px;}
	.util02{width:calc(100% / 2 - 20px); margin:20px 10px;}
	#contato-home{width:90%;}
	.consultas ul {width:calc(100% / 2 - 20px); padding:0 10px;}
}

@media screen and (max-width:479px){
	#menu{display:none;}
	nav select{display:block;}
	#ms button, .util, .util02, .bl-home{width:100%;}
	.consultas ul {width:100%;}
}