/*========================== MENU Y CLASES GENERALES ==========================*/

	/* div del menu */
	#menu_nav {
		position:absolute;
		left: 4px;
		top: 207px;
		height:21px;
		width:768px;
		background-color:#ccc;
		text-align:left;
		padding-left:15px;
		z-index:100;}
	
	/* IE hack */
	#menu_nav table {
		position:absolute; 
		top:0; 
		left:0;
	}
	
	#menu_nav a{
		display:block;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#000;
	}

	/* hover general para todos los niveles */
	#menu_nav a:hover{
		text-decoration:none;
		background:#ddd;
	}

	/* para que el menu se mantenga con el color seleccionado */
	#menu_nav :hover > a{
		background:#ddd;
	}



/*========================== PRIMER NIVEL ==========================*/

	/*====== POSICION ======*/
		#menu_nav ul {
			padding:0;
			margin:0;
			list-style-type:none;
			z-index:101;
		}
		
		/* float left para que sea horizontal y posicion relativa para manejar la posicion del desplegable*/
		#menu_nav ul li {
		float:left;
		position:relative;
		}
		#menu_nav ul li a{
		width:auto;
		padding-left:1em;
		padding-right:1em;		
		font-family: "Arial Narrow", Arial;
		font-size: 1.3em;}	

/*==========================SEGUNDO NIVEL==========================*/

	/*====== POSICION ======*/

		/* hide the sub levels and give them a positon absolute so that they take up no room */
		#menu_nav ul ul {
			visibility:hidden;
			position:absolute;
			top:21px;
			left:0px;
		}
		
		/* make the second level visible when hover on first level list OR link */
		#menu_nav ul li:hover ul, #menu_nav ul a:hover ul{
			visibility:visible; 
		}		

	/*====== APARIENCIA ======*/	
			
		#menu_nav ul ul {
			background-color:#FFFFFF;
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
		}

		/* style the second level links */
		#menu_nav ul ul a{
			background:#fff;
			color:#354586;
			padding: 5px;
			width:139px;
			border-top: 1px dotted #ddd;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:1em;
			font-weight:normal;
		}

		#menu_nav ul ul a:hover{
			background:#eee;
		}

		/* IE5.5 hack */
		* html #menu_nav ul ul a{
			width:160px;
			w\idth:139px;
		}



/*==========================TERCER NIVEL==========================*/

	/*====== POSICION ======*/

		#menu_nav ul ul ul{
			left:150px; 
			top:0;
			width:150px;
		}
		
		/* mantener la lista */
		#menu_nav ul :hover ul ul{
			visibility:hidden;
		}
		
		/* make the third level visible when you hover over second level list OR link */
		#menu_nav ul :hover ul :hover ul{ 
			visibility:visible;
		}

	/*====== APARIENCIA ======*/
		/* style the third level background */
		#menu_nav ul ul ul a, #menu_nav ul ul ul a:visited {
			background:#e2dfa8;
		}
		
		/* style the third level hover */
		#menu_nav ul ul ul a:hover {
			background:#b2ab9b;
		}