/*------- estilos para la visualizacion con 2 niveles --------*//* =============== Título y Nivel 1 Titulo =============== */
div.clsMenuExtraNav11 {
 /*	border: 1px solid red;
 */	padding: 2px;
}
div.clsMenuExtraNav11 h3 {
	margin: 0 0 5px 0;
	padding: 0 0 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #ffffff;	
	background-color: #d05a09;
	font-weight: bold;
	text-align:left;
}
div.clsMenuExtraNav11 h4 {
	margin: 0 0 0 0;
	width: 100%;
/*	text-align: center; */
	font-size: 120%;
	/*color: #000000;*/
	color: #ffffff;
	background-color: #816980;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #ffffff;
}
/* Nivel 1 (firstLevel) */
div.clsMenuExtraNav11 .clsH5 {
	margin: 0;
	padding: 0;
	list-style: none;
/*	border-top: 1px dotted #ccc;
 */	width: 100%;
	position: relative;
	color: #000;
background-color: transparent;
}
div.clsMenuExtraNav11 .clsH5 a {
	padding: 4px 0 4px 4px;
	display: block;
	text-decoration: none;
	background-image:url(../media/aplicacion/images/flechaMenu2.gif);
 	background-repeat: no-repeat;
	background-position: 95% 50%;
	width: 100%;
	/*color: #000000;*/
	color: #816980;	
	background-color: transparent;
	/*font-size: 90%;*/
	font-size: 95%;
	font-weight: bolder;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #ccc;
		}
div.clsMenuExtraNav11 .clsH5 a:hover {
	color: #FFFFFF;
 	/*background-color: #1779AE;*/
	background-color: #816980;
	background-image:url(../media/aplicacion/images/flechaMenuOn2.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	cursor: pointer;
}
div.clsMenuExtraNav11 .clsH5 a span {
	background-image:url(../media/aplicacion/images/ArrowOff.gif);
	background-repeat: no-repeat;
	background-position: 4px 6px;
	display: block;
	padding-left: 15px;
	width:81%;
}
div.clsMenuExtraNav11 .clsH5 a:hover span {
	background-image:url(../media/aplicacion/images/ArrowOn.gif);
	background-repeat: no-repeat;
	background-position: -1px 6px;
	display: block;
	padding-left: 15px;
	}
/* Nivel 1 (firstLevel - sin hijos) */
div.clsMenuExtraNav11 .clsH5SinHijos {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	/*position: relative;*/
	color: #000;
background-color: transparent;
}
div.clsMenuExtraNav11 .clsH5SinHijos a {
	display: block;
	text-decoration: none;
	background-image: none;
 	background-repeat: no-repeat;
	background-position: 95% 50%;
	width: 90%;
	/*color: #000000;*/
	color: #006827;
	background-color: #dedede;
	font-size: 95%;
	font-weight: bolder;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #006827;
	padding: 5px;
	margin: 5px;	
		}
div.clsMenuExtraNav11 .clsH5SinHijos a:hover {
	color: #FFFFFF;
 	/*background-color: #1779AE;*/
	background-color: #006827;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 95% 50%;
	cursor: pointer;
	width: 90%;	

}
div.clsMenuExtraNav11 .clsH5SinHijos a span {
	background-image:url(../media/aplicacion/images/ArrowOff.gif);
	background-repeat: no-repeat;
	background-position: 4px 6px;
	display: block;
	padding-left: 15px;
	width:90%;
}
div.clsMenuExtraNav11 .sinFlecha a span {
	background-image:none !important;
	background-repeat: no-repeat;
	background-position: 4px 6px;
	display: block;
	padding-left: 15px;
	width:90%;
}
div.clsMenuExtraNav11 .clsH5SinHijos a:hover span {
	background-image:url(../media/aplicacion/images/ArrowOn.gif);
	background-repeat: no-repeat;
	background-position: -1px 6px;
	display: block;
	padding-left: 15px;
	}
div.clsMenuExtraNav11 .sinFlecha a:hover span {
	background-image:none;
	background-repeat: no-repeat;
	background-position: -1px 6px;
	display: block;
	padding-left: 15px;
	}	
/*div.clsMenuExtraNav11 h5.clsMenuSinHijos a, div.clsMenuExtraNav11 h5.clsMenuSinHijos a:hover {
	background-image: none;
}
*//* =============== Nivel 2 (secondLevel) =============== */
div.clsMenuExtraNav11 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}
div.clsMenuExtraNav11 ul li {
	position: relative;
	color: #000;
	background-color: #FFFFFF;
	border-bottom: 1px dotted #ccc;
}
div.clsMenuExtraNav11 ul li.clsMenuSinHijos a, div.clsMenuExtraNav11 ul li.clsMenuSinHijos a:hover {
	background-image: none;
}
div.clsMenuExtraNav11 ul li a {
	padding: 4px 0 4px 0;
	display: block;
	text-decoration: none;
	background-image:url(../media/aplicacion/images/flechaMenu.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	width: 100%;
	/*color: #000000;*/
	color: #816980;
background-color: transparent;
	/*font-size: 80%;*/
	font-size: 90%;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.clsMenuExtraNav11 ul li a:hover {
	color: #FFFFFF;
 	/*background-color: #1779AE;*/
	/*background-color: #816980;*/
	background-color: #C8A4C6;
	background-image:url(../media/aplicacion/images/flechaMenuOn.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	cursor: pointer;
}
div.clsMenuExtraNav11 ul li a span {
	background-image:url(../media/aplicacion/images/ArrowOff.gif);
	background-repeat: no-repeat;
	background-position: 19px 6px;
	display: block;
	padding-left: 30px;
	width:81%;
}
div.clsMenuExtraNav11 ul li a:hover span {
	background-image:url(../media/aplicacion/images/ArrowOn.gif);
	background-repeat: no-repeat;
	background-position: 14px 6px;
	display: block;
	padding-left: 30px;
}
/* =============== Nivel 3 (thirdLevel) =============== */
div.clsMenuExtraNav11 ul li ul {
	z-index:100;
	position: absolute;
	left: 100%;
	top: 0;
	width:100%;
	list-style: none;
	border: 1px solid #ccc;
	color: #000;
	background-color: transparent;
}
div.clsMenuExtraNav11 ul li ul li {
	position: relative;
	width:100%;
	color: #000;
	background-color: #fff;
	background-image: none;
	border-bottom: 1px dotted #ccc;
}
div.clsMenuExtraNav11 ul li ul li a {
	display: block;
	text-decoration: none;
	color: #1779AE;
	background-color: #fff;
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../media/aplicacion/images/ArrowOff.gif);
	background-repeat: no-repeat;
	background-position: 4px 10px;
}
div.clsMenuExtraNav11 ul li ul li a:hover {
	color: #1779AE;
background-color: transparent;
	background-image:url(../media/aplicacion/images/ArrowOn.gif);
	background-repeat: no-repeat;
	background-position: 0 10px;
}