#menu { 
   float: left; 
   width: 100% ; 
   text-align: center ; 
   clear: both ; 
   background: #0033CC url("bg.gif") repeat-x bottom; 
   border-left: 1px solid #0033CC; border-right: 1px solid #0033CC; border-bottom: 1px solid #666666;
} 
#menu ul { 
   list-style: none; 
   display: inline; 
   margin: 0; 
   padding: 11px 0px 0;    
} 
#menu li  
{   
   float: left; 
   position: relative; 
   padding:0 0 0 0px; 
   margin: 0; 
   background: url("left.gif") no-repeat left top; 
   display: block; 
/*   width: 120px; */
   font-family: Arial,Verdana,Helvetica; font-size: 11px;
   border-left: 1px solid #0033CC; border-right: 1px solid #0033CC; border-bottom: 1px solid #0033CC;
} 
#menu #activo { 
   color: #EDFBEB; 
   background-image: url("left_on.gif"); 
} 
#menu #activo a { 
   background-image: url("right_on.gif"); 
   padding-bottom: 5px; 
} 
#menu #activo li, #menu #activo li a, #menu #submenu li, #menu #submenu li a { 
   background: #E7EFFB url("bg.gif") repeat-x bottom; 
} 
#menu li li a, #menu li li a:link, #menu li li a:visited {
width: 120px; /* ancho del submenu */
text-align:left;
}

#menu li ul { 
/* se ocultan los submenus */ 
   display: block; 
   visibility: hidden; 
   position: absolute;
   width: auto; 
   top: 1.25em; 
   left: 0px;
} 
#menu ul li > #menu ul { 
   top: auto; 
   left: auto; 
} 
#menu ul li:hover ul, #menu ul li.over ul { 
   visibility: visible; 
} 
/* se hacen visibles los submenus */ 
#menu #activo ul, #menu li:hover ul { 
   visibility: visible; 
} 
/* por defecto se ve el submenu que dependa de la opcion activa */ 
#menu #activo ul { 
   z-index: 10; 
} 
/* el z-index del hover es mayor para poder ver el submenú de otras opciones */ 
#menu li:hover ul { 
   z-index: 100; 
} 
#menu ul li a { 
   float: left; 
   display: block; 
   text-decoration: none; 
   color: #000000;
   background: url("right.gif") no-repeat right top; 
/* el padding para la izquierda es también de 15 (como la dere), pero al haber puesto 9 en el elemento "li" hay que descontarlo aquí */
   padding: 3px 0px 0px 2px; 
} 
#menu a:hover { 
   color: #B73CBB; 
} 
/* Fix IE. Hide from IE Mac \*/ 
* html ul li { float: left; height: 1%; } 
* html ul li a { height: 1%; } 
* #menu a { float: none ; } 
/* End */