/* WHATSAPP FIXO */
.whatsapp-fixo {
position: fixed;
bottom:10px;
left:10px;
z-index: 999;
}

.fundo-principal, .botao.principal, .botao.principal:hover, .menu li:hover > a .fundo-secundario, .flex-control-paging li a.flex-active, .dropdown-menu > li > a:hover, .filtro.lista ul li label:hover, .filtro.lista ul li.active label, .menu-simples li a:hover, .menu-simples li.active a 
{
background-color: #fe5e00;
}

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: #fe5e00 
}


/* Cor do fundo e texto do menu */
#cabecalho > .conteiner > .menu.superior, #cabecalho > .conteiner > .menu.superior .com-filho > a i { background-color: #fe5e00; }
#cabecalho > .conteiner > .menu.superior .titulo { color: #FFFFFF; }


/*ajuste da lupa na barra de busca*/
.busca-mobile .botao-busca {
    top: 30% !important;
    margin-right: 10px !important;
}

/*ajustes mobile*/
@media screen and (max-width: 425px){
/*ajuste do banner no mobile*/
.row-fluid.banner.cheio {
    margin-top: 5px !important;
}

/*tamanho da barra de busca e alinhamento*/
form#form-buscar {
    width: 100% !important;
}

/*ajuste do ícone de lupa da barra de busca*/
.busca .botao-busca {
    padding: 0px !important;
}


/*alteracao do botao dos menus - cor e formato para combinar com a loja*/
a.atalho-menu.visible-phone.icon-th.botao.principal {
    background: #d6af4f !important;
    border-radius: 15px;
    width: 10px;
    height: 20px;
    margin-right: 10px;
    margin-left: -10px;
}

/*cor das letras - menu*/
.nivel-um strong.titulo.cor-secundaria {
    color: #f00 !important;
}

/*cor das letras - submenu*/	
.nivel-dois li a {
    color: #f00 !important;
}
    
/* muda a cor do texto do popup newsletter 
#modalNewsletter .componente .texto-newsletter, #modalNewsletter .componente .titulo {
color: #D2AE6D;
}

#barraNewsletter, #barraNewsletter .show-hide, #barraNewsletter .componente, #barraNewsletter.posicao-rodape .conteiner {
background-color: #fe5e00;
}
 */    
        

    
/* Mudar para branco (#fff) a cor do botão “Conferir” e do Botão “Topo”  */

}
.scrollToTop:active, .scrollToTop:focus, .scrollToTop {
background-color: #fe5e00 !important;
}
.scrollToTop:active, .scrollToTop:focus, .scrollToTop:hover {
color: #fe5e00 !important;
}

#rodape .sobre-loja-rodape .conferir{
color: #FFFFFF !important;
}   
    
  /* Criar botão TOPO  

<script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#rb-top")
.fadeIn()}else{$("#rb-top").fadeOut()}});$("#rb-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});
</script>

<style type="text/css">
a.toTop { 
background-color: #FFFFFF;
border: 0; 
border-radius: 53px;
bottom: 10px; 
color: #fe5e00; 
cursor: pointer; 
display: none; 
font-size: 14px; 
padding: 10px 12px;
position: fixed; 
text-decoration:none; 
right: 8px; 
text-align: center; 
width: auto; 
z-index:500;
}
a.toTop:hover {background-color: #eda2af;}
</style>

<a href=''></a>
<a id='rb-top' class="toTop" style='display: none; position: fixed; bottom: 90px; right:1%; cursor:pointer;'>
<i class="fa fa-chevron-up"></i><br>
<span style="font-size:12px;">TOPO</span>
</a>

*/

/* Alterar Cor dos Icones das Redes Sociais  */

.barra-inicial i.icon-instagram, .barra-inicial i.icon-youtube, .barra-inicial i.icon-facebook {
	color: #FFFFFF !important;}