/* MENU E TOPO */
/* Mudar a cor de fundo do topo: */
#cabecalho .conteiner> .row-fluid::before{ 
 background: #fff;
}

/* Mudar a cor de fundo do menu:*/
@media screen and (min-width: 768px){ .menu.superior{
 background: #cc0000;
}}

/* Alterar a cor da fonte do menu:*/
@media screen and(min-width: 768px){
.menu.superior .nivel-um>li>a{
 color: #fff;
}}

/* Alterar a cor do fundo do link:*/
@media screen and(min-width: 768px){.menu.superior .nivel-um>li:hover>a, .menu.superior .nivel-um>li>a[title="outlet"]{
background: #23252a;
}}

@media screen and (min-width: 768px)
{.menu.superior .nivel-um > li:hover > a, .menu.superior .nivel-um > li > a[title="outlet"], .menu.superior .nivel-um > li > a[title="Outlet"], .menu.superior .nivel-um > li > a[title="promocoes"], .menu.superior .nivel-um > li > a[title="Promocoes"], .menu.superior .nivel-um > li > a[title="promoções"], .menu.superior .nivel-um > li > a[title="Promoções"] {
background: #4d0000;
}

/* Mudar a cor de fundo do menu mobile: */
@media screen and (max-width: 767px) .header-mob, .box-links {
background: #23252a;
}



/* Menu */
/* Alterar a cor de todas as subcategorias do menu: */
@media screen and(min-width: 768px) {
.menu .superior .nivel-dois .column li:not(.com-filho) > a, 
.menu .superior .nivel-tres> li >a {
background: #23252a;
}}

/* Alterar a cor do hover das subcategorias do menu: */
@media screen and(min-width: 768px){
.menu .superior .nivel-dois .column li:not(.com-filho):hover> a, 
.menu .superior .nivel-tres> li:hover>a {
background: #23252a;
}}

/* Alterar a cor de fonte dos títulos das categorias filhas: */
@media screen and(min-width: 768px){ 
.menu .superior .nivel-dois >li .com-filho > a {
color: #23252a;
}} }



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

/* Alterar as cores do texto no rodapé: */
#rodape.news.msg.first,
#rodape.news.msg.last,
#rodape.titulo,
#rodape .institucional .sobre-loja-rodape p,
.links-rodape ul li a{
color: #23252a;
}

/* Alterar as cores do hover no texto do rodapé: */
.links-rodape ul li a{
color: #23252a;
}

/* Alterar a cor de fundo da newsletter: */
#rodape .news{
background: linear-gradient(90deg,#4d0000,#cc0000);
}

/* Alterar as cores dos ícones de rede social: */
#rodape .lista-redes i{ 
color: #cc0000;
}

/* Alterar a cor do fundo dos ícones de rede social: */
#rodape .lista-redes i {
color: #fff !important;
}



/* 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): */
.preco-produto .preco-a-partir span, .info-produto .preco-produto s.preco-venda {
color: #23252a;
}

/* Alteração do preço de venda dos produtos na listagem (preço atual): */
.info-produto .preco-produto .preco-promocional, .preco-produto .preco-a-partir .preco-venda:not(.titulo) {
color: #cc0000;
}

/* Alteração do preço de venda do produto na página do produto: */
.produto .acoes-produto .preco-produto .preco-promocional, .produto .acoes-produto .preco-produto.destaque-parcela.preco-promocional {
color: #cc0000;
}


/* Cores do Botões */
/* Cor do botão: */
.box-links a::before, #modalNewsletter .newsletter-cadastro button::before, .listagem-item .acoes-produto 
.botao-comprar::before, .produto .principal .acoes-produto 
.comprar a::before, .identificacao .control-group
.botao .principal::before, .acao-editar .botao .grande::before, 
.identificacao .control-group .submit-email .botao .principal::before, .banner-promocao .box-info a::before{
background: linear-gradient(90deg,#4d0000,#cc0000);
}

/* Cor do hover no botão: */
.box-links a::after, #modalNewsletter .newsletter-cadastro button::after, .listagem-item .acoes-produto 
.botao-comprar::after, .identificacao .control-group
.botao .principal::after, .produto .principal .acoes-produto 
.comprar a::after, .acao-editar .botao .grande::after, 
.identificacao .control-group .submit-email .botao .principal::after, .banner-promocao .box-info a::after{
background: linear-gradient(90deg,#00e64d,#004d1a);
}

/* Ícone do Carrinho de Compras */
.carrinho > a strong{
    color:#fff;
    background: #cc0000;
}



#cabecalho .box-info .options .item{
    color: #23252a;
}


.header-mob{
    background: linear-gradient(90deg,#4d0000,#cc0000);
}

.aproveite-tambem > .titulo::before,
.listagem .titulo-categoria::before{
    background: #cc0000;
}

#rodape .lista-redes i{
    background: #cc0000 !important;
}

#rodape .titulo{
    color: #cc0000;
}

.menu-mob .bar{
    background: #cc0000;
}

body{
    background: #fff;
    color: #23252a;
}

.user-login .list a{
    color: #fff;
    background: linear-gradient(90deg,#4d0000,#cc0000);
}

.user-login .list a.out{
    background: linear-gradient(90deg,#4d0000,#cc0000);
    color: #ffffff;
}


.user-login .list a.out:hover{
    background: linear-gradient(90deg,#00e64d,#004d1a);
    color: #fff;
}

.user-login .list a:hover{
    background: linear-gradient(90deg,#00e64d,#004d1a);
}

.user-login span{
    color: #23252a;
}

.user-login svg{
    fill: #23252a;
}

.carrinho i svg{
    fill: #23252a;
}

.carrinho i svg .st0{
    stroke: #23252a;
}

.carrinho>a strong{
    color:#fff;
    background: #cc0000;
}

.secao-banners .slide-full .slick-dots li .box-img::before{
    border: 3px solid #747b8b;
}

.secao-banners .slide-full .slick-dots li .box-img::after{
    border-bottom: 7px solid #747b8b;
}

.elastislide-carousel ul li.active a span{
    border-color: #cc0000;
}

.produto-compartilhar .lista-favoritos{
    background: #cc0000;
}

.produto-compartilhar .lista-favoritos:hover,
.cep .input-append.input-prepend .btn:hover,
.produto .acoes-produto .comprar a:hover,
.tabela-carrinho .form-horizontal .input-append button:hover{
    background: #4d0000;
}

.cor-principal, .cor-secundaria{
    color: #4d0000;
}

.produto .nome-produto{
    color: #23252a;
}

.produto .acoes-produto .preco-produto .preco-promocional,
.produto .acoes-produto .preco-produto.destaque-parcela .preco-promocional{
    color: #cc0000;
}

.listagem-item .bandeiras-produto span{
    background: #009933;
}

.produto .acoes-produto .comprar a{
    color: #fff;
    background: linear-gradient(90deg,#4d0000,#cc0000);
}

.cep .input-append .input-prepend .btn{
    background: linear-gradient(90deg,#4d0000,#cc0000);
    color: #fff;
}

.produto .principal .atributos .atributo-comum li.active a{
    border-color: #cc0000;
}

.tabela-carrinho .preco-produto .preco-promocional, .tabela-carrinho .subtotal strong{
    color: #cc0000;
}

.total strong{
    color: #cc0000;
}

.tabela-carrinho .form-horizontal  .input-append button{
    background: #cc0000;
    color: #fff;
}

.acao-editar a.botao{
    background: #23252a;
	color: #fff;
}

.acao-editar .botao.grande{
    background: linear-gradient(90deg,#00e64d,#004d1a);
    color: #fff;
}