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

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

#menu li a, button, a, .box-botoes, .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:9999; width:50px; height:50px; cursor:pointer; display:none; font:20px/50px 'FontAwesome'; color:#FFFFFF; background:#FFCC00; text-align:center; }

::-webkit-input-placeholder {color:#333333;} /* WebKit browsers */
:-moz-placeholder { color:#333333;}/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#333333;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#333333;}/* Internet Explorer 10+ */

body{background:#111111;}

.flex{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }

#topo{width:100%; overflow:hidden; background:#111111;}
#topo2{width:100%; max-width:1000px; margin:0 auto; padding:15px 0;}
/*#logo {width:100%; max-width: 345px; float:left;}*/
#logo {width:100%; max-width: 345px; }
#logo img{max-width:345px;}
/*#data {width:50%; float:right; text-align:right; font: 14px 'Arial'; color:#FFCC00; margin-top:40px;}*/
#data {font: 14px 'Arial'; color:#FFCC00;}
.end>p{font: 14px 'Arial'; color:#FFCC00;}
.end p>a {font: 14px 'Arial'; color:#FFCC00; text-decoration: none; }
.end p>a:hover { color: white; }

#faixa-menu{width: 100%; background:#222222; overflow:hidden; border-top: 1px solid #000000;}
#menu{font-size:0; width:100%; max-width: 1000px; margin: 0 auto; list-style:none; position:relative;}
#menu li {display:inline-block; width:calc(100% / 5);}
#menu li p{font:300 22px/85px 'Oswald', sans-serif; color:#B8B6A7; text-transform:uppercase; text-align:center; border-right: 1px solid rgba(255,255,255,0.2);}
#menu li:last-child{border-right:none;}
#menu li a{display:block; text-decoration:none;}
#menu li:last-child p {border-right:none;}
#menu li a:hover{background:#333333;}
#menu li p:hover{color:#FFCC00;}
nav select { display:none; border-radius:3px; padding:15px; width:calc(100% - 20px); margin:10px; font:300 22px/85px 'Oswald', sans-serif; color:#333; text-transform:uppercase; }

#banner{width:100%; position:relative; overflow:hidden;}
#imagem-fixa{width:100%; height:100%; position:absolute;}
#slogan{width:100%; max-width:1000px; overflow:hidden; z-index:999; position:relative; margin:80px auto; text-align:center;}
#slogan h2{font: 30px 'Lobster Two', cursive; color:#B8B6A7; width:100%;}
#slogan h2 span{color:#FFCC00; display:block;}

#bt-banner{width: 90px; margin: 40px auto 0; overflow:hidden; text-align:center;}
#bt-banner span{font-size:65px; color:#B8B6A7; cursor:pointer;}
#bt-banner span:hover, .cycle-pager-active{color:#FFCC00 !important;}

.img01{background:url(../imagens/img-slogan.jpg) center; background-attachment:fixed; width:100%; height:100%;}
/*.img02{background:url(../imagens/img-slogan2.jpg) center; background-attachment:fixed; width:100%; height:100%;}*/

#detalhe{width:100%; overflow:hidden; z-index:1000; position:relative;}
#detalhe-esq{position:relative; width:49.5%; float:left;}
#detalhe-dir{position:relative; width:49.5%; float:right;}
.corte01 {right:0; height: 0; width:100%; border-bottom: 20px solid #FFCC00; border-right: 20px solid transparent; }
.corte02 {left:0; height: 0; width:100%; border-bottom: 20px solid #FFCC00; border-left: 20px solid transparent; }

#fd-utilitarios{width:100%; background:#FFCC00; overflow:hidden;}
#utilitarios{width:100%; max-width:1000px; margin:0 auto;}
.utilitarios{width:calc(100% / 4); float:left; padding:40px 10px; box-sizing:border-box; text-align:center;}
.utilitarios h1{font:700 22px/70px 'Oswald', sans-serif; color:#FFCC00; text-align:center; margin:0 auto; background:rgba(255,255,255,0.8); width:70px; border-radius:50%;}
.utilitarios h2{font:300 22px/80px 'Oswald', sans-serif; color:#111111; text-align:center; text-transform:uppercase;}
.utilitarios p{font:14px 'Arial'; color:#111111; text-align:center;}
.utilitarios button{background:#111111; color:#FFFFFF; font:12px 'Arial'; cursor:pointer; text-transform:uppercase; padding:15px 20px; margin-top:15px; } 
.utilitarios button:hover{background:rgba(255,255,255,0.8); color:#111111;} 
#faixa-utilitarios{width:100%; background:rgba(255,255,255,0.3); overflow:hidden; text-align:center; font:300 26px/70px 'Oswald', sans-serif; color:#111111;}

#conteudo{width:98%; max-width:1000px; margin:0 auto; overflow:hidden; padding:30px 0;}
#conteudo .blocos{width:calc(100% / 4); float:left;}
#conteudo h1{font:300 22px/70px 'Oswald', sans-serif; color:#B8B6A7; text-transform:uppercase;}
#conteudo h2{font:300 18px/40px 'Oswald', sans-serif; color:#FFCC00; text-transform:uppercase;}
#conteudo p{font:14px/22px 'Arial'; color:#B8B6A7; text-align:justify;}
#conteudo a{font:14px/22px 'Arial'; color:#B8B6A7; text-align:center; text-decoration:none;} 
#conteudo a:hover{color:#FFCC00;}

#mapa{width:100%; padding-bottom:30px;}

#consultas{width:100%; max-width:1000px; margin:0 auto; overflow:hidden; border-bottom:1px dotted #B8B6A7;}
.consultas{width:calc(100% / 4); float:left; padding:40px 10px; box-sizing:border-box; text-align:center;}
.consultas img{margin-bottom:20px;}
.consultas h1{font:300 22px/70px 'Oswald', sans-serif; color:#B8B6A7; text-align:center; text-transform:uppercase;}
.consultas h2{font:300 22px/80px 'Oswald', sans-serif; color:#111111; text-align:center; text-transform:uppercase;}
.consultas a{font:14px/22px 'Arial'; color:#B8B6A7; text-align:center; text-decoration:none;} 
.consultas a:hover{color:#FFCC00;}

#ms{ width:98%; max-width:1000px; margin:0 auto; overflow:hidden; padding:40px 0; }
#ms h1{font: 700 20px 'Oswald', sans-serif; color:#ffCC00; text-transform:uppercase; text-align:center;}
#ms form{ width:100%; overflow:hidden; margin:20px 0;}
#ms input{ width:49%; margin:5px 0.5%; border-radius: 3px; float:left; padding:20px; font: 16px/20px 'Archivo Narrow', sans-serif; color:#333333; background:#B8B6A7;}
#ms button{ padding:20px; background:#333333; color:#B8B6A7; cursor:pointer; border-radius:3px; font: 14px/20px 'Archivo Narrow', sans-serif; text-transform:uppercase; margin:5px 0 5px 0.5%; border:0;}
#ms button:hover{ background:#585858; color:#FFFFFF; }
#ms a { font: 14px/20px 'Archivo Narrow', sans-serif; display:inline-block; color:#FFCC00; text-transform:uppercase; text-decoration:none; background:#222222; border-radius:3px; padding:20px 12px; border: 1px solid rgba(204,204,204,0.5); margin:5px 0 5px 0.5%; border:0;}
#ms a:hover{ background:#333333; }
#ms a:before{ font: 14px 'FontAwesome'; content:"\f13e"; margin-right:15px; color:#FFCC00; }

#formContato { width:100%; overflow:hidden; margin:20px auto; }
#formContato input { width:98%; margin:5px 1%; border-radius: 3px; float:left; padding:20px; font: 16px/20px 'Archivo Narrow', sans-serif; color:#333333; background:#B8B6A7;}
#formContato textarea { width:98%; margin:5px 1%; border-radius: 3px; float:left; padding:20px; font: 16px/20px 'Archivo Narrow', sans-serif; color:#333333; background:#B8B6A7; resize:none; }
#formContato button{padding:20px; background:#333333; color:#B8B6A7; cursor:pointer; border-radius:3px; font: 14px/20px 'Archivo Narrow', sans-serif; text-transform:uppercase; margin:5px 0 5px 0.5%; border:0;}
#formContato button:hover{ background:#585858; color:#FFFFFF; }

#programacoes{width:98%; max-width:1000px; margin:0 auto; overflow:hidden; padding-bottom:40px; border-bottom:1px dotted #B8B6A7; }
#programacoes .box-botoes{width:calc(50% - 20px); margin:0 10px; float:left; background:#222222; border-radius:3px; padding:20px; box-sizing:border-box; text-align:center; cursor:pointer;}
#programacoes h1 {font: 300 20px 'Oswald', sans-serif; color:#FFCC00; text-transform:uppercase;}
#programacoes p {font: 14px/20px 'Archivo Narrow', sans-serif; color:#B8B6A7;}
#programacoes .box-botoes:hover {background:#333333;}

#inferior{width:98%; max-width:1000px; margin:0 auto; overflow:hidden; padding:20px 0;}
#inferior h1{font:300 22px/70px 'Oswald', sans-serif; color:#B8B6A7; text-transform:uppercase;}
#inferior h2{font:300 18px/40px 'Oswald', sans-serif; color:#FFCC00; text-transform:uppercase;}
#inferior p{font:14px/22px 'Arial'; color:#B8B6A7; text-align:justify;}
#inferior a{font:14px/22px 'Arial'; color:#B8B6A7; text-align:center; text-decoration:none;} 
#inferior a:hover{color:#FFCC00;}
.inferior01{width:calc(40% - 20px); float:left; border-left:4px solid #FFCC00; box-sizing:border-box; padding-left:15px; margin-right:20px;}
.inferior02{width:calc(60% - 20px); float:left; overflow:hidden; margin-left:20px;}
.inferior02 .links{width:calc(100% / 2); float:left; padding:10px 15px; box-sizing:border-box; }
.inferior02 .links:before{font:40px 'FontAwesome'; color:#FFCC00; border-radius:50%; margin:10px auto; float:left; margin-right:10px;}
.icone01:before{content:"\f133";}
.icone02:before{content:"\f26c";}
.icone03:before{content:"\f044";}
.icone04:before{content:"\f115";}

#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:295px; margin:0 auto; padding-top:20px; overflow:hidden;}
#rodape .rd{ width:25%; float:left;}
#rodape .icone_rd{ font:60px 'FontAwesome'; color:#666; 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:#FFFFFF; }



@media screen and (max-width: 990px){
	.utilitarios{width:calc(100% / 2); padding:40px 70px; height:322px;}
	.consultas{width:calc(100% / 2); padding:20px 70px; height:350px;}
	.inferior01{width:calc(100% - 20px); float:none; margin-right:0;}
	.inferior02{width:calc(100% - 20px); float:none; margin-left:0;}
	.inferior02 .links{height:120px;}
	#conteudo .blocos{width:calc(100% / 2);}
}

@media screen and (max-width: 767px){
	.utilitarios{padding:40px 30px;}
	#logo {width:100%; float:none; margin:0 auto; text-align:center;}
	#data {display:none;}
	.consultas{padding:20px;}
	#ms input{ width:99%;}
}

@media screen and (max-width: 600px){
	.utilitarios{padding:40px 5px;}
	#menu li{display:none;}
	nav select {display:block;}
	.consultas{width:100%; padding:10px 40px; margin:5px 0; height:auto;}
	#programacoes .box-botoes{width:calc(100% - 20px); margin:5px 10px; }
	.inferior02 .links{width:100%; float:none;}
}

@media screen and (max-width: 479px){
	.utilitarios{width:100%; padding:40px 30px;}
	#logo img{max-width:320px;}
	#ms button {width:49.5%; float:left;}
	#ms a {width:99%;}
	#conteudo .blocos{width:100%;}
}

@media screen and (max-width: 320px){
	#logo img{max-width:320px;}
	#conteudo h1{font-size:20px;}
}