@charset "utf-8";

header .fundo { float: left; width: 90%; padding: 0 5%; background-color: rgb(58 72 65);}

header .chave { display: none; top: 18px; left: 10px;}
header .chave.abrir { background: url('../../imagens/site/header-chave-abrir.png?v9') 50% no-repeat;}
header .chave.fechar { background: url('../../imagens/site/header-chave-fechar.png?v3') 50% no-repeat;}

header .logo { float: left; padding: 10px 0;}

header .links { float: left; margin: 0 0 0 5%;}
header .links .um { float: left; padding: 37px 15px; border-right: 1px solid rgb(5 5 5 / 30%); color: rgb(255 255 255) !important; line-height: 0;}
header .links .um.home { border-left: 1px solid rgb(5 5 5 / 30%);}
header .links .um.ativo { color: rgb(255 221 85) !important;}
header .links .um:hover { color: rgb(255 221 85) !important;}

header .login { float: right; margin: 18px 0 0;}
header .login .icon { float: left; width: 35px; height: 35px; background: rgb(255 255 255) url('../../imagens/site/header-icones-user.png?v3') 50% 55% no-repeat;}
header .login .um { float: left; margin: 7px 0 0 5px; color: rgb(255 255 255);}

@media only screen and (max-width: 1000px){
  header .fundo { width: 100%; padding: 0;}

  header .chave { display: block;}
  header .links { display: none;}

  header .logo { width: 100%;}

  header .links { width: 100%; margin: 0;}
  header .links .um { width: 100%; padding: 31px 0; margin: 0; border-bottom: 1px solid rgb(5 5 5 / 30%); border-right: 0; text-align: center;}
  header .links .um.home { border-top: 1px solid rgb(5 5 5 / 30%); border-left: 0;}

  header .login { position: absolute; top: 20px; right: 2%; margin: 0;}
  header .login .um { display: none;}
}