/* Header Julietti */
#cabecalho {
  background: #ffffff;
  border-top: 1px solid #f2d7c2;
  border-bottom: 1px solid #eeeeee;
}

#cabecalho .conteiner {
  padding-top: 22px;
  padding-bottom: 22px;
}

.logo a img {
  max-height: 70px;
  width: auto;
}

.busca input {
  height: 48px;
  border: 1px solid #cccccc;
  border-radius: 0;
  font-size: 14px;
  padding-left: 16px;
}

.busca .botao-busca {
  height: 48px;
  background: #ffffff;
  color: #000000;
  border: 1px solid #cccccc;
  border-left: 0;
}

.menu.superior {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  background: #ffffff;
}

.menu.superior .nivel-um > li > a {
  color: #D77A00;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.menu.superior .nivel-um > li > a:hover {
  color: #B86400;
}

.carrinho > a,
.acoes-conta a {
  color: #D77A00;
}

@media screen and (max-width: 767px) {
  #cabecalho .conteiner {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .logo a img {
    max-height: 55px;
  }

  .busca input {
    height: 44px;
  }
}

/* Fix footer empty spacing - Julietti */
#rodape {
  margin-top: 40px !important;
  background: #ffffff;
  border-top: 1px solid #eeeeee;
}

/* Reduce excessive blank area before footer */
.pagina-inicial .listagem,
.pagina-inicial .vitrine,
.pagina-inicial .secao-principal {
  margin-bottom: 30px !important;
  padding-bottom: 20px !important;
}

/* Footer main area */
#rodape .institucional {
  padding: 35px 0 25px !important;
  background: #ffffff;
}

/* Footer columns */
#rodape .links-rodape,
#rodape .pagamento-selos,
#rodape .sobre-loja-rodape,
#rodape .redes-sociais {
  min-height: auto !important;
  margin-bottom: 20px !important;
}

/* Remove huge blank height */
#rodape .row-fluid,
#rodape .span4,
#rodape .span3,
#rodape .span6 {
  min-height: auto !important;
}

/* Footer column lines */
#rodape .titulo {
  border-top: 1px solid #333333;
  padding-top: 14px;
  margin-bottom: 16px;
  color: #D77A00 !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Footer text */
#rodape a,
#rodape p,
#rodape li {
  color: #333333 !important;
  font-size: 13px;
  line-height: 1.6;
}

#rodape a:hover {
  color: #D77A00 !important;
}

/* Payment and security images */
#rodape .pagamento img,
#rodape .selos img,
#rodape .pagamento-selos img {
  max-height: 32px;
  width: auto;
  margin: 4px 6px 6px 0;
  opacity: 1;
}

/* Align payment/security blocks better */
#rodape .pagamento,
#rodape .selos {
  text-align: left;
  padding-top: 5px;
}

/* Bottom copyright */
#rodape .creditos,
#rodape .rodape-inferior {
  background: #f8f8f8;
  border-top: 1px solid #eeeeee;
  padding: 14px 0 !important;
  font-size: 12px;
  color: #666666;
  text-align: center;
}

@media screen and (max-width: 767px) {
  #rodape {
    margin-top: 25px !important;
  }

  #rodape .institucional {
    padding: 25px 15px !important;
  }

  #rodape .titulo {
    margin-top: 15px;
  }

  #rodape .pagamento,
  #rodape .selos {
    text-align: center;
  }
}

/* Fix footer text color - Julietti */
:root {
  --cor-tituloRodape: #D77A00 !important;
  --cor-textoRodape: #333333 !important;
  --cor-textoRodapeHover: #D77A00 !important;
}

/* Footer background */
#rodape,
#rodape .institucional,
#rodape .conteiner,
#rodape .row-fluid {
  background: #ffffff !important;
}

/* Footer titles */
#rodape .titulo,
#rodape .titulo a,
#rodape .titulo span,
#rodape h3,
#rodape h4 {
  color: #D77A00 !important;
  background: transparent !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Footer links and normal text */
#rodape a,
#rodape p,
#rodape li,
#rodape span,
#rodape .links-rodape a,
#rodape .institucional a,
#rodape .lista-redes a {
  color: #333333 !important;
  background: transparent !important;
  text-shadow: none !important;
}

/* Hover color */
#rodape a:hover,
#rodape .links-rodape a:hover {
  color: #D77A00 !important;
}

/* Footer column separator line */
#rodape .titulo {
  border-top: 1px solid #333333;
  padding-top: 12px;
  margin-bottom: 15px;
}

/* Bottom copyright */
#rodape .creditos,
#rodape .rodape-inferior,
#rodape .rodape-info {
  background: #f8f8f8 !important;
  color: #666666 !important;
  border-top: 1px solid #eeeeee;
}

#rodape .creditos *,
#rodape .rodape-inferior *,
#rodape .rodape-info * {
  color: #666666 !important;
}