@media (min-width: 320px) {
.menu.superior {
    width: 100%;
    position: absolute;
    left:0;
    top: 138px;
    background-color:#f8db17;
    }
}
.span3 .logo {
	margin-bottom: 10px;
	margin-top: 0px;
}

/*SCROOL TOPO*/
@media only screen and (max-width: 768px) {
    #rodape .links-rodape-categorias {
        padding-left:0
    }
    .scrollToTop {
        position: fixed;
        z-index: 999;
        bottom: 0;
        right: 1rem;
        background: #e3335b;
        color: #ffffff;
        display: block;
        width: 54px;
        height: 54px;
        text-align: center;
        border-radius: 0;
        padding: 10px 6px;
        display: none;
        text-transform: uppercase;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

    .scrollToTop span {
        font-size: 13px;
        font-weight: 600;
        font-family: Montserrat;
    }

    .scrollToTop i {
        font-size: 1em;
        font-weight: 600
    }

}

/*LISTAGEM DO PRODUTO - Responsivo*/
#listagemProdutos.listagem .titulo-categoria {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    margin: auto;
    text-align: center;
    border: none;
    padding: 10px 0;
}

#listagemProdutos.listagem .titulo-categoria strong:after {
    content: "";
    background: #f8db17;
    width: 93px;
    height: 3px;
    display: block;
    margin: 15px auto;
}



/*TESTE BANNERS NO RESPONSIVO*/
/* banners maiores */
.banner.mini-banner {
    margin:  6px auto;

}

@media only screen and (max-width: 768px) {
    .banner.mini-banner {
        top:0!important
    }
}

.banner.mini-banner .modulo.span4 {
    width: 50%;
    margin: -5px auto;
    padding: 1%;
}

@media only screen and (max-width: 767px) {
    .banner.mini-banner .modulo.span4 {
        width: 100%;
        padding: 0;
        margin: 0
    }

    .banner.mini-banner img {
        padding-bottom: 15px;
    }

    .banner-center {
        display: block;
        margin-top: 14px;
    }

    .banner-center img {
        padding-bottom: 10px;
    }
}

.banner.mini-banner img {
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.banner.mini-banner img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/*BANNER TARJA*/
.banner.tarja {
    text-align: center;
    margin: 15px 0 0px;
}

.banner.cheio+.row-fluid {
    margin-top: 0
}


/*DESTAQUE RESPONSIVO*/
@media only screen and (max-width: 767px){
.acoes-produto-responsiva {
position:absolute;
top: 10px;
right: 0px;
text-align:center!important;
}
.preco-produto.destaque-preco {
margin-top:20px;
}
.listagem .info-produto {
    padding: 1px 5px 1px;
    position: relative;
}
/*relativo a busca no mobile }
@media (max-width: 767px) {
.busca {
    display:none; }
 */

/*relativo ao botao MENU ao lado da busca mobile
@media only screen and (max-width: 767px)
.atalho-menu {
    display: none !important; }
}*/


/* As três barras do menu mobile e botão fechar menu - teeeeste*/
.conteudo-topo .busca-mobile .atalho-menu, .conteudo-topo .menu.superior.visible-phone .menu-close:after
{
	display: none !important;
}

/*relativo ao banner mobile  */
@media (max-width: 767px) {
.secao-banners {
    display:none; }
}


/* ADICIONAR 2 COLUNAS DE PRODUTOS NA PAGINA PRINCIPAL

@media only screen and (max-width: 479px){
	.pagina-inicial .listagem .listagem-linha {
		display:inline-block !important;
    	width: 49% !important;
	}*/
}
/*RECUO ENTRE IMAGEM DO PRODUTO E DESCRICAO NA PAGINA INICIAL*/
@media only screen and (max-width: 479px){
	.pagina-inicial .listagem .listagem-item .imagem-produto {
    height: 400px!important;
    }
}


/*RECUO ENTRE IMAGEM DO PRODUTO E DESCRICAO NA PAGINA CATEGORIA*/
@media only screen and (max-width: 479px){
	.pagina-categoria .listagem .listagem-item .imagem-produto {
    height: 300px!important;
    }
}


/*MINI BANNERS EM BLOCOS

#corpo .mini-banner {
	margin: 10px 0 20px 0;
}

#corpo .mini-banner .span4 {
	width: 320px;

}
*/


@media only screen and (max-width: 767px) {
	#corpo .mini-banner {
		display: block !important;
	}
	
	#corpo .mini-banner .span4 {
		width: 95%;
		margin: 0 auto 10px auto !important;
	}
}

