/* * ** * ** * ** * ** * ** * ** * ** * ** * ** * ** * ** *  
 * 
 *  De Facto S.A.
 *
 * 
 * * **/

/* 
   ------------------------------------------------------------------------------------------------------------------ 
	Sección	: 	CSS PARA POSICIONES DE LA COMPONENTE MENU V2.0
   ------------------------------------------------------------------------------------------------------------------ 
*/ 


/* 	CSS componente principal del banner 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cmpo-cnte-menu {
	/* propiedades de posicionamiento */		
		margin: 0px 0px 0px 0px; 									/* $niv1-marg-ppal; 			Márgenes principales del menú {9px 9px 9px 9px} */

	/* propiedades de tamaño */	
		height: 30px; 												/* $niv1-alto-ppal; 			Alto de las opciones de menú primer nivel (barra ppal) {9px} */

	/* propiedades de tipografía */
		font-weight: normal;										/* $niv1-font-weig-ppal; 		Grosor de la fuente { normal|bold } */
		background-color: transparent; 									/* $niv1-back-colo-ppal; 		Color de fondo del menú horizontal  {transparent|#224466}*/  
		font-family: Courier New, Verdana, Helvetica;			/* $niv1-font-ppal; 			Familia de Font a usar en el menú (Tipo de fuente, tamaño) */  
					
	/* propiedades de visualización */	
		
		border-top: 0px solid #F0F0F0; 								/* $niv1-brde-topp-ppal; 		borde superior barra ppal {9px solid #F0F0F0} */  
		border-bottom: 0px solid #F0F0F0; 							/* $niv1-brde-bott-ppal; 		borde inferior barra ppal {9px solid #F0F0F0} */  

}

/* 	CSS elementos del menú 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cmpo-cnte-menu .ctdr-menu-ppal {
	/* propiedades de posicionamiento */		
	/* propiedades de tamaño */	
	/* propiedades de visualización */	
		background-color: transparent;								/* color de fondo del menú horizontal / siempre debe estar en transparent para no anular al de .cmpo-cnte-menu { */
    	text-align: left; 
}

/* 	CSS para todos los niveles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cmpo-cnte-menu .ctdr-menu-ppal li {
	/* propiedades de posicionamiento */		
	/* propiedades de tamaño */
		height: 30px; 												/* $niv1-alto-ppal; 			Alto de las opciones de menú primer nivel (barra ppal) {9px} */
		
	/* propiedades de visualización */
	/* propiedades de tipografía */
	
		border-left: 1px solid transparent;
		border-right: 1px solid transparent;

}

.cmpo-cnte-menu .ctdr-menu-ppal li li {
	/* propiedades de posicionamiento */		
	/* propiedades de tamaño */
		height: 22px; 												/* $niv2-alto-opci; 			Alto de las opciones de menú segundo nivel (popup) {9px} */
		
	/* propiedades de visualización */
	/* propiedades de tipografía */
	
		border-left: 1px solid transparent;							/* siempre debe estar en transparent */
		border-right: 1px solid transparent;						/* siempre debe estar en transparent */

}

.cmpo-cnte-menu .ctdr-menu-ppal li.active {
	/* propiedades de posicionamiento */		
	/* propiedades de tamaño */
	/* propiedades de visualización */
	/* propiedades de tipografía */
}

.cmpo-cnte-menu ul li a > span {
	/* propiedades visualización */
	/* propiedades tipográficas */
	/* propiedades de posicionamiento */
		padding: 5px 0px 0px 0px;  									/* $niv1-padd-opci-ppal; 		Posición de las opciones del menú primer nivel (centro, arriba, abajo) {6px 0px 0px 0px} */
}
.cmpo-cnte-menu ul li ul li a > span {
	/* propiedades visualización */
	/* propiedades tipográficas */
	/* propiedades de posicionamiento */
		padding: 2px 0px 0px 0px;  									/* $niv2-padd-opci-secu; 		Posición de las opciones del menú segundo nivel (centro, arriba, abajo) {6px 0px 0px 0px;} */
}

.cmpo-cnte-menu ul li ul li span {
	/* propiedades visualización */
	/* propiedades tipográficas */
	/* propiedades de posicionamiento */
}

