/* WHATSAPP FIXO */
.whatsapp-fixo {
position: fixed;
bottom:10px;
left:10px;
z-index: 999;
}



.menu.superior {
background: #ff001f ;
}
.menu.superior .titulo {
color: #ffffff;
}



/* Centralizar os itens do menu */
#cabecalho > .conteiner > .menu.superior { text-align: left;}
#cabecalho > .conteiner > .menu.superior .nivel-um > li { float: none; display: inline-block;}


/Plano de fundo Menu barra /
.conteiner-principal #cabecalho .conteiner .menu {background-color: #ba9b6c /#FDCAD2 #444444/;}
/.conteiner-principal #cabecalho {height:41px;background:red}/
.conteiner-principal #cabecalho .conteiner .menu {padding:0 20px}
/*.conteiner-principal #cabecalho .conteiner .menu{margin:0;background:none}
.conteiner-principal #cabecalho .conteiner .menu ul.nivel-um{display:flex;justify-content:space-around}
.conteiner-principal #cabecalho .conteiner .menu li{padding:10px;border:0}
.conteiner-principal #cabecalho .conteiner .menu li:hover{background-color:red)}
.conteiner-principal #cabecalho .conteiner .menu .titulo{margin:0}
.conteiner-principal #cabecalho .conteiner .menu li a strong{color:#fff}
.conteiner-principal #cabecalho .conteiner .menu li a i{color:#fff;background:transparent}
.conteiner-principal #cabecalho .conteiner .menu .nivel-dois{top:41px}
.conteiner-principal #cabecalho .conteiner .menu .nivel-um>li:hover{margin-top:0}
/*Plano de fundo Menu barra */



/* cor da fonte das categorias menu barra */
#cabecalho > .conteiner > .menu.superior strong.titulo.cor-secundaria {color:#FFFFFF /#161e35*/;}


/* centralizar menu barra */
#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; }


/* Fundo principal (Corpo página) */
.conteiner-principal #corpo .conteiner { background-color: #FFFFFF;}
/ Fundo principal (Corpo página) */


/*Menu Flutuante */
#barraTopo {height:41px;background:#ba9b6c}
#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:red)}
#barraTopo .menu.superior .titulo{margin:0}
#barraTopo .menu.superior li a strong{color:#fff}
#barraTopo .menu.superior li a i{color:#fff;background:transparent}
#barraTopo .menu.superior .nivel-dois{top:41px}
#barraTopo .menu.superior .nivel-um>li:hover{margin-top:0}
/*Menu Flutuante */



/* arredondar borda fale conosco e carrinho de compras */
.conteudo-topo .busca {border: 0;background: transparent;padding: 0;}

.conteudo-topo .busca input {width: 100%;box-sizing: border-box;height: 40px;border-radius: 30px;padding: 0 40px 0 20px;}

.conteudo-topo .busca button {height: 35px;padding: 0;width: 35px;line-height: 35px;border-radius: 100%;top: 3px;right: 3px;}

.conteudo-topo .carrinho {border-radius: 30px;}

.conteudo-topo .carrinho>a i {border-top-left-radius: 20px;border-bottom-left-radius: 20px;}



/*fonte geral da loja por uma do Google fontes */
@import url('https://fonts.googleapis.com/css?family=Varela+Round');
#modalNewsletter .newsletter .botao:before, .titulo, body, button, h1, h2, h3, h4, h5, h6, html, input, select, small, span, strong, textarea {
font-family: 'Arial', sans-serif;
}







/*Tirar a barra superior; Modificar a caixa de pesquisar;Tirar as linhas e setas do menu. */


#cabecalho > .conteiner > .menu.superior {
    margin: 0;
}

#cabecalho > .conteiner > .menu.superior .nivel-um > li {
    border: 0;
}

#cabecalho > .conteiner > .menu.superior .nivel-um > li > a i {
    display: none;
}

.carrinho>a i {
    height: 38px;
    line-height: 38px;
}

.acoes-conta {
    top: 49px !important;
}





/*´posicionamento icone rede social */
#rodape .redes-sociais {
    position: inherit;
}




/* CENTRALIZAR O TÍTULO DE: SOBRE A LOJA 
#rodape .sobre-loja-rodape .titulo {
    text-align: center}
*/



/* MUDAR FONTE DO RODAPE */
.institucional {
    font-family: Arial;
    font-size: 7pt}


/* COR DA LETRA DO TITULO DO RODAPE
#rodape .titulo { color: black; }
*/

/* COR DA LETRA DO TITULO DO RODAPE E TAMANHO*/
#rodape .titulo { color: black;font-size: 15px; border-bottom: 0px solid;}
#rodape .institucional { color: #ffffff ;font-size: 17px; border-bottom: 0px solid;}


#rodape .institucional li a:hover {
color: #fff;
text-decoration: none;
}


/* RETIRAR OS PONTILHADOS QUE SEPARAM OS PRODUTOS */
.listagem .listagem-linha li {border: none;}

#barraTopo{height:41px;background:#7BAE23}#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)}#barraTopo .menu.superior .titulo{margin:0}#barraTopo .menu.superior li a strong{color:#fff}#barraTopo .menu.superior li a i{color:#fff;background:transparent}#barraTopo .menu.superior .nivel-dois{top:41px}#barraTopo .menu.superior .nivel-um>li:hover{margin-top:0}



/* Tira borda do tema */
.conteiner-principal .conteiner {box-shadow:none;}




/*Tirar a barra superior; Modificar a caixa de pesquisar;Tirar as linhas e setas do menu. */


#cabecalho > .conteiner > .menu.superior {
    margin: 0;
}

#cabecalho > .conteiner > .menu.superior .nivel-um > li {
    border: 0;
}

#cabecalho > .conteiner > .menu.superior .nivel-um > li > a i {
    display: none;
}

.carrinho>a i {
    height: 38px;
    line-height: 38px;
}

.acoes-conta {
    top: 49px !important;
}



