/*	insertar en la web
				<link href="menu.css" rel="stylesheet" type="text/css" />	

			Etiquetas de los elementos del menu
				ul.menuCont
				li.menuCarp
				li.menuItem
				li.menuSec
				a.menuSub
				a.menuLink
	*/


	/* Aqui esta la compatibilidad entre IE/NS */
	body {
		behavior:url("csshover.htc");
	}

	/* the menu */
	
	/* DEFINE el aspecto del texto del menu */
	ul.menuCont,li.menuCarp,li.menuItem,li.menuSec,a.menuSub,a.menuLink {
		font-family:arial,tahoma,verdana,helvetica;
		font-size:9px;
		display:block;
		margin:0;
		padding:0;
		border:0;		
	}

	/*	DEFINE el aspecto del contendor del menu	*/
	ul.menuCont {	
		width:132px;
		background:#FFDB4A;
		list-style:none;		
	}
	
	/*	DEFINE el aspecto de los item del menu	*/
	li.menuCarp,li.menuItem,li.menuSecAbierto {
		position:relative;
		padding:1px;
		padding-left:14px;
		background:url("../Images/img_menu.gif") no-repeat;
		z-index:9;
		border-top: 1px solid #D9B522;
		
	}
		li.menuCarp	{ background:url("../Images/img_menu.gif") no-repeat; }		
		li.menuCarp ul.menuCont {
			position:absolute;
			left:102px; /* IE */
			top:5px;
		}		
			li.menuCarp>ul.menuCont { left:122px; } /* others */
	
	li.menuSec {
		position:relative;
		padding:1px;
		padding-left:14px;
		background:url("../Images/candado.gif") no-repeat;
		z-index:9;
		border-top: 1px solid #D9B522;
	}

	li.menuSecAbierto {
		background:url("../Images/candado.gif") no-repeat;
	}
		li.menuSecAbierto ul.menuCont {
			position:absolute;
			left:102px; /* IE */
			top:5px;
		}		
			li.menuSecAbierto>ul.menuCont { left:122px; } /* others */	
/*modificacion mouse sobre la celda menuSec*/
/*	li.menuSec:hover{
		background:url("../Images/cand_over.gif") no-repeat;
		background-color:#FF9900
	}*/

	a.menuSub, a.menuLink {
		padding:2px;
		text-decoration:none;
		color:DimGray;
		font-weight:bold;
		width:100%; /* IE */
	}
		li.menuCarp>a.menuSub { width:auto; } /* others */
		li.menuItem>a.menuLink { width:auto; } /* others */
		li.menuSec>a.menuLink { width:auto; } /* others */

	/* DEFINE la imagen dercha de los submenus */
	li.menuCarp a.menuSub {
		background:url("../Images/sub.gif") right no-repeat;
	}

	/* regular hovers */
	/* DEFINE el aspecto de un item seleccionado	*/
	a.menuSub:hover, a.menuLink:hover {
		background-color:#FF9900;
		color:white;
	}
		li.menuCarp a:hover {
			background-color:#FF9900;
		}
	
	/* hovers with specificity */
	
	li.menuCarp:hover { z-index:10; }		
	
	/* Especifica como se muestran y se ocultan
		 los diferentes niveles del menu
		 HAY HASTA 5 NIVELES										*/	
	
	ul.menuCont ul.menuCont,
	ul.menuCont li.menuCarp:hover ul.menuCont ul.menuCont,
	ul.menuCont ul.menuCont li.menuCarp:hover ul.menuCont ul.menuCont,
	ul.menuCont ul.menuCont ul.menuCont li.menuCarp:hover ul.menuCont ul.menuCont
		{display: none;}

	ul.menuCont li.menuCarp:hover ul.menuCont,
	ul.menuCont ul.menuCont li.menuCarp:hover ul.menuCont,
	ul.menuCont ul.menuCont ul.menuCont li.menuCarp:hover ul.menuCont,
	ul.menuCont ul.menuCont ul.menuCont ul.menuCont li.menuCarp:hover ul.menuCont
		{display: block;}