@charset "utf-8";

#header { position: fixed; top: 0; left: 0;}
#header .linha1 { padding: 8px 0;}
#header .linha1 .links .um { color: rgb(255 255 255) !important;}
#header .linha1 .branca { display: block;}
#header .linha1 .preta { display: none;}
#header .linha1 .chave.abrir { background: url('../../images/site/header-chave-abrir1.png?v5') 50% no-repeat;}

#header .flutuante { background-color: rgb(255 255 255); -webkit-box-shadow: 0 10px 20px -15px rgb(0 0 0 / 70%); -moz-box-shadow: 0 10px 20px -15px rgb(0 0 0 / 70%); box-shadow: 0 10px 20px -15px rgb(0 0 0 / 70%);}
#header .flutuante .links .um { color: rgb(5 5 5) !important;}
#header .flutuante .branca { display: none;}
#header .flutuante .preta { display: block;}
#header .flutuante .chave.abrir { background: url('../../images/site/header-chave-abrir2.png?v5') 50% no-repeat;}

#header .chave { display: none; top: 15px; left: 2%;}
#header .chave.fechar { background: url('../../images/site/header-chave-fechar.png?v3') 50% no-repeat;}

#header .logo { float: left; margin: 0 0 0 5%;}
#header .lado { float: right; margin: 0 5% 0 0;}

#header .links { float: left; margin: 0 100px 0 0;}
#header .links .um { float: left; padding: 7px 12px; margin: 7px 1px; font-size: 0.9em;}
#header .links .um:hover { background-color: rgb(19 255 106); color: rgb(5 5 5) !important;}

#header .gratis { float: left; padding: 14px 15px 12px;}
#header .gratis b { float: left; padding: 0 0 0 22px; background-image: url('../../images/site/header-gratis-seta.png?v1'); background-repeat: no-repeat; background-position: 0px 5px;}

@media only screen and (max-width: 1200px){
  #header .links { float: left; margin: 0 50px 0 0;}
}
@media only screen and (max-width: 1100px){
  #header .links { float: left; margin: 0 20px 0 0;}
}
@media only screen and (max-width: 1000px){
  #header .chave { display: block;}
  #header .lado { display: none;}

  #header .linha1 { padding: 0;}
  #header .logo { display: flex; justify-content: center; width: 100%; margin: 10px 0;}
  #header .logo img { margin: 0 0 0 15px;}
  #header .lado { width: 100%; padding: 10px; margin: 0; background-color: rgb(255 255 255);}

  #header .links { margin: 0;}
  #header .links .um { width: 100%; text-align: center;}
  #header .gratis { display: flex; justify-content: center; width: 100%;}
}