@import url(../fonts/stylesheet.css);
@import url(menu-temas.css);
@import url(menu-nav.css);
@import url(menu-ppal.css);

	body, html{
		height: 100%;
		width: 100%;
		font: normal 15px/18px 'RobotoLigth', Arial;
		background-color: gray;
	}
	
	/* resultados en tablas */
	#idResultContainer{
		position: absolute;
		top: 92px;
		left: 0;
		width:984px;	
		height:500px;
		overflow-x:auto;
		overflow-y:auto;
		background-color: white;
		padding: 20px 20px 40px 20px;
	}
	
	#idResultContainer #img1{
		position: relative;
		top: -88px;
		left: 375px;
		margin-bottom:-74px;

		}
	#idResultContainer #img2{
		position: relative;
		top: -140px;
		left: 549px;
		width: 400px;
		height: 201px;
	margin-bottom: -167px;
	
	}
	#idResultContainer #img3{
		position: relative;
		top: -127px;
		left: 622px;
		width: 328px;
		height: 201px;
		margin-bottom: -51px;
	
	}
		#idResultContainer #img4{
		position: relative;
		top: 31px;
	
		left: -330px;
		width: 328px;
		height: 201px;
	
	}
		#idResultContainer #img5{
			position: relative;
			top: -140px;
			left: 634PX;
			margin-bottom: -108px;
	
		}
		
		#idResultContainer #img6{
			position: relative;
			top: -167px;
			left: 557PX;
			margin-bottom: -153px;
	
		}
	
		#idResultContainer #img7{
			position: relative;
			top: -167px;
			left: 557PX;
			margin-bottom: -153px;

		}
		#idResultContainer #img8{
			position: relative;
			top: -136px;
			left: 617PX;
			margin-bottom: -148px;
		}
	
		#idResultContainer #img9{
			position: relative;
			position: relative;
			top: -56px;
			left: 22PX;
			margin-bottom: -148px;
		}
		#idResultContainer #img10{
			position: relative;
			top: -147px;
			left: 3px;
			margin-bottom: -148px;
		}
		#idResultContainer #img11{
			position: relative;
			top: -144px;
			left: 521px;
			margin-bottom: -148px;
		}
		#idResultContainer #img12{
			position: relative;
			top: -144px;
			left: 521px;
			margin-bottom: -148px;
		}
		#idResultContainer #img13{
			position: relative;
			top: -69px;
			left: 606px;
			margin-bottom: -148px;
		}
		#idResultContainer #img14{
			position: relative;
			top: -147px;
			left: 3px;
			margin-bottom: -148px;
		}
		
		#idResultContainer #img15{
			position: relative;
			top: -130px;
			left: 618px;
			margin-bottom: -148px;
		}
		
		
	/* estilos documentos word */
	#resultDoc{
		position:relative;
		background-color: white;
		padding: 30px;
	}
	
	
	#resultDoc p{
		font-family: 'RobotoLight';
		font-size: 15px;
		line-height: 18px;
		padding: 5px 0 10px 0;
		color: #444;
		text-align:justify;
		margin-top:0px;
	}
	
	.resultDoctbl {
		position:relative;
		background-color: white;
		padding: 30px;
	}
	
	.resultDoctbl p {
		font-family: 'RobotoLight';
		font-size: 15px;
		line-height: 18px;
		padding: 5px 0 10px 0;
		color: #444;
		text-align:justify;
		margin-top:0px;
		}
		
	.resultDoctbl p strong.letraM {
		 font-weight: bold; font-family: 'RobotoLight'; font-size:22px;
		}
	.resultDoctbl p  p.letraM {
	font-family: 'RobotoLight'; font-size:20px;
	}
	
	.resultDoctbl h1 {
		font-family:'Roboto', Arial;
		font-size:26px;
		border-bottom: 1px solid #999;
		line-height: 50px;
		text-align:center;
		font-weight:100;
	}
	
	.resultDoctbl h1.titulo{
		font-family: 'RobotoItalic', Arial;
		font-size:22px;
		border:none;
		line-height: 27px;
		text-align:center;
		font-weight:100;		
	}
	
	.resultDoctbl h1 span{
		text-transform: lowercase;
	}
	
		
	.resultDoctbl h2{
		font-family:'RobotoLight', Arial;
		font-size: 22px;
		text-align: center;
		color: #666;
		line-height: 26px;
		padding: 20px 0 5px 0;
		border-bottom: 1px solid #ccc;
		margin: 0 0 5px 0;
		font-weight:100;
		padding: 30px;
	}
	
	
	
	

	
	#resultDoc p strong.letraM{ font-weight: bold; font-family: 'RobotoLight'; font-size:22px; }
	#resultDoc p.letraM{ font-family: 'RobotoLight'; font-size:20px; }
		
	#resultDoc h1{
		font-family:'Roboto', Arial;
		font-size:26px;
		border-bottom: 1px solid #999;
		line-height: 50px;
		text-align:center;
		font-weight:100;
	}
	
	#resultDoc h1.titulo{
		font-family: 'RobotoItalic', Arial;
		font-size:22px;
		border:none;
		line-height: 27px;
		text-align:center;
		font-weight:100;		
	}
	
	#resultDoc h1 span{
		text-transform: lowercase;
	}
	
	#resultDoc h2{
		font-family:'RobotoLight', Arial;
		font-size: 22px;
		text-align: center;
		color: #666;
		line-height: 26px;
		padding: 20px 0 5px 0;
		border-bottom: 1px solid #ccc;
		margin: 0 0 5px 0;
		font-weight:100;
		padding: 30px;
	}
	
	#resultDoc h3{
		font-size: 20px;
		color: #333;
		line-height: 20px;
		padding: 10px 0 5px 0;
		margin: 0 0 5px 0;
		font-family: 'RobotoLight';
		font-weight:100;
	}
	
		.resultDoctbl h3{
		font-size: 20px;
		color: #333;
		line-height: 20px;
		padding: 10px 0 5px 0;
		margin: 0 0 5px 0;
		font-family: 'RobotoLight';
		font-weight:100;
	}
	
	#resultDoc h4{
		font-size: 20px;
		color: #333;
		line-height: 20px;
		padding: 10px 0 5px 0;
		margin: 0 0 5px 0;
		font-family: 'RobotoLight';
		font-weight:100;
	}
		.resultDoctbl h4{
		font-size: 20px;
		color: #333;
		line-height: 20px;
		padding: 10px 0 5px 0;
		margin: 0 0 5px 0;
		font-family: 'RobotoLight';
		font-weight:100;
	}
	#resultDoc p.border{
		border-style:solid;
		border-width:2px;
		border-color:#3C6;
		text-align:justify;
		width:600px;
		padding: 16px 16px 16px 16px;
	}
	
		.resultDoctbl p.border{
		border-style:solid;
		border-width:2px;
		border-color:#3C6;
		text-align:justify;
		width:600px;
		padding: 16px 16px 16px 16px;
	}
	
	#resultDoc p strong{ font-weight: bold; font-family: 'RobotoLight';

		
	}
		 
	
	.indice{
		
		 font-weight: bold; font-family: 'RobotoLight';
	
		 margin-left: -567px;
		 font-size: 13px;
		 font-weight:100;
		 text-align:left;
		 }	
	
	#resultDoc ul{
		list-style: disc;
		padding: 10px 30px;
		font-family: 'RobotoLight';
		line-height: 16px;
		font-size: 15px;
		color: #666;
	}
	
		.resultDoctbl ul{
		list-style: disc;
		padding: 10px 30px;
		font-family: 'RobotoLight';
		line-height: 16px;
		font-size: 15px;
		color: #666;
	}
	
	#resultDoc ol{
		/*list-style: decimal;*/
		padding: 10px 30px;
		font-family: 'RobotoLight';
		line-height: 16px;
		font-size: 15px;
		color: #666;
	}
	
		.resultDoctbl ol{
		/*list-style: decimal;*/
		padding: 10px 30px;
		font-family: 'RobotoLight';
		line-height: 16px;
		font-size: 15px;
		color: #666;
	}
	
	#resultDoc ul li,
	#resultDoc ol li{
		padding: 5px 0;
		font-size: 15px;
		text-align:justify;
	}
	
		.resultDoctbl ul li,
	.resultDoctbl ol li{
		padding: 5px 0;
		font-size: 15px;
		text-align:justify;
	}
	
	#resultDoc div.cont_img {	
		width:924px
	}
	.resultDoctbl div.cont_img {	
		width:924px
	}
	
	#resultDoc div.cont_img img {	
		display:block;
		margin:auto;
	}
	
		.resultDoctbl div.cont_img img {	
		display:block;
		margin:auto;
	}
	
	/*Texto en 3 Columnas*/
	#wrapper {
		text-align: left;
		margin: 0px auto;
		padding: 0px;
		border:0;
		width: 700px;
		height: 1059px;
	}
	
	.wrapper {
		text-align: left;
	
		padding: 0px;
		border:0;
		width: 700px;
		height: 1059px;
		margin:0px 4.5px 0px 54.5px !important;
	}
	
	#side-a {
		float: left;
		width: 220px;
	}

	#side-b {
		float: right;
		width: 220px;
	}
	
	#side-center {
		float: left;
		width: 220px;
		margin-left:20px;
	}
	
	#wrapper p {text-align:center; }
	.wrapper p {text-align:center; }
	
	/*FIN estilos documentos word*/
	
	#contenedor_global{
		width: 1024px;
		height: 764px;
		padding: 0px;
		margin: 0 auto;
		position: relative;
		top: 8%;
		background-color: #F5F7D7;
	}
	
	#cabecera{
		width:1024px;
		height:93px;
		background:url(../img/cabezote_superior_completo.png) no-repeat;
		position:absolute;
	}
	
	#contenido{
		width:1024px;
		height:563px;
		background:#0C0;
		position:relative;
		top:92px;
		
	}
	
	#contenedor_slideshow{
		width:1024px;
		height:563px;
		margin:0;
		background:url(../slides/corporativa_gobernacion.jpg);
		position:absolute;
	}
	
	#pie{
		 width:1024px;
		 height:110px;     
		 background:url(../img/cabezote_inferior_completo.png);
		 position:absolute;
		 top: 655px;
		 z-index:2;
	}

	#temas-seleccion{
		width: 410px;
		height: 482px;
		position:absolute;
		margin:16px 0px 0px 22px;
		z-index:12;
		background:url(../img/tabla_temas.png);
		float:left;
		display:none;
	}

	#submenu1,#submenu2,#submenu3,#submenu4,#submenu5,#submenu6,#submenu7,#submenu8,#submenu9,#submenu10,#submenu11,#submenu12,#submenu13,#submenu14,#submenu15,#submenu16,#submenu17{
		width: 475px;
		height: 482px;

		z-index:11;
		background:url(../img/tabla_subtemas.png);
		
		position:absolute;
		margin: 18px 0px 0px 457px;
		float:left;
		display:none;	
	}
	
	#menu-ppal_{
		position: absolute;
		background: rgba(51, 0, 255, 0);
		width: 562px;
		height: 251px;
		z-index: 11;
		top: 25%;
		margin: 0px 0px 0px 390px;
	}
	
	#contenidointro{
		width: 1024px;
		height: 589px;
		float: left;
		background: #FFF;
		position: absolute;
		top: 93px;
		margin: 0 auto;
		overflow-x:auto;
		overflow-y:auto;
		font-family: 'RobotoLight', Arial;
		text-align: center;
		left: 0px;	
	}
	
