#menu { 
   float: left; 
   width: 100%; 
   text-align: center; 
   clear: both; 
   background: #6C3;
   margin:0px;
   padding:0px;
   height:30px;
   /* url("bg.gif") repeat-x bottom; */
} 
#menu ul { 
   list-style: none; 
   display: inline; 
   margin: 0; 
   padding: 10px 10px 0; 
} 
#menu li { 
   float: left; 

   color: #40A035; 
   padding:0 0 0 9px; 
   margin: 0; 
   display: block; 
} 
#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 #subm li, #menu #subm li a { 
   background: #DAE0D2 url("bg.gif") repeat-x bottom; 
} 

#menu #subm {width:780px;border:1px solid #F00;padding:0px;margin-top:17px;} 
#menu #subm li{width:auto;margin-right:10px;} 
#nav li{margin:0px;height:30px;} 

#menu li ul { 
/* se ocultan los submenus */ 
   display:block; 
   visibility: hidden; 
   position: absolute; 
   width: auto; 
   top: 1.25em; 
   left: 0; 
} 
#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: #40A035; 
   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: 5px 15px 4px 6px; 
   font-weight: bold; 
} 
#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 */