/*relativo a busca no mobile
@media (max-width: 767px) {
.busca {
    display:none; }
}*/

    
/*relativo a barra topo mobile*/
.atalhos-mobile {
	background-color:#927ac3;   
}

/* relativo ao menu */
.menu.superior .categoria-paginas {
	background-color:#f8db17;
}
.menu.superior .nivel-um > li {
	border-right: none;
}
.menu.superior .nivel-dois {
	top: 38px;
}
    
/* Relativo tamanho imagem produto */
.pagina-inicial #corpo .listagem .imagem-produto {
height: 385px;
}

/* relativo a descrição da categoria */
.componente {
	background-color:rgba(252, 252, 252, 0);
}
.componente .cor-secundaria {
	Color:#000;
}
.icon-file-text::before{
	content:none;   
}
   
    
/*relativo as categorias */
.menu.lateral .nivel-um > li > a{
    background-color:#000;
}
.menu .nivel-dois li:hover, .menu.lateral.outras .nivel-um li:hover a{
	background-color:#f8db17;
}
.menu.lateral.outras li .titulo{
    color:#fff;
}
    
/*relativo pagina do usuario */
.abas-conta li.active a {
	background-color:#f9f4ce;
}
.abas-conta li{
	color:#ddd4f1;   
}
.abas-conta li a:hover {
	background-color:#f7eb90;
}
.abas-conta li a:hover {
    box-shadow: 0 -1px 4px rgba(239, 28, 28, 0);
}
.menu-simples li a{
	color:#ddd4f1;
}
    
    background-color: rgba(0,0,0,0.06);
    
/* relativo ao header check out */
.display-table .cor-principal {
	color:#fff;
}
.display-table {
	color:#956406;
}
    
    
/*relativo ao box newsletter*/    
#modalNewsletter .componente .texto-newsletter {
	color: #000;
}
#modalNewsletter .componente .titulo {
	color: #889f00;
}
#modalNewsletter .componente {
	background-color: #fff;
}
#modalNewsletter .componente .botao-input {
 	background-color: #f9db0d;
}
#modalNewsletter .componente .fancybox-item .fancybox-close {
	background-color: #000;   
}
#modalNewsletter .newsletter .botao {
	padding: 8px 15px;   
}
    
 
    
/* link registre-se */
a:link .cor-principal {
	color:#956406;
	font-weight: bold;
}
/* link registre-se */
a:visited .cor-principal {
	color:#c6c6c6;
	font-weight: normal;
}
/* referente ao seja bem-vindo */    
a, a:hover, .bem-vindo .cor-secundaria {
	Color:#956406;
    font-weight:bold;
}

/* barra topo na rolagem */
#barraTopo{
    background-color:#f9db0d;
}
.menu.superior .nivel-um > li {
 border-left:0px;
}   
.menu.superior .titulo {
    font-size:14px;
    font-family:Roboto, serif;
    font-weight: 800;
    text-transform:uppercase;
    color:#956406;
}
    
/*relativo a seta do menu */
.menu li.com-filho > a i {
 	background-color:#f8db17;   
}
    
/* relativo ao ahover do menu */
.borda-principal {
	border-width:1px 0 0;
    border-style:solid;
    border-color:#927ac3;
}
    
/* sub-menu */
.menu .nivel-dois {
	background-color:#fff;
}
/*  controla todos as cores de letra do footer */
.menu .nivel-dois a, a:hover {
    color:#927ac3;    
}
    
/* Centralizar os itens do menu */
#cabecalho > .conteiner > .menu.superior { text-align: center; font-family: 'Roboto', serif; }
#cabecalho > .conteiner > .menu.superior .nivel-um > li { float: none; display: inline-block; border-left: 0; margin-right: -3px; }   
    
.logo {
    margin-bottom: 0px;
    margin-top:10px;
}

/*barra topo */
.barra-inicial {
    background-color: #f8dc19;
}

#cabecalho {
    background-color: #f8dc19;
    height: 173px;
}

/*relativo banner */
.secao-banners .conteiner {
max-width: 100%;
padding: 0;
margin:0;
margin-top: 5px;
border:none;
}

/*relativo ao full banner*/
.flexslider {
margin: 0 0 0px;
background: #fff;
border:none;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
-moz-box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
-o-box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
}

/* texto do banner */
.info-banner {
    background-color:rgba(59,144,57,0.7);
    font-size:30px;
	left:15%;
    
}

/* mini banner */
.secao-banners .mini-banner {
	width: 65%;
	margin:auto;

}

