body {
  background-color: #201e1f;
}
body.body-login{
  background-color: #201e1f;
}
.botao{
  color: black;
}
.login-box {
  margin-top: -290px;
}
.login-box .btn {
  background-color: #ecc73b;
  color: #201e1f;;
}
.login-box .btn:hover {
  background-color: #fff557;
  color: #201e1f;
}
.login-box .campo input {
  color:#BBB;
}
.login-box>form>img {
  max-width: 300px;
  max-height: none;
}
.login-box a {
  color: #ecc73b;
}
.sistema{
  top: 48%;
}
.sistema .topo-coluna, .topo-coluna.topo-coluna.aselecionar{
  background-color: #fff557; 
  color: black;
}
.sistema .topo-coluna.selecionado{
  background-color: #ecc73b;
}
.sistema .botao, .botao{
  background-color: #ecc73b;
  border-color: #ecc73b;
}
.sistema .botao:hover, .botao:hover{
  background-color: #fff557;
  border-color: #fff557;
  color: #201e1f;
}

.sistema .lista-opcoes ul li.selecionado {
    background-color: #f4fa9d;
}

.botao.voltar:before, .botao.voltar:after{
  background-color: #ecc73b;
  border-left: 1px solid #ecc73b;
}

.botao.voltar:hover:after, .botao.voltar:hover:before {
  background-color: #fff557;
  border-left: 1px solid #fff557; 
}
.topo {
  background-image: url("../images/bg.png");
}
.topo .row>img {
  top: 5px;
  height: 57px;
  width: auto;  
}
.topo .row .menu-mail>div {
  color: black;
  text-align: left;
}
.topo .row .menu-config ul li{
  color: black;
  font-weight: bolder;
}
.sistema .titulo{
  color: #ecc73b;
  margin-bottom: 5px;
}
.page-variacao div.informe {
  color: #ecc73b;
  width: 100%;
  padding: 8px 10px;
}

.page-variacao .dados-veiculo .tipos li {
  color: #201e1f;
}

.page-variacao .dados-veiculo .tipos li.selecionado {
  background-color: #ecc73b;
}

.page-variacao .produtos .categorias li {
  color: #201e1f;
}

.page-variacao .produtos .categorias li.selecionado {
  background-color: #ecc73b;
}

@media (max-width: 766px) {
  .topo .menu-mobile .icon-bar {
    background-color: #ecc73b;
  }
  .topo .row>img {
    top: 3px;
	height: 34px;
	width: auto;
  }
  .sistema {
    top: 0;
  }
  .topo .row .opcoes>div>.icon {
    color: #ecc73b;
  }
}
@media (max-width: 450px){
  .page-variacao .produtos, .page-variacao .dados-veiculo, .page-variacao .foto-veiculo{
    width: 95%;
  } 
}