body {
       font-family: verdana;
       font-size: 11px;
}


/* Hace que los textos se peguen a su izquierda */
ul {
	margin : 0px;
	padding : 0px;
	list-style : none;
	width : 199px;
        position : absolute;
        z-index : 11;
	}



/* Hace que la posición de los submenus esten a la ultura del menu padre.*/
ul li {
	position : relative;
	}


/* Hace que las opciones del submenu no se muestren hasta que el mouse este sobre el nombre del menu.*/
li ul {
	left: 198px;
	top: 0px;
	display : none;
        position: absolute;
	}



/* Hace que las opciones del submenu no se muestren hasta que el mouse este sobre el nombre del menu. IGUAL A LA ANTERIOR (li ul) PERO DUPLICADA PARA LOS SUBMENUS*/
li ul li ul {
	left: 198px;
	top: 0px;
	display : none;
        position: absolute;
	}





/* Hace que las opciones del submenu no se muestren hasta que el mouse este sobre el nombre del menu. IGUAL A LA ANTERIOR (li ul) PERO DUPLICADA PARA LOS SUBMENUS*/
ul ul {
	left: 198px;
	top: 0px;
	display : none;
        position: absolute;
	}




/* Les da fondo a los menus y hacen que queden en orden y que no se encimen uno sobre el otro.*/
ul li a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	background: #0066CC;
	padding: 5px;
	border: 1px solid #cccccc;
	border-bottom: 0px;
        z-index: 10;
	}


/* Les da fondo a los menus y hacen que queden en orden y que no se encimen uno sobre el otro.IGUAL A LA ANTERIOR (li ul a) PERO DUPLICADA PARA LOS SUBMENUS*/
ul li a ul li a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	background: #0066CC;
	padding: 5px;
	border: 1px solid #cccccc;
	border-bottom: 0px;
        z-index: 10;
	}







/*Este me sirve para hacer pruebas.*/
li ul li a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	background: #0066CC;
	padding: 5px;
	border: 1px solid #cccccc;
	border-bottom: 0px;
        z-index: 10;
	}


/*Hace que los links aparezcan subrayados cuando pasa el mouse sobre de ellos.*/
A:hover{color: 000000; text-decoration: underline;}



/* Hace que las opciones del submenu se muestren cuando el mouse esta sobre el nombre del menu.*/
li:hover ul, li.over ul {
	display: block;
	color: orange;
        z-index: 10;
    }


/* Hace que las opciones del submenu se muestren cuando el mouse esta sobre el nombre del menu.IGUAL A LA ANTERIOR (li:hover ul, li.over ul) PERO DUPLICADA PARA LOS SUBMENUS*/
li:hover ul, li.over ul li:hover ul, li.over ul {
	display: block;
	color: orange;
        z-index: 10;
    }












/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */