/*----------------------------------------------------------------------*/
/* 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-size:12px; font-style:bold; }
#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; }

/*
.menu { font-size:11px; font-family:'Century Gothic', sans-serif;  background:#F0F7FC; }
.menu ul { float:left; padding:0.1em; width:950px; border-top:1px solid #004a80; border-bottom:1px solid #004A80; }
/* background:#DFE3CF; } */
.menu li { float:left; width:80px; }
.menu ul, li { list-style: none; margin:0; }
.menu a { text-decoration:none; display:block; padding:0.5em; text-align:center; color:#3366CC; background:#F0F7FC; }
.menu a:hover { background: #DBEBF6; padding:0.5em; }

.menu a.padre { color:#3366CC; background:#F0F7FC; }
.menu li ul { position:absolute; left:-1600px; height:auto; width:80px; border:1px solid #DFE3CF; margin:0px 0px 2px 1px; background:#DFE3CF; }
.menu li.sfhover ul ul, .menu li.sfhover ul ul ul { left: -1500px; }
.menu li.sfhover ul, .menu li li.sfhover ul, .menu li li li.sfhover ul { left:auto; }
.menu li.sfhover { background: #DBEBF6; color:#FFFFFF; }
*/