@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;}

.mobile{display: none !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:1200px; height:auto; position:relative; float:left; left:50%; margin-left:-600px;}

.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;}
.gowts{width:auto; height:50px; position:fixed; bottom:0px; right:60px; font-size:14px; line-height:50px; background:#093; color:#fff; text-align:center; padding:0px 10px;}

html, body {width:100%; height:100%; background:#fff;  font-size:14px; font-weight:400;}
#bg_faixa{width:100%; min-height:40px; height:auto; position:relative; float:left;z-index:1; background:#fcd62b;}
#bg_top{width:100%; min-height:100px; height:auto; position:relative; float:left; z-index:0; background:#fcd62b;}
#bg_produtos{width:100%; min-height:50px; height:auto; position:relative; float:left; z-index:0; background:#fff;}
#bg_banner{width:100%; height:auto; position:relative; float:left; z-index:0; background:none;}
#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:#ffe402; margin:40px 0px 0px 0px;}
#direitos{width:100%; height:auto; position:relative; float:left; z-index:0; background:#eee; padding:16px 0px;}

.fixed-menu{position:fixed !important; float:none; top:0px; left:0px; max-height: 100%;}
#romero{width:1px; height:1px; position:absolute; bottom:50px; left:0px;}

/*BUSCA*/
#form-busca{width:calc(100% - 40px); position:fixed; top:0px; left:0px; z-index:9999; background:#8f7301; padding:0px 20px; display:none;}
#input-buscar {width:calc(100% - 126px); height:20px; margin:10px 0px; padding:5px; position:relative; float:left;}
#bt-buscar{width:33px; height:33px; font-size:20px; position:relative; color:#fff; float:left; margin:10px; background:none; border:0px;}
#bt-close{width:33px; height:33px; font-size:20px; position:relative; color:#fff; float:right; margin:10px; background:none; border:0px;}

/*FAIXA*/
.faixa .maps, .faixa .top_fone{position:relative; float:left; color:#f00;}
.faixa .maps:hover, .faixa .icons button:hover{color:#fff; background:#8f7301;}
/*.faixa .maps i, .faixa .top_fone i{width:40px; height:40px; position:relative; float:left; text-align:center; line-height:40px;}*/
.faixa .icons button{width:40px; height:40px; position:relative; float:left; text-align:center; line-height:40px; border:0px; background:none; color:#8f7301; overflow:hidden;}
.faixa .maps span, .faixa .top_fone{padding:0px 10px; line-height:40px;}
.faixa .icons{display:none;}
/*TOPO*/
.topo .logo{position:relative; float:left; margin:10px;}
.topo .logo, .topo .logo img{width:240px; height:80px;}

.topo .telefones{position:relative; float:left; margin:15px 0px 0px 10px; min-width:310px;}

.topo .telefones .titulo{position:relative; float:left; width:100%; text-align:center; color:#ff0000; font-size:18px;}
.topo .telefones p{color:#ff0000; font-size:18px; line-height:25px;}
.topo .telefones a{color:#ff0000; font-size:17px;}
.topo .telefones a:after {content: " | ";}
.topo .telefones :last-child:after { content: ""; }
.topo .telefones b{color:#000; font-size:12px;}
/*.topo .telefones:nth-child(2) {border-right:1px solid #ff0000; padding-left:20px !important;}*/

.wts i{ background:url(../imagens/bg-whats.png) center center no-repeat; background-size:100%; color:#fff;}
.topo .viawts{background:#00c311; color:#fff !important; padding:2px; font-size:10px !important; font-weight:bold;}

.topo .lojas{width: 780px; height: auto; position: relative; float: left; box-sizing: border-box; padding: 10px; font-size: 13px;}
.topo .lojas .col1{width: 100%; height: auto; position: relative; float: left; box-sizing: border-box; padding: 5px;}
.topo .lojas .col1 strong, .topo .lojas .col1 .endereco{width: 100%; height: auto; position: relative; float: left;}
.topo .lojas .col1 a{position: relative; float: left; font-size: 20px; font-weight: bold; color: #000; padding-right: 30px;}
.topo .lojas .col1 strong{font-size: 14px; font-weight: bold; color: #f00;}
.topo .lojas .col1 a i{font-size: 30px;}
.topo .lojas .col1 .endereco{font-weight: 600;}

.topo .bt-search{width:40px; height:40px; background:#8f7301; border:0px; color:#fff; font-size:20px; position:relative; float:right; margin:30px 10px;}
.topo .bt-cart{height:40px; background:#8f7301; border:0px; color:#fff; font-size:20px; position:relative; float:right; margin:30px 10px; padding:0px 10px;}
.topo .bt-cart b{font-size:14px; font-weight:400;}

/*MENU*/
.bt_menu, .bt_cmenu{display:none; border:0;}
.bt_menu{position:absolute; top: 0; right: 0; padding:0px; width: 80px; box-sizing: border-box; line-height: 40px; color: #8f7301; background: rgba(0,0,0,0.01); font-size:14px; margin:0;}
.bt_cmenu button{width:100%; height:auto; position:relative; float:left; margin:0 0 20px 0; text-align:center; padding: 10px; border:0; font-size:16px; color:#fff; background:#ec3237;}

.bg_menu{width: auto; height: 40px; position:relative; float: right;}

.menu {position: relative; float: right; width: auto; height: 40px;}
.menu li {position: relative; float: left; margin: 0;}
.menu li a,.menu li p {position: relative; float: left; text-align: center; padding: 0 20px; color: #8f7301; font-weight: 400; font-size: 14px; line-height: 40px;}
.menu li a:hover, .menu li p:hover {background-color: rgba(0,0,0,0.1);}
.menu li ul{width:300px; height:auto; position:absolute; top:100%; left:0px; background:#363636; display: none; overflow: hidden;}
.menu li ul li{width:100%; height:auto; position:relative; float:left; padding: 0; margin: 0; border-bottom-width:1px; border-bottom-style: solid; border-bottom-color: rgba(255,255,255,0.2);}
.menu li ul li a{width:100%; line-height:normal; padding:7px; text-transform: none; color: #fff; box-sizing: border-box; text-align:left;}
.menu li ul li a:hover{color: #ccc; background: rgba(0,0,0,0.1);}
.menu li.block > ul{display:block !important;}


/*MENU PRODUTOS - TOPO*/
.menu-produtos{width:299px; height:auto; position:relative; float:left; border-left:1px dashed #ccc;}
.menu-produtos li{width:calc(100% - 40px); position:relative; float:left; font-size:14px; color:#8f7301; padding:10px; margin:0px 10px; border-bottom:1px dashed #ccc;}
.menu-produtos li:hover{background:#eee;}

.menu-produtos li .submenu{width:100%; height:auto; position:relative; float:left; background:#fff; margin:5px 0px;}
.menu-produtos li .submenu li{width:calc(100% - 10px); padding:5px; margin:2px 0px; border-bottom:1px dashed #ccc; color:#535353;}

/*BANNER*/
#banner{margin:0 0 40px 0; z-index:0;}
#banner li{ display: block; position:relative; float: left; cursor:pointer;}
#banner h1{ display:block; position:absolute; top:40px; left:40px; padding:20px; max-width:80%; color:#fff; background-color: rgba(0, 0, 0, 0.5);}
#banner a{width:100%; height:100%; position:absolute; top:0; left:0; z-index:123456789999999;}

/*CONTEUDO*/
.divisor{width:900px; height:auto; position:relative; float:right;}

#depoimentos{width: 100%; height: auto; position: relative; float: left;}
#depoimentos li{padding: 10px 20px; height: 250px; box-sizing: border-box; margin: 0 10px 0 0; font-size: 12px; font-style: italic;}
#depoimentos li i{color: #ffe402; font-size: 16px; margin: 2px;}
#depoimentos li strong{text-transform: uppercase; font-size: 14px; font-style: 600;}

.depoimentos{padding: 10px;}

.icon-destaque, .icon-promocao{font-size:10px; position:absolute; top:0px; left:0px; padding:5px; z-index:1;}
.icon-destaque {
-webkit-animation: BG-DESTAQUE 1s infinite;  /* Safari 4+ */
-moz-animation: BG-DESTAQUE 1s infinite;  /* Fx 5+ */
-o-animation: BG-DESTAQUE 1s infinite;  /* Opera 12+ */
animation: BG-DESTAQUE 1s infinite;  /* IE 10+, Fx 29+ */
}
.icon-promocao {
-webkit-animation: BG-PROMOCAO 1s infinite;  /* Safari 4+ */
-moz-animation: BG-PROMOCAO 1s infinite;  /* Fx 5+ */
-o-animation: BG-PROMOCAO 1s infinite;  /* Opera 12+ */
animation: BG-PROMOCAO 1s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes BG-DESTAQUE {
  0%, 49% { background:#06F; border:2px solid #fff; color:#fff; }
  50%, 100% { background:#fff; border:2px solid #06F; color:#06F; }
}
@-webkit-keyframes BG-PROMOCAO {
  0%, 49% { background:#C00; border:2px solid #fff; color:#fff; }
  50%, 100% { background:#fff; border:2px solid #C00; color:#C00; }
}

.text{width:calc(100% - 40px); height:auto; position:relative; float:left; padding:20px; background:#fff; margin:0px;}
.text h1{font-size:26px; font-weight:800; color:#C00; margin:0px 0px 20px 0px;}
.text h2{font-size:20px; font-weight:800; color:#535353; margin:0px 0px 15px 0px;}
.text h3{font-size:16px; font-weight:600; color:#C00; margin:20px 0px;}
.text p{font-size:16px; font-weight:400; font-style:italic; color:#535353; margin:0px 10px 15px 10px;}
.text a{font-size:16px; font-weight:600; color:#333366;}
.text b{color:#C00;}
.text .saiba-mais{padding:10px 20px; background:#C00; color:#fff; font-size:16px; font-weight:400; font-style:normal;}
.text .saiba-mais:hover{padding:15px 30px;}

.b-item{width:calc(25% - 42px); height:300px; position:relative; float:left; padding:10px; margin:0px 0px 20px 20px; border:1px solid #eee;}
.b-item img{max-width:100%; height:auto; position:relative; float:left; margin:0px 0px 20px 0px; border-bottom:1px solid #eee;}
.b-item h1{font-size:17px; font-weight:400; color:#8f7301;}
.b-item p{font-size:13px; font-weight:400; color:#535353;}
.b-item .preco{font-size:13px; font-weight:600; color:#C00;}
.b-item a{font-size:13px; font-weight:400; color:#535353;}

.box-prod{width:calc(100% - 40px); height:auto; position:relative; float:left; padding:20px; background:#fff; margin:0px;}
.box-prod .galeria-prod{ width:250px; height:auto; position:relative; float:left; border-right:1px solid #ddd;}
.box-prod .galeria-prod img{width:100%; height:auto;}
.box-prod .galeria-prod .active{ cursor:zoom-in;}
.box-prod .galeria-prod .obs{font-size:10px; font-weight:400; color:#535353;}

.box-prod .orc-prod{width:300px; height:auto; position:relative; float:right;}
.box-prod .orc-prod .bt-orc, .box-prod .orc-prod .bt-cart{width:100%; height:40px; line-height:40px; position:relative; float:left; color:#fff; border:0px;}
.box-prod .orc-prod .bt-orc{background:#c00;}
.box-prod .orc-prod .bt-cart{background:#8f7301; margin:10px 0px;}
.box-prod .orc-prod .bt-orc:hover{background:#a00;}
.box-prod .orc-prod .bt-cart:hover{background:#6d6200;}

.box-prod .desc-prod{width:calc(100% - 591px); height:auto; padding:0px 20px; position:relative; float:left;}
.box-prod h1{font-size:15px; font-weight:600; color:#242424;}
.box-prod p, .box-prod a{font-size:13px; font-weight:400; color:#535353;}
.box-prod .ref{font-size:11px; font-weight:600; color:#242424;}

.mais-prod{width:100%; height:auto; position:relative; float:left; padding:20px 0px; margin:20px 0px; border-top:2px solid #eee;}

.text .nav{font-size:10px; color:#535353; font-weight:300; margin:0px;}
.text .nav a{font-size:12px; color:#535353; font-weight:300;}

/*RODAPE*/
#rodape ul{width:calc(33.33% - 40px); height:auto; position:relative; float:left; padding:20px;}
#rodape ul li{width:100%; height:auto; position:relative; float:left; color:#000; font:400 14px 'Open Sans', sans-serif;}
#rodape ul .titulo{font:600 16px 'Open Sans', sans-serif;}
#rodape ul li a{color:#000;}
#rodape ul li iframe{width:80%; height:150px; margin:10px 0px; border:0px;}
#rodape ul li .fone{ font:bold 14px 'Open Sans', sans-serif; margin-right: 10px;}

#rodape #form-newsletter{width:100%; height:auto; position:relative; float:left;}
#rodape #form-newsletter .input{width:calc(100% - 34px); height:26px; position:relative; float:left; border:2px solid #CCC; margin:5px 0px; padding:5px;}
#rodape #form-newsletter .bt-news{width:calc(100% - 20px); padding:10px 0px; border:0; position:relative; float:left; color:#FFF; cursor:pointer; margin-top:8px; background:#C00;}

.icon-pagamento{width:80px; height:50px; margin:5px;}

#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 (max-width:996px){
.topo .lojas{display: none;}
.mobile{display: block !important;}

.whatsapp{width: 100%; height: auto; position: relative; float: left;}
.whatsapp a{position: relative; float: left; font-size: 18px; font-weight: bold; color: #000; padding-right: 30px; line-height: 30px;}
.whatsapp strong{position: relative; float: right; font-size: 18px; font-weight: bold; color: #f00; line-height: 30px;}
.whatsapp a i{font-size: 18px;}
	
.bg_menu{width:100%; height:100%; position:fixed; top:0; left:-100%; margin: 0; background:#ffe402; overflow:scroll; z-index:9999; box-sizing:border-box;}
.bt_menu, .bt_cmenu{display:block;}
.menu{width:100%; height:100%; display: block; border-radius: 0 !important; background: none;}
.menu li{width:100%; height:auto; box-sizing:border-box; margin: 0; flex: none; }
.menu li a, .menu li p{width:100%; line-height: 40px; text-align:left; border-bottom-width: 1px; border-bottom-color:rgba(0,0,0,0.2); border-bottom-style: solid; box-sizing:border-box; padding:0px 10px; color:#8f7301;}

.menu .icon{position: absolute; right: 10px; top: 10px; font-size: 20px;}
.menu li ul{width:100%; height:auto; position:relative; float:left; top:0; left:0; background: #8f7301; box-sizing:border-box;}
.menu li ul ul{display: block; background: #363636;}
}

@media only screen and (min-width: 996px) and (max-width: 1343px) {
.topo .lojas{width: 540px; height: auto; position: relative; float: left; box-sizing: border-box; padding: 10px; font-size: 13px;}
.topo .lojas .col3{width: 33.33%; height: auto; position: relative; float: left; box-sizing: border-box; padding: 5px;}
.topo .lojas .col3 span{width: 100%; height: auto; position: relative; float: left;}
	
.centralizar{width:980px; margin-left:-490px;}
.topo .telefones{margin:25px 50px;}
.divisor{width:680px;}
.b-item{width:calc(33.33% - 42px);}

.box-prod .desc-prod{width:calc(100% - 291px); padding:20px;}
.box-prod .orc-prod{width:calc(100% - 291px); float:left; padding:20px;}
}

@media only screen and (min-width: 768px) and (max-width: 995px) {
.centralizar{width:768px; margin-left:-384px;}
.topo .logo, .topo .logo img{width:180px; height:60px;}
.topo .telefones{margin:15px;}
.divisor{width:768px;}
.text h1{font-size:24px;}
.b-item{width:calc(33.33% - 42px);}

.box-prod .desc-prod{width:calc(100% - 291px); padding:20px;}
.box-prod .orc-prod{width:calc(100% - 291px); float:left; padding:20px;}

#rodape ul{width:calc(37% - 40px);}
#rodape ul:last-child{width:calc(26% - 40px);}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.centralizar{width:480px; margin-left:-240px;}
.faixa .maps span{display:none;}
.faixa .icons{display:block !important;}
.bt_menu{top: 0;}
.topo .logo, .topo .logo img{width:180px; height:60px;}
.topo .telefones{margin:15px;}
.topo .hide{display:none !important;}
.top_fone {width: 100%; box-sizing: border-box;}
.divisor{width:480px;}
.text h1{font-size:14px;}
.b-item{width:calc(50% - 42px);}

.box-prod .galeria-prod{ width:100%; border-right:0;}
.box-prod .desc-prod{width:100%; padding:10px 0px;}
.box-prod .orc-prod{width:100%; float:left; padding:10px 0px;}

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

@media only screen and (max-width: 479px) {
.centralizar{width:320px; margin-left:-160px;}
.faixa .maps span{display:none;}
.faixa .icons{display:block !important;}
.bt_menu{top: 0;}
.topo .logo, .topo .logo img{width:180px; height:60px;}
.topo .telefones{margin:10px;}
.topo .telefones p, .topo .telefones a{font-size:13px;}
.topo .telefones b{font-size:10px;}
.topo .hide{display:none !important;}
.top_fone {width: 100%; box-sizing: border-box; font-size: 12px;}
.top_fone .titulo{display: none;}

#bt-search{position:absolute; margin:0px; top:20px; right:85px;}
#bt-cart{position:absolute; margin:0px; top:20px; right:0px;}

.divisor{width:320px;}
.text h1{font-size:16px;}
.b-item{width:calc(100% - 42px); height:auto;}

.box-prod .galeria-prod{ width:100%; border-right:0;}
.box-prod .desc-prod{width:100%; padding:10px 0px;}
.box-prod .orc-prod{width:100%; float:left; padding:10px 0px;}

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