/*TOPO_DA_PAGINA - BARRA INICIAL DA PAGINA*/
/*canais contato no topo da pagina*/
.canais-contato ul {margin: 10px;}
/*fundo barra superior(Links Redes Sociais/Fale Conosco/Telefone/Whatsapp*/
.conteiner {background: #595959;}

/*TOPO_DA_PAGINA - BARRA CABECALHO DA PAGINA*/
/*area(background) do cabecalho da pagina*/
#cabecalho {background-color: transparent;}

/*texto conteudo topo(Meus Pedidos/Minha Conta)*/
.conteudo-topo .superior a {font-weight: bold; text-decoration: none;}

/*fundo barra topo canais contatos*/
/*#barraTopo {background-color: rgba(220,88,0,0.95);}*/
#barraTopo {background-color: rgba(89,89,89,0.95);
}

/*links canais contato*/
.canais-contato a{color: #fff; text-decoration: none; font-weight: bold;}
.canais-contato a:hover{color: #ff6a13; text-decoration: none; font-weight: bold;}
.titulo a {color: #fff;}
.titulo a:hover {color: #ff6a13; text-decoration: none;}
.carrinho {background-color: #fff;}

/*BOTOES DO SITE*/
/*botoes redes sociais no topo da pagina*/
.lista-redes ul {margin: 10px 0;}
.lista-redes ul li {margin: 0;}
.lista-redes .icon-facebook {background: transparent; color: #ff6a13;}
.lista-redes .icon-twitter {background: transparent; color: #ff6a13;}
.lista-redes .icon-instagram {background: transparent; color: #ff6a13;}
.lista-redes ul li {border: none;}
.lista-redes i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    margin: 0;
}
/*botao newsletter-assinar acima do rodape*/
.botao.botao-input.icon-chevron-right.newsletter-assinar{
	/*background: linear-gradient(180deg, rgba(255, 0, 98, 1) 0%, rgba(255, 106, 19, 1) 100%);*/
    background: #FF5200;    
    border: none;
}
.botao.botao-input.icon-chevron-right.newsletter-assinar:hover{
	background: linear-gradient(135deg, rgba(255, 0, 98, 1) 0%, rgba(255, 106, 19, 1) 80%);
    border: none;
}

/*texto da newsletter-assinar acima do rodape*/
#barraNewsletter .componente .interno-conteudo{
	color: #ffffff;
    font-weight: bold;
}

/*batoes principais*/
.botao.principal{
	background-color: #00A652;
    font-weight: bold;
}
/*botao pesquisar*/
.botao-busca {
    background-color: #CFD8DD;
}
/*botao meu pedidos no topo*/
.acoes-conta>li i {background-color: rgb(255, 106, 19);}

/*caixa lateral (ultimo produto adicionado ao carrinho) quando ACTION de rolagem para baixo*/ 
.produto .acoes-flutuante .close_float {
    background-color: rgb(255, 106, 19);
    color: #000;
}
/*botao dropdow area do usuario*/
.btn-group{
	float: right;
}
/*botao carrinho topo*/
.carrinho>a i {background-color: #595959;}
.carrinho>a strong {color: #00A652;}
.carrinho>a span {color: #595959;}

/*botao principal pequeno (area usuario)*/
.botao.principal.pequeno{
	background-color: #008EC0;
}

/*CONTEUDO_DA_PAGINA*/
/*menu superior(categoria) borda acima e borda abaixo*/
.menu.superior {
    border-bottom: 1px solid #595959/*rgba(0,0,0,0.1)*/;
    border-top: 1px solid #595959/*rgba(0,0,0,0.1)*/;
}
/*menu superior(categoria) fundo e margens*/
.menu.superior {
    background-color: rgba(59,59,59,0.09);
    margin-top: 20px;
}
/*menu superior(categoria) titulo das categorias*/
.menu.superior .titulo{
	color: #595959;
    font-weight: normal;
    margin: 15px 12px;
}
/*BOTÕES DE CONTROLE DO BANNER*/
/*banner - controles(links banner)*/
.banner .flex-control-paging li a.flex-active {
    width: 7px;
    height: 7px;
    background: transparent;
}
/*banner - controles(links banner) fundo*/
.banner .flex-control-paging li a {
    width: 10px;
    height: 10px;
    margin: 2px;
    background: transparent/*rgba(255,106,19,0.5)*/;
    border: 2px solid #ffffff;
    border-radius: 13px;
    box-shadow: none;
}
/*banner - controles(links banner) fundo quando mouse sobre*/
.banner .flex-control-paging li a:hover {
    background: #ff6a13;
}

/*INÍCIO: CARROSSEL DOS LOGOTIPOS*/
/*logos carrosel*/
.marcas .flexslider {
    box-shadow: 0 1px 3px #555;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    border-radius: 10px;
}
/*FIM: CARROSSEL DOS LOGOTIPOS*/

/*INÍCIO: CATEGORIAS MAIS VENDIDOS*/
/*tituloS das categorias +vendidos / emDestaque na vitrine(home site)*/
.listagem .titulo-categoria {
    font-size: 25px;
    margin: 40px 0 0;
    padding: 10px 0;
    transition: all .2s ease;
    text-transform: uppercase;
    text-align: center;
    color: #FF5200;
}
/*linha do titulo vitrine +vendidos*/
.titulo-categoria.borda-principal.cor-principal.vitrine-mas-vendido{
	border-color: #595959;
}
/*FIM: CATEGORIAS MAIS VENDIDOS*/

/*INÍCIO: CATEGORIAS DESTAQUES*/
/*linha do titulo vitrine emDestaque*/
.titulo-categoria.borda-principal.cor-principal.vitrine-destaque{
	border-color: #595959;
}
/*bandeiras produtos descontos - vitrines*/
.bandeiras-produto span {
  	background-color: #E7E84F;
    line-height: 25px;
    color: #000;
    font-size: 1em;
    font-weight: bold;
    margin: 0 3px 3px 0;
    border: transparent/*1px solid #000*/;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    border-radius: 25px;
}
/*bandeiras produtos adicionados - vitrines*/
.listagem .bandeiras-produto .bandeira-carrinho {
    background-color: #00b894;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
}
/*FIM: CATEGORIAS DESTAQUES*/

/*RODAPE DA PAGINA*/
/*titulo*/
#rodape .titulo {
    color: #ff6a13;
    font-weight: 800;
    padding-bottom: 5px;
    border-bottom: 1px solid #ff6a13;
}
/*titulo do rodape (Categorias/Conteudo/Sobre a Loja)*/
#rodape .institucional {
    background-color: #595959;
}
/*links do rodape (Categorias/Conteudo/Sobre a Loja)*/
#rodape .links-rodape li{
	list-style: none;
    font-weight: 400;
    font-size: 1.2em;
}
/*links do rodape com efeito hover (Categorias/Conteudo/Sobre a Loja)*/
#rodape .links-rodape li a:hover{
	text-decoration: none;
    color: #ffffff;
    font-weight: bold;
}
/*titulo do rodape (Pague com / Selos)*/
#rodape .titulo.cor-secundaria{
	color: #595959;
    font-weight: bold;
    border-bottom: 1px solid #595959;
}
/*div redes sociais no rodape*/
#rodape .redes-sociais {position: relative;}

/*Bordas Top e Bottom do menu superior(menu navegacao)*/
.menu.superior {
    border-bottom: 0;
    border-top: 0;
}


/* whatsapp fixo */
.whatsapp-fixo {position: fixed; bottom: 18px; left: 18px; z-index: 999;}

/* ocultando DIV CNPJ FAMA TECH STORE | LOJA INTEGRADA */
#rodape>div:last-child .conteiner {
    display: none;
}