table, th, td{
		border: 1px solid white;
		text-align: left;
		font-size: 13px;
	}
	
	.azul-tbl {
		background-color: #cbe6d2;
	}
	.amarillo-tbl{
		background-color: #f5f7d7;
	}
	
	.subcap-tbl{
		background-color: #a5c8cb;
		font-weight:bold;
	}

	#conten-menu h2{
		text-align:left;
		}
	#align-numeros{
		text-align:right;
		}
	#align-encabezado{
		text-align:center;
		}
	.align-encabezado{
		text-align: center;
	}
	.align-numeros{
		text-align: right;
	}

	#mapa{
		margin: 0 auto;
		width: 395px;
		height: 474px;
		font-size: 16px;
		font-size: 16px;
		background:url(../img/mapa_rios.png);
		background-repeat:no-repeat;
		}
	
	#scroll-submenu{
		overflow-x: hidden;
		overflow-y: auto;
		width: 583px;
		height: 372px;
		margin:17px 0px 0px 4px;
		}
	
	.titu-capitulo{
		text-align:center; 
		font-family:'RobotoLight', Arial;
		font-size: 16px;
		font-weight: 100;	
		}
	
	#capitulo-completo{
		margin: 22px 0px 0px 95px;
		position: absolute;
		cursor:pointer;
		width:268px;
		height:45px;
		z-index:10;
		background:url(../img/ver_capitulo.png);
		}
	
	#content-capitulo{
		overflow-x:auto;
		}
	
	/*ESTILO MAPA*/	
	#mapSelector{
		width: 890px;
		height: 560px;
		border-radius: 20px;
		position: absolute;
		top: 54px;
		left: 63px;
		
	}
	
	#mapSelector.blackBorder{ padding: 10px; }
	
	.blackBorder{
		background-color: rgba(0,0,0,0.45);
		padding: 5px;
	}
	
	.mapContainer{
		background:url(../img/tabla_mapa.png) no-repeat;
		height: 490px;
		width: 930px;
		position: relative;
		z-index:12;
		margin: -34px 0px 0px -16px;
	}
	
	.mapContainer h2{
		font: normal 20px/30px 'RobotoCondensed';
		color: #FFFFFF;
		padding: 0px 15px 5px 110px;
	}
	
	#mapLeftCol{
		float: left;
		width: 487px;
		height: 100%;
	}
	
	#map{
		float: right;
		height: 465px;
		width: 430px;
		top:9px;
		left:-17px;
		background: transparent url(../img/bg_mapa.png) no-repeat 0 0;
		position: relative;
	}
	
	#search{
		position: relative;
		height: 25px;
		padding: 0 15px 5px 15px;
		background: transparent url(../img/motor_busqueda.png) no-repeat 0 0;
		z-index: 1;
		margin: -19px 0px 0px 128px;
	}
	
	textarea, input { outline: none; }
	
	#mapsearch{
		height: 20px; width: 210px;	
		border: none;		
		font: normal 18px/18px Arial;
		color: gray;
		width: 202px;
		margin: 4px 0px 0px -6px;
		z-index: 1;
		position:absolute;
		
	}
	
	#mapaLeftCol p{
		font: normal 12px/14px 'RobotoRegular';
		color:#404040;
		padding: 20px 52px 0px 65px;
		display: block;
		text-align:justify;
		height: 38px;
	}

	.num1{
		background: transparent url(../img/number1.png) no-repeat 28px 15px;
		font: normal 12px/14px 'RobotoRegular';
		height:24px;
		padding: 23px 0px 0px 65px;
		}
	
	#mapaLeftCol p.num2{
		background: transparent url(../img/number2.png) no-repeat 15px 5px;
	}
	
	#mapLeftCol h4{
		width:369px;
		height: 44px;
		display: block;
		background: #FFFFFF url(../img/arrowT.png) no-repeat 23px 50%;
		padding: 0 10px 0 55px;
		font: normal 18px/44px 'RobotoCondensed';
		color: #007833;
		margin: 0px 0px 0px 34px;
	}	
	
	#containerListMunicipios{
		position:relative;
		height: 245px;
		width: 434px;
		margin: 0px 0px 0px 40px;
		overflow-x:auto;
	}
	
	ul{
		display: block;
		list-style-type: disc;
		margin-left: 0px;
		margin-right: 40px;
		padding-left:0px;
	}
	
	#listaMunicipios li{
		display: block;
		height: 32px;
	}
	
	#listaMunicipios li a{
		display: block;
		height: 32px;
		width:284px;
		padding: 0 20px 0 70px;
		font: normal 14px/32px 'RobotoRegular';
		color: #404040;
		text-decoration: none;
		background: transparent url(../img/arrowb.png) no-repeat 55px 50%;
	}
	
	#listaMunicipios li:hover{
		background: transparent url(../img/bg_activo.png) repeat-x 0 0;	
		width:400px;
	}
	
	#listaMunicipios li:hover a{
		color: white;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.65);
		background: transparent url(../img/arrowb_hover.png) no-repeat 55px 50%;
	}
	
	#popup{
		width: 282px; height: 108px;
		background: transparent  url(../img/popup.png) no-repeat 0 0;
		position: absolute;
		top: 8px;
		right: 0;
		left: 142px;
		display: none;
	}
	
	#img_r,
	#img_z,
	#img_m,
	#img_m2,
	#blackoverlay{
		display: none;
		width: 545px; height: 560px;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#blackoverlay{
		background: transparent url(../mapdata/blackoverlaymap.png) no-repeat 0 0;
	}
	
	/*MUNICIPIO*/
	#popup h2{
		width:236px;
		height: 34px;
		display: block;
		padding: 2px 0px 0px 35px;
		font: normal 11.5px/44px 'RobotoBoldCondensed';
		color: white;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.65);
		margin: -4px 0px 0px 0px;
	}
	/*REGION*/
	#popup h3{
		width:236px;
		height: 34px;
		display: block;
		padding: 1px 0px 0px 35px;
		font: normal 11.5px/44px 'RobotoBoldCondensed';
		color: #555559;
		margin: -4px 0px 0px 0px;
	}
	
	/*ZONA*/
	#popup h4
	{
		width:236px;
		height: 34px;
		display: block;
		padding: 0px 0px 0px 35px;
		font: normal 11.5px/44px 'RobotoBoldCondensed';
		color: #555559;
		margin: 0px 0px 0px 0px;
	}
	
	#popup h3{ top: 36px; }
	#popup h4{ top: 74px; }
	
	#btnClosePopup{
		display: block;
		height: 13px;
		width: 13px;
		background: transparent url(../img/btnClosePopup.png) no-repeat 0 0;
		top: 18px;
		left: 260px;
		position: absolute;
	}
	
	#btnClosePopup:hover{
		background-position: 0 -13px;
	}
	
	.btnTemario{
		display: block;
		width: 77px; height: 22px;
		background: transparent url(../img/btnGenerarReporte.png) no-repeat 0 0;
		position: absolute;
		
		left: 195px;
	}
	
	.btnTemario:hover{ background-position: 0 -24px; }
	
	#btnTemarioR{ top: 40px; }
	#btnTemarioZ{ top: 74px; }
	
	#controlBtnsPie{
		display: block;
		position: absolute;
		top: 42px;
		height: 48px;
		right: 0;
		padding: 0 24px 0 0;
		z-index: 2;
	}
	
	#controlBtnsPie div,
	#controlBtnsPie a {
		display: inline-block;
		height: 39px;
	}
	
	#controlBtnsPie span{
		display: block;		
		height: 100%;
		opacity: 0;
	}	
	
	#btnCitar{
		margin: 0px 0px 0px 0px;
		background: transparent url(../img/btnCitar.png) no-repeat 0 50%;
		width: 91px;
	}
	
	#btnCitar span{
		background: transparent url(../img/btnCitar_hover.png) no-repeat 0 50%;
		-webkit-transition: opacity 1s ease-out;
		-moz-transition: opacity 1s ease-out;
		-o-transition: opacity 1s ease-out;
		transition: opacity 1s ease-out;
	}
	 
	#btnCitar:hover span{  
		-webkit-transition: opacity 0.4s ease-in;
		-moz-transition: opacity 0.4s ease-in;
		-o-transition: opacity 0.4s ease-in;
		opacity: 1;
	}
	
	#controlBtnsCabecera{
		display: block;
		position: absolute;
		top: 42px;
		height: 48px;
		right: 0;
		padding: 0 12px 0 0;
		z-index: 2;
	}
	
	#controlBtnsCabecera div,
	#controlBtnsCabecera a {
		display: inline-block;
		height: 39px;
	}
	
	.menu_temas li a {
		cursor:pointer;
		}
	
	#SelTemasRZ{
		z-index:12;
		width: 411px;
		height: 482px;
		position:absolute;
		margin:16px 0px 0px 22px;
	
		background:url(../img/tablaRegionZona.png) no-repeat;
		float:left;
	}	
		
	#topSelTemas {
		display:block;
		position:absolute;
		margin: 7px 0px 0px 7px;
	}
	
	#topSelTemas div,
	#topSelTemas a {
		display: inline-block;
		height: 72px;
	}
	
	#btnTemasR h4 {		
		font: normal 16px/20px 'RobotoCondensed';
		color:#FFF;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.45);
		text-align:center;
		margin: 40px 0px 0px 0px;
	}

	#btnTemasZ h4 {
		font: normal 16px/20px 'RobotoCondensed';
		color:#FFF;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.45);
		text-align:center;
		margin: 40px 0px 0px 0px;
	}		
		
	#btnTemasR{
		background: transparent url(../img/BTemasR.png) no-repeat 0 50%;
		width:197px;
	}		

	#btnTemasR:hover{
		background: transparent url(../img/activeBTemasR.png) repeat-x 0 0;
	}
		
	#btnTemasZ {
		background: transparent url(../img/BTemasZ.png) no-repeat 0 50%;
		width:197px;
	}
		
	#btnTemasZ:hover {
		background: transparent url(../img/activeBTemasZ.png) repeat-x 0 0;
	}	

	.ocultar_columna {		
		display:none;		
	}
	
	.blanco{	
		color:#FFF;
	}

	table.resultados {
		min-width: 100%;
	}
		
	table.resultados {
		min-width: 100%;
	}
	
	table.resultados tr.titulos td {
		background-color: #70873D;
		color: white;
		font-family: 'RobotoBold';
		padding: 18px 10px;
		font-size: 12px;
		text-align: center;
	}
	
	.cuerpotabla {
		font-size: 13px;
		text-align: left;
		font-family: 'RobotoLight', Arial;
	}

	.encabezadotabla {
		line-height: 55px;	
	}
	
	.titutulos1 {
		font-size: 22px;
		font-family: 'RobotoItalic',Arial;
		font-weight: 100;
		line-height: 27px;
	}
	
	.encabezadotabla1 {
		font-family: 'RobotoItalic',Arial;		
	}
		
	.cuerpotabla1 {
		font-size: 13px;
		text-align: left;
	}
		
	/*CSS TABLAS*/

	table.capitulos{min-width:100%;}

	table.capitulos tr.titulos td
	{
		background-color: #006A62;
		font: bold 14px "RobotoLightItalic", Arial;
		color: white;
		text-align: center;
		padding: 4px 6px;
	}
	
	table.capitulos tr.titulos2 td
	{
		background-color: #A5C8CB;
		font: bold 14px "RobotoLightItalic", Arial;
		color: #000;
		text-align: center;
		padding: 6px 4px;
	}
	
	table.capitulos tr.totales td
	{
		background-color: #A5C8CB;
		font: bold 14px "RobotoLightItalic", Arial;
		color: #000;
		text-align: left;
		padding: 6px 4px;
	}
	
	/*FILAS*/
	table.capitulos tr td{ padding:5px 4px; }
	
	/*ALINEACION TEXTOS*/
	table.capitulos tr.totales td:first-child{ text-align: left; }
	
	/*PINTAR LAS FILAS*/
	table.capitulos tr:nth-child(even) { background-color: #CBE6D2;}/*FILA PAR*/
	table.capitulos tr:nth-child(odd) { background-color: #F5F7D7;}/*FILA IMPAR*/
	
	.columnaazul{background: #CBE6D2; text-align:left !important;}	
	.nada{background:#FFF !important;}
	
	/*CENTRAR TEXTO*/
	.altocentro{text-align:center !important;}
	
	.linkregion{
		text-align:left !important; 
	}
	
	.bold {font-weight: bold;}
	
	#conten-menu h2{
		font-family:'RobotoLight', Arial;
		font-size: 22px;
		text-align: left;
		color: #666;
		line-height: 26px;
		padding: 20px 0 5px 0;
		border-bottom: 1px solid #ccc;
		margin: 0 0 5px 0;
		font-weight:100;
	}
	
	#contenidointro #marca{
		position: relative;
		text-align: right !important;
		margin-right: -870px;
		
		}
		
	.ceros{
		
		display:none;
		}