* {
	padding: 0px; 
	margin: 0px;
}

#menu {
	text-align: center; /* centra los elementos de todos los niveles */
	font-size: 14px; /* tamaño de letra en los elementos de todos los niveles */
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif; /* estilo de letra en todos los elementos de los 3 niveles */
/*	border:1px solid red;/**/
}

#menu ul {
	list-style-type: none; /* elimina viñetas de los elementos */
}

#menu ul li {
	width: 14%; /* ancho de contenedor de elementos antes 105px*/
}

#menu ul li.nivel1 { 
	float: left; /* obliga a posicionar a las cajas contenedoras de los elemento a posicionarse a la izquierda */
}

#menu ul li a {
	display: block; /* muestra los elementos de los niveles desplegables en forma de bloque (caja) */
	text-decoration: none; /* elimina decoración del texto (elementos) */
	color:#333; /* color de las letras de los elementos */
	padding-top: 24px; /* relleno de los elementos (texto) */
	padding-bottom: 22px;
	position: relative; /* al ser relativa provoca que los elementos desplegables se posiciones una abajo de la otra*/
	z-index: 5012;
/*	border:1px solid green;/**/	
}

/* Solo sirve para resaltar un elemento */
/*#menu ul li a.nivel2, #menu ul li a.nivel2ie {
	color: #F00;
}*/

#menu ul li a.nivel1, #menu ul li a.nivel2 {
	display: block!important; /* muestra los elementos del 1er nivel */
	position: relative; /* posiciona los demás elementos del 1er nivel a la izquierda */
/*	border-left: 1px solid #999; /* bordes entre opciones de 1er nivel */
}

#menu ul li:hover {
	position: relative; /* posiciona los elementos del 2o nivel debajo de cada elementos del 1er nivel respectivo*/
	z-index: 5010;
}

#menu ul li a:hover, #menu ul li:hover a.nivel1 {
	position: relative; /* posiciona la caja completa que contiene los elementos de cada n2o nivel debajo de cada elemento del 1er nivel */
	border:1px hidden #CCC; /*borde superior para el 1er nivel seleccionado */
	border-bottom:4px solid #333; /* borde inferior al seleccionar 1er nivel*/
	color: #666; /* color de texto menu nivel1 al ser seleccionado*/
	font-weight: bold;
	z-index: 5011;
}

#menu ul li ul {
	border-top:4px solid #333; /* borde superior que contiene las opciones del segundo nivel*/
	border-bottom:3px solid #FF0; /* borde inferior que contiene las opciones del segundo nivel*/
/*    -moz-box-shadow: 0px 6px 7px #121012;
    -webkit-box-shadow: 0px 6px 7px #121012;
    box-shadow: 0px 6px 7px #121012;/**/
	width: 210px; /* ancho de los bordes*/
	display: none; /* oculta los niveles 2o y 3o */
}

#menu ul li:hover  ul.nivel2, #menu ul li a:hover  ul.nivel2{
	display: block; /* muestra los elementos del 2o nivel */
	position: absolut;
	left: 0px; /* posiciona los elementos en la misma línea Y de cada elementos del 1er nivel */
	margin-top:-4px; /* mueve caja con 2o nivel hacia abajo*/
	z-index: 5013;
}

#menu ul li ul li a:hover ul.nivel3, #menu ul li ul li:hover ul.nivel3 {
	display: block; /* muestra elementos de la caja del 3er nivel */
	position: absolute; /* muestra la caja el 3er nivel a la izquierda del elemento del 2o nivel elegido */
	left: 161px!important;left: 160px; /* posiciona la caja del 3er nivel a la izquierda 161px*/
	top:0px!important;top: -21px; /* posiciona la caja del 3er nivel hacia arriba -21px*/
	background-color: red;/* fondo elementos del 3er nivel */
	z-index: 5014;
}

#menu ul li ul li a {
	width: 170px; /* ancho de caja de elementos de 2o y  3er nivel */
	padding: 12px 20px; /* relleno de elementos del 2o y 3er nivel */
	/*	line-height:18px; /* Espacio entra líneas de los menues 2o y 3er nivel*/
	margin-left: 0px; /* posiciona cajas verticales*/
/*	background-image:url(../imgs/fondo_menu.png);/**/
	background: rgba(21, 25, 29, 0.7);
	border-bottom:1px dashed #CCC; /* bordes elementos del 2o y 3er nivel */
	color: #FFF; /* Color letra de opciones 2o nivel */
	font-size:14px;
	font-weight:500;
	text-align: left;
}

#menu ul li ul li a:hover {
	position: relative; /* posiciona elementos del 2o nivel y 3er nivel, uno debajo del otro */
	border-bottom:1px dashed #CCC; /* bordes elementos del 2o y 3er nivel */
	border-top:0px; /* borra borde superior para 2o nivel */
	text-decoration: underline;
	color:#000;
/*	background-image:url(../imgs/fondo_seleccion.png);	/**/
	background: rgba(207, 183, 105, 0.8);
}

#menu ul li ul li ul li a.primera {
/*	border-bottom:0px; /* borde superior del 1er elemento del 3er nivel */
}