@charset "utf-8";
  	body {
		margin:0px;
		}
	.tooltip{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#A2A2A2;
	text-transform:uppercase;
    }
    .tooltip_bg{
	fill: white;
	stroke: #737373;
	stroke-width: 1px;
	opacity: 0.8;
    }
	.fuente{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform:uppercase;
	color:#a2a2a2;
	}
	.ProvinciasBTN:hover{
	cursor:hand;
	cursor:pointer;
	opacity:0.7;
	}
	.DescendenteBTN:hover{
	cursor:hand;
	cursor:pointer;
	opacity:0.7;
	}
	
	#LNEN_body {
		width:797px;		
	}
	#LNEN_menuEvolucion {		
		background-color:#F2F2F2;
		height: 30px;
		width:100%;
	
		z-index: 97;
		position: relative;
		}

	#LNEN_contMenu {
		float:right;
		width: 340px;
		margin-top: 4px;
		margin-right: 8px;
		}
	.LNEN_botonEvolucionACT {
		width:150px;
		background:#79C7E8;
		height:15px;
		color:white;
		font-family:Arial, Helvetica, sans-serif;
	    font-size: 10px;
		font-weight: bold;
		border-radius:4px;
		-moz-border-radius: 4px; 
		-webkit-border-radius : 4px;
		-O-border-radius : 4px;
	}	
	.LNEN_botonEvolucionINC {
		width:150px;
		height:15px;
		font-family:Arial, Helvetica, sans-serif;
	    font-size: 10px;
		font-weight: bold;
	}
	
	#Grafico{
		margin-top: -48px;
	}
	
	#LNEN_evoSecundaria {
		padding-top: 5px;
		text-align: center;
		float:right;
		cursor:pointer;
		margin-right: 10px;
	}
	#LNEN_evoPrimaria {
		padding-top: 5px;
		text-align: center;
		float: left;
		cursor:pointer;	
		padding-bottom: 1px;			
	}

	#LNEN_tituloCantonal {
		color: #A19B9B;
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		margin-top: 11px;
		position: fixed;
		width: 500px;
		margin-left: 2px;
	}	
	#LNEN_volverGeneral {
		color: #79C7E8;
		font-size: 9px;
		font-family:Arial, Helvetica, sans-serif;
		margin-top: 10px;
		position:fixed;
		margin-left: 630px;
		cursor:pointer;
		opacity:0.7;
		font-weight: bold;
	}
	#LNEN_imgGrafico{

	}

	
	
	#LNEN_sobreElGrafico {
		width: 164px;
		height: 416px;
		float: left;
		position:fixed;
		margin-top: 40px;
		margin-left: 16px;
		padding-right: 10px;
		border-right: #ffffff solid 5px;
    }
	
	
	  #LNEN_tituloSobrElGrafico {
		color:#A19B9B;
		text-transform: uppercase;
		font-weight: bold;
		font-size:12px;
		margin-top: 25px;
		font-family:Arial, Helvetica, sans-serif;		
	}
	#LNEN_tituloSobrElGrafico span {
		color:#000000;
	
	}

	#LNEN_parrafoSobrElGrafico {
		font-family:Arial, Helvetica, sans-serif;
		color: #A19B9B;
		font-size:11px;
		
	}
	.LNEN_cmbCantonesCls {
		width:145px;
		height:25px;
		border: #A19B9B solid 1px;
		background:#F2F2F2;	
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		text-align:center;
		padding-left:10px;
		border-radius:5px;
		-moz-border-radius: 5px; 
		-webkit-border-radius : 5px;
		-O-border-radius : 5px;
	}
	
	#LNEN_infoFuente {
		float:left;
		text-transform: uppercase;
		font-family:Arial, Helvetica, sans-serif;
		color: #A19B9B;
		font-size:10px;
	}
	#LNEN_infoInfografia {
		float:right;
		font-family:Arial, Helvetica, sans-serif;
		color: #A19B9B;
		font-size:10px;
		cursor:pointer;
	}
	.tooltipS{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#A2A2A2;
	text-transform:uppercase;
    }
    .tooltip_bgS{
	fill: white;
	stroke: #737373;
	stroke-width: 1px;
	opacity: 0.8;
    }
	.ProvinciasBTNS:hover{
	cursor:hand;
	cursor:pointer;
	opacity:0.7;
	}
	.DescendenteBTNS:hover{
	cursor:hand;
	cursor:pointer;
	opacity:0.7;
	}
	.ocultarDivs {
		display:none;
	}
	.mostrarDivs {
		display:block;
	}
	
	#LNEN_dialogInfo {
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;
	} 
	.LNEN_infografiaTit{
		color:#333333;
		font-size:13px;
		line-height: 18px;
	}
	.LNEN_infografiaNom{
		font-size:12px;
		color: #A19B9B;
	}
	
	/* agregados */

