/* Configuração dos botões para compra Caravana e Mensalidade
   Efeito horizontal do botão */
.btns {
    text-align: left;
    margin-top: 50px;   
}

.efeito {
    border:none;
    color: #ffffff;
    padding: 20px;
    margin: 10px;
    font-size: 24px;
    line-height: 24px;
    border-radius: 10px;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 400ms ease;
    background-color: #006000;        
}

.efeito:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 64px;
    background: rgba(255,255,255,0.3);
    border-radius: 10px;
    transition: all 1s ease;    
}    
    
.efeito:hover:before {
    width: 100%;    
}


/* Muda a cor da fonte ao passar o mouse no menu superior */
.menu.superior > .nivel-um  > .borda-principal > a:hover{
    color: #10630d; /* manter essa cor para ficar igual à fonte das categorias */
}  


/* Arredondamento da borda do menu superior */
#cabecalho > .conteiner > .menu.superior {border-radius:10px; 
}


/* Arredondamento do campo buscador e do carrinho de compras */
#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; 
    background: #006000
}
.acoes-conta>li i { border-radius: 5px; background:#006000}
.carrinho { border-radius: 10px; }
.carrinho>a i { border-top-left-radius: 10px; border-bottom-left-radius: 10px; background:#006000 
}

    
/* Configura a barra superior */
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: #fff;
    font-size: 14px;
}

body .barra-inicial {
background-color: #006000;
}


/* Retira as redes sociais do rodapé. Manter apenas no topo da página */
#rodape .redes-sociais {
	display: none;
	font:#FFF;
}


/* Muda o tamanho e cor da fonte do "Seja Bem-vindo..." */
a.bem-vindo.cor-secundaria { 
    color: #006000; 
    font-size: 16px;
}


/*Altera o tamanho da fonte de 'Meus pedidos' e 'Minha conta' */
.superior .acoes-conta a {    
 	font-size: 14px;
} 


/* Espacamento entre corpo e rodape 
   valor zerado para emendar */
#corpo {
	margin: 0px;
}


/* Remove o menu lateral que aparece ao acessar determinada categoria */
.pagina-categoria .coluna.span3 {
	display:none;
}


/* Ajustar margem */
.pagina-categoria .conteudo.span12 {
	margin-left:0;
}


/* Ajusta o texto "Sobre a Loja" */
#rodape .sobre-loja-rodape .titulo {
    font-size: 0;
}
    
#rodape .sobre-loja-rodape .titulo::before {
    content: 'Sobre a Subsede Brasília';
    font-size: 16px;
}


/* Altera fonte do rodapé */
#rodape .titulo, #rodape .institucional * { 
    font-size: 16px;
}


.listagem .listagem-linha li {
    border: none;
}