/* 	CSS para 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cmpo-cnte-menu .ctdr-menu-ppal li.over {
	/* propiedades de posicionamiento */		
	/* propiedades de tamaño */
	/* propiedades de visualización */
	/* propiedades de tipografía */
}

.cmpo-cnte-menu .ctdr-menu-ppal li a {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de visualización */		
}

.cmpo-cnte-menu .ctdr-menu-ppal li a:hover {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de visualización */		
		text-decoration: none;		
		z-index: 11;		
}

.cmpo-cnte-menu .ctdr-menu-ppal li.obmp-imge {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de visualización */		
		background: url('./imgs/vineta_down.png') no-repeat right 17px;	/* $niv1-back-imge-url;  	Imagen de fondo para el indicar que el menú tiene más opciones (flecha) */	
}

.cmpo-cnte-menu .ctdr-menu-ppal li.obmp-imge a span:hover {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de visualización */		
}

.cmpo-cnte-menu .ctdr-menu-ppal li a span:hover {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de visualización */		
		text-decoration: none;
}

.cmpo-cnte-menu .ctdr-menu-ppal li ul a span {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de visualización */		
		white-space: nowrap; 
}

/* 	CSS para el primer nivel del menú
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cmpo-cnte-menu .ctdr-menu-ppal li {
	/* propiedades de posicionamiento */		
	/* propiedades de tamaño */
	/* propiedades de visualización */
	/* propiedades de tipografía */
}

.cmpo-cnte-menu .ctdr-menu-ppal li li a {
	/* propiedades de posicionamiento */		
		/*padding: 0px 0px 0px 0px;*/ 	/* Se debe crear un nuevo diseño ??? debe ir ?*/		
		
	/* propiedades de tamaño */
	/* propiedades de visualización */
	/* propiedades de tipografía */

		border-top: 1px solid transparent;
		border-left: 1px solid transparent;
		border-bottom: 1px solid transparent;
}

.cmpo-cnte-menu .ctdr-menu-ppal li a {
	/* propiedades de posicionamiento */
		/*padding: 0px 0px 0px 0px; */									/* ??? debe ir ?  link padding ???chf */ /*?? Se debe crear un nuevo diseño */	

	/* propiedades de posicionamiento */		
	/* propiedades de tamaño */
		height: 100%; 
		
	/* propiedades de tipografía */		
	/* propiedades de visualización */		
		background-color: transparent;  						/* color de fondo del link top (principal) dejar siempre en transprent 	*/
		border-top: 1px solid transparent;						/* $niv1-bder-topp-ppal; 			barra menu nivel 1 (ppal) borde superior  {1px solid|dashed transparent|#color} */
		border-left: 1px solid #D5D5D5;							/* $niv1-bder-left-ppal; 			barra menu nivel 1 (ppal) borde izquierda {1px solid|dashed transparent|#color} */
		border-bottom: 1px solid transparent;					/* $niv1-bder-bott-ppal; 			barra menu nivel 1 (ppal) borde inferior  {1px solid|dashed transparent|#color} */
		text-decoration: none;
		text-transform: none;
}

.cmpo-cnte-menu .ctdr-menu-ppal li a span {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */		
	/* propiedades de visualización */		
		cursor: pointer;
		color: #666666; 										/* $niv1-font-colo-opci-ppal; 		Color de texto primer nivel  {#color} */
}

.cmpo-cnte-menu .ctdr-menu-ppal li a,
.cmpo-cnte-menu .ctdr-menu-ppal li a span {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
		font-size: 13px; 										/* $niv1-font-size-opci-ppal; 		Tamaño del texto en las opciones del menú primer nivel */
		font-weight: normal;										/* $niv1-font-weig-opci-ppal; 		Grosor de la fuente para las opciones del menú (horizontal y vertical) { normal|bold } */	
	/* propiedades de visualización */		
		text-indent: 0em; /*-999em;*/
		text-align: center;
}

.cmpo-cnte-menu .ctdr-menu-ppal li.first a {

}

.cmpo-cnte-menu .ctdr-menu-ppal li.last a { /* border-right:0;  */

}

.cmpo-cnte-menu .ctdr-menu-ppal li a {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de visualización */		
}