#LNEN_cuadroDatos2010{
	width: 9px;
	height: 9px;
	border: 1px gray solid;
	background-color: #F6DDBA;
}
#LNEN_cuadroDatos2011{
	width: 9px;
	height: 9px;
	border: 1px gray solid;
	background-color: #466B85;
}
#LNEN_imgGrafCanton{
	margin-top: 41px;
	background-color: #F2F2F2;
	height: 416px;
}
#LNEN_contenidoInfoCanton{
	width: 614px;
	float: right;
	position: relative;
}
#LNEN_tituloInfoCanton{
	padding: 30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #A19B9B;
}
#LNEN_infoVisualizacion{
	margin-top: 20px;
	font-size: 10px;
	font-weight: bold;
}
#LNEN_infoVisualizacion img{
	height: 10px;
	width: 10px;
	margin-left: 15px;

}
.LNEN_fondoGraficos{
	width: 230px;
	height: 15px;
	background-color: #B3B3B3;
	border-bottom: #F2F2F2 solid 2px;
}
.LNEN_valorIndicador{
	font-size: 26px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #D1D2D2;
	float: left; 
	margin-left:10px;
	text-align: right;
	width: 65px;
}
#LNEN_graficasIndicadoresCanton{
	font-family: Arial, Helvetica, sans-serif;
	color: #A19B9B;
	font-size: 12px;
	height: 300px;
	width: 550px;
}
.LNEN_indicador{
height: 30px;
margin-top: 15px;
float: right;

}

.LNEN_imagesIndicador{
float: left; 
margin-top:8px; 
margin-left:5px;
	height: 7px;
	width: 13px;
}
.LNEN_tituloIndicador{
float: left; 
margin-right:10px;	
cursor:hand;
cursor:pointer;
}

.LNEN_graficos{

	float: left;
}
.LNEN_flechasIndicadores{
	margin-top:3px; 
	float: left; 
	margin-left:2px;
	margin-right: 2px;
}
#LNEN_indiceCanton{
	font-size: 44px;
	color: #A19B9B;
	font-weight: normal;
}
#LNEN_imagenIndiceGeneral{

	height: 15px;
	width: 15px;
	margin-bottom: 15px;
	margin-left: 5px;
}
#GraficoS{
margin-top: -48px;
}



/*---------------------------------*/

 .ui-tooltip, .arrow:after {
    background: #A19B9B;
    border: 1px solid white;
  }
  .ui-tooltip {
    padding: 5px 10px;
    color: white;
    border-radius: 10px;
    font: 10px "Arial", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 3px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
#LNEN_info{
	margin-top: 6px;
}

div.Ntooltip {
position: relative; /* es la posición normal */
text-decoration: none !important; /* forzar sin subrayado */
color:#0080C0 !important; /* forzar color del texto */
font-weight:bold !important; /* forzar negritas */
}
div.Ntooltip span {
display: none; /* el elemento va a estar oculto */
}

div.Ntooltip:hover span {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#A2A2A2;
	text-transform:uppercase;
	text-align: center;
	display: block; /* se fuerza a mostrar el bloque */
	position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
	top: 2em; left: 2em; /* donde va a estar */
	width: auto;/*90px;  el ancho por defecto que va a tener */
	padding: 5px 10px 5px 10px; /* la separación entre el contenido y los bordes */
	border: 1px solid #bbbbbb; 
	background-color: #ffffff;/* el color de fondo por defecto */
	fill: white;
	stroke: #737373;
	stroke-width: 1px;
	opacity: 0.9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-khtml-border-radius: 4px;
	z-index: 99;	
}

.ui-widget-header {
border: 0px;
background: #ffffff;
color: #222222;
font-weight: bold;
}



