@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px; font-family:"Open Sans", sans-serif;}
a{text-decoration:none; color:#535353;}
img{border:0;}
ul{ list-style:none;}
.clear{clear:both;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-justify{text-align:justify;}
.no-padding{padding:0px;}
.float-left{float:left !important;}
.float-right{float:right !important;}

.radius{border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
.transition{transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; -webkit-transition:all 0.2s;}
.centralizar{width:980px; height:auto; position:relative; float:left; left:50%; margin-left:-490px;}

.btwhats { font-size: 1rem; padding: 10px; position:fixed; right:10px; bottom:10px; width:auto; 
height: auto; vertical-align:middle; background:#01b763; color:#fff; text-align:center; line-height:2.6; font-weight:500; z-index: 9999999999; 
font: 13px Helvetica,Arial,sans-serif; text-decoration: none;}

html, body {width:100%; height:100%; background:#fff;  font-size:14px; font-weight:400;}
#bg_faixa{width:100%; height:auto; position:relative; float:left; z-index:1; background:#242424;}
#bg_top{width:100%; height:auto; position:relative; float:left; z-index:1; background:#fff;}
#bg_menu{width:100%; height:50px; position:relative; float:left; z-index:1; background:#fff;}
#bg_banner{width:100%; height:auto; position:relative; float:left; z-index:0; background:url(../imagens/bg-banner.jpg) top center repeat-x;}
#bg_conteudo{width:100%; height:auto; position:relative; float:left; z-index:0; background:#fff;}
#bg_rodape{width:100%; height:auto; position:relative; float:left; z-index:0; background:#242424; margin:50px 0px 0px 0px;}
#direitos{width:100%; height:auto; position:relative; float:left; z-index:0; background:#eee; padding:15px 0px;}

/*FAIXA*/
.faixa .left{position:relative; float:left; font-size:13px; font-weight:400; color:#fff; padding:10px;}
.faixa .right{position:relative; float:right; font-size:13px; font-weight:400; color:#fff; padding:10px;}
.faixa strong{font-size:16px;}
.faixa a{color:#fff;}

/*TOPO*/
.topo .logo{position:relative; float:left;}
.topo .logo, .logo img{width:286px; height:100px;}

/*MENU*/
.menu{width:400px; height:100px; position:relative; float:right;}
.menu li{position:relative; float:left;}
.menu li a{width: 100px; height:100px; line-height:100px;color:#242424; position:relative; float:left; text-align:center; font-size:16px; font-weight:600;}
.menu li a:hover {color:#3939f2;}

/*BANNER*/
#banner{width:100%; height:350px !important; position:relative; float:left;}

/*CONTEUDO*/
.text{padding:20px 0px;}
.text h1{font-size:26px; font-weight:600; font-style:italic; color:#cc0000; margin:0px 0px 20px 0px;}
.text h2{font-size:16px; font-weight:600; font-style:italic; color:#242424; padding:0px 0px 5px 0px; margin:0px 0px 15px 0px;}
.text p{font-size:16px; font-weight:400; font-style:italic; color:#535353; margin:0px 0px 15px 0px;}
.text a{font-size:16px; font-weight:600; font-style:italic;}
.saiba-mais{border:2px solid #c00; color:#c00; background:#fff; padding:3px 20px;}
.saiba-mais:hover{border:2px solid #ddd; color:#fff; background:#c00; padding:3px 35px;}

/*RODAPE*/
#rodape ul{width:calc(25% - 40px); height:205px; position:relative; float:left; padding:20px;}
#rodape .last{width:calc(50% - 40px);}
#rodape ul li{width:100%; height:auto; position:relative; float:left; color:#fff; font:400 14px 'Open Sans', sans-serif;}
#rodape ul .titulo{font:400 20px 'Open Sans', sans-serif;}
#rodape ul li a{color:#fff;}

#direitos a{color:#535353; font-weight:400;}
#direitos p{font-size:13px; color:#535353; width:50%; position:relative; font-weight:400;}
#direitos .p-left{float:left; text-align:left;}
#direitos .p-right{float:right; text-align:right;}

@media only screen and (min-width: 768px) and (max-width: 995px) {
.centralizar{width:768px; margin-left:-384px;}
#banner{height:274px !important;}

#rodape ul{width:calc(33.33% - 40px);}
#rodape .last{width:calc(33.33% - 40px);}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.centralizar{width:480px; margin-left:-240px;}
.faixa .left, .faixa .right{width:calc(100% - 10px); padding:5px; text-align:center;}

.topo .logo{margin:10px 126px;}

.menu{width:480px; height:40px; float:left;}
.menu li a{width:120px; height:40px; line-height:40px;}

#banner{height:171px !important;}

#rodape ul{width:calc(100% - 15px); height:auto; margin:0px 0px 10px 0px;}
#rodape .last-ul{border-right:1px solid #6c838e;}

#direitos p{width:100%;}
#direitos .p-left, #direitos .p-right{float:left; text-align:center;}
}
@media only screen and (max-width: 479px) {
.centralizar{width:320px; margin-left:-160px;}
.faixa .left, .faixa .right{width:calc(100% - 10px); padding:5px; text-align:center;}

.topo .logo{margin:10px 46px;}

.menu{width:320px; height:40px; float:left;}
.menu li a{width:80px; height:40px; line-height:40px; font-size:14px;}

#banner{height:114px !important;}

#rodape ul{width:calc(100% - 15px); height:auto; margin:0px 0px 10px 0px;}
#rodape .last-ul{border-right:1px solid #6c838e;}

#direitos p{width:100%;}
#direitos .p-left, #direitos .p-right{float:left; text-align:center;}
}