/* -------------------------  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
}

body .barra-inicial {
background-color: #016dbc
}

/* -------------------------  Aumentar barra Superior --------------------------- */      
.barra-inicial {
padding: 20px;
height: 20px;
margin: 0;
}

/* -------------------------  aumentar fonte barra superior --------------------- */
.barra-inicial {
    font-family: Arial;
    font-size: 14pt}


/* -------------------------  aumentar fonte rodape atendimento --------------------- */
.atendimento {
    font-family: Arial;
    font-size: 12pt}


/* ------------------------- Centralizar Horizontal Icones da barra superior ---- */
.barra-inicial ul li {
line-height: none;
}




/* -------------------------  Mudar cor dos icones das redes sociais ------------ */
.barra-inicial .icon-facebook{background: #000000;}
.barra-inicial .icon-instagram{background: #000000;}
.barra-inicial .icon-bold{background: #ffffff;}

#rodape .redes-sociais .icon-instagram {
background: #000000;
}

#rodape .redes-sociais .icon-facebook {
background: #000000;
}

#rodape .redes-sociais .icon-bold {
background: #000000;
}


/* -------------------------  Aumenta logo -------------------------------------- */
.logo a{
height:120px;
}


/* -------------------------  Aumentar Menu Superior ---------------------------- */
@media (min-width: 968px) {
.menu.superior {width: 100%;position: absolute;top: 210px;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;}


<script>
jQuery(document).ready(function(a) {
if (a(".menu.superior").length) {
var content = jQuery(".menu.superior").html();
jQuery('#barraTopo .conteiner .row-fluid').html('<div class="menu superior">'+content+'</div>')
}
});
</script>


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

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

/* -------------------------  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: 22px; }
.acoes-conta>li i { border-radius: 5px; }
.carrinho { border-radius: 10px; }
.carrinho>a i { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }





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

/* ------------------------- Cor do fundo e texto do menu ----------------------- */
#barraTopo{height:41px;background:#016dbc}#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: #016dbc; }
#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; }
 






/* -------------------------  Alinhando Texto no Centro ------------------------- */
.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 Fundo Redes Sociais ----------------------- */
#rodape .redes-sociais.borda-principal {
background: none !important;
box-shadow:none;
}

/* -------------------------  Remover Fundo do Boleto --------------------------- */
.gateways-rodape {

background: none;
border:100px;
}


 
/* ------------------------- Ajusta campo busca CEP na versão mobile ------------------  */     
.form-inline button.btn {
	height: 30px;
	padding: 10px 15px;
	line-height: 0;}

/* ------------------------ 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;}
}








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

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

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









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

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




/* ------------------------- MUDAR FONTE 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: #49a2d6; }
#rodape .pagamento-selos { background: #49a2d6; }