/* Menu e Topo
• Categorias Principais Mudar a cor de fundo da barra inicial no topo:*/
.barra-inicial {
    background: #000000;
}

/*Mudar a cor de fundo do menu, topo e menu fixo:*/
#cabeçalho {
    background: #ffffff;
} 

/*Alterar a cor da fonte do menu:*/
.menu.superior .nivel-um>li a strong {
    color: #2c2c2c;
} 

/*Alterar a cor da fonte no hover */

menu.superior .nivel-um>li a[title*="utlet"] strong,
.menu.superior .nivel-um>li a[title*="OUTLET"] strong,
.menu.superior .nivel-um>li:hover a strong {
    font-weight: bold;
    color: #000000;
} 

/*Menu
•Subcategorias

Alterar a cor de fundo de todos as subcategorias do menu:*/
.menu.superior .nivel-dois {
    background: #e5e5e5;
} 

/*Alterar a cor de fonte dos itens de todas as subcategorias:*/
.menu.superior .nivel-um>li a {
    color: #2c2c2c;
} 

/*Alterar a cor da fonte no hover de todas subcategorias::*/
.menu.superior .nivel-dois li a:hover {
    color: #ea1725;
} 

/*• Rodapé
Alterar a cor de fundo principal do rodapé:*/
#rodape .institucional, .pagamento-selos {
    background: #2c2c2c;
}

/*Alterar as bordas do rodapé:*/

#rodape , news formNews emailNews input, .news #formNews .newsletter-cadastro button , news ul li a,
.news::after {
    border-color: #444443;
}

/*Alterar a cor do ícone de newsletter:*/
.news .msg .icon svg {
    fill: #000000;
}

/*• Rodapé
Alterar as cores do texto no rodapé:*/

#rodape .titulo, rodape .row-fluid .span9 .span4.sobre-loja-rodape p {
    color: #ebebeb
}

/*Alterar as cores dos links no rodapé / ícones de rede social:*/

#rodape .links-rodape li a, #rodape .links rodape li::before {
    color: #ebebeb
}

/* PREÇO DE VENDA DOS PRODUTOS
Alteração do preço de venda dos produtos na listagem (preço antigo caso esteja em promoção):*/
.listagem .listagem-item .preco-produto s.preco-venda {
    color: #5e5c5c;
} 

/*Alteração do preço de venda dos produtos na listagem (preço atural)*/
.listagem .listagem-item .preco-produto .preco-promocional {
    font-weight: bold;
    color: #FFFFFF;
    background: #FF0000;
    width: 300px
    height: 100px
    padding: 20px
    
    position: absolute;
    top: 50%
    left: 50%

    margin: -70px 0 0 -170px
    text-align: center;
    display: block;
    box-shadow: 0 0 0 0px #4848 inset;
    box-sizing: border-box;
    padding: 5px 30px;

} 

/*Alteração do preço de venda do produto na página do produto:*/
.produto .acoes-produto .preco-produto.destaque-parcela:not(.com-promocao) div.preco-venda, .produto .acoes-produto .preco-produto.destaque-parcela:not(.com-promocao) strong.preco-venda, .produto .acoes-produto .preco-produto.destaque-parcela .preco-promocional {
    float: right;
    border: 0px solid #38aa3e;
    border-radius: 0;
    height: 55px;
    font-size: 18px;
    font-weight: 500;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #FF0000;
    transition: background ease-out .2s;
    margin-left: -121px;
    border-radius: 2px;
} 

/* VERSÃO MOBILE (Visualização no celular)
Cor de fundo do menu mobile:*/
    .menu.superior {
    background: #ffffff;
} 

/*Cor da fonte do menu mobile:*/
.menu.superior .nivel-um>li a strong {
    color: #2c2c2c;
} 

/*Cor da fonte das subcategorias do menu mobile:*/
.menu.superior .nivel-um>li a {
    color: #2c2c2c;
} 


/* NEWSLETTER */

    .news #formNews .newsletter-cadastro button {
    float: right;
    border: 0px solid #38aa3e;
    border-radius: 0;
    height: 43px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    background: #FF0000;
    transition: background ease-out .2s;
    margin-left: -121px;
    border-radius: 2px;
    }
    
    .news .msg .first b {
    color: #FF0000;
    }
    
    .news ul li a {
    font-size: 16px;
    color: #fff;
    line-height: 43px;
    width: 43px;
    height: 43px;
    text-align: center;
    display: block;
    border-radius: 50%;
    box-shadow: 0 0 0 0px #4848 inset;
    background: #FF0000;
    box-sizing: border-box;
    transition: box-shadow ease-out .2s;
    transform: translateZ(0);
    }