.cmpo-cnte-menu .ctdr-menu-ppal li a:hover {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de visualización */		
		background-color: transparent;   						/* Se debe dejar siempre en transparent */
		
}

.cmpo-cnte-menu .ctdr-menu-ppal li.active a {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de visualización */		
		background-color: transparent;   						/* Se debe dejar siempre en transparent */

}

/* 	CSS para los rollover
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cmpo-cnte-menu .ctdr-menu-ppal li.sele a span,
.cmpo-cnte-menu .ctdr-menu-ppal li.over a span {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de visualización */
		color: #6F5F18;											/* $niv1-font-colo-over; 				rollover opciones de menú primer nivel (ppal) 			*/
}  

.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1 a span {
	/* propiedades de posicionamiento */
		padding-left: 20px;  									/* $niv1-padd-left-opci-ppal; 			padding antes de la descripción en el menú cabecera 	*/
		padding-right: 20px;  									/* $niv1-padd-righ-opci-ppal; 			padding después de la descripción en el menú cabecera 	*/

	/* propiedades de tamaño */
		min-width: 30px;
		width: auto;

	/* propiedades de tipografía */
	/* propiedades de visualización */
		
}  

.cmpo-cnte-menu .ctdr-menu-ppal li.over a span:active,
.cmpo-cnte-menu .ctdr-menu-ppal li.over a span:hover,
.cmpo-cnte-menu .ctdr-menu-ppal li.sele a span:hover {

	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de visualización */
	
}  


/* 	CSS para color textos menu popup nav
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1 ul li a span { 
	/* propiedades de posicionamiento */
		width: auto;
		left: 0;
		top: 0;
	
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de visualización */
		white-space: nowrap; 
}

.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1 ul li a:hover span,
.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1 ul li a span:hover {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de visualización */
		white-space: nowrap; 
}

.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1 a {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de visualización */
		background-position: 0 0;
}

.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1.sele a, 
.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1.active.over a, 
.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1.over a, 
.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1 a:hover {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
		min-width: 30px;
		width: auto;
	
	/* propiedades de tipografía */
	/* propiedades de visualización */
	
}

.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1.sele {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de visualización */

		background: url('') no-repeat center top;	/* $niv1-back-imge-url;  	Imagen de fondo para el indicar que el menú tiene más opciones (flecha) */	/*./imgs/imge_icon_supe_menu_32x15_v1.jpg*/

}

.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1.active.over, 
.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1.over,
.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1.sele {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de visualización */
		background-color: #FFD700;   							/* $niv1-back-colo-over-opci-ppal; 				Color de fondo del primer nivel hover */
		border-left: 1px solid transparent;		    				/* $niv1-bder-left-over-opci-ppal; 				Borde izquierdo nivel 1 		*/
		border-right: 1px solid transparent;						/* $niv1-bder-righ-over-opci-ppal; 				Borde derecho nivel 1			*/
        
}


.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1.active a {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de visualización */
		background-position: 0px -74px;		
}


/* 	CSS para el segundo nivel / fondo caja del menu popup
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cmpo-cnte-menu .ctdr-menu-ppal ul {
	/* propiedades de posicionamiento */
		top: 30px;   											/* $niv1-alto-ppal; 			Posición inicial del menú segundo nivel (popup) (debe ser igual al alto(height) de ".cmpo-cnte-menu {" y de ".ctdr-menu-ppal li {") {9px} */
		padding: 4px;

	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de visualización */
		white-space: nowrap;
		background: rgb(252,255,244); 								  /* $niv2-back-colo-OLD-brow;  			Color de fondo del popup nivel 2 Old Browsers */
		background: -moz-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(233,233,206,1) 100%);  /* $niv2-back-colo-FF3-brow;  			Color de fondo del popup nivel 2 FF3.6+ */
		background: linear-gradient(to bottom, rgba(252,255,244,1) 0%, rgba(233,233,206,1) 100%); /* $niv2-back-colo-W3C-brow;  			Color de fondo del popup nivel 2 W3C */

	/* propiedades de bordes */
		border-top: 5px solid #CCCCCC; 							/* $niv2-bder-topp;  			Borde top del (popup) nivel 2 {5px solid #75AADB} */
		border-left: 1px solid #CCCCCC;							/* $niv2-bder-left;  			Borde left del (popup) nivel 2 {5px solid #75AADB} */
		border-right: 1px solid #CCCCCC;						/* $niv2-bder-righ;  			Borde right del (popup) nivel 2 {5px solid #75AADB} */
		border-bottom: 1px solid #CCCCCC;						/* $niv2-bder-bott;  			Borde bottom del (popup) nivel 2 {5px solid #75AADB} */

		/*-moz-box-shadow: 1px 1px 2px #DDDDDD;*/
		/* SOMBRA NO TOCAR (POR EL MOMENTO) */
			-webkit-box-shadow: 0px 1px 1px 1px #DDDDDD;
			box-shadow: 2px 2px 5px -2px #DDDDDD;
			/* IE 8 */
			-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD')";
			/* IE 5.5 - 7 */
			/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD');*/

		z-index: 10;
}

