#menu
{
  height: 27px;        
  background: #edda37;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  margin-bottom: 3em;
}

#menu a
{
  display: block;
  padding: 0.1em 1.5em 0.2em;
  color: white;
  font-size: 16px;
  text-decoration: none;
  text-transform: lowercase;
}

#menu a:hover
{
  background: #edda37;
  color: black;
}

#menu li.actual
{
  padding: 0.1em 1.5em 0.2em;
  background: #ccc;
  color: black;
}

#menu ul
{
  margin: 0;
  float: right;
  background: #5b78ba;
  list-style-type: none;
  padding-left: 0;
}

#menu li
{
  float: left;
  border-left: 1px solid black;
}