/* CSS Document */

BODY{font-family: Verdana, Arial, Helvetica, sans-serif;} /*ESTA LÍNEA TAN SÓLO LA HE PUESTO PARA CAMBIAR EL ESTILO DE LAS FUENTES, NO LE HAREMOS CASO...*/
ul.menu {
       /*AQUÍ DECIDIMOS QUE EL MENÚ TENGA UN MARGEN IGUAL A CERO CON LOS ELEMENTOS QUE TENGA ALREDEDOR*/
      /*AQUÍ DECIDIMOS QUE EL MENÚ TENGA UN MARGEN IGUAL A CERO CON LOS ELEMENTOS QUE TENGA EN SU INTERIOR*/
   list-style:inside;   /*AQUÍ DECIDIMOS QUE EL MENÚ NO TENGA ASPECTO DE LISTA*/
   margin:0;
   padding:0;
          
}
 ul.menu li 
{
   
   position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */
   width:165px;
   height:15px;
   margin:0;x|
   text-decoration:none;
   padding:0px 0 0 0;	
   text-align:left;
   font-size:9px;
   background-color:#0066CC;
   padding-left:0px;
   color:#FFFFFF;
   font-weight:bold;
   
   
   
   
   
   }

ul.menu ul
{
   
   position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
   left:125px; /* Para que no monte sobre el <li> */
   top:-1px;
   display:none;
   list-style:none;
   
   
   
}
ul.menu li:hover > ul
{   
   display:block;
  
   
  
 
}
ul.menu :hover {   /*AQUÍ LO QUE HACEMOS ES LO MISMO QUE EN EL APARTADO ANTERIOR, SOLO QUE EN ESTA OCASIÓN DEFINIMOS LOS ESTILOS PARA QUE CAMBIE EL ASPECTO CUANDO TENGAMOS EL RATON ENCIMA DE LA OPCION*/
   text-decoration:none; 
   width:165px; 
   height:15px; 
   background-color:#0066CC;
  
   
   
   
   }
   
   li:hover ul, li.menu ul { 
   display:none;   /*FORMA EN LA QUE QUEREMOS QUE SALGA EL SUBMENU*/
   
   
   }
  
<!--
.Estilo3 {color: #0066CC}
-->

 #men a {color: #ffffff;text-decoration:none;}