/* -------------------------  Mudar a cor da barra do fale conosco e telefone --- */
element.style {
}
body .barra-inicial .canais-contato span, body .barra-inicial .canais-contato a, body .barra-inicial .canais-contato i, body .barra-inicial .canais-contato ul li span {
color: #FFFFFF
}

.barra-inicial {
background-color: #000000
}



/* ------------------------ Alterar cor “meus pedidos” “Minha conta ------------------------ */
.acoes-conta li {background: #FFFFFF;} /* cor “meus pedidos” “Minha conta” /
.acoes-conta li> {line-height: 20px;color: #000000;} /* cor “meus pedidos” “Minha conta” */


/* ------------------------Carrinho de Compras ------------------------ */

i.icon-shopping-cart {
    background-color: #000000;}

.carrinho {
border-radius: 10px;
background: #fff;
}





/* Aumentar Menu Superior  */
@media (min-width: 968px) {
.menu.superior {width: 100%;position: absolute;top: 170px;left: 0px;}
.logo {margin-bottom: 70px;}
}

/* Aumenta banner principal */
.secao-banners .conteiner {max-width: none;padding-left: 0px;padding-right: 0px;margin-left: -2px;width: calc(100% + 2px);}.banner.tarja {text-align: center;}



$(".menu.superior .nivel-um>li:NTH-CHILD(2)").insertAfter(".menu.superior .nivel-um>li:last-child");

.menu.superior .titulo {font-size: 18px}

/* cabeçalho arredondado */
#cabecalho .busca { padding: 0; border: none; background: transparent; }
#cabecalho .busca input { padding: 10px 5px 10px 15px; border-radius: 10px; }
#cabecalho .busca .botao-busca { height: 42px; top: 0; right: 0; border-radius: 10px; border-top-left-radius: 0; border-bottom-left-radius: 0; width: 55px; font-size: 18px; }
.acoes-conta>li i { border-radius: 5px; }
.carrinho { border-radius: 10px; }
.carrinho>a i { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }

/* 2 produtos por grade */
@media (max-width: 768px){#listagemProdutos > ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}#listagemProdutos > ul li.listagem-linha ul{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}#listagemProdutos > ul li.listagem-linha ul li{width:50%;margin:0 0 15px}.listagem.com-caixa .listagem-item{border:0;min-height:368px}.listagem.com-caixa .listagem-item .imagem-produto{border:0;padding:0}.listagem .listagem-item .info-produto{border:none!important;padding:5px 0}.listagem .listagem-item .info-produto a.nome-produto{min-height:110px;display:flex;align-items:center}.busca .botao-busca{padding:5px 14px!important}.listagem .listagem-item .acoes-produto-responsiva,#btn-top{display:none!important}.preco-produto s.preco-venda{display:block;font-size:14px}.preco-produto .desconto-a-vista, .preco-produto strong.titulo{font-size: 11px !important}.preco-venda {display:block;font-size:12px !important;}}

/* Para centralizar o preço */
.listagem .listagem-item{text-align:center}


/* -------------------------  Mudar Cor ao passar o mouse no menu --------------- */
.menu.superior .nivel-um > li:hover {background-color: #000000}

/* ------------------------- Cor do fundo e texto do menu ----------------------- */
#barraTopo{height:41px;background:#BD0D16}#barraTopo .conteiner{padding:0 20px}#barraTopo .menu.superior{margin:0;background:none}#barraTopo .menu.superior ul.nivel-um{display:flex;justify-content:space-around}#barraTopo .menu.superior li{padding:10px;border:0}#barraTopo .menu.superior li:hover{background-color:rgba(0,0,0,0.05)}
#cabecalho > .conteiner > .menu.superior, #cabecalho > .conteiner > .menu.superior .com-filho > a i { background-color: #BD0D16; }
#cabecalho > .conteiner > .menu.superior .titulo { color: #FFFFFF; }

/* Centralizar os itens do menu */
#cabecalho > .conteiner > .menu.superior { text-align: center; }
#cabecalho > .conteiner > .menu.superior .nivel-um > li { float: none; display: inline-block; border-left: 0; margin-right: -3px; }
 

/* Alinhar Valores */
.listagem .listagem-item{text-align:center}


/* Aumenta Colunas de Produtos */
.conteiner {max-width: none;margin: 0 auto;padding: 0 20px;}.banner.tarja {text-align: center;}


/* Cores das Fontes e Valores*/
a.nome-produto.cor-secundaria {
font-size: 16px !important;
font-weight: 400 !important;
color: #000 !important;
}

.listagem .listagem-item .info-produto .preco-produto .preco-parcela strong, .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-parcela strong {
font-weight: 550 !important;
color: #000 !important;
}

.listagem .listagem-item .info-produto .preco-produto .preco-promocional, .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-promocional {
font-size: 24px !important;     
font-weight: 550 !important;    
color: #000000 !important;
}

.listagem .listagem-item .info-produto .preco-produto .preco-venda, .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-venda {
color: #000000 !important;
}

span.desconto-a-vista {
font-weight: 550 !important;
color: #000 !important;
}


/* ------------------------ Remover Atalho do Menu da frente da Pesquisa do Menu Mobile  */   
@media only screen and (max-width: 767px)
{
    a.atalho-menu.visible-phone.icon-th.botao.principal, 
    .icon-th:before { display: none !important; }
    .busca {margin: 0;}
}



/* Cor do rodape */
.titulo, #rodape .institucional * { color: #000000; } #rodape .institucional, #rodape .pagamento-selos { background: #f2f2f2; } #rodape .titulo, #rodape .institucional * { color: #000; }


/* Redes Sociais */
#rodape .redes-sociais.borda-principal {
background: none !important;
box-shadow:none;
}

.gateways-rodape {

background: none;
border:100px;

}



/* Fonte Menu Superior */
.menu.superior .titulo {font-size: 20px}


/* Alterando cor Busca Produtos */  
button.botao.botao-busca.icon-search.fundo-secundario {
background: #000000 ;
}


/* MUDAR FONTE E COR DO RODAPE */
.institucional {
    font-family: Arial;
    font-size: 12pt}

/* Cor da letra e do rodapé*/  
#rodape .titulo, #rodape .institucional * { color: #FFFFFF; }
#rodape .links, #rodape .institucional * { color: #FFFFFF; } 

/* Cor do fundo do rodapé*/
#rodape .institucional { background: #BD0D16; }
#rodape .pagamento-selos { background: #BD0D16; }


/* Alterando cor da barra dos icone do Carrinho do Mobile */ 
.fundo-secundario {
background-color: #000000;
} 
      
li.fundo-principal {
    background: #000000 !important;
}      

.atalhos-mobile li {
    border-right: 0px;
}