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

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

body {width: 100%;}

#topo{width: 100%; overflow:hidden; position:fixed; z-index:10;}
#tarja_topo{width: 100%; background:#eee; height: 150px;}

#menu{font-size:0; width:100%; max-width: 1000px; margin: 0 auto; padding:0; list-style:none;top:-50px; position:relative; background:#424955; height:85px;}
#menu li {display:inline-block; width: 16.6666666667%;}
#menu li p{font: 16px/85px "avantgarde_bk_btbook"; color:#FFF; 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; color:#FFF;}
#menu 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;}
#menu li:last-child p {border-right:none;}
#menu li a:hover{color:#FFF; background: rgb(218, 37, 28);}
nav select { display:none; border-radius:3px; padding:15px; width:calc(100% - 20px); margin:10px;font: 20px/80px 'avantgarde_bk_btbook'; color:#333; text-transform:uppercase; }


#menu02{font-size:0; width: 100%; list-style:none; float:left;}
#menu02 li{display: block; width: 100%;	font: 12px Arial; text-align:left; text-indent: 5px;}
#menu02 li a{display:block; padding: 8px 0; text-decoration:none; color:#333;}
#menu02 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;}
#menu02 li a:hover{color:rgb(218, 37, 28); text-indent: 10px;}
#menu02 li a:before{content:"•"; float:left;}

#espaco_logomarca{width: 100%; max-width: 1000px; margin: 0 auto; position:relative; overflow:hidden; margin-top: 180px; padding: 30px 0;}
#logo{width: 45%; max-width: 320px; height: 100px; background: url(../imagens/logomarca.png) no-repeat center; margin: 0 auto; float:left;}
#slogan{width:50%; float:right;  height: 100px;}
#slogan p{font: 16px/30px "avantgarde_bk_btbook"; color:#333; text-transform:uppercase; text-align:center;}
#slogan p span{font: 14px/30px "avantgarde_bk_btbook"; color:rgb(218, 37, 28); text-transform:uppercase; text-align:center;}

#bloco_dividido01{width: 50%;  float:left; padding:0; margin:0;}
#bloco_dividido02{width: 50%; float:right; padding:0; margin:0;}

#laterais{margin: 0 10px; overflow:hidden;}
#textos{width:100%; max-width: 990px; margin: 0 auto; overflow:hidden; padding: 10px 0;}
#textos2{width:100%; max-width: 990px; margin: 0 auto; overflow:hidden; padding: 10px 0; margin-top: 30px;}

#mapa_google{width:100%; max-width: 990px; margin: 0 auto; overflow:hidden; padding-top: 20px;}

#img_fd{width:100%; max-width: 1920px; overflow:hidden; padding:30px 0;}
#img_fd{background:no-repeat; background-position: 50% 0;}

#conteudo{width: 100%; overflow:hidden;}

#blocos_home{width: 100%; max-width: 1000px; margin: 20px auto; text-align:center; overflow:hidden;}
.bl_home{width: 25%; float:left;}
.bl_home div{margin: 0 10px; padding:35px 10px;}
.bl_nmr{width:70px; height:70px; margin: 0 auto; background:rgb(218, 37, 28); color:#FFF; border-radius:50%; text-align:center; font: 28px/70px Arial; margin-bottom: 10px;}

#blocos_centro{width: 100%; max-width: 990px; margin: 20px auto; text-align:center; overflow:hidden; padding: 10px 0;}
.bl_centro{width: 50%; float:left;}
.bl_centro div{padding: 10px;}

#blocos_gira{width: 100%; max-width: 1000px; margin: 20px auto; text-align:center; overflow:hidden;}
.bl_gira{width: 25%; float:left;}
.bl_gira div{margin: 0 10px; padding:15px 10px;}
.bl_gira div{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}
.bl_gira div:hover .gira_img{-webkit-transform:rotateY(360deg);}

#linhas{width: 80%; overflow:hidden; float:left; margin:0; padding:0;}
.linha_escura{width: 70px; height: 5px; background:rgb(160, 28, 24); float:left;}
.linha_clara{width: 150px; height: 5px; background:rgb(218, 37, 28); float:left;}

.img_icons_home{float:left; margin: 10px 20px 0 0;}

.botao_voltar {position:fixed; bottom:0; right:10px; z-index:999; width:75px; height:75px; cursor:pointer; display:none;}
.botao_voltar img {display:block;}

#area_cliente{width: 100%; max-width: 990px; margin: 0 auto; text-align:center; overflow:hidden; border-top:1px dotted #333; border-bottom: 1px dotted #333; padding: 30px 0;}

#rodape{width: 100%; overflow:hidden; background:#333;}

#redes_sociais{width: 100%; max-width: 500px; margin:0 auto; overflow:hidden;}
.bt_redesociais{width: 25%; float:left;}
.bt_redesociais img{width:80px; height:auto;}
.bt_redesociais div{margin: 0 10px; padding:15px 0;}
.bt_redesociais div{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}
.bt_redesociais div:hover .gira_rs{-webkit-transform:rotateX(360deg);}

.prog{width: calc(100% / 2 - 40px); margin: 10px; background: rgb(51, 51, 51); font: 14px Arial; color: rgb(255, 255, 255); display: block; float: left; text-align: justify; padding: 20px 10px; text-decoration: none;}
.prog:hover{background: rgb(218, 37, 28);}


.texto01{font: 17px/45px "avantgarde_bk_btbook"; color:#FFF; text-transform:uppercase; text-align:center;} 
.texto02{font: 12px/22px Arial; color:#FFF; text-align:center; padding: 15px 0;} 
.texto03{font: 26px/22px Arial; color:#333; padding: 5px 0; text-transform:uppercase; text-align:left;} 
.texto04{font: bold 14px/22px Arial; color:#000; text-align:left; padding:0;}
.texto05{font: 12px/22px Arial; color:#000; text-align:justify;} 
.texto06{font: 12px Arial; color:#333; text-indent: 10px; text-align:left; padding: 12px 0; width: 21%; border-radius: 5px; border:none; background:#eee; margin: 10px 5px 0 0; resize:none; float:left;} 
.texto07{font: 22px/30px Arial; color:#FFF; text-transform:uppercase; text-align:center;} 
.texto08{font: 38px/80px "font01"; color:rgb(218, 37, 28); text-transform:uppercase; text-align:center; padding-top:20px;}
.texto09{font: 12px/22px Arial; color:#333; padding: 2px 0; text-indent: 5px; border-radius:5px; margin: 3px 0; border: 1px solid #CCC; width:350px; resize:none;}

.link01{width: 70%; padding: 12px; background:#333; color:rgb(218, 37, 28); font: 11px Arial; cursor:pointer; text-decoration:none; text-transform:uppercase;} 
.link01{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}
.link01:hover{background:#424955;}

.link02{width: 40%; padding: 12px; background:#424955; color:#FFF; font: 11px Arial; cursor:pointer; text-decoration:none; text-transform:uppercase; float:left;} 
.link02{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}
.link02:hover{background:#323842;}

.link03{font: 12px/18px Arial; color:#000; text-align:left; padding:0; cursor:pointer; text-decoration:none;}
.link03:hover{color:rgb(218, 37, 28);}

.link04{width: 80px; padding: 12px; background:#eee; color:#333; font: 11px Arial; cursor:pointer; text-decoration:none; text-transform:uppercase; float:left; margin: 10px 5px 0 0;} 
.link04{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}
.link04:hover{background:#ccc;}

.link05{width: 70%; padding: 20px; background:rgb(218, 37, 28); color:#FFF; font: 11px Arial; cursor:pointer; text-decoration:none; text-transform:uppercase;} 
.link05{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}
.link05:hover{background:#FFF; color:rgb(218, 37, 28);}

/********************************************************************************************************/

@media screen and (max-width: 768px){
	#slogan p span {display:none;}
	#blocos_home .bl_home{width: 50%; float:left;}
	.texto06{width: 18%;} 
	.texto08{font-size:32px;}
	#blocos_centro .bl_centro{width: 100%; float:left;}
	#blocos_centro .bl_centro:last-child{margin-top: 40px;}
	#blocos_gira .bl_gira{width: 50%; float:left;}
	#img_fd{background-position:center !important;}
}

@media screen and (max-width: 640px){
	#slogan{width: 100%; float:none; margin-top: 20px;}
	#logo{width: 100%; float:none;}
	#slogan p span{display:block;}
	#area_cliente{display:none;}
	#blocos_centro .bl_centro:nth-child(1){margin-top: -20px;} 
	.texto01{font-size:15px;}
	.texto07{font-size: 18px;}
}

@media screen and (max-width: 480px){
	#menu{display:none;}
	nav{ overflow:hidden; margin-top:-80px; }
	nav select{ display:block; }
	.texto08{font-size:22px;}
	#bloco_dividido01, #bloco_dividido02{width: 100%;}
}

@media screen and (max-width: 320px){
	#espaco_logomarca{margin-top:150px; padding:0;}
	#slogan{display:none;}
	#blocos_home .bl_home{width: 100%;}
	.texto03{font-size: 16px;}
	#blocos_gira .bl_gira{width: 100%;}
	.bt_redesociais img{width:60px;}
	.texto08{font-size:17px;}
	
}