/* ajustes no bootstrap */

ul, ol { margin: 0px; padding: 0px; list-style: none; }
label.checkbox { width:100%; }
p { font-family: inherit; }
input, button, select,textarea,label { font-family: inherit; font-size: inherit; font-weight: normal; }
legend { margin: 30px 0px 35px 0px; padding-bottom: 7px; }
.radio input[type="radio"], .checkbox input[type="checkbox"] { margin-bottom: 9px; }
hr { margin:10px 0px; }
img { max-width: none; }
form { margin: 0px; }
body { line-height: normal; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; }
.table-center { text-align: center !important; }
.table-right { text-align: right !important; }
.text-align-right { text-align:right !important; }
.table thead th { background-color: #F0F0F0; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {  vertical-align: middle; }
.form-actions { padding: 15px 0px; margin-top:15px; margin-bottom: 0px; border-top: 1px solid #ececec; }
.no_margin_left {margin-left: 0;}
footer h4 {margin-bottom: 8px;}
.logo { height: 90px; }
.links a {margin-right: 5px; }
.table th, .table td { vertical-align: middle; }
.btn-mini { font-size: 11px; }
.label { font-size: 83%; } 
.transparent { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; }
.panel { box-shadow: none; }
.radio, .checkbox { margin-left: 20px; }
.breadcrumb { white-space: nowrap; text-overflow: ellipsis; }

/* sprites background */
.sprite { background: url("../img/sprites.png") no-repeat transparent; display: block; text-indent: -99999px; }

/* mensagem padrao exibida em acoes ajax */
#msg-aguarde { top: 4px; left: 4px; position: fixed; background: red; padding: 2px 5px; font-size: 10px; color: white; }

/* titulos gerais usados na loja virtual */
.titulo { margin-bottom: 15px; padding-bottom:5px; border-bottom: 1px solid #ececec; position: relative; }

/* formularios */  
label.checkbox { width: 100% !important; line-height: 18px; }
input, textarea, select, .uneditable-input { margin-bottom: 6px; }

.help-block { font-size: 10px; position: relative; top: -4px; }
.ajuda-campo { margin-bottom: -10px; font-size: 11px; position: relative; top:-14px; }

.form-label { margin-bottom: 5px; }
.form-label-obrigatorio { font-weight: bold; }
.form-control { background-color: #fff; background-image: none; box-shadow: none; color: #555; font-size: 100%;  padding: 6px 7px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;  }
.form-control:focus { background-color: #fafafa; border-color: #66afe9; outline: 0 none; box-shadow: none; }
.form-control::-moz-placeholder { color: #aaaaaa; opacity: 1; }

.fancybox-inner .box-form { margin-top: 5px; }
.fancybox-inner .form-label { margin-bottom: 3px; }
.fancybox-inner .form-actions { padding-bottom: 0; }

/* formularios - cadastro */

.box-form { margin-bottom: 7px; }

.form-cadastro .box-nome { float: left; padding-right: 5px; width: 50%; }
.form-cadastro .box-sobrenome { float: left; padding-left: 5px; width: 50%; }
.form-cadastro .div-dados-pf { float: left; width: 100%; }
.form-cadastro .box-cpf { float: left; padding-right: 5px; width: 50%; }
.form-cadastro .box-rg { float: left; padding-left: 5px; width: 50%; }
.form-cadastro .box-data_nascimento { float: left; padding-right: 5px; width: 50%; }
.form-cadastro .box-sexo { float: left; padding-left: 5px; width: 50%; }
.form-cadastro .box-telefone_3 { float: left; padding-right: 5px; width: 50%; }
.form-cadastro .box-telefone_3_operadora { float: left; padding-left: 5px; width: 50%; }

.form-cadastro .box-cnpj { width: 50%; /*float: left; padding-right: 5px; */ }

.form-cadastro .box-ie { float: left; padding-right: 5px; width: 50%; }
.form-cadastro .box-ie_isento { float: left; padding-left: 5px; width: 50%; }

.form-cadastro .box-optante_pelo_simples { float: left; padding-right: 5px; width: 50%; }

.form-endereco .box-cep { width: 50%; }
.form-endereco .box-destinatario { width: 50%; float: left; padding-right: 5px; }
.form-endereco .box-identificacao { width: 50%; float: left; padding-left: 5px; }
.form-endereco .box-numero { width: 50%; float: left; padding-right: 5px; }
.form-endereco .box-complemento { width: 50%; float: left; padding-left: 5px; }
.form-endereco .box-bairro { width: 50%; float: left; padding-right: 5px; }
.form-endereco .box-cidade { width: 50%; float: left; padding-left: 5px; }
.form-endereco .box-referencia { width: 50%; float: left; padding-right: 5px; }
.form-endereco .box-tipo { width: 50%; float: left; padding-left: 5px; }
.form-endereco .btn-consultar-cep { float: right; position: relative; right: 5px; top: 28px; }

.form-cadastro .box-senha { float: left; padding-right: 5px; width: 50%; }
.form-cadastro .box-senha_confirma{ float: left; padding-left: 5px; width: 50%; }

/* formularios - mensagens de erros e validacao */
.input-error { border: 1px solid red; background: #fff2f2; }
/*label.error { color: red; float:inherit; width:350px; margin-top: -8px; margin-bottom: 8px; }*/
label.label-error { font-size: 90%; color: red; float:inherit; width:100%; font-weight: normal; line-height: 11px; margin-top: -2px; margin-bottom: 8px; display: block; }
.erro-validacao { border: 1px solid red !important; background: #FFE1E1 !important; }
                 
/* listagem dos produtos - caixa do produto */

.box-produto { padding:10px; border:1px solid #ececec; text-align: center; margin-bottom: 30px; position: relative; width: 100%; }
.box-produto:hover { border:1px solid gray; }
.box-produto.first {  }
.box-produto.last { }
.box-produto .imagem img { max-width: 100%; max-height: 100%; }
.box-produto .imagem { display: block; position: relative; }
.box-produto .nome { display: block; padding-bottom: 10px; font-size: 110%; }
.box-produto .nome a h3 { font-size: 110%; }
.box-produto .descricao { display: none; line-height: 10px; font-size:10px; }
.box-produto .sku { display: none; font-size:9px; color: gray; }
.box-produto .preco { display: block; padding-bottom: 5px; height: auto; }
.box-produto .preco a { text-decoration: none; color: #0083ca; }
.box-produto .preco .preco-de span { color: #77c1e4; font-weight: bold; }
.box-produto .preco .preco-por { display: block; }
.box-produto .preco .preco-por span { color: #0083ca; font-weight: bold; font-size: 120%; }
.box-produto .preco .parcelamento { display: block;}
.box-produto .preco .parcelamento span { color: #0083ca; }
.box-produto .preco .a-vista span { color: #005800; font-weight: bold; }
.box-produto .avaliacoes { padding-bottom: 5px; }
.box-produto .categoria { display: none; }
.box-produto .marca { display: none; }
.box-produto.indisponivel .imagem img { opacity: 0.3; } 

.box-produto .imagem-container { position: relative; width: 100%; }
.box-produto .imagem-container .imagem-dummy { padding-top: 100%; /* forces 1:1 aspect ratio */ }
.box-produto .imagem-container .imagem { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align:center; /* Align center inline elements */ font: 0/0 a; }
.box-produto .imagem-container .imagem .center { display: inline-block; vertical-align: middle; height: 100%; }
.box-produto .imagem-container .imagem img { vertical-align: middle; display: inline-block; }

.box-produto .box-flags                  { position: absolute; top:15px; left:-2px; }
.box-produto .box-flags .icone           { margin-bottom: 2px; }

.box-produto .flag-frete-gratis          { background-position: -570px -120px; height: 16px; width: 59px; }
.box-produto .flag-destaque              { background-position: -570px -171px; height: 16px; width: 59px; }
.box-produto .flag-lancamento            { background-position: -570px -100px; height: 16px; width: 59px; }
.box-produto .flag-promocao              { background-position: -632px -100px; height: 16px; width: 59px; }
.box-produto .flag-promocao-rapida       { /*background-position: -628px -100px;*/ height: 16px; width: 59px; background-color: blue; }
.box-produto .flag-promocao-quantidade   { /*background-position: -628px -100px;*/ height: 16px; width: 59px; background-color: yellow; }
.box-produto .flag-frete-desconto        { background-position: -570px -138px; height: 16px; width: 59px; }
.box-produto .flag-indisponivel          { background-position: -630px -139px; height: 16px; width: 59px; }
.box-produto .flag-ultimas-unidades      { background-position: -632px -100px; height: 16px; width: 59px; }

.box-produto .flag-percentual-desconto   { background: none repeat scroll 0 0 #ff0000; border-radius: 3px; color: white; font-size: 11px; height: 19px; padding: 2px; text-indent: 0; width: 37px; }

/* listagem dos produtos - vitrines */

/* listagem dos produtos - listagem */

/* listagem dos produtos - carrossel */

/* listagem dos produtos - compre junto */

.produtos-carrossel .box-produto { margin: 0px; }
.produtos-carrossel .item { padding: 0px 7px; }

/* tables */

.table-center { text-align: center !important; }
.table-date { width: 90px !important; }
.table-datehour { width: 140px !important; }
.table-user { width: 160px !important; }
.table-wativo { width: 45px !important; }
.table-id { width: 60px !important; text-align: center !important; }
.table-valor { width: 110px !important; text-align: right !important; }
.table-valor-traco { width: 70px !important; text-align: right !important; }
.table-inteiro { width: 70px !important; text-align: right !important; }
.table-moeda { width: 70px !important; text-align: right !important; }
.table-periodo { width: 120px !important; text-align: center !important; }
.table-right { text-align: right !important; }
.table-strong { font-weight: bold; }
.table-group { font-weight: bold; font-size: 120%; padding-top: 10px; padding-bottom: 10px; background-color: #F9F9F9; }
.table .ativo { background-color: #D2FFD2; }
.table .nao-ativo { background-color: #FFECEC; }

/* sprites - redes sociais */

.rede-social-blog        { background-position: -90px -720px; }
.rede-social-facebook    { background-position: -24px -720px; }
.rede-social-youtube     { background-position: -222px -720px; }
.rede-social-twitter     { background-position: -57px -720px; }
.rede-social-googleplus  { background-position: -123px -720px; }
.rede-social-pinterest   { background-position: -156px -720px; }
.rede-social-instagram   { background-position: -189px -720px; }

/* sprites - bandeiras pagamento */

.sprite-bandeira       { float:left; width:39px; height:32px; }

.bandeira-visa         { background-position: -25px -835px; }
.bandeira-mastercard   { background-position: -68px -835px; }
.bandeira-amex         { background-position: -112px -835px; }
.bandeira-diners       { background-position: -156px -835px; }
.bandeira-hipercard    { background-position: -241px -835px; }
.bandeira-aura         { background-position: -199px -835px; }
.bandeira-elo          { background-position: -284px -835px; }
.bandeira-boleto       { background-position: -327px -835px; }
.bandeira-deposito     { background-position: -370px -835px; }
.bandeira-banco-do-brasil { background-position: -327px -873px; }
.bandeira-bradesco     { background-position: -370px -911px; }
.bandeira-itau         { background-position: -370px -873px; }
.bandeira-hsbc         { background-position: -242px -873px; }
.bandeira-banrisul     { background-position: -284px -873px; }
.bandeira-mercadopago  { background-position: -25px -911px; }
.bandeira-bcash        { background-position: -112px -911px; }
.bandeira-pagseguro    { background-position: -68px -911px; }
.bandeira-moip         { background-position: -199px -911px; }
.bandeira-paypal       { background-position: -156px -911px; }
.bandeira-rede         { background-position: -284px -911px; }
.bandeira-cielo        { background-position: -242px -911px; }
.bandeira-vale-compra  { background-position: -326px -911px; }

/* sprites - formas de envio */

.envio-correios { background-position: -454px -790px; }
.envio-sedex { background-position: -519px -790px; }
.envio-sedex-10 { background-position: -584px -790px; }
.envio-esedex { background-position: -714px -790px; }
.envio-pac { background-position: -649px -790px; }
.envio-motoboy { background-position: -779px -790px; }
.envio-braspress { background-position: -454px -825px; }
.envio-directlog { background-position: -519px -825px; }
.envio-jadlog { background-position: -584px -825px; }
.envio-jamef { background-position: -649px -825px; }
.envio-gratis { background-position: -454px -859px; }
.envio-transportadora { background-position: -519px -859px; }
.envio-retirada { background-position: -714px -859px; }
.envio-fixo { background-position: -584px -859px; }
.envio-envio-digital { background-position: -649px -859px; }

/* historico-navegacao */

.historico-navegacao {  }                                      
.historico-navegacao .limpar-historico { position: absolute; right: 0px; top:0px; }
.historico-navegacao .btn-limpar-historico { font-size: 85%; }
.historico-navegacao h4 { font-size: 100%; }
.historico-navegacao ul li a { font-size: 97%; }
.historico-navegacao ul li.txt-cut { display: inline-block; margin-right: 15px; overflow: hidden; padding: 0; position: relative; text-overflow: "..."; white-space: nowrap; width: 95%; }

/* pagina manutencao */

body.pagina-manutencao { background: none; position: relative; }
.pagina-manutencao .aviso { background: url("../img/aviso_manutencao.png"); width: 500px; height: 500px; margin-left: auto; margin-right: auto; margin-top: 150px; text-align: center; position: relative; }
.pagina-manutencao .aviso .texto { bottom: 0; color: #585858; height: 50%; left: 0; margin: auto; overflow: auto; position: absolute; right: 0; top: 270px; width: 100%; }

/* controle de idade */

.aviso-controle-idade { height: 600px; width: 800px; background: url("../img/aviso_idade.png") no-repeat transparent; }
.aviso-controle-idade .texto { bottom: 0; color: #585858; height: 35%; left: 0; margin: auto; overflow: auto; position: absolute; right: 0; text-align: center; top: 340px; width: 100%; }

/* nuvem de tags */

.tag-cloud { padding: 2px; line-height: 3em; text-align: center; }
.tag-cloud a { padding: 0px; }
.tag-cloud { margin: 0; }
.tag-cloud li { display: inline; }

.tag-cloud li.tag-10  { font-size: 0.7em; font-weight: 100; }
.tag-cloud li.tag-20  { font-size: 0.8em; font-weight: 200; }
.tag-cloud li.tag-30  { font-size: 0.9em; font-weight: 300; }
.tag-cloud li.tag-40  { font-size: 1.0em; font-weight: 400; }
.tag-cloud li.tag-50  { font-size: 1.2em; font-weight: 500; }
.tag-cloud li.tag-60  { font-size: 1.4em; font-weight: 600; }
.tag-cloud li.tag-70  { font-size: 1.6em; font-weight: 700; }
.tag-cloud li.tag-80  { font-size: 1.8em; font-weight: 800; }
.tag-cloud li.tag-90  { font-size: 2.2em; font-weight: 900; }
.tag-cloud li.tag-100 { font-size: 2.5em; font-weight: 900; }

 /*rodape*/

.rodape .box-rodape { margin: 15px 0px; }
.rodape .box-rodape .titulo { font-weight: bold; }
.rodape .menu li { font-size: 95%; line-height: 15px; }
.rodape .menu p { display: none; }
.rodape .box-rodape.busca { border-radius: 5px; background: #ECECEC; padding: 12px; }
.rodape .box-rodape.busca .titulo { border: 0px; margin: 0px; }
.rodape .box-rodape.contato .html { font-size: 95%; color: #585858; }
.rodape .box-rodape .icone-bandeira { margin-right: 7px; margin-bottom: 7px; }
.rodape .box-rodape .icone-rede-social { width:32px; height: 32px; float: left; margin-right: 3px; margin-bottom: 7px; }
.rodape .box-rodape .sprite-bandeira { width: 39px; height: 32px; float: left; margin-right: 3px; margin-bottom: 7px; }
.rodape .box-rodape .selos-certificados li { display: inline; margin-right: 7px; }
.rodape .box-rodape.informacoes { font-size: 9px; color: gray; line-height: 11px; margin:20px 0px; text-align: center; }

/* carrinho e pedidos - etapas */

.pedido-etapas { float:right; }
.pedido-etapas li { margin-left: 15px; float: left; padding-bottom: 4px; }
.pedido-etapas li .codigo { font-weight: bold; }
.pedido-etapas .selecionado { border-bottom: 2px solid red;}

/* lista de produtos */

.produtos-pedido { /*margin-bottom: 15px;*/ }
.produtos-pedido .col-foto { width: 50px; padding-right: 0px; }
.produtos-pedido .col-qtd { width: 90px; }
.produtos-pedido .col-qtd input { width: 32px; height: 28px; margin-bottom: 0px; }
.pagina-carrinho .col-qtd .qtd * { display: inline-block; vertical-align: middle; text-align: center !important; }
.pagina-carrinho .col-qtd .excluir { display: none; }
.pagina-carrinho .col-qtd .link-excluir { font-size: 90%; }
.produtos-pedido .col-valor-unitario { width: 130px; }
.produtos-pedido .col-valor-total { width: 130px; font-weight: bold; }
.produtos-pedido .col-excluir { width: 40px; }
.produtos-pedido .col-valor-unitario .valor-de { width: 130px; font-size: 95%; color: #969696; }

.produtos-pedido.table > tbody > tr.last > td { border-bottom: 1px solid #ddd; }

.produtos-pedido .produto { position: relative; clear: both; display: inline-block; width: 100%; border-bottom: 1px solid #ececec; padding:10px 0px; margin-bottom:10px; }
.produtos-pedido .foto { float: left; display: block; }
.produtos-pedido .foto img { width: 40px; }
.produtos-pedido .dados { padding-left: 50px; }
.produtos-pedido .info span { display: block; font-size: 85%; line-height: 1.1; }
.produtos-pedido .variacao { color: #969696; }
.produtos-pedido .sku { color: #969696; line-height: 13px; font-size: 85%; }
.produtos-pedido .qtd { color: #969696; line-height: 13px; font-weight: bold; }
.produtos-pedido .valor-unitario { color: #969696; }
.produtos-pedido .valor-total { float: right; }
.produtos-pedido .btn-excluir { background-position: -171px -66px; width: 18px; height: 18px; display: inline-block; }

/* totais */

table.totais td { padding-top: 1px; padding-bottom: 2px; }
table.totais .desconto .valor { color: green;  }
table.totais { width: 100%; }
table.totais .titulo-total { width:65%; }
table.totais .valor { text-align: right; }
table.totais .desconto td { color: green; }
table.totais .valor-total { font-weight: bold; }
table.totais .codigo-vale { display: block; }
table.totais .desconto-cupom .cupom { font-size: 85%; display: block; color: #585858; }
table.totais .desconto-vale-compras .vale { font-size: 85%; display: block; color: #585858; }
table.totais .gratis-por-cupom td { color: green; }
table.totais .gratis-por-cupom .cupom { font-size: 85%; display: block; color: #585858; }

/* rodape da finalizacao e confirmacao do pedido */

.box-rodape-pedido { margin-top: 15px; margin-bottom: 25px; padding-top: 15px; border-top: 1px solid #ececec; }
.box-rodape-pedido p { margin: 0px; color: #969696; font-size: 85%; }
.box-rodape-pedido .seguranca { font-weight: bold; }

/* menu de categorias tree */

.tree .dropdown-menu { position: relative !important; float: none !important; box-shadow: none !important; border-right: 0 !important; border-bottom: 0 !important; border-top: 0 !important; }
.tree .open-tree > .dropdown-menu { display: block; }
.tree .dropdown-menu-tree { display: none; margin-bottom: 10px; }
.tree .open-tree > .dropdown-menu-tree { display: block; }
.tree > li.active > a, .tree > li.active > a:hover, .tree > li.active > a:focus { background: none; color: #2c3e50; }
.tree .nav-stacked.tree > li a:hover { color: #2c3e50; font-weight: bold; }
.tree > .active > a > .badge { background: #999999; color: #fff; }
.tree .category-level-2 { border-left: 1px solid #DDDDDD !important; margin-left: 10px;}
.tree .category-level-2 li { margin-top: 2px; }
.tree .category-level-2 li a { font-weight: normal !important; padding: 2px 5px 2px 7px; font-size: 93%; }
.tree .category-level-2 li a.active, .category-level-2 .dropdown-tree.active .dropdown-tree-a, .category-level-2 .open-tree .dropdown-tree-a { font-weight: bold !important; }
.nav.tree > li.active, .nav.tree > li > a:hover, .nav.tree > li > a:focus, .nav.tree > li:hover > a  { background:none; color:#2c3e50; }
.nav.tree .open-tree > a, .nav.tree .open-tree > a:hover, .nav.tree .open-tree > a:focus {  background:none; font-weight:bold; color:#2c3e50; }

/* MegaMenu */

.megamenu .nav,.megamenu .dropup,.megamenu .dropdown,.megamenu .collapse{position:static}
.megamenu .navbar-inner,.megamenu .container{position:relative}
.megamenu .dropdown-menu{left:auto;border-color:#ececec}
.megamenu .dropdown-menu > li{display:block}
.megamenu .nav.pull-right .dropdown-menu{right:0}
.megamenu .megamenu-content{padding:15px 10px;*zoom:1}
.megamenu .megamenu-content:before,.megamenu .megamenu-content:after{display:table;content:"";line-height:0}
.megamenu .megamenu-content:after{clear:both}
.megamenu.navbar .nav > li > .dropdown-menu:after,.megamenu.navbar .nav > li > .dropdown-menu:before{display:none}
.megamenu .dropdown.megamenu-fullwidth .dropdown-menu{width:100%;left:0;right:0}
.megamenu .dropdown.megamenu-80width .dropdown-menu{width:80%;left:0;right:0;width:80%;left:0;right:0}
.megamenu .dropdown.megamenu-50width .dropdown-menu{width:50%;left:0;right:0}
.megamenu .dropdown.megamenu-40width .dropdown-menu{width:40%;left:0;right:0}
.megamenu .dropdown.megamenu-20width .dropdown-menu{width:20%;left:0;right:0}
.megamenu .dropdown.megamenu-fullwidth .dropdown-menu{width:100%;left:0;right:0}
.megamenu .nav,.megamenu .dropup,.megamenu .dropdown,.megamenu .collapse{position:static}
.megamenu .navbar-inner,.megamenu .container{position:relative}
.megamenu .dropdown-menu{left:auto;border-color:#ececec}
.megamenu .dropdown-menu > li{display:block}
.megamenu .nav.pull-right .dropdown-menu{right:0}
.megamenu .megamenu-content{padding:15px 10px;*zoom:1}
.megamenu .megamenu-content:before,.megamenu .megamenu-content:after{display:table;content:"";line-height:0}
.megamenu .megamenu-content:after{clear:both}
.megamenu.navbar .nav > li > .dropdown-menu:after,.megamenu.navbar .nav > li > .dropdown-menu:before{display:none}
.megamenu .dropdown.megamenu-fullwidth .dropdown-menu{width:100%;left:0;right:0}
.megamenu .dropdown.megamenu-80width .dropdown-menu{width:80%;left:0;right:0;width:80%;left:0;right:0}
.megamenu .dropdown.megamenu-50width .dropdown-menu{width:50%;left:0;right:0}
.megamenu .dropdown.megamenu-40width .dropdown-menu{width:40%;left:0;right:0}
.megamenu .dropdown.megamenu-20width .dropdown-menu{width:20%;left:0;right:0}
.megamenu .dropdown.megamenu-fullwidth .dropdown-menu{width:100%;left:0;right:0}