/*************************************************/
/* START - MENU CSS                              */
/*************************************************/
/* START - Colores, posiciones y otras opciones */

/* posicion y color del menu */
#menu .submenu:hover ul,
#menu .submenu_onHover ul { 
  background-color: #e1e1e1;
  top:50px;
  opacity:1.;
  left:10px;
  margin:0px;
  padding:0px;/*0.5em;*/
}

/* posicion y color del los items en el popup */
#menu .submenu li a,
#menu .submenu_onHover li a {
  color: #000000;
  display: block;
  padding-left: 10px;
  text-decoration: none;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:70%;
}

/* bug fix de que en IE se separa el menu */
/*#menu .submenu_onHover li a { height:3em; } /* ie and firefox */
#menu .submenu > li a{ height:auto !important;} /* firefox-specific */


/* posicion y color del los items en el popup, cuando tienen hover */
#menu .submenu li a:hover,
#menu .submenu_onHover li a:hover {
  background-color: #af0000;
  text-decoration: none;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:70%;
  color: #FFFFFF;
  
}

/* END - Colores, posiciones y otras opciones */


/* Globales */
#menu {
  z-index:auto;
}

/* Menu 1er Nivel */
#menu ul {
  list-style: none;
  margin:0px !important;
  padding:0px !important;
  line-height:1px; /* elimina un espacio que aparece entre los items de la lista */
  width:auto;
  z-index:auto;
}

#menu .submenu img{
  position:relative;
  z-index:auto;
}

/* Items del Menu 1er Nivel */
#menu .submenu,
#menu .submenu_onHover {
  width:auto;
  margin:0px !important;
  padding:0px !important;
  border:0px solid red;
  position: relative;
  z-index:auto;

/* background-color:#ff33CC; */
  display:auto;
}
#menu *>.submenu{
	height:auto;
}


/* Menu 2do Nivel */
/* #menu .submenu ul { */
#menu .submenu ul, #menu .submenu_onHover ul  {
	padding:0px;
	margin:0px;
	width: 200px;
	display: none;
	position: absolute;
	line-height:1em;
	z-index:9000;
	left: -16px;
	top: 38px;


}
/* Menu 2do Nivel - cuando el mouse esta encima del item del
   Menu 1er Nivel */
#menu .submenu:hover ul, #menu .submenu_onHover ul { 
  display: block;
  width: 200px;
  position: absolute;
}
/* Items del Menu 2do Nivel */
#menu .submenu li, #menu .submenu_onHover li {
  background:none;
  /* display: inline; */
}


/*************************************************/
/* END   - MENU CSS                              */
/*************************************************/