.cmpo-cnte-menu .ctdr-menu-ppal ul li,
.cmpo-cnte-menu .ctdr-menu-ppal ul li a,
.cmpo-cnte-menu .ctdr-menu-ppal ul li a span {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
		min-width: auto;
		
	/* propiedades de tipografía */
		font-size: 13px;  										/* $niv2-font-size-opci; 		Tamañao de fuente de popup (nivel 2) {9px} */	
		font-weight: bold;										/* $niv2-font-weig-opci;		Grosor de la fuente para las opciones del menú (vertical) { normal|bold } */	

	/* propiedades de visualización */
		display: block;
		/*color: #25F528;*/
		text-transform: none;

	/* propiedades de bordes redondos */
}

/* 	CSS para opciones dentro del menu popup 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cmpo-cnte-menu .ctdr-menu-ppal ul li {
	/* propiedades de posicionamiento */
		margin: 0px 0px 0px 0px;
		
		padding-left: 7px;
		padding-right: 7px;
		padding-bottom: 0px;
		padding-top: 0px;
		
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de visualización */
	/* propiedades de bordes redondos */
}

.cmpo-cnte-menu .ctdr-menu-ppal ul li.last {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de visualización */
		border-bottom: 0;

	/* propiedades de bordes redondos */
}

.cmpo-cnte-menu .ctdr-menu-ppal ul li a {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de visualización */
		background: none !important;

	/* propiedades de bordes redondos */
}

.cmpo-cnte-menu .ctdr-menu-ppal ul li a span {
	/* propiedades de posicionamiento */
	  /*padding: 0 !important;*/
	/* propiedades de tamaño */
/*
		line-height: 15px;
		height: 15px;*/  			/* Alto de las opciones del popup */ 

		/*width: 100px;*/


	/* propiedades de posicionamiento */
	  /*padding: 0 !important;*/
	/* propiedades de tamaño */
	/* propiedades de tipografía */
		/*font-weight: normal;*/
		
	/* propiedades de visualización */
		text-indent: 0;
		text-align: left;
		
	/* propiedades de bordes redondos */
	
}

/* 	CSS para color menú popup opcion seleccionada
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cmpo-cnte-menu .ctdr-menu-ppal ul li a:hover span {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de bordes redondos */
	/* propiedades de visualización */
}
.cmpo-cnte-menu .ctdr-menu-ppal ul li.nav-get-involved a:hover span {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
		/*width: 120px;*/
	/* propiedades de tipografía */
	/* propiedades de bordes redondos */
	/* propiedades de visualización */
		/*background: #FFFFFF;*/
		/*color: #41E225;*/
}

.cmpo-cnte-menu .ctdr-menu-ppal ul li.active>a,
.cmpo-cnte-menu .ctdr-menu-ppal ul li.over>a {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de bordes redondos */
	/* propiedades de visualización */
}

.cmpo-cnte-menu .ctdr-menu-ppal ul li.parent {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de bordes redondos */
	/* propiedades de visualización */
		background-image: url('./imgs/bkg_parent.gif'); /*background-color: #007FFE;*/
		background-repeat: no-repeat;
		background-position: 100% 50%;
}


/* 	CSS para tercer nivel 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cmpo-cnte-menu .ctdr-menu-ppal ul ul {
	/* propiedades de posicionamiento */
