/*CABEÇALHO MOBILE____________________________________*/


@media (max-width: 767px){
#cabecalho .nivel-dois.borda-alpha li a{
	color:#002286;
}
    
}

@media (max-width: 767px){
#cabecalho .nivel-dois.borda-alpha li {
    background-color:#f9f9f9;
}
    
}


@media (max-width: 767px){
#cabecalho .menu.superior {
    background-color:#f9f9f9;
}
    
}

#cabecalho .menu.superior .nivel-um.active li{
	background-color:#f9f9f9;
}




    
@media (max-width: 767px){
#cabecalho .menu-mobile-float .nivel-dois.borda-alpha{
    background-color:#f9f9f9;
}    
    
}


@media (max-width: 767px){
#cabecalho .count{
	color:#fff;
}

}


/* WhatsApp Fixo */

.whatsapp-fixo {
    position: fixed;
    bottom:20px;
    right:20px;
	z-index:999;
}

.whatsapp-mensagem {
    position: fixed;
    float: right;
    bottom: 24px;
    right: 70px;
    z-index: 999;
    background-color: #fff;
    box-shadow: 0 1.93465px 7.73859px rgb(0 0 0 / 15%);
    border-radius: 10px;
    padding:10px
}








/*BANNERS*/

.secao-banners .conteiner{
    max-width:inherit;
}

.secao-banners .conteiner .row-fluid.banner.hidden-phone .span12.banner.tarja img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.secao-banners .conteiner {
    padding:0px;
}


/*CABEÇALHO____________________________________*/

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


/*cabeçalho aonde tem logo e barra de pesquisa*/

#cabecalho .conteiner{
    padding:10px 0px 0px 0px;
}


/*barra superior de contato*/

.barra-inicial, .fundo-secundario{
    background-color:#002286;
}


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

/* Centralizar os itens do menu */
#cabecalho > .conteiner > .menu.superior > .nivel-um { text-align: center; }
#cabecalho > .conteiner > .menu.superior .nivel-um > li { float: none; display: inline-block; border-left: 0; margin-right: -3px; }

/* Alinhar a esquerda os itens do menu */

.nivel-dois.borda-alpha { text-align:left; }


#cabecalho .nivel-um{
    padding:0px;   
}


/*cabeçalho aonde tem logo e barra de pesquisa*/

#cabecalho .conteiner{
    max-width:100%;
    padding:10px 0px 0px 0px;
}


#cabecalho .conteiner{
    max-width:100%;
    padding:10px 0px 0px 0px;
}


#cabecalho .conteiner .row-fluid{
    max-width:1080px;
    padding:10px 0px 0px 0px;
    margin: auto;
}






/*CORPO____________________________________*/
#corpo .conteiner{
    padding:10px;
}

#corpo{
    padding:20px 10%;
}

#corpo .conteudo.span9{
    padding:10px;
}


/*botao de ver produto na listagem dos produtos*/
#corpo .acoes-produto.hidden-phone{
    position: relative;
    top: 0px;
    right: 0;
	text-align: center;
}

/*fundo do botao de ver produto na listagem dos produtos*/
#corpo .listagem-item .acoes-produto{
	background-color: rgb(255 255 255 / 0%);
}





/*CORPO MOBILE____________________________________*/

@media (max-width: 767px){
/*titulo na listagem de produto*/
#corpo .info-produto a{
    margin-top:5px;	
}
}

/*posição do botao ver mais nos produts*/
@media (max-width: 767px){
.acoes-produto-responsiva {
    position: relative;
    top: 43%;
    right: 0;
	text-align: center;
}
}
    



/*PÁGINA DO CARRINHO________________*/

/*tamanho da letra do botão para ir para pagamento */
.span12 .botao.principal.grande{
	font-size: 18px;
}

.finalizar-compra .acao-editar.row-fluid .span12 .botao{
	font-weight:600;
}



/*PÁGINA DO PRODUTO____________________________________*/
    
/*fonte descrição do produto*/
#descricao{
	font-size:16px;
	color:#002286;
}
    
    
/*RODAPE____________________________________*/

#rodape .institucional, #rodape .pagamento-selos {
    padding:20px 10%;
}

#rodape .titulo {
    padding: 10px 0px 5px 0px;
    margin-bottom: 5px;
    
}

@media (min-width: 767px){
#rodape .redes-sociais{
    width:auto;
    height:250px;
	background:#fff;
}
}


#rodape .institucional{	
    background-image:none;
}