/*																MENU VERTICAL,  DESPLEGABLE, CON IMAGEN*/
div#principal{
	float:left;
	text-align:left;
	width:100px;
	margin-left:2px;
	padding:0;
	position:relative;
	z-index:1;
	}	
*>div#principal{
	width:97%;
	margin-left:3%;	
}	
	div#principal ul{
		width:140px;		
		float:left;
		border-collapse:collapse;
		list-style-type:none; 		
		text-align:left;
		height:auto;
		margin:0;
		position:relative;
		z-index:10;
	}
	*>div#principal ul{
		margin:0 0 0 -40px;
	}
		div#principal li{
			float:left;			
			width:120px;			
			height:18px;
			margin-bottom:8px;
			padding:0px;
			position:relative;
			border-bottom:1px solid #C3C1C2;			
		}
		*>div#principal li{
			width:140px;			
		}
		div#principal li a{
			font-size:11px;
			display:block;
			width:105px;
			float:left;					
			color:#4B4B4B;
			font-weight:bold;
			padding:1px 20px 0px 15px;			
			text-decoration:none;	
			height:19px;
			background:url(../img/opcion_menu.gif) top left no-repeat;			
		}
		*>div#principal li a{
			width:115px;
		}
			div#principal li a:hover{
				height:19px;
				color:#FF0000;
				float:left;				
				background:url(../img/opcion_menu_selec.gif) top left no-repeat;							
			}
			
		div#principal li a.selec{
			display:block;
			float:left;					
			color:#FF0000;
			padding:1px 20px 0px 15px;			
			font-weight:bold;
			font-size:11px;		
			text-decoration:none;	
			height:19px;
			background:url(../img/opcion_menu_selec.gif) top left no-repeat;							
		}		
			div#principal li a.selec:hover{
				text-decoration:none;	
			}				
		
		/* div#principal li.over > ul{display: block;} */
		
		
		div#principal ul a.submenu_selec{
			background:url(../img/flecha_menu_selec.jpg) 8px 0px no-repeat;
			}
			div#principal ul li.submenu a.submenu_selec:hover{
			background:url(../img/flecha_menu_selec.jpg) 8px 0px no-repeat;
			}
			
			
		div#principal li.submenu li.submenu{
			background:url(../../img/menu/puntos_submenu.jpg) bottom repeat-x;				
		
			}
			div#principal ul ul li.submenu a.submenu{			
				
				height:15px;
			
			}										
		div#principal li ul{
			display:none;
			/*padding:0px 10px 0px 5px;*/			
			margin:0px;
			padding:0;
			border-top:1px solid #C3C1C2;
			border-left:1px solid #C3C1C2;
			border-right:1px solid #C3C1C2;
			border-bottom:1px solid #C3C1C2;
			background-color:#E3E3E3;
			position:absolute;
			top:-3px;
			left:140px;			
			width:auto;
			z-index:100;
			}
		div#principal li ul li{
				width:170px;					
				border:none;
				height:auto;			
				clear:left;
				text-align:left;
				border-bottom:1px solid #C3C1C2;
				padding:0;
				margin:0;
				background-image:none;	
				z-index:100;			
			}
		div#principal li ul li a{
			width:162px;
			color:#4B4B4B;		
			padding:5px 0px 5px 8px;
			height:15px;
			text-decoration:none;
			background-image:none;
			z-index:100;						
		}

			
		div#principal li ul li a:hover{
				color:#FFF;		
				height:15px;	
				background-image:none;
				/*text-decoration:underline;*/
				background-color:#FF0000;					
			}
			
			
			div#principal li.submenu li a.selec{				
				width:152px;
				color:#4B4B4B;	
				padding:5px 0px 5px 8px;
				height:15px;
				text-decoration:none;
				background-image:none;
				color:#FFF;													
			}
	
			div#principal li.submenu li a.selec:hover{				
				color:#FFF;		
				height:15px;
				width:152px;			
				padding:5px 0px 5px 8px;	
				background-image:none;	
										
			}
				
			
	/*SUB SUB*/		
		div#principal li ul li ul{
			display:none;			
			top:-1px;
			left:168px;
			background-color:#474747;	
			z-index:200;

		}
			div#principal li ul li ul li{
				width:160px;					
				border:none;
				height:auto;			
				clear:left;
				text-align:left;
				border-bottom:1px solid #FFF;
				background:none;				
			}
			div#principal li ul li ul li a{
				width:148px;
				color:#FFF;				
				padding:5px 2px 2px 10px;
			}
			
		
		
		
span.subraya{
	text-decoration:underline;
}

/*DESTACADOS*/
	#base_menu_horizontal ul{
		list-style-type:none;
		height:20px;
		margin:0;
		padding:0;
	}	
	#base_menu_horizontal ul li{
		display:inline;
		float:left;
		margin-right:20px;
		height:20px;
		width:auto;
		background:url(../img/separador_destacado.jpg) top left no-repeat;				
	}
	#base_menu_horizontal ul li.destacado{
		background:url(../img/separador_destacado_actual.jpg) top left no-repeat;		
	}
	#base_menu_horizontal ul li a{
		display:block;
		float:left;
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
		font-size:11px;
		height:20px;
		width:auto;
		padding-top:4px;
		padding-left:15px;				
	}
	#base_menu_horizontal ul li a:hover{
		background:url(../img/separador_destacado_actual.jpg) top left no-repeat;
		color:#3A3A3A;		
	}