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


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


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


/* 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: #05532B
}


/* Mudar cor dos icones das redes sociais */
.lista-redes .icon-instagram {
background: #000;
color: #fff;border-radius: 15px;
}.lista-redes .icon-facebook {
background: #000;
color: #fff;border-radius: 15px;
}.lista-redes .icon-youtube {
background: #000;
color: #fff;border-radius: 15px;
}

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

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


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

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


/* Cor do fundo e texto do menu */
#barraTopo{height:41px;background:#05532B}#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: #05532B; }
#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: #FA6209 !important;
}

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

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


/* ------------------------ Cor do rodape */
/rodape cores/ #rodape .titulo, #rodape .institucional * { color: #144b93; } #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;
}




/* ------------------------ 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: #05532B; }
#rodape .pagamento-selos { background: #05532B; }
      


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

/* Alterando cor Carrinho de Compras */      
i.icon-shopping-cart {
background-color: #05532B;
}
.carrinho {
border-radius: 10px;
background: #fff;
}


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

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

/* ------------------------  Aumentar a Fonte e trocar a cor das Subcategorias do Menu Mobile  */     
@media only screen and (max-width: 767px) {
.menu.superior .nivel-dois li a, .menu.lateral .nivel-dois li a {
font-size: 18px;
color: Write;
}}       


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