/*
		top: 5px;
		padding-bottom: 5px;
*/
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de bordes redondos */
	/* propiedades de visualización */
		/* ??? REVISAR SI SE USA O NO */
		border-top: 1px solid #F50;
}

/* 	CSS para mostrar menú
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cmpo-cnte-menu .ctdr-menu-ppal li.over>ul, #toplinks li.over>ul {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de bordes redondos */
	/* propiedades de visualización */
	
}

.cmpo-cnte-menu .ctdr-menu-ppal li.over>ul li.over>ul, #toplinks li.over>ul li.over>ul {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de bordes redondos */
	/* propiedades de visualización */
}

.cmpo-cnte-menu .ctdr-menu-ppal li.over ul ul,#toplinks li.over ul ul {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de bordes redondos */
	/* propiedades de visualización */
}

/* 	CSS para Popup : caja contenedora al desplegar un menu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.cmpo-cnte-menu .ctdr-menu-ppal .obmg-menu-nave-ctdr {
	/* propiedades de posicionamiento */
		padding-left: 0px;
		padding-right: 0px;

	/* propiedades de tamaño */
		min-width: 100px;  
		width: auto;  
		height: 100%;

	/* propiedades de tipografía */
	/* propiedades de visualización */
		overflow: hidden;
		/*border: 1px dashed #51B0FF;*/

	/* propiedades de bordes redondos */
		/* -- W3C Specification -- */ 
		/*border-radius: 0 0 7px 7px / 0 0 7px 7px ; */
		/* -- Mozilla -- */ 
		/*-moz-border-radius: 0 0 7px 7px / 0 0 7px 7px  ; */
		/* -- WebKit y Safari -- */ 
		/*-webkit-border-radius: 0 0 7px 7px / 0 0 7px 7px ; */

}

.cmpo-cnte-menu .ctdr-menu-ppal .bloq-cnte-left-nave {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
		width: auto;
		
	/* propiedades de tipografía */
	/* propiedades de bordes redondos */
	/* propiedades de visualización */
		overflow: hidden;
}

.cmpo-cnte-menu .ctdr-menu-ppal .bloq-cnte-right-nave {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
		width: 100%;
		
	/* propiedades de tipografía */
	/* propiedades de bordes redondos */
	/* propiedades de visualización */
		overflow: hidden;
		/*background:#ffffff;*/
}

.cmpo-cnte-menu .ctdr-menu-ppal li li.obmp-ttlo {
	/* propiedades de posicionamiento */
		clear: both; 
		padding: 10px 0px 10px 0px;								/* $niv2-padd-ombp-ttlo; 		Padding de los títulos nivel 2 (en caso que estén) {10px 0px 10px 0px} */	
		margin: 0px 0px 0px 0px;								/* $niv2-marg-ombp-ttlo; 		Margen de los títulos nivel 2 (en caso que estén) {10px 0px 10px 0px}  */	
		
	/* propiedades de tamaño */
		width: 94%;												/* $niv2-widt-ombp-ttlo; 		Width de los títulos nivel 2 (en caso que estén) {94%}  */	
	
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de bordes redondos */
	/* propiedades de visualización */
		border-bottom: 2px solid #CCCCCC;						/* $niv2-bder-bott-obmp-ttlo;  	Borde bottom del titulo nivel 2 (popup) {2px solid #5B77CC} */		
}

.cmpo-cnte-menu .ctdr-menu-ppal li li.obmp-ttlo,
.cmpo-cnte-menu .ctdr-menu-ppal li li.obmp-ttlo span,
.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1 ul li.obmp-ttlo a ,
.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1 ul li.obmp-ttlo a span ,
.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1 ul li.obmp-ttlo span { /* titulo solo con span */
		height: 15px;  											/* $niv2-alto-obmp-ttlo;  		Alto del titulo nivel 2 (popup) {left|center|right} */ 
}

.cmpo-cnte-menu .ctdr-menu-ppal li li.obmp-ttlo span,
.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1 ul li.obmp-ttlo span { /* titulo solo con span */
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de bordes redondos */
	/* propiedades de visualización */
		text-align: left;										/* $niv2-text-alig-obmp-ttlo;  	Alineación del titulo nivel 2 (popup) {left|center|right} */
		color: #666666;											/* $niv2-font-colo-obmp-ttlo; 	Color del titulo de las opciones del segundo nivel (en caso que esté)*/ 
}

