@charset "utf-8";

#header .linha1 { padding: 10px 0;}
#header .linha1 .auto { display: flex; align-items: center; justify-content: space-between;}

#header .chave { display: none; top: 8px; left: 2%;}
#header .chave.abrir { background: url('../imagens/header-chave-abrir.png?1') 50% no-repeat;}
#header .chave.fechar { background: url('../imagens/header-chave-fechar.png?1') 50% no-repeat;}

#header .logo { float: left; font-size: 0;}

#header .links { float: left;}
#header .links .um { float: left; padding: 10px; font-size: 1.1em;}

#header .destaque { float: left; padding: 20px;}

@media only screen and (max-width: 1000px){
  #header { position: relative;}
  #header .linha1 { padding: 7px 0;}
  #header .linha1 .auto { display: block;}

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

  #header .logo { width: 100%; padding: 0 0 0 10px; text-align: center;}
  #header .links { width: 100%; margin: 11px 0;}
  #header .links .um { width: 100%; margin: 2px 0; outline: 1px solid rgb(90 90 90 / 30%); outline-offset: -1px; text-align: center;}

  #header .destaque { width: 100%; text-align: center;}
}