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

	/* div del menu */

	#menu {
		width:69em;
		margin:0px auto;
	}

	#menu_nav {
		position:relative;
		margin-left:148px;
		height: 25px;
		z-index:100;}

	#menu_nav img{
		border:none;
	}


	/* IE hack */
	#menu_nav table {
		position:absolute; 
		top:0; 
		left:0;
	}
	



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

	/*====== POSICION ======*/
		#menu_nav ul {
			padding:0;
			margin:0;
			list-style-type:none;
			z-index:101;
			border-left:1px solid #ff3f00;
			background-color:#000000;
		}
		
		/* float left para que sea horizontal y posicion relativa para manejar la posicion del desplegable*/
		#menu_nav ul li {
			float:left;
			display:inline;
			position:relative;
		}


	/*====== APARIENCIA ======*/	
	
	

	#menu_nav a{
		border-bottom:none;
		display:block;
		padding-top:64px;
		height:0em;
		width:97px;
		overflow: hidden;
		border-left:1px solid #ff3f00;
		background-position: left top;
		background-repeat: no-repeat;
	}
	
	/* estilos que se activan cuando estamos en la sección actual*/
	#productos .menu_soluciones, #comunicacion .menu_comunicacion, #investigacion .menu_investigacion, #case_studies .menu_cases, #acerca .menu_acerca{
		background-position: 0 -64px;
	}

	
	#menu_nav li:hover, #menu_nav li a:hover{
		background-position: 0 -64px;
		}

	/* para que el menu se mantenga con el color seleccionado */
	#menu_nav :hover > a{
		background-position: 0 -64px;
		}
/*==========================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:5.7em;
			opacity:0.95;
		}
		
		/*IE Hack*/
		* html #menu_nav ul ul {
			top:5.7em;
		}
		
		
		#menu_nav ul ul li{
			float:none;
			margin-right:0em;
			}
		
		/* 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 {
			left:0;
			border-bottom:1px solid #ff3f00;	
			}

		/* style the second level links */
		#menu_nav ul ul a{
			color:#fff;		
			width:100%;
			height:auto;
			text-align:center;
			padding-bottom:.8em;
			padding-top:.8em;
			border-left:none;
			}

	#menu_nav ul ul{
		width:15em;
		background-color:#0b0b0b;
		}
	
		#menu_nav ul ul li{
			border-top: 1px dotted #555;
			}
			
		#menu_nav ul ul li a:hover{
			background-color:#ff3f00;
			}



		
		/* IE5.5 hack */
		* html #menu_nav ul ul a{
			width:100%;
			}


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

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

		#menu_nav ul ul ul{
			top:-1px;
			opacity:1;
		}
		/*IE HACK*/
		* html #menu_nav ul ul ul{
			top:0px;
			}


		#menu_nav ul ul ul {
			left:15em; 
		}
		
		
		/* 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 {
		}
		
		/* style the third level hover */
		#menu_nav ul ul ul a:hover {
		}

/*temporal*/

#menu_nav ul .menu_cases{
	display:none;
	}