/* empiezan los estilos para la navegacion izquierda */
/* ------------------------ */
/* HAY QUE QUITAR TODAS LOS ESTILOS QUE CONTENGAN #subPrincipal cuando se haga el cambio del script que controla la navegación */
/* ------------------------ */
@media screen{
#navLeft{
	float: left;
	width: 165px;
   background: #339;
	margin-bottom: 25px;
	z-index:1000;
}
#sub0
{
	padding-bottom:0px !important;
	display:none;
	position:absolute;
	left:10px;
	/*background: #336699; Cabecera del menu principal Azul nivel 1*/
	background: #DAB20C !important;
	border-top: 2px solid #fff;
	width: 165px;	
}
#sub0 li a
{
	color: #000 !important;
}
#sub0 li a:hover
{
	color: #ffffff !important;
	background: #5B8CBF !important;
}
#subPrincipal
{
	padding-bottom:0px !important;
	display:none;
	position:absolute;
	left:10px;
	background: #336699 !important;
	border-top: 2px solid #fff;
}
#subPrincipal li a
{
	color: #ffffff !important;
}
#navLeft h3{
	font-size: 0.7em;
	/*background: #336699; Cabecera del menu principal Azul nivel 1*/
	background: #5B8CBF;	
	text-align: center;
	margin: 0;
	color:#fff;
	padding:4px 0 5px 0;
}
#contentSubPrincipal:hover ul#sub0{
 display:block;
}
#navLeft h4{
	margin: 0;
	background: #7F6031;
	color: #FFF;
	font-size: 0.7em;
	font-weight: bold;
	padding: 5px 3px;
	text-align: center;
	border-top: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}
#navLeft ul{
	font-size: 1em;
	margin: 0;
	padding: 0;
	padding-bottom: 96px;	
	/*background: #099bf1; 2º nivel azul*/
	background: #89B1D4;
}
#navLeft li{
	list-style: none;
	/*border-bottom: 1px solid #97BCDC;  2º nivel azul lineas blancas*/
	border-bottom: 1px solid #ffffff;
	margin: 0;
	padding: 0;
}
#navLeft li a{
	font-size:0.7em;
	color:#FFF;
	text-decoration: none;
	display: block;
	width: 97%;
	margin: 0;
	padding: 3px 0 3px 3%;
}
#navLeft li a.flechaIntlink{	
	font-size:1em;
	color:#FFF;
	text-decoration: none;
	display: block;
	width: 97%;
	margin: 0;
	padding: 3px 0 3px 3%;
}
#navLeft li a:hover,#navLeft ul.flechaOff li a:hover{
	background: #343399 /*url(../imagenes/icn_nav_principal_on.gif) no-repeat 5px*/;
	color:#fff;
}
#navLeft ul li.flechaInt{
	/*background: #336699; 1º nivel azul*/
	background: #5B8CBF;
	font-size:0.7em;
	color:#fff;
	text-decoration: none;
	text-align: center;
	border-top: 10px solid #fff;
	margin: 0;
	padding: 0px 0 4px 0;
}
#navLeft ul li ul
{
   list-style: none outside none;
	padding-bottom: 0px;
	/*background: #4bc1FF; 3º nivel azul*/
	background: #90D9FF;
}
#navLeft ul li ul li
{
   list-style: none outside none;
	border-bottom: 1px solid #FFF;
	padding: 0;
	margin: 0;
}
#navLeft ul li ul li a{
	color:#000;
}


#navLeft .activoLeft{
	/*background: #2D2A62; nivel azul activo */
	background: #2D2A62;
}
#navLeft ul li li.activoLeft a{
	color:#fff;
}

/* terminan los estilos para la navegacion izquierda */
}
@media print
{
#navLeft{   
display: none;
}
}
@media handheld{
   #navLeft{
   	float:none;
		background: #FFF;
   }
	div{
	float:none;
	position: static;
}
}