.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1 ul li.obmp-ttlo a ,
.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1 ul li.obmp-ttlo a:hover,
.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1 ul li.obmp-ttlo a span ,
.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1 ul li.obmp-ttlo a span:hover {
	/* propiedades de posicionamiento */
		padding: 0;

	/* propiedades de tamaño */
	/* propiedades de bordes redondos */
	/* propiedades de visualización */
}

.cmpo-cnte-menu .ctdr-menu-ppal li li.obmp-ttlo span,
.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1 ul li.obmp-ttlo span,
.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1 ul li.obmp-ttlo a ,
.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1 ul li.obmp-ttlo a:hover,
.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1 ul li.obmp-ttlo a span ,
.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1 ul li.obmp-ttlo a span:hover {
	/* propiedades de tipografía */
		font-size: 12px;										/* $niv2-font-size-obmp-ttlo; 	Tamaño de fuente de ttlo */
		font-weight: bold;										/* $niv2-font-weig-obmp-ttlo;   Grosor de fuente de ttlo */
}

.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1 ul li.obmp-ttlo:hover,
.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1 ul li.obmp-ttlo a:hover,
.cmpo-cnte-menu .ctdr-menu-ppal li.obmg-menu-nave-1 ul li.obmp-ttlo a span:hover {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
	/* propiedades de bordes redondos */
	/* propiedades de visualización */
		background-color: transparent;
		color: #000000; 										/* $niv2-font-colo-ttlo-over; 	Color del titulo al momento de pasar el mouse (hover) {#color} */  /*#5B77CC;*/
}

.cmpo-cnte-menu .ctdr-menu-ppal li.obmp-dvsr,
.cmpo-cnte-menu .ctdr-menu-ppal li.obmp-dvsr a,
.cmpo-cnte-menu .ctdr-menu-ppal li.obmp-dvsr a span {
	/* propiedades de posicionamiento */
		margin: 0px 11px 0px 0px;								/* $niv2-marg-obmp-dvsr; 		Margen opciones del menú popup (nivel 2) */	

	/* propiedades de tipografía */
		font-weight: normal;									/* $niv2-font-weig-obmp-dvsr;  	Grosor de fuentes de opciones del menu nivel 2 (popup) */

	/* propiedades de bordes redondos */
	/* propiedades de visualización */
		color: #888888;											/* $niv2-font-colo-obmp-dvsr; 	Color de texto para las opciones del menú popup nivel 2	*/
}

.cmpo-cnte-menu .ctdr-menu-ppal li.obmp-dvsr:hover {
/*border: 0px solid #f50;*/				
}

.cmpo-cnte-menu .ctdr-menu-ppal li.obmp-dvsr:hover a {
/*border: 0px solid #f50;*/
}
.cmpo-cnte-menu .ctdr-menu-ppal li.obmp-dvsr:hover a span {
/*border: 0px solid #f50;*/
	background-color: transparent;								/* Siempre en transparent */ 
	color: #FFFFFF;												/* $niv2-font-colo-obmp-dvsr-over; 	Color de texto para las opciones del menú popup nivel 2	hover */
}


.cmpo-cnte-menu .ctdr-menu-ppal li.obmp-dvsr:hover,
.cmpo-cnte-menu .ctdr-menu-ppal li.obmp-dvsr:hover a {
	/*margin-top: 5px;*/
	background-color: #000000;										/* $niv2-back-colo-obmp-dvsr-over; 	Color fondo para las opciones del menú popup nivel 2 hover	*/		
	color: #FFFFFF;												/* $niv2-font-colo-obmp-dvsr-over; 	Color de texto para las opciones del menú popup nivel 2	hover */
}


.cmpo-cnte-menu .ctdr-menu-ppal span, 
.cmpo-cnte-menu .ctdr-menu-ppal li span.bold {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */
		/*font-weight: bold;*/										
			
	/* propiedades de bordes redondos */
	/* propiedades de visualización */
}