@charset "utf-8";

#header { position: fixed; top: 0; left: 0;}
#header .linha1 { padding: 48px 0 17px; border-bottom: 1px solid;}
#header .linha1 .auto { display: flex; justify-content: space-between; align-items: center;}
#header .linha3 { position: absolute; width: 100%; height: 30px; top: 0; left: 0; font-size: 0.9em;}

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

#header .logo { float: left; font-size: 0;}
#header .logo img { max-height: 100px;}

#header .orcamento { float: left; width: 130px;}
#header .orcamento .um { font-size: 1.2em;}

#header .prolado { float: right;}

#header .links { float: left;}
#header .links .um { float: left; padding: 15px 12px;}
#header .links .um b { padding: 0 0 5px;}
#header .links .um:hover b { border-bottom: 5px solid;}
#header .links .um.ativo b { border-bottom: 5px solid;}

#header .sociais { float: left; margin: 0 0 0 20px;}
#header .sociais a { float: left; width: 40px; height: 50px; margin: 0 0 0 2px;}
#header .sociais a.whatsapp { background-image: url('../imagens/sociais-whatsapp.png');}
#header .sociais a.instagram { background-image: url('../imagens/sociais-instagram.png');}

/* LINHA3 */
#header .atalhos { float: left;}
#header .atalhos .um { float: left; padding: 6px 0;}
#header .atalhos .um:hover { text-decoration: underline;}
#header .atalhos .dois { float: left; padding: 6px 0; margin: 0 20px;}
#header .telefone { float: right; padding: 6px 0;}

@media only screen and (max-width: 1000px){
  #header { position: relative;}
  #header .auto { width: 96%;}
  #header .linha1 { padding: 0;}
  #header .linha1 .auto { display: block;}
  #header .linha3 { position: relative; height: auto; font-size: 1em;}

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

  /* LINHA1 */
  #header .logo { width: 100%; margin: 10px 0 0; text-align: center;}
  #header .orcamento { width: 100%; margin: 10px 0 5px;}
  #header .orcamento .dois { font-size: 0.9em;}
  #header .prolado { width: 100%;}
  #header .links { width: 100%; margin: 0 0 10px;}
  #header .links .um { width: 100%; padding: 12px 0;}
  #header .sociais { margin: 0 0 10px;}

  /* LINHA3 */
  #header .atalhos { width: 100%; padding: 10px 0 0;}
  #header .atalhos .um { width: 100%; padding: 10px 0; margin: 5px 0 0; outline: 1px solid; text-align: center;}
  #header .atalhos .dois { display: none;}
  #header .telefone { width: 100%; padding: 10px 0; text-align: center;}
}
@media only screen and (max-width: 500px){
  #header .logo img { max-width: 200px;}
}