/*----------------------------------------------------------------------*/
/* Para Menu                                                            */
/*----------------------------------------------------------------------*/
#menu { margin-bottom:10px; }
#menu ul, li { float:left; list-style:none;  }
#menu ul { padding:0; width:100%; }
#menu li { position:relative; width:90px; font:bold 12px Arial; }
#menu a { text-decoration:none; display:block; padding:8px; text-align:center; color:#FFFFFF; background:#808080; border:1px solid #808080; }
#menu a:hover { background:#FFFFFF; color:#808080; padding:8px; }

/* se ocultan los submenus */ 
#menu li ul { display:block; visibility:hidden; top:30px; left:0px; position:absolute; width:90px; } 

/* se hacen visibles los submenus */ 
#menu ul, #menu li:hover ul { visibility:visible; background:#808080; margin:0px; }

 
#menu li li a { color:#FFFFFF; background:#808080; border:1px solid #808080; } 
#menu li li a:hover { background:#FFFFFF; color:#808080; padding:8px; }