@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

/* 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.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s;}
.centralizar{width:980px; height:auto; position:relative; float:left; left:50%; margin-left:-490px;}
.gotop{width:50px; height:50px; position:fixed; bottom:0px; right:0px; font-size:20px; background:#131313; color:#fff; text-align:center; border:0; display:none;}

.centralizar2{width:1343px; height:auto; margin:0 auto;}

body{min-width:980px; max-width:100%; overflow-x: hidden; overflow-y: scroll;}
html, body {width:100%; height:100%; background:#fff;  font-size:14px; font-weight:400;}
.bg_faixa{width:100%; min-height:10px; height:auto; position:relative; float:left; z-index:1; background:#c00;}
.bg_top{width:100%; min-height:100px; height:auto; position:relative; float:left; z-index:1; background:#fff;}
.bg_menu{width:100%; height:auto; position:relative; float:left; z-index:1; background:#fff; border-bottom:5px solid #e0aa5c; margin:15px 0px 0px 0px;}
.bg_banner{width:100%; height:auto; position:relative; float:left; z-index:0; background:none; overflow:hidden; padding:0px 0px 20px 0px;}
.bg_conteudo{width:100%; height:auto; position:relative; float:left; z-index:0; background:none;}
.bg_rodape{width:100%; height:auto; position:relative; float:left; z-index:0; background:#900;}
#direitos{width:100%; height:auto; position:relative; float:left; z-index:0; background:#fff; padding:15px 0px;}

/*FAIXA*/

/*TOPO*/
.topo .logo{position:absolute; top:15px; left:0px; padding:10px; z-index:9999; width:198px; height:70px; background:#c00;
border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px;}

