/*
  Elementos necesarios
  para la navegacion
*/
#nav,
#nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#nav a {
  display: block;
  padding: 3px 0;
}

#nav li {
  float: left;
}

#nav li ul {
  position: absolute;
  width: 9em;
  left: -999em;
}

#nav li:hover ul,
#nav li.sfhover ul {
  left: auto;
}

/*
  Estilos visuales
*/
/* Separacion entre elementos del menu */
#nav li ul li {
  width: 8em;
  padding-left: 1em;
}

/* Aspecto del menu */
#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
  background: url(http://www.especu.com/images/menulate.png);
}