#cssmenu {
  float: left;
  width: 409px;
  height: 27px;
  margin: 0;
  padding: 0;
  background: #D9DADE url(http://sig.ucaldas.edu.co/gestionDocumental/imagenes/bg-bubplastic.gif) top left repeat-x;
  font-Family: Roboto Regular;
  font-size: 11pt;
}
#cssmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu ul li {
  float: left;
  margin: 0;
  padding: 0;
  background: transparent url(http://sig.ucaldas.edu.co/gestionDocumental/imagenes/bg-bubplastic-button.gif) top left no-repeat;
}
#cssmenu ul li a {
  display: block;
  height: 27px;
  padding-left: 35px;
  float: left;
  text-transform: uppercase;
  /*font-family: 'Helvetica Neue', helvetica, 'microsoft sans serif', arial, sans-serif;*/
  font-size: 11pt;
  color: #000000;
  text-decoration: none;
}
#cssmenu ul li a span {
  display: block;
  float: left;
  height: 22px;
  padding-top: 5px;
  padding-right: 31px;
  background: transparent url(http://sig.ucaldas.edu.co/gestionDocumental/imagenes/bg-bubplastic-button.gif) top right no-repeat;
  cursor: pointer;
  font-weight:bold;
}
/* AQUA HOVER */
#cssmenu ul li a:hover,
#cssmenu ul li.active a {
  background: transparent url(http://sig.ucaldas.edu.co/gestionDocumental/imagenes/bg-bubplastic-h-aqua.gif) top left no-repeat;
  color: #FFFFFF;
  
}
#cssmenu ul li a:hover span,
#cssmenu ul li.active a span {
  background: transparent url(http://sig.ucaldas.edu.co/gestionDocumental/imagenes/bg-bubplastic-h-aqua.gif) top right no-repeat;  
}

#barra_menu {
  float: right;  
}