/************************** GERAL ****************************/
/* Cor principal */
:root {
  --cor-principal: #49715d; 
} 

/* DESKTOP FUNDO */
@media screen and (min-width:768px) { 
    .secao-banners {
		background-image: none; /*url(https://cdn.awsli.com.br/1340/1340587/arquivos/banner_EnvioBR_mobile.png);*/
		margin-top: 152px !important;
		background-repeat: no-repeat;
		background-position: center top;
    }
} 

/* MOBILE FUNDO */
@media screen and (max-width:768px) { 
    body {
		background-image: none; /*url(https://cdn.awsli.com.br/1340/1340587/arquivos/banner_EnvioBR_mobile.png) !important;*/
		background-repeat: no-repeat !important;
		background-size: 130% !important;
		background-position: top !important;
	}
}

/***************************** CABECALHO E MENU ***********************/    
    
/* Esconder botão de rastreio do cabeçalho */
.rastreio-btn { display: none; }    
        
/* Mudar cor de fundo da barra de menu */    
@media screen and (min-width: 768px){
	.menu.superior {
    	background: #b2d2c2;
	}
}

/* Mudar cor ao passar o mouse pelo menu */    
.menu.superior .nivel-um > li:hover {
/*    background-color: #b2d2c2; */ 
	box-shadow: 1px 3px 10px 0px rgba(0, 0, 0, 0.41);
}

/* muda cor do sub menu */    
.menu.superior .nivel-dois {
    background-color: #f2f8f3; 
    color: black;
    border-radius: 50px;
    top: 63px;
}
    
/* Remove borda redonda do menu nivel 2 */      
@media screen and (min-width: 768px){
	.menu.superior .nivel-um>li:hover .nivel-dois {
    	border-radius: 3px !important; 
    }
}

    
/* Muda a cor do submenu ao passar o mouse sobre*/    
@media screen and (min-width: 768px){
	.menu .nivel-dois li:hover {
        background-color: #b2d2c2;
		box-shadow: 1px 5px 8px 0px rgba(0, 0, 0, 0.08); 
    	border-radius: 1px;        
	}
}   

@media screen and (min-width: 768px){
	.menu .nivel-dois a:hover { color: #ffffff; }
}

/* Mantem sempre a mesma cor do fundo do cabeçalho */
#cabecalho { background-color: #49715d; } 

/* Ajusta configuraçoes das imagens no bannerFull */
/*.banner.cheio .flexslider .slides img {
    height: auto;
    max-width: 165%;
    margin-left: -30;
    width: 165%;
}

@media screen and (max-width: 767px) {
.banner.cheio .flexslider .slides img {
    height: auto;
    max-width: 100%;
    margin-left: 0 !important;
    width: 100%;
}*/

/********************* CORPO ******************************/    
    
/* Imagem ocupa todo espaço do banner principal. */ 
.row-fluid.banner.cheio { max-width: 100%; }
.row-fluid.banner.hidden-phone { margin-top: 0; }

/* Muda a cor do botão de comprar ao passar o mouse sobre */   
.acoes-produto.hidden-phone .botao-comprar:hover { background-color: #3c453a; }  
    
.acoes-produto.hidden-phone .botao-comprar { border-radius: 15px; }  
    
.bandeiras-produto .bandeira-promocao { font-size: 24px; }

/* Coloca espaço entre as imagens dos produtos na lista de produtos */
.listagem .listagem-item { padding: 4px !important; }
 
/* Corrige texto que aparece depois do valor da compra na tela de pagamento */        
.pagamento .titulo:after { content: ' '; }
    
/************************ RODAPE *************************/

/* Mudanças no rodapé, na parte onde aparecia a logo e cnpj. */    
.odge-rodape {
    padding: 0 0 10px;
    height: 50px;
    background: #49715d;
}
    
#rodape > div.odge-rodape > div > div > div:nth-child(2) {
    color: #ffffff;
    line-height: 15px;
    padding: 0px 0;
    margin: 0% 0 0 0;
}

/* Esconder logo no rodapé */    
#rodape > div.odge-rodape > div > div > div:nth-child(1) { 
    visibility: hidden; 
	width: 0;
}
    
/* Alterando cor da fonte do rodapé */ 
#rodape .titulo { color: #3c453a; }
.redes-sociais .fundo-secundario{ color: #3c453a; }    
#rodape .institucional a{ color: #3c453a; }   
#rodape .institucional li span, #rodape .institucional li i { color: #3c453a; }

/* #rodape > div > .conteiner > .row-fluid:before > img  { display: none; background: blue; width:0; height:0; }
*/