/* CSS Document */
<!--


/* AREA MENU PRINCIPAL IZQUIERDO */
td#menuprincipal {
width:175px;
height:1%;
vertical-align:top;
background-color: #FFF;
font-size:0.8em;
}



/* lista menu principal izquierdo. */
	td#menuprincipal ul {
	margin-left: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif; 
	}
	
	td#menuprincipal ul li{
	margin-bottom: 1px;
	margin-top: 1px;
	width:170px;
	list-style-type: none;	
	}
	
	td#menuprincipal ul li a.liprincipal {
	background-image:url(../img/iconmenuprincipal.gif);
	background-repeat:repeat-y;
	display: block;
	padding: 3px 0px 3px 10px;
	border: 1px solid #FFFFFF;
	color: #333;
	text-decoration: none;
	LINE-HEIGHT: 9pt; 
	text-align:left;
	}

td#menuprincipal ul li a:link.liprincipal, 
td#menuprincipal ul li a:visited.liprincipal, 
td#menuprincipal ul li a:hover.liprincipal 
	{
	font-size:11px;}


	td#menuprincipal ul li a.liprincipal:hover{
	background-image:url(../img/iconmenuprincipalON.gif);
	background-repeat:no-repeat;
	border: 1px solid #CCCCCC; }
	
/* FIN lista menu principal izquierdo. */

		/* lista submenú principal izquierdo. */
		td#menuprincipal ul ul.submenuizq li{
		font-family: Arial, Helvetica, sans-serif;
		background-image:url(../img/iconSUBmenuprincipal.gif);
		background-repeat:no-repeat;
		background-position:left top;
		padding: 0px 0px 0px 17px;
		width:155px;
		text-align:left;
}

	 
	td#menuprincipal ul ul.submenuizq a {
	font-size:10px;
	color:#666666;
	text-decoration:none;
	}
	
	td#menuprincipal ul ul.submenuizq a:hover{
	text-decoration:underline;
	border-color:#FFF;
	color:#666666;
	clear:none;
	}
/* FIN lista summenu principal izquierdo. */

td#menuprincipal p.copy{
vertical-align: bottom;
color:#999999;
padding:0px 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
text-align:left;
}

td#menuprincipal p.copy a{
color:#999999;
text-decoration:none;
font-size:1em;
}

/* FIN AREA MENU PRINCIPAL IZQUIERDO */


	/* Desplegable del menu principal deprecated
	td#menuprincipal a.flecha{
	background-imagen:none;
	text-align:right;
	border: none;
	text-decoration: none;
	}
	*/


/* AREA MENU PRINCIPAL IZQUIERDO */
td#menuprincipal {
width:175px;
height:1%;
vertical-align:top;
background-color: #FFF;
font-size:1em;
}

/* ================================================================ 
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#navdesplegable {width:200px; position:relative; height:510px; clear:both;}


#menulateral {
	list-style-type:none; 
	padding:0; 
	margin:0; 
	width:175px; 
	position:absolute; 
	top:0px; left:0; 
	border:1px solid #fff; 
	border-width:0 1px 1px; 
	z-index:100;}
	
#menulateral ul {list-style-type:none; padding:0; margin:0;}
#menulateral li {/*float:left;*/ position:relative; border-top:1px solid #fff; background-image:none;}

#menulateral li.sub {
	background:#FFF;	
	border: 1px solid #FFFFFF; 
	margin-bottom:5px;}
	
#menulateral li.sub a.principal { 
	padding-left:10px; 
	color:#333333; 
	border:1px solid #FFFFFF;	
	background-image:url(../img/iconmenuprincipal.gif);
	background-repeat:repeat-y;}
	
#menulateral li.sub a { padding-left:5px; color:#333333; background:none; font-size:0.7em;}

#menulateral li.sub a.principal:hover { 
	color:#000; 
	border:1px solid #CCC; 
	background-image:url(../img/iconmenuprincipalON.gif); 
	background-repeat:no-repeat;}

#menulateral li.sub a:hover { color:#000; background:none;}	
	
#menulateral li, #menulateral li a {
	display:block;
	font-family:arial, sans-serif; 
	font-size:100%; 
	line-height:24px; 
	width:170px;
	text-decoration:none;  
	cursor:pointer; }

#menulateral li a.social {
float:left;
width:24px;
height:30px;
text-decoration:none;
border:none;
font-size:0.7em;
}

#menulateral li a.social img { border:none;}

#menulateral ul,
#menulateral li:hover ul ul,
#menulateral li:hover ul li:hover ul ul {display:none;}

#menulateral li:hover {color:#ccc; z-index:500;}

#menulateral li:hover ul {display:block; height:auto;}
#menulateral li:hover ul li:hover ul, 
#menulateral li:hover ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:110px; 
	top:-1px; 
	border:1px solid #fff; 
	border-width:0 1px 1px; 
	height:auto;}

#menulateral li.sub ul li a, #menulateral li.sub ul li a:hover { 
	padding-left:10px;
	background:url(../img/iconSUBmenuprincipal.gif) no-repeat;
	background-position: 0em 0.5em;
	padding-left:18px;}

/*#menulateral li:hover ul li.fly {background: #657 url(frog_arrow.gif) no-repeat top right;} no hay terce nivel*/
#menulateral li:hover ul li:hover {background:#FFF;}

/*#menulateral li:hover ul li:hover ul li {background:#c60;} tercer nivel
#menulateral li:hover ul li:hover ul li.hover ul li {background:#780; z-index:500;}*/

/*#menulateral li:hover ul li:hover ul li.fly {background: #c60 url(frog_arrow.gif) no-repeat top right;} tercer nivel*/
#menulateral li:hover ul li:hover ul li:hover {z-index:500; background:#ccc;}
#menulateral li:hover ul li:hover ul li:hover a {color:#000;}

#menulateral li:hover ul li:hover ul li:hover ul li:hover {background:#aa0;}
#menulateral li:hover ul li:hover ul li.hover ul li:hover a {color:#fff;}

/*Fin clases menu lateral*/

td#menuprincipal p.copy{
vertical-align: bottom;
color:#999999;
padding:0px 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
text-align:left;
}

td#menuprincipal p.copy a{
color:#999999;
text-decoration:none;
font-size:1em;
}

/* FIN AREA MENU PRINCIPAL IZQUIERDO */


	/* Desplegable del menu principal deprecated
	td#menuprincipal a.flecha{
	background-imagen:none;
	text-align:right;
	border: none;
	text-decoration: none;
	}
	*/




-->