#flotante
{
	position: absolute;
	display:none;
	font-family:Arial;
	font-size:0.8em;
	width:220px;
	border:1px solid #808080;
	background-color:#f1f1f1;
}

.ventanaEmergente {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#A2A2A2;
	display: block; /* se fuerza a mostrar el bloque */
	position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
	top: 2em; left: 2em; /* donde va a estar */
	width: 140px;/*90px;  el ancho por defecto que va a tener */
	padding: 5px; /* la separación entre el contenido y los bordes */
	border: 1px solid #bbbbbb; 
	background-color: #ffffff;/* el color de fondo por defecto */
	fill: white;
	stroke: #737373;
	stroke-width: 1px;
	opacity: 0.9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-khtml-border-radius: 4px;
	z-index: 99;
} 
.ventanaEmergenteFull {
	z-index: 98;
	background-color: #000000;
	width: 797px;
	height: 526px;
	top: 0px;
	left: 0px;
	float: left top;
	position: fixed;
	opacity: 0.1;
}
.ventanaEmergente P{
	font-weight: 600;
	color: #000000;
	font-size: 10px;
	text-transform:uppercase;
} 


.ventanaEmergente1{
	/*+placement:float-left 155px 130px;*/
	float: left;
	position: fixed;
	left: 154px;
	top: 130px;
}
.ventanaEmergente1 img{
	/*+placement:float-left 304px 223px;*/
	float: left;
	position: fixed;
	left: 304px;
	top: 223px;
}

.ventanaEmergente2{
	/*+placement:float-left 138px 70px;*/
	float: left;
	position: fixed;
	left: 138px;
	top: 70px;
}
.ventanaEmergente2 img{
/*+placement:float-left 288px 268px;*/
	float: left;
	position: fixed;
	left: 288px;
	top: 268px;
}

.ventanaEmergente3{
/*+placement:float-left 160px 1px;*/
	float: left;
	position: fixed;
	left: 160px;
	top: 1px;
}
.ventanaEmergente3 img{
/*+placement:float-left 310px 178px;*/
	float: left;
	position: fixed;
	left: 310px;
	top: 178px;
}
.ventanaEmergente4{
/*+placement:float-left 96px 235px;*/
	float: left;
	position: fixed;
	left: 96px;
	top: 235px;
}
.ventanaEmergente4 img{
/*+placement:float-left 246px 313px;*/
	float: left;
	position: fixed;
	left: 246px;
	top: 313px;
}
.ventanaEmergente5{
/*+placement:float-left 118px 202px;*/
	float: left;
	position: fixed;
	left: 118px;
	top: 202px;
}
.ventanaEmergente5 img{
/*+placement:float-left 268px 358px;*/
	float: left;
	position: fixed;
	left: 268px;
	top: 358px;
}
.ventanaEmergente6{
/*+placement:float-left 166px 263px;*/
	float: left;
	position: fixed;
	left: 166px;
	top: 263px;
}
.ventanaEmergente6 img{
/*+placement:float-left 316px 404px;*/
	float: left;
	position: fixed;
	left: 316px;
	top: 404px;
}


#ventanaEmergenteX1 {
	/*+placement:float-left 304px 223px;*/
	float: left;
	position: fixed;
	left: 287px;
	top: 133px;
}

#ventanaEmergenteX2 {
/*+placement:float-left 288px 268px;*/
	float: left;
	position: fixed;
	left: 271px;
	top: 73px;
}
#ventanaEmergenteX3 {
/*+placement:float-left 310px 178px;*/
	float: left;
	position: fixed;
	left: 293px;
	top: 4px;
}
#ventanaEmergenteX4 {
/*+placement:float-left 246px 313px;*/
	float: left;
	position: fixed;
	left: 229px;
	top: 238px;
}
#ventanaEmergenteX5 {
/*+placement:float-left 268px 358px;*/
	float: left;
	position: fixed;
	left: 251px;
	top: 205px;
}
#ventanaEmergenteX6{
/*+placement:float-left 316px 404px;*/
	float: left;
	position: fixed;
	left: 299px;
	top: 266px;
}

.loader {

	background-image:url("loader.gif");
	background-repeat:no-repeat;
	background-position: 50% 200px;

}