.topo p{color:#900; position:absolute; top:30px; left:250px; font-weight:600;}

.topo .telefones{position:absolute; max-width:220px; top:20px; right:0px;}
.topo .telefones .f-icone{width:100%; font-size:14px; position:relative; float:left; color:#900;}
.topo .telefones .f-icone i, .topo .telefones icone strong{font-size:20px;}
.wts i{ background:url(../imagens/bg-whats.png) center center no-repeat; background-size:100%; color:#fff;}

/*BANNER*/
#banner .b-item{position:relative; float:left; text-align:left;}
#banner img{height: auto; max-width: 100%; display: block; float:left;}
#banner .caption{width:calc(100% - 40px); padding:20px; position:absolute; background: rgba(0, 0, 0, 0.7); bottom:0px; left:0px;}
#banner .caption h1{font-size:20px; font-weight:400; color:#fff;}
#banner .caption h2{font-size:14px; font-weight:300; color:#fff;}
#banner .caption a{color:#fff;}

/*CONTEUDO*/
.text{padding:20px 0px;}
.text h1{font-size:30px; color:#3f0606; font-weight:400; font-style:italic; margin:0px 0px 20px 0px;}
.text h2{font-size:18px; color:#535353; font-weight:400; margin:0px 0px 20px 0px;}
.text h3{font-size:18px; color:#3f0606; font-weight:400; margin:0px 0px 20px 0px;}
.text p{font-size:16px; color:#535353; margin:0px 0px 20px 0px;}

.divisor{width:calc(50% - 40px); height:auto; float:left; margin:20px;}
.divisor img{max-width:100%; height:auto; display:block;}

.home-box{width:calc(33.33% - 40px); height:auto; position:relative; float:left; padding:20px;}
.home-box img{max-width:100%; height:auto; display:block;}
.home-box h3, .home-box p{width:calc(100% - 20px); color:#fff; padding:10px; background:#c00;}
.home-box h3{font-size:16px; font-weight:400;}
.home-box p{font-size:14px; font-weight:300;}
.home-box:hover{background:#c00;}

.line_prod{width:100%; position:relative; float:left; margin:0px 0px 10px 0px; padding:0px 0px 10px 0px; border-bottom:5px solid #ddd;}
.line_prod h1{font-size:20px; color:#000; font-weight:600; font-style:italic; margin:10px;}

.prod-box, .prod-box2{width:calc(25% - 40px); height:auto; position:relative; float:left; padding:20px;}
.prod-box img, .prod-box2 img{max-width:100%; height:auto; display:block;}
.prod-box h3, .prod-box p, .prod-box2 h3, .prod-box2 p{width:calc(100% - 20px); padding:10px;}
.prod-box h3{font-size:16px; font-weight:400; color:#c00; min-height:60px;}
.prod-box p{font-size:14px; font-weight:300; background:#c00; color:#fff;}
.prod-box:hover{background:#c00; color:#fff;}
.prod-box:hover h3{color:#fff;}

.prod-box2 h3{font-size:16px; font-weight:400; color:rgba(0,0,0,0.8); min-height:60px;}
.prod-box2 p{font-size:14px; font-weight:300; background:rgba(0,0,0,0.5); color:#fff;}
.prod-box2:hover{background:rgba(0,0,0,0.5); color:#fff;}
.prod-box2:hover h3{color:#fff;}

.prod-item{width:100%; height:auto; position:relative; float:left; padding:40px 0px;}
.prod-item img{max-width:100%; height:auto; display:block; position:relative; float:left;}
.prod-item .img{width:320px; height:auto; position:relative; float:left;}
.prod-item .img button{padding:5px; position:absolute; top:0px; left:0px; z-index:9999;}
.prod-item .img a{width:calc(100% - 20px); color:#fff; padding:10px; background:#c00; position:relative; float:left;}
.prod-item .desc{width:calc(100% - 360px); height:auto; position:relative; float:right;}
.prod-item h2{font-size:16px; font-weight:600; color:#631201; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; border-bottom:1px solid #ccc;}
.prod-item p{font-size:14px; font-weight:300; color:#535353;}

.l-logos{width:106px; height:40px; margin:5px;}

/*FORMULARIO*/
.formulario{width:100%; height:auto; float:left; margin:10px 0px;}
.divisor{width:calc(50% - 40px); height:auto; float:left; margin:20px;}
.formulario .esp_campo{width:100%; height:auto; position:relative; float:left; margin-bottom:10px;}
.formulario .esp_campo2{width:calc(80% - 10px); height:auto; position:relative; float:left; margin-right:10px; margin-bottom:0px;}
.formulario .esp_campo3{width:20%; height:auto; position:relative; float:left; margin-bottom:0px;}

.formulario .txt_campo{width:100%; height:auto; font:400 14px "Open Sans", Verdana, Geneva, sans-serif; color:#535353; position:relative; float:left;  text-align:left;}
.formulario input{width:calc(100% - 20px); height:18px; padding:10px; position:relative; float:left; z-index:0; border:1px solid #CCC; outline:none;}
.formulario .codigo{width:calc(100% - 145px) !important; float:right;} .captcha{width:100px; height:40px; position:relative; float:left; margin:0px 5px 0px 0px;}
.formulario select{width:calc(100% - 40px); padding:10px; position:relative; float:left; z-index:0; border:1px solid #CCC; outline:none; margin:0px 20px;}
.formulario textarea{width:calc(100% - 20px); height:168px; padding:10px; position:relative; float:left; border:1px solid #CCC; outline:none;}
.formulario .bt_enviar{width:320px; height:40px; position:relative; float:right; color:#FFF; background:#444; text-align:center; cursor:pointer;}
.formulario .bt_enviar:hover{background:#900;}

.mapa{width:100%; height:500px; position:relative; float:left; border:0;}

/*RODAPE*/
#rodape ul{width:calc(25% - 40px); min-height:200px; height:auto; position:relative; float:left; padding:20px;}
#rodape ul li{width:100%; height:auto; position:relative; float:left; color:#fff}
#rodape ul .titulo{font-size:18px; font-weight:400;}
#rodape ul li a{color:#fff;}

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

/*SCREEN MENOR*/
@media only screen and (max-width: 995px) {
.box-home{width:calc(33.33% - 40px); height:160px;}
}

/*TABLET*/
@media only screen and (min-width: 768px) and (max-width: 995px) {
body{min-width:768px;}
.centralizar{width:768px; margin-left:-384px;}
.prod-box, .prod-box2{width:calc(25% - 20px); padding:10px;}
.home-box h3{font-size:14px;}
}
/*MOBILE PAISAGEM*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
body{min-width:480px;}
.centralizar{width:480px; margin-left:-240px;}

.topo .telefones{position:absolute; max-width:20px; top:20px; right:10px;}
.topo .telefones .f-icone{width:20px; height:20px; overflow:hidden;}
.topo .telefones .f-icone i{width:20px; height:20px; text-align:center;}
.wts i{background-size:18px 18px;}

#banner .caption{width:calc(100% - 80px); padding:20px 40px;}
#banner .caption h1{font-size:12px;}
#banner .caption h2{font-size:10px;}

.divisor{width:calc(100% - 40px);}
.home-box, .prod-box, .prod-box2{width:calc(100% - 20px); padding:10px;}
.home-box h3, .prod-box h3, .prod-box2 h3{font-size:14px; min-height:inherit;}

.prod-item .img{width:480px;}
.prod-item .desc{width:calc(100% - 20px); padding:10px;}

#rodape ul{width:calc(100% - 40px); min-height:inherit;}
#direitos p{width:100%;}
#direitos .p-left, #direitos .p-right{float:left; text-align:center;}
}
/*MOBILE RETRATO*/
@media only screen and (max-width: 479px) {
body{min-width:320px;}
.centralizar{width:320px; margin-left:-160px;}

.topo p{display:none;}

.topo .telefones{position:absolute; max-width:20px; top:20px; right:10px;}
.topo .telefones .f-icone{width:20px; height:20px; overflow:hidden;}
.topo .telefones .f-icone i{width:20px; height:20px; text-align:center;}
.wts i{background-size:18px 18px;}

#banner .b-item{max-width: 100%; overflow:hidden;}
#banner img{width:150%; max-width:150%; float:left;}
#banner .caption{width:calc(100% - 80px); padding:20px 40px;}
#banner .caption h1{font-size:10px;}
#banner .caption h2{font-size:9px;}

.text h1{font-size:20px;}

.divisor{width:calc(100% - 40px);}
.home-box, .prod-box, .prod-box2{width:calc(100% - 20px); padding:10px;}
.home-box h3, .prod-box h3, .prod-box2 h3{font-size:14px; min-height:inherit;}

.prod-item .img{width:320px;}
.prod-item .desc{width:calc(100% - 20px); padding:10px;}

#rodape ul{width:calc(100% - 40px); min-height:inherit;}
#direitos p{width:100%;}
#direitos .p-left, #direitos .p-right{float:left; text-align:center;}
}