/* Barra do menu (nav#menu) */
#menu {
  padding: 3px 1px 3px 24px;                 /* igual ao original, com um pequeno recuo lateral */
  font-family: Tahoma, Arial, sans-serif;
  color: #ffffff;
  width: 1116px;                    /* mesma largura do layout antigo */
  background: url(img/f-menu.jpg) repeat-x #212121;
  text-align: left;
  margin: 0 auto;                   /* centraliza dentro do fundo cinza */
  box-sizing: content-box;
}

/* Lista de itens do menu */
#menu .nav-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Itens do menu em linha (horizontal) */
#menu .nav-list > li {
  display: inline;
  margin-right: 40px;               /* espaçamento entre os itens */
}

/* Marca / "logo" textual */
#menu .nav-brand {
	margin-left: 10px;
  font-weight: bold;
}

/* Links do menu */
#menu .nav-item a,
#menu .nav-brand a {
  color: #ffffff;
  text-decoration: none;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  white-space: nowrap;
  line-height: 15px;                /* altura visual da barra, como no layout antigo */
}

/* Hover / foco */
#menu a:hover,
#menu a:focus {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

/* Opcional: comportamento mais amigável em telas menores */
@media (max-width: 1180px) {
  #menu {
    width: 100%;
  }
}