.flexslider ul .slides li .flex-active-slide p .info-banner.titulo {
    font-size: 30px;
    left:450px;
}
    
/* relativo ao desconto carrinho*/
.bandeiras-produto .bandeira-promocao {
 	background-color: #FFFFFF;   
}
/* relativo adicionado ao carrinho*/
.listagem .bandeiras-produto .bandeira-carrinho {
 	background-color: #000;   
}

/* relativo ao  nome do produto home*/
.listagem .listagem-item .nome-produto {
	font-size: 20px;
    font-weight:900;
    color:#000;
    line-height:24px;
}

/* relativo ao preço do produto home */
.preco-produto strong.titulo {
 	font-size:22px;
  	color: #f7bf02;
}

/* relativo a divisção das secoes home */
.listagem .titulo-categoria {
    border-width:1px 0 0 ;
    border-style:solid;
	border-color:#fff;
    color:#927ac3;
    font-size:35px;
    text-align:center;
}

/* relativo ao footer */
#rodape .institucional {
	background-color: #eaeaea;
    color:#FFD800;
    background-image:none;
}
#rodape .pagamento-selos {
	background-color: #eaeaea;
    color:#FFD800;
    background-image:none;
}
#rodape .titulo {
	border-bottom: 1px solid rgba(247,218,23,0.5);
    font-size:15px;
  
}

/*relativo botao buscar*/
.botao-busca {
	background-color: #f7bf02;
    background-image: none;
    border:0px;
    float:right
   
}
/*campo de busca  */ 
input[type="text"]:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(37, 3, 100, 0.9);
	border-color:#f7bf02;    
}
    
/* botao grande finalizar compra */
.botao.grande {
    background-color:#f7bf02;
}
.botao.grande:hover   {
    background-color:#f7bf02;
}
/* botao pequeno finalizar compra */
.botao.principal {
    background-color:#f7bf02;
}
.botao.principal:hover {
    background-color:#f7bf02;
}
/* icone carrinho home */
.carrinho .icon-shopping-cart {
    color:#fff;
}
.carrinho .icon-shopping-cart:hover {
    color:#f7bf02;
}
/* bt carrinho home */
.carrinho-interno-ajax .icon-shopping-cart {
    color:#fff;
}

/* relativos a pagina do produto */
.coluna > div, #corpo .conteiner > div {
	margin-top:0px;
}
.produto .nome-produto {
	color:#000;
}

/* relativo ao carrinho home */
.carrinho-interno{
	background-color:#ddd;
}

/* relativo pagina carrinho */
.tabela-carrinho .produto-info .cor-secundaria {
	color:#000;    
}
.carrinho-interno .nome-produto, .help-inline a {
	color:#000;
}

    

/*relativo ao texto da interna do produto */
.abas-custom a {
    color:#000;
	font-weight:bold;
}
.abas-custom a:hover {
    color:#d0c5d9;
	font-weight:bold;

}

a, a:hover, .bem-vindo .cor-secundaria {
    color:#a2a2a2;
	font-weight:bold;   
}

/*relativo a coluna lateral de produtos */
.row-fluid .conteudo { width: 100%; margin: 0; }
.row-fluid .coluna { display: none; }

/*relativo a cor dos textos do rodape */
#rodape .titulo, #rodape .institucional * { color: #8d77b9; 
    font-size: 13px; background: #eaeaea; }
#rodape .institucional, #rodape .pagamento-selos { background: #eaeaea; }

/*relativo a cor de fundo do cabeçalho */
 div#cabecalho {
    background: #f8db17 !important;
}
#cabecalho .conteiner {
    background: #f8db17 !important;
}

/*para editar icones redes sociais */
.lista-redes .icon-instagram {
background: #956406;
color: #fbde08;border-radius: 15px;
}
.lista-redes .icon-instagram {:hover 
    color:#9682c5;}

.lista-redes .icon-facebook {
background: #956406;
color: #fbde08;border-radius: 15px;
}.lista-redes .icon-youtube {
background: #956406; 
color: #fbde08;border-radius: 15px;
}
.lista-redes .icon-youtube {:hover 
    color:#9682c5;}

/* relativo a cor do carrinho */
.carrinho {
border-radius: 10px;
background: #fff;
}

/*RETIRANDO A BORDA DA REDE SOCIAL*/

 #rodape .redes-sociais.borda-principal {
background: none !important;
box-shadow:none;
}

/* ALINHA NOME DA REDE SOCIAL */

#rodape .redes-sociais {
    top: 5.6pt;
    width: 20px !important;
}

.lista-redes i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    margin: 0;
}