@charset "utf-8";
html, body {overflow-x: hidden; margin: 0px; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 16px; background-color:#FFFFFF; padding:0px; }
a { color: #000; text-decoration: none; font-size: 16px; }
a:hover { text-decoration: none; }
p { margin: 0px; font-size: 16px; }
h4 { color: #2c3e50; }
h6{padding:15px 0px; color:#333}
.nome_produto{font-size:24px; color:#384649}


.container { max-width: 1180px; margin: 0px auto}

.breadcrumbs {float: left; font-size:12px; color:#666; width: 100%; padding: 15px 0px; margin-bottom: 20px; border-bottom: solid 1px #e8eae9;}
.breadcrumbs a{color:#666}
.a_paginacao {padding:10px 15px; margin-right:10px; background:var(--cor-secundaria);}
.a_paginacao:hover {background:var(--cor-secundaria);}
.paginacao{margin:20px 0px;}
.paginacao_phone {margin:20px 0px; display:none}

.categoria_phone{display: none; width:100%; color:#F60; margin-top:20px; font-size:16px; text-align:center; font-weight:bold; float:left}
.categoria_titulo{margin:20px 0px; font-size:16px; text-align:center; color:#F60; float:left; width:100%}
.divLiquida{width:100%; padding:10px; background-color:#eb4134; float:left; text-align:center; color:#fff}

@media screen and (max-width: 1200px) { 
	.container { padding:0px 10px; margin-left:10px}
}


* {margin: 0; padding: 0;}

.pagina {overflow: hidden; z-index:1;}
.main {padding: 30px;}
.main p {font-size: .9em; line-height: 1.2em; margin-bottom: 20px;}
.botao-menu-phone {width: 46px; height: 46px; display: inline-block; vertical-align: middle; position: relative; text-indent: -9999px; overflow: hidden; cursor: pointer;}
.botao-menu-phone:before {content: ""; display: block; margin: 15px auto; width: 60%; height: 0.2em; background: #000; box-shadow: 0 .45em 0 0 #000, 0 .9em 0 0 #000;}
.menu2-active .botao-menu-phone {background:var(--cor-titulo-dois)}
.menu2 {overflow: auto; color: #000; position: fixed; top: 38px; left: 0; z-index: 200; width: 272px; height: 100%; padding-top: 10px; background: var(--cor-principal); -webkit-box-shadow: inset -5px 0 5px rgba(0,0,0,0.09); -moz-box-shadow: inset -5px 0 5px rgba(0,0,0,0.09); box-shadow: inset -5px 0 5px rgba(0,0,0,0.09);}
.menu2 li a {display: block; border-bottom: 1px solid rgba(255,255,255,.3); margin: 0 10px; padding: 10px; color: #FFF; text-decoration: none;}

.drop_menu-phone {display:none}
.menu2-drop .drop_menu-phone {display:block}
/*
    Aqui você esconde o .menu para fora da tela 
    O valor é exatamente a largura da sidebar
*/
.menu2 {z-index:199; -webkit-transform: translateX(-272px); -moz-transform: translateX(-272px); -ms-transform: translateX(-272px); transform: translateX(-272px);-webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; transition: all .25s linear;}
/*
    Essa é a posição original do .pagina e do MAIN
*/
.pagina, .header, .main2 { -webkit-transform: translateX(0);-moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; transition: all .25s linear;}
/*
   Com a classe .menu-active na tag HTML
*/
.menu2-active .menu2 {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}
.menu2-active .pagina{ -webkit-transform: translateX(272px); -moz-transform: translateX(272px); -ms-transform: translateX(272px); transform: translateX(272px);}
.menu2-active .header{ -webkit-transform: translateX(272px); -moz-transform: translateX(272px); -ms-transform: translateX(272px); transform: translateX(272px);}

.menu2 ul li p:after {content: ""; display: inline-block; vertical-align: middle; margin-right: 20px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; float:right; margin-top: -23px;}
#sem-drop p:after {margin-right: 16px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000; }
#sem-drop2 p:after {margin-right: 16px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000; }

.drop_menu-phone {margin:0px 10px; background:var(--cor-principal);}
.drop_menu-phone a {display: block; border-bottom: 1px solid rgba(255,255,255,.3); margin:0px 10px 0px 20px; padding: 10px; color: #FFF; text-decoration: none;}
.drop_menu-phone a:after {content: ""; display: inline-block; vertical-align: middle; margin-right: 20px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000; float:right; margin-top: 10px;}

/* HEADER */
.header {z-index:200; position:fixed; width: 100%; height: 66px; background-color: #ffffff; border-bottom:1px solid var(--cor-principal); float:left; margin-top:38px}
.header-img {float:left; margin-top:5px; width:40px; text-align:center}
.header-logo {width: 22%; float: left; margin-top: 6px}
.header-busca {width: 60%; float: left; text-align: center; margin-top:0px }
.header-user-login {width: 12%; float: left; text-align: center; margin-top:10px }

.header-ajuda {width: 6%; height:65px; padding-top:16px; float: right; text-align: center; }
.drop-ajuda {display:none; width:240px; background-color:#fff; color:#000; position:absolute; margin-left:-168px; margin-top:15px; padding:25px 30px 30px 30px; border-bottom:8px solid #008dcc; z-index:999}
.ajudaTitulo {font-size: 15px; padding: 0px 0px 10px 0px; border-bottom: solid 1px #ebebeb; display: block; font-weight: bold;}
.drop-ajuda p {font-size: 12px; padding: 10px 0px 15px 0px; margin: 0px;}
.drop-ajuda a {color: #2c333f; font-size: 12px; padding: 5px 15px; cursor: pointer; border: solid 1px #ebebeb;}
.drop-ajuda a:hover {background-color: #FF6600; color:#fff}

.div_unidade{width:30%; float:left; margin-top: -3px}
.div_atendimento_topo{width:50%; float:left; text-align:center; font-size:12px}
.bt_franqueado { width: 20%; float: left; text-align: right; font-size: 12px; background: #e69500; padding: 11px 0; margin-top: -10px; border-left: 5px solid #ccc; text-align: center; color: #ffffff; font-weight: 700;}
.bt_franqueado a {font-size: 12px; color: #ffffff}
.header-login {width: 6%; height:66px; padding-top:16px; float: right; text-align: right; }

.header-carrinho{ width: 6%; height:66px; padding-top:16px; float: right; text-align: right; }
.header-menu-phone { display:none; padding:10px }
.txtBuscar, .txtBuscar2 { width:90%; height:45px; margin:0px; border:1px solid #ddd; padding-left:8px; color:#666;  float:left; border-radius: 30px 30px; margin-top: 10px;}
.btBuscar, .btBuscar2 { margin: 17px 0px 0px -34px; width: 25px; height: 30px; color:#fff; background: #fff url(/img/icone-buscar.png) no-repeat 0px 6px; border:0px; float:left; }

/* MENU */
.menu { margin-top:104px; width:100%; height: 75px; background-color:var(--cor-principal); float:left}
.menu-topo {background-color:var(--cor-titulo-dois); width:5%; height:50px; float:left; text-align:center }
.menu-topo img {margin-top: 14px;}
.ulMenu {padding:0px; width:100%; margin:0px; list-style:none; text-align:center; }
.div_menu {width:11.1111111111%; padding:6px 0 0 0; color:#fff; cursor:pointer; display:inline; text-align:center; float:left; border-right: 1px solid var(--cor-principal); height: 74px;}
.ulMenu a{ color: #FFF; font-size:14px}
.ulMenu div p{margin:2px auto; clear: both; line-height: 1; max-width: 100px;}
.drop_menu {width:100%; margin-top:2px; display:none; left:0px; z-index:200; background-color:#fff; padding:20px; position:absolute; border-bottom:5px solid var(--cor-principal); border-top:3px solid var(--cor-principal);}
.drop_menu div div{float:left; width:25%}
.drop_menu div div p{margin:0; text-align:left; max-width: 100%;    line-height: 1.7; font-size:16px}
.drop_menu a{ color: #000; font-size:14px}
.drop_menu p{ margin:6px; font-size:16px;}

.menu-topo-phone {display:none}
.header-logo-phone {display:none}
.header-login-phone {display:none}
.header-busca-phone {display:none}


.menu-phone {display:none}










/* .banners {margin:15px 0px; float:left} */
/* .mini-banner{margin-left:1.69491525423729%; width:30.50847457627119%; float:left} */
/* .mini-banner div{margin-top:0px; margin-top:10px} */
/* .banner-top{margin-top:0px!important} */
.banners { left:0; width:100%; }
#slide  { max-width: 100%;  }
#slide img  { width: 100%; display:none; }








.barra-titulo{width:100%; height:50px; background-color: var(--cor-terceira); margin-top: 20px; float:left}
.barra-titulo div{float:left; width:50px; margin-right:15px}
.barra-titulo p{margin-left:15px; margin-top:10px; letter-spacing:1px; font-size:20px;  color: #666}


.subMenu {display:none; width:1180px; text-align:left; padding:15px; margin-top:3px; position:absolute; z-index:660; border:1px solid #669933; border-top:6px solid #669933;  background-color:#f2f2f2 }
.subMenu div {width:20%; float:left}


/* MENU - FIM */




.pDesconto {position: absolute; background-color: #eb4134; width: 50px; margin: 0px 0px 0px 10px; color: #FFF; padding: 2px;}



.a-logo:hover img{
	-webkit-animation:ministorm .5s ease;
	-moz-animation:ministorm .5s ease;
	-o-animation:ministorm .5s ease;
	-ms-animation:ministorm .5s ease;
	animation:ministorm .5s ease;
}
@-webkit-keyframes ministorm{
	0%,100%{
		-webkit-tranform:rotate(0deg);
	}
	30%{
		-webkit-transform:rotate(8deg);
	}
	70%{
		-webkit-transform:rotate(-8deg);	
	}
}
@keyframes ministorm{
	0%,100%{
		-moz-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	30%{
		-moz-transform:rotate(8deg);
		-o-transform:rotate(8deg);
		-ms-transform:rotate(8deg);
		transform:rotate(8deg);
	}
	70%{
		-moz-transform:rotate(-8deg);
		-o-transform:rotate(-8deg);
		-ms-transform:rotate(-8deg);
		transform:rotate(-8deg);	
	}
}










img, picture, video, embed { max-width: 100%; border:0px}

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.clearfix:before,
.clearfix:after { content: " "; display: table; }
 
.clearfix:after { clear: both; }
 
.clearfix { *zoom: 1; }

.ul-topo { padding:0px; list-style:none; color: #FFF; margin:0px; float: right; }
.ul-topo li { display: inline; float:left; margin-top:6px; padding-right:20px;}
.ul-topo li img { float:left; margin-left:5px}
.ul-topo a { font-size: 12px; color: #FFF; float:left; }
.ul-topo a:hover { color: #e6f400; }




.clear{clear: both; }







/* PRODUTOS */
.div-produtos {	width: 25%; padding:10px 0; margin-top: 20px; float: left; text-align: center; }
.div-linha {clear:both}
.produto-img { width: 100%; float: left; }
.produto-descricao { width: 100%; float: left; }
.produto-descricao span { font-size:12px; color:#666 }
.produto-descricao p { color: var(--cor-titulo); font-size:20px }
.prod-img{ width: 42.3728813559322%; float: left;} /* 500px / 1180px */
.prod-comprar { width: 55.93220338983051%; margin-left: 20px; float: left;} /* 660px / 1180px */
.p-mais-detalhes {margin-top:10px}
.mais_detalhes { width:120px; height:36px; display:inline-block; background:var(--cor-secundaria); text-transform:uppercase; color:#ffffff !important; line-height:36px; }
.h4-produtos{ margin: 6px 0px; color: #666; height:58px}
.h2-produtos{ margin: 6px 0px; color: #666; height:58px; font-size:16px}
.descricao{float:left; margin-top:20px}
.tit_desc{border-bottom:1px solid #ddd; margin:10px 0px; color:var(--cor-titulo); font-size:20px; padding:10px 0px; font-weight:bold}
.referencia{font-size:14px; margin-top:10px}
.prod-titulo-phone{display:none; width:100%; float:left}


#div_tamanho{margin-top:10px; width:100%; float:left}
.campo_obrigatorio{display:none; width:100%; padding:6px; background:red; color:#fff; font-size:14px; float:left}
.titulo-label { color:var(--cor-titulo-dois); width:100%; border-bottom:1px solid #F2F2F2; font-weight:bold; padding:5px 0px 5px 10px;}
.div_tamanhos {cursor:pointer; padding:15px 10px; float:left; text-align:center; margin:10px 5px; border:1px solid #ddd; border-radius:6px; background:var(--cor-terceira)}
.div_comprar {margin-top:25px; width:100%; padding:30px 20px; float:left; background:var(--cor-terceira);}
.div_cal_frete {border-top: solid 1px #fff; width: 100%; float: left; background: #e5e5e5; padding: 20px 30px;}
.div_cal_frete div{width:50%; float: left; text-align:center}
.calcule {float: left; font-size: 13px; color: #4d5154; background: url(/img/icone_frete.png) left no-repeat; padding-left: 55px; padding: 10px 0px 10px 55px;} .clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.comprar_txt {width:40%; padding-left:10px; float:left; font-size:12px}
#preco_parcelado { color: var(--cor-titulo-dois)}
.comprar_botao {width:60%; float:left}
.comprar_botao div {width:50%; text-align:center; float:left}
.comprar_botao div input {width:30px; height:50px}
.valor_frete{display:none; margin-top:20px}
.valor_frete p{font-size:14px; text-align:left}
.quantidade{width:96%!important; border:1px solid #ccc; margin:2%}

.quantidade input{float:left; width:15%; border:0px; border-right:1px solid #ccc; padding:10px; font-size:18px; background:var(--cor-terceira)}
#prod_qnt{background:#fff}
.quantidade div{float:left; width:55%!important; background:#fff; color:#666; font-size:12px; padding:13px; text-align:right}



.clearfix{display:block;zoom:1}

ul#thumblist{display:block;}
ul#thumblist li{float:left;margin-right:1,5%;list-style:none; max-width:100px; width:32%}
ul#thumblist li a{display:block; border:1px solid #ccc;}
ul#thumblist li a.zoomThumbActive{
    /*border:1px solid #ccc;*/
}

.jqzoom{

	text-decoration:none;
	float:left;
}

.jqzoom img{
	max-width: 400% !important; 
}

.load{display:none}


/* CARRINHO */

.finalizar-compra { width:100%; margin-bottom:30px; float:left}
.h1-cart { color: #F60; font-size: 22px; font-weight:bold; margin-top:20px; text-align:center}
.table-cart { width: 100%; margin-bottom:10px; border-left: 1px solid #CCC; border-top: 1px solid #CCC;}
.table-cart th{ background-color: #efefef; border-bottom:1px solid #CCC; border-right:1px solid #CCC}
.table-cart td{ text-align: center; padding: 5px 0px; border-bottom:1px solid #CCC; border-right:1px solid #CCC}
.td-cart-img { width:15%; border-right: 0px !important}
.td-cart-descricao {width:40%; padding-left:20px !important; text-align: left !important}
.cart_qnt{width:50%}
.a_remover{font-size: 12px; background: var(--cor-terceira); padding: 5px; display: block; width: 50%; margin: 10px auto;}
.a_remover:hover{background:#F60; color:#fff}
.bt-comprar-mais {width:50%; float:left}
.bt-finalizar-compra {width:100%; text-align:right; float:left}
.br_finalizar_compra{cursor: pointer; padding:15px 20px 15px 60px; font-size:22px; color:#fff; background-color:#50ad45; text-shadow: 0 1px 1px rgba(0,0,0,0.2); border-radius: 2px;  border: 1px solid rgba(0,0,0,0.1);  border-bottom-color: rgba(0,0,0,0.2); }
.br_finalizar_compra::before {content: url(/img/icone_seta.png); margin-left:-35px; position: absolute;}
.br_finalizar_compra2{cursor: pointer; padding:15px 20px 15px 60px; font-size:22px; color:#fff; background-color:#50ad45; text-shadow: 0 1px 1px rgba(0,0,0,0.2); border-radius: 2px;  border: 1px solid rgba(0,0,0,0.1);  border-bottom-color: rgba(0,0,0,0.2); }
.br_finalizar_compra2::before {content: url(/img/0_carregando.gif); margin-left:-53px; margin-top:-10px; position: absolute;}
.br_comprar_mais{background:var(--cor-terceira); border:1px solid #ddd; color:#666; padding:10px 15px; float:left}

.br_finalizar_compra:hover{background-image: linear-gradient(to bottom,rgba(255,255,255,0.25),rgba(0,0,0,0.12));}


/* LOGIN */
.h2-login {color: #666; font-size: 22px; font-weight:600; margin-top:25px; width:100%; float:left}
.h3_login{color:var(--cor-titulo)}
.cadastre {width:48%; box-shadow: 0 -10px 0 0 #FFF,0 3px 10px 0 rgba(0,0,0,0.15); padding:60px 0px; border-top:1px solid var(--cor-terceira); border-bottom:1px solid var(--cor-terceira); text-align:center; margin:20px 0px; float:left}
.bt_login_ok{cursor: pointer; padding:10px 20px; font-size:16px; color:#fff; background-color:#50ad45; text-shadow: 0 1px 1px rgba(0,0,0,0.2); border-radius: 2px;  border: 1px solid rgba(0,0,0,0.1);  border-bottom-color: rgba(0,0,0,0.2); }
.login_email{margin-top:20px; width: 350px; padding: 15px; font-size: 20px;}
.cadastre input{padding:10px;}
.login_label{width:30%; padding-top:15px; height:25px; text-align:right; float:left}
.login_input{width:70%; padding:10px 0px; text-align:left; padding-left:4px; float:left}
.div_ou{width:4%; margin-top:160px; text-align:center; float:left}
.div_espaco{float:left; width:100%; height:80px;}

/* CHECKOUT */
.divCheckout {display:none; width:32%; color:#333; margin-left:2%; border-top:2px solid var(--cor-secundaria); box-shadow:0 0 5px #ccc; padding:0px 20px 20px 20px; float:left}
.divCheckout  label {font-size:14px; font-weight:bold; display:block; margin:6px 0px}
.divCheckout  input {padding:5px; font-size:16px; width:100%; border-radius: 6px; border:1px solid #ccc}
.divCheckout  select {padding:4px; font-size:16px; width:100%; border-radius: 6px; border:1px solid #ccc}
.divCheckout #cep {width:35%; margin-bottom:10px; float:left}
.divCheckout #cpf {width:60%}
.divCheckout .titulo {border-bottom:1px solid #ccc; padding-bottom:5px; margin-top:20px}
.divCheckout .bloco {width:49%; margin-top:10px; margin-left:2%; float:left}

.divFormasDeEnvio {cursor:pointer; display:none; width:100%; float:left}
.divFormaEnvio {border:1px solid #ccc; border-radius: 6px; width:100%; margin-top:5px; float:left}
.divFormaEnvio  input { margin:0px }
.divFormaEnvioRadio {width:10%; padding:10px 0px; background-color:#ccc; float:left}
.divFormaEnvioLabel {width:28%; padding:8px; float:left}
.calcfrete{display:none}
.divFormaEnvioImg {width:30%; padding:10px 0px 0px 10px; float:left}
.divFormaEnvioPreco {width:32%; color:#3C94BB; padding:8px; float:left}
.divFormaEnvioPreco {width:30%; color:#3C94BB; padding:8px; float:left}
.divFormaEnvioObs { clear: both; border-top: 1px solid #ccc; padding: 5px;}
.campoErro {color:#DE5957; font-size:12px; display:none}
.campoCadastro {margin-top:20px; padding-top:10px; border-top:1px solid #ccc; float:left}

.campoEndereco {display:none; color:#333; margin-left:2%; border-top:2px solid var(--cor-secundaria); box-shadow:0 0 5px #ccc; padding:0px 20px 20px 20px; float:left}
.campoEndereco  label {font-size:14px; font-weight:bold; display:block; margin:6px 0px}
.campoEndereco  input {padding:5px; font-size:16px; width:100%; border-radius: 6px; border:1px solid #ccc}
.campoEndereco  select {padding:4px; font-size:16px; width:100%; border-radius: 6px; border:1px solid #ccc}
.campoEndereco #cep {width:35%; margin-bottom:10px; float:left}
.campoEndereco #cpf {width:60%}
.campoEndereco .titulo {border-bottom:1px solid #ccc; padding-bottom:5px; margin-top:20px}
.campoEndereco .bloco {width:49%; margin-top:10px; margin-left:2%; float:left}

.divFormaPag {border:1px solid #ccc; border-radius: 6px; width:100%; margin-top:5px; float:left}
.divFormaPag  input { margin:0px }
.divFormaPagRadio {width:10%; padding:10px 0px; background-color:#ccc; float:left}
.divFormaPagImg {width:90%; padding:8px 0px 0px 10px; float:left}

.divCard, .divEnd {width:100%; padding:20px; border-top:1px solid #CCC; float:left}
.divCard {display:none}
.campoCart label {font-weight:normal; font-size:12px}

.chk_content {width:100%; margin-top:120px; box-shadow: 0 0 5px #ccc; padding:20px}
.div_login {width:100%; margin-bottom:30px; float:left}
.chk_login {width:50%; margin:0px auto}
.chk_email{width:70%; float:left}
.chk_email input{width: 100%; color:#aaa; padding: 15px 3%; font-size: 18px; border-radius: 6px;  border: 1px solid #ccc; box-shadow: inset 1px 1px 7px #e7e7e7;}
.chk_senha{display: none; margin-top:10px; width:70%; float:left}
.chk_senha input{width: 100%; color:#aaa; padding: 15px 3%; font-size: 18px; border-radius: 6px;  border: 1px solid #ccc; box-shadow: inset 1px 1px 7px #e7e7e7;}

.h1_chk { color: #666; font-size: 22px; font-weight:bold; margin:15px 0px; text-align:center}

.load_cep {width: 30px; float: left; margin-left: 5px; display:none}

.chk_continuar{width:27%; margin-left:3%; float:left}
.chk_ok{display:none; margin-left:3%; margin-top:10px; width:27%; float:left}
.chk_esqueci{display:none; margin-top:10px; width:100%; float:left}

.divCheckoutCelular{width:32%}

.div_dados {width:100%; background-color: var(--cor-terceira); padding:20px; margin-top: 15px;}
.div_dados p{font-size:14px}
.divEnderecos {border:1px solid #ccc; font-size:14px; background-color:var(--cor-terceira); border-radius: 6px; width:100%; margin-top:5px; float:left}
.divEnderecos p{font-size:14px}
.divEndLabel {width:90%; padding:8px 0px 0px 10px; font-weight:bold; float:left}

.bt_continuar, .bt_ok{cursor: pointer; padding:13px 20px; width:100%; font-size:22px; color:#fff; background-color:#51a8b1; text-shadow: 0 1px 1px rgba(0,0,0,0.2); border-radius: 2px;  border: 1px solid rgba(0,0,0,0.1);  border-bottom-color: rgba(0,0,0,0.2); float:left}
.load_continuar {width: 50px; float: left; margin-left: 5px; display:none}

.pag30 {width:30%; float:left; margin-top:20px; border:1px solid #ccc; padding:20px}
.pag70 {width:67%; margin-left:3%; margin-top:20px; float:left; border:1px solid #ccc; padding:20px}


.window  input {padding:5px; font-size:16px; width:70%; border-radius: 6px; border:1px solid #ccc}
#mask {position:fixed;
	z-index:9000;  
	background-color:#000; 
	display:none;
	left: 0;
	top: 0;
}

.window {
	position:fixed;
	width:500px;
	display:none;
	z-index:9999;	
	background-color:#fff;
	font-size: 20px;
	border-radius: 8px; 
}

.close {
	display:block;
	font-size:20px;
}  
.modal-footer {
	width:100%;
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
	float:left
}




/* CADASTRO */
.div-cadastro input {width:80%; border:1px solid #DDD; height:34px }
.div-cadastro select { width:80%; border:1px solid #DDD; height:34px }
.cadastro-dados{width:100%; margin:10px auto; padding-bottom:20px; border:1px solid #B6D3E6; float:left}
.cadastro-cobranca{width:100%; margin:10px auto; padding-bottom:20px; border:1px solid #F8D3D6; float:left}
.cadastro-entrega{width:100%; margin:10px auto; padding-bottom:20px; border:1px solid #FBCBB8; float:left}
.cadastro-dados div{width:38%; margin-left:12%; padding:10px 0px; float:left}
.cadastro-cobranca div{width:38%; margin-left:12%; padding:10px 0px; float:left}
.cadastro-entrega div{width:38%; margin-left:12%; padding:10px 0px; float:left}
.bt-cadastrar {height:60px !important; width:30% !important; font-size:30px; font-weight:bold; color:#22691D; background-color:#C0E4D0; border:1px solid #22691D}

/* CONFIRMACAO */
.confirmacao-endereco {width:47%; margin-left:2%; background-color:#e1f1e2; padding:10px 20px; border:2px solid #68966c; text-align:center; float:left}
.confirmacao-frete {width:47%; margin-left:2%; background-color:#dce6ef; padding:10px 20px; border:2px solid #3f5d7c; text-align:center; float:left}



/* ÁREA	DO CLIENTE */
.cli_menu{margin:15px 0px; width:20%; border:1px solid #51A8B1; float:left}
.cli_menu div{padding:5px; border-bottom:1px solid #51A8B1}
.cli_menu_titulo{background-color:#51A8B1; padding:5px 10px!important; color:#fff}
.cli_container{margin:15px 0px; width:80%; float:left}
.cli_container div{float:left}
.cli_bl50{width:48%; margin-left:2%; padding-bottom:20px; border:1px solid var(--cor-terceira); float:left}
.cli_bl50_titulo{width:100%; background-color:var(--cor-terceira); padding:5px 10px; color:#000}
.cli_bl50_label{width:25%; margin:5px 0px; float:left; text-align:right}
.cli_bl50_txt{width:73%; margin:5px 0px 5px 2%; float:left}
.divLabel{width:37%; padding:5px 0px; margin:5px 0px; float:left; text-align:right}
.divInput{width:60%; padding:5px 0px 5px 1%; margin:5px 0px 5px 2%; float:left}
.cli_bl100{width:98%; margin:2% 0px 0px 2%; padding-bottom:20px; border:1px solid var(--cor-terceira); float:left}
.cli_pedido{width:100%; padding:5px 0px; background-color: var(--cor-principal); color:#fff; float:left}
.cli_pedido_txt{width:100%; padding:5px 0px; background-color: #DDD; float:left}
.w15{width:15%}
.w20{width:20%}
.w25{width:25%}
.bt_cli_detalhes{width:150px; height:30px};

.jqzoom{text-decoration:none; float:left;}


/* RODAPE */
.rodape { width:100%; float:left; margin:20px 0px; float:left}
.rodape_azul {width:100%; background-color:var(--cor-secundaria); float:left; margin:20px 0px; float:left}
.rodape_rosa {width:100%; background-color:#faf6e8; float:left; margin:20px 0px 0px 0px; padding:40px 0px;}
.rod { width:33%; padding:20px 0px; float:left}
.rod p {color:#fff; margin-top:2px; font-size: 16px}
.rod a {color:#fff; font-size: 16px}
.rod2 { width:45%; padding:20px 0px; float:left}

.rod_news {width:48%; height:150px; background-color:#fff; margin:20px 0px; float:left}
.rod_news_topo {background: #fff url(/img/f_news.png) no-repeat 0px 0px; height:50px; width:100%; background-color:#f1f1f1}
.rod_news div {float:left}
.rod50 {width:50%; text-align:center; padding:20px}

.rod_redes {width:48%; height:150px; background-color:#fff; margin:20px 0px 20px 4%; float:left}
.rod_redes_topo {background: #fff url(/img/f_redes.png) no-repeat 0px 0px; height:50px; width:100%; background-color:#f1f1f1}
.rod_redesdiv {float:left}
.rod100 {text-align:center; padding:20px}

.newsllater_rodape {display:none; padding:20px; text-align:center}

.rodape_topo {margin-top:40px; background-color:var(--cor-terceira); padding:20px; width:100%; float:left}
.div_news {width:60%; float:left}
.txt_news{width:70%; padding:5px; color:#AAA; font-size:16px; height:51px; float:left}
.bt_news{height:33px; width:15%; background: #fff url(/img/bt_news.jpg) no-repeat 0px 0px; margin:0px; width: 49px; height: 51px; color:#fff; border:0px; float:left;}


.ul-topo-phone {padding:0px;	list-style:none; color: #FFF; margin:0px; float: right;width: 100%; display: none }
.ul-topo-phone li {display: inline; float:left; margin:0px; padding:0px;}
.ul-topo-phone li  img{float:left; margin:0px; border-right: 1px solid #6d9dd5; border-left: 1px solid #6d9dd5;}






.caixa_cores {
	margin:0px; 
	border:1px solid #fff;	
	width:10px; 
	height:15px; 
	float:left;	
	cursor:pointer;
	list-style: none outside none;
}
.caixa_cores_adesivo {
	list-style: none outside none;
	margin:1px; ;
	border-radius:15px;
	width:38px; 
	height:38px; 
	float:left;	
	cursor:pointer;
}


.ul-img {
    list-style:none;
    text-align:center;
    padding:0;
}

.ul-img li {
    display:inline-block;
    width:100px;
    height:100px;
}

.img-zoom {background-image: url(/img/icone-zoom.png); background-repeat: no-repeat; background-position: 210px 220px; z-index:5; width:500px; height: 500px; position:absolute; margin:0px; display:none; opacity:0.6}



.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 59999;
	display: none;
}
.modalDialog > div {
    width: 50%;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
	z-index: 99999;
}
.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 40px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 40px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}

.titNews {
	font-size:26px;
	margin-top:20px;
}
.txtNews {
	margin-top:10px;
}
.txtNewsObs {
	text-align:center;
}
.boxDesconto {
	width:100%;
	font-size:50px;
	color:#fff;
	padding:20px;
	Background-color: #158CD2;
	text-align:center;
	margin:20px auto 10px auto;	
}
.CadastrarEmail{
	width:700px;
	height:30px;
}






.revenda {padding: 10px 0; background: #f1f1f1; border-bottom: 1px solid #d8d9da;position: fixed;height: 38px; z-index: 201; width: 100%;}



.seja_franqueado {display:none; font-weight:600; cursor: pointer; background: #e69500; color: #ffffff; padding: 5px 0; margin-top: 4px; text-align: center; border-radius: 17px;}


.clear_2 {clear:both; display:none}

@media only screen and (max-width: 992px) {
	
	.clear_2 {display: block}
	
	.div_unidade{width:100%; text-align: center; margin-top: 8px}
	.div_atendimento_topo, .bt_franqueado{display:none}
	
	.revenda {padding:0}
	.seja_franqueado {display:block}
	
	.header-logo{display:none}
	.header-busca {display:none}
	.header-user-login{display:none}
	.header-ajuda{display:none}
	.header-carrinho{display:none}
	.header-login{display:none}
	.menu{display:none}
	.mini-banner{display:none}
	.breadcrumbs{display:none}
	.sobre_loja{display:none}
	.paginacao, .nome_produto, .referencia, .cart_titulo, .cart_titulo_maior, .br_comprar_mais{display:none}
	.zopim{display:none}
	
	.paginacao_phone{display:block}
	
	.container{margin:0px;}
	
	.header{height:46px; background-color: var(--cor-principal)}
	.header .container {padding:0px; margin:0px}	
	.menu-topo-phone {display:block; width:46px; float:left; }
	.header-logo-phone {display:block; width:40%; text-align:center; padding-top:2px; float:left}
	
	
	
	.header-login-phone {display:block; width:46px; float:right}
	.header-busca-phone {display:block; width:46px; float:right}
	
	
	
	.menu-phone{display:block; width:100%; margin-top:46px; padding-top:10px; background-color:var(--cor-terceira); height:46px; float:left}
	.menu-phone .container{padding:0px; margin:0px;}
	.ul-menu-phone {margin:0px; padding:0px;  list-style:none; text-align:center;}
	.ul-menu-phone li {fonte: normal normal normal 14px/1 FontAwesome; cursor: pointer; padding-left:6%; display:inline ; float:left}
	.ul-menu-phone a {color: #333;}
	
	.menu2 .header-busca {display:block; float:left; width:90%; margin-left:10px; }
	.menu-lateral {float:left; margin-top:10px; width:100%}
	.departamentos{border-bottom: 1px solid rgba(255,255,255,.3); margin: 0 10px; padding: 5px; color: #000; font-weight: bold;}
	
	#slide{width:100%}
	.div-produtos { width: 50%; padding:0 5px }
	.div-produtos:nth-child(even) { margin-right: 0px;}
	.prod-img, .prod-comprar{width:100%}
	
	.barra-titulo{border:1px solid #ddd; text-align:center; background:#fff; margin:0px}
	.barra-titulo div{display:none}
	.barra-titulo p{color: #F94C63;}
	
	.rod{width:100%}
	
	.categoria_phone, .prod-titulo-phone{display:block}
	.categoria_titulo{display:none}
	.divLiquida{margin-top:10px}
	.prod-titulo-phone .nome_produto{display:block; margin:10px 0px;}
	.prod-comprar {margin:0px}
	.div_comprar{margin-top:10px; padding:10px 0px; text-align:center}
	.div_comprar div{width:100%}
	.div_cal_frete div{width:100%}
	.span_desc{display:none}
	.tit_desc{background:var(--cor-terceira); padding-left:10px; border:0px}

	.pDesconto {margin-left: 20px;}
	
	.table-cart thead{ display:none}
	.table-cart td{ width:100%; float:left; border-right:1px solid #ccc !important}
	.td-cart-preco-unitario {display:none;}
	.tr-cart-subtotal {display:none;}
	.tr-cart-frete {display:none;}
	.bt-comprar-mais {display:none;}
	.bt-finalizar-compra {width:100%; text-align:center; float:left; margin-bottom:30px;}
	
	/* LOGIN */
	.cadastre {width:100%; padding:20px  0px 40px 0px;}
	.login {width:100%; margin-left:0px; padding:20px 0px;}
	.div_ou{margin:0px; width:100%}
	
	/* CADASTRO */
	.cadastro-dados div{width:94%; float:left}
	.cadastro-cobranca div{width:94%; float:left}
	.cadastro-entrega div{width:94%; float:left}
	.bt-cadastrar {width:90% !important}
	
	/* CONFIRMACAO */
	.confirmacao-endereco {width:96%}
	.confirmacao-frete {width:96%; margin-top:10px}
	/*.modalDialog{display:none !important}*/
	
	/* ÁREA	DO CLIENTE */
	.cli_menu{width:100%}
	.cli_container{width:100%; float:left}
	.cli_container div{float:left}
	.cli_bl50{width:100%; margin-left:0px;}
	.cli_pedido{width:50%;}
	.cli_pedido_txt{width:50%;}
	.w15, .w20, .w25 {width:100%; padding:10px 0px}
	.bt_cli_detalhes{display:none}
	/*
	.cli_bl50_label{width:25%; margin:5px 0px; float:left; text-align:right}
	.cli_bl50_txt{width:73%; margin:5px 0px 5px 2%; float:left}
	.cli_bl100{width:98%; margin:2% 0px 0px 2%; padding-bottom:20px; border:1px solid var(--cor-terceira); float:left}
	*/
	
	.chk_content{padding:0px; margin-top:65px; box-shadow:none}
	.h1_chk{font-size:16px}
	.chk_login {width:100%}
	.chk_email{width:100%}
	.chk_email input{width:100%}
	.chk_continuar {width:100%; margin:10px 0px 0px 0px}	
	.chk_ok{width:100%; margin:10px 0px 0px 0px}
	.chk_senha {width:100%;}
	.bt_continuar{width:100%}
	.divCheckout{width:100%; padding:0px 10px 20px 10px}
	.divCheckout input{padding:10px;}
	.divCheckout .bloco {width:100%; margin-left:0%; margin-top:2px}
	.divFormaEnvioImg{padding:0px}
	
	.divCheckoutCelular{width:100%; margin:20px 0px}
	
	.modalDialog > div {width:80%}
	.titNews{font-size:18px}
	.boxDesconto{font-size:26px}
	.txtNewsObs{font-size:10px}
	
	.rod{width:50%}
	.rod_redes{width:100%; margin-left:0px}
	.rod_news{width:100%; height:230px}
	.rod50{width:100%;}
	
	.pag30 {width:100%}
	.pag70 {width:100%; margin-left:0}
	
	
}

.busca_erro {float:left; width:100%; height:40px;margin-top:20px; text-align:center; background:rgba(0,0,0,0.04); clear:both; line-height:40px;color:#555;}
.paginas {padding-top: 20px;}



/* cores do layout */
html {
	--cor-principal: #308cc9; 
	--cor-secundaria: #63a9d6; /* rodape, paginacao */
	--cor-titulo: #288bbd;
	--cor-titulo-dois: #2671a3;
	--cor-hover:#2c82bb;
	--cor-terceira: #eeeeee;
  }

html[theme=verde] {
	--cor-principal: #1e7b35; 
	--cor-secundaria: #5bd77a; /* rodape, paginacao */
	--cor-titulo: #32cd59;
	--cor-titulo-dois: #46d269;
	--cor-hover:#23903e;
	--cor-terceira: #eeeeee;
}
html[theme=rosa] {
	--cor-principal: #cc00cc; 
	--cor-secundaria: #ff66ff; /* rodape, paginacao */
	--cor-titulo: #ff00ff;
	--cor-titulo-dois: #ff99ff;
	--cor-hover:#ff99ff;
	--cor-terceira: #eeeeee;
}

html[theme=laranja] {
	--cor-principal: #e67300; 
	--cor-secundaria: #ffcc99; /* rodape, paginacao */
	--cor-titulo: #ff8c1a;
	--cor-titulo-dois: #ffa64d;
	--cor-hover:#ffbf80;
	--cor-terceira: #eeeeee;
}

/* cores do layout */