/* WHATSAPP FIXO */
    .whatsapp-fixo {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 999;
}



/* Botão comprar dentro da página do produto:*/ 
    .produto .acoes-produto .comprar a {
    background: #FF0000;
    opacity: 1;
    box-sizing: border-box;
    line-height: 50px;
    text-decoration: none;
    text-shadow: none;
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
    transition: background ease-out .2s;
    border-radius: 0;
    border: 0;
    padding: 0 15px;
    display: block;
    font-weight: 500;
    }
    
/* Hover do botão comprar dentro da página do produto:*/
    .produto .acoes-produto .comprar a:hover {
    background-color: #FF0000;
    }
    
/* Botão comprar ao rolar a página */
    .produto .acoes-produto .comprar a {
    background: #FF0000;
    opacity: 1;
    box-sizing: border-box;
    line-height: 50px;
    text-decoration: none;
    text-shadow: none;
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
    transition: background ease-out .2s;
    border-radius: 0;
    border: 0;
    padding: 0 15px;
    display: block;
    font-weight: 500;
    }

/* Ícone de busca:*/ 
    busca .botao-busca svg {
    width: 26px;
    height: 26px;
    fill: #FF0000;
    }
    
/* Ícone da minha conta:*/ 
    body .minha-conta-box .icon svg *, .carrinho > a > i svg * {
    stroke: #FF0000 !important
    }
    
/* Ícone do carrinho:*/
    .carrinho > a > i svg {
    fill: #FF0000 !important
    }


/* MODAL PERSONALIZADO INFORMATIVO COM IMAGEM */
.tag-comprar i{ display:none;}
#modalNewsletter .componente {
  background: url(https://cdn.awsli.com.br/1974/1974817/arquivos/BANNER SITE_desejospermitidos.png);
  width: 580px;
  height: 370px;
}

#modalNewsletter .componente .titulo{
    display: none;
}

#modalNewsletter .componente .texto-newsletter {
    display: none;
}

#modalNewsletter .componente .interno {
    display: none;
}

div.fancybox-skin {
  padding: 0px !important;
}
div.fancybox-wrap.fancybox-desktop.fancybox-type-html.modal-modalNewsletter.fancybox-opened {
  width: 580px !important;
  height: 370px !important;
  left: 50% !important;
  margin-left: -290px !important;
}
div.fancybox-inner {
  width: auto !important;
  height: auto !important;
}

.bandeiras-produto .bandeira-frete-gratis {
    /*Altera cor do botão*/
    background:#262e33;
    /*Altera cor do texto*/
    color: #ffd957;
}
/* DESRIÇÃO DA CATEGORIA */
.conteudo .componente {
    background-color:#fff !important;
}
.conteudo .componente h4{ display:none;}
.conteudo .componente i{ display:none;}
.conteudo .componente .interno{
    font-size:14px;
    padding:10px 0px;
}

@media (max-width:767px){
    [class*="vitrine-"] strong,
    .titulo-categoria,
    #rodape .titulo {
        font-size: 24px !important;
    }
    [class*="vitrine-"] strong::before, [class*="vitrine-"] strong::after{
        display: block;
        width: 90%;
        padding: 0px;
        right: 0px;
        left: 0px;
        margin: 10px auto;
    }
    .acoes-produto-responsiva{display:block !important; position:relative !important;}
    .botao.principal.botao-comprar, .acoes-produto-responsiva .tag-comprar{
        margin-left: auto !important;
        width: 90%;
        margin-right: auto !important;
        text-align: center;
        display: block;
        margin-bottom: 20px;
    }
    .logo a img{
        max-height: 120% !important;
    }
    .tarja img{ width:100%;}
    #modalNewsletter .componente {
      width: 360px;
      height: 240px;
      background-size: contain;
      background-repeat: no-repeat;
    }

    div.fancybox-skin {
      padding: 0px !important;
    }
    div.fancybox-wrap.fancybox-desktop.fancybox-type-html.modal-modalNewsletter.fancybox-opened {
      width: 100% !important;
      height: auto !important;
      left: 0% !important;
      margin-left: 0px !important;
    }

}