Ini_Pag@charset "UTF-8";

/*

PltPrimariaAzulOsc  rgba(8,36,99,1)
PltPrimariaAzulCla  rgba(0,73,140,1)

PltCompleNaranja    rgba(247,117,33,1)

PltAnalogaCyan      rgba(49,190,198,1)
PltAnalogaMorado    rgba(82,52,148,1)

PltTriadaAmarillo   rgba(255,207,24,1)
PltTriadaNaranja    rgba(239,77,33,1)

PltTetradaVerde     rgba(82,186,74,1)
PltTetradaVioleta   rgba(181,60,148,1)



Facebook rgba(57,89,156,1)
Twitter  rgba(24,162,247,1)
*/



.PltCompleNaranja {color:#fff!important; background-color:rgba(247,117,33,1) !important;}



/* definiciones para el Slideshow con W3.CSS */
.mySlides {display:none; /*min-height:500px;*/  }
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}



.G_Inicio 		#M_Inicio,
.G_Nosotros 	.M_Nosotros,
.G_Emergencias 	.M_Emergencias,
.G_Inf_Geo_Esp	.M_Inf_Geo_Esp,
.G_Trasparencia .M_Trasparencia,
.G_Consulta_Publica	.M_Consulta_Publica,
.G_Prensa 		.M_Prensa,
.G_Biblioteca 	.M_Biblioteca,
/*.G_Enlaces		#M_Enlaces,*/
.G_Contacto 	.M_Contacto,
.G_Buscador 	#M_Buscador,
.G_Mapa_Sitio 	#M_Mapa_Sitio
{
	background-color:rgba(247,117,33,1) !important;
	color:#FFF;
}

#M_PNDUx
{
	 width:170;
	 height:49px;
	 border-radius: 10px;
	 background:url(Imagenes_Especificas/PNDUmin.gif)  !important;
	 background-repeat: no-repeat;
	 margin-bottom:4px;
}

html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	margin:auto;
}


/*resoluion pantalla large*/
/*@media (min-width:1670px)*/
@media (min-width:1340px)
{
	body {
		width:80%;	  
	}
}

/*resoluion pantalla medium-large*/
/*@media (max-width:1334px) and (min-width:993px)*/
@media (max-width:1339px) and (min-width:993px)
{
	body {
		width:100%;	
	}
}
/*resoluion pantalla medium*/
@media (max-width:992px) and (min-width:601px)
{
	body {
		width:100%;	
	}
}
/*resoluion pantalla small*/
@media (max-width:600px)
{
	body {
		width:100%;	
	}
}

@media (min-width:1025px){
	.hide-large{display:none!important};
}

@media (max-width:600px)
{
	ul { padding-left:1em !important; }
	ol { padding-left:2em !important; }
}



.TextAlignCentro { text-align:center !important;}
.TextAlignIzqu   { text-align:left   !important;}
.TextAlignDer    { text-align:right  !important;}

dt { font-weight:bold; font-size: 17px;}
dd { margin-bottom: 2em; }

#Prog_Fin_Cre_Caract dt { border-top: 1px solid; }


#EncabezadoPri
{
	margin:0px;
/*	padding:0px;*/
	padding: 15px 0px;
}

/*
#EncabezadoPriTit1 {
	font-family: "henderson_sans_basic_bold";
	color: rgba(25,41,82,1);
	padding-top:25px;
	text-align:center;
	line-height:1.2em;
	margin:0px;
	border-right: solid 2px #192952 ;
	padding:0px 1em;
}

#EncabezadoPriTit2, #EncabezadoPriTit3 {
	font-family: "henderson_sans_basic_semibd";
	color: rgba(25,41,82,1);
	padding-top:25px;
	text-align:center;
	line-height:1.2em;
	margin:0px;
	padding-left:1em;
}


#EncabezadoPriTit1 {
	font-size:32px;
	font-size:29px;
	font-size:26px;
	text-align:left !important;
}

#EncabezadoPriTit2 {
	font-size:27px;
	font-size:24px;
	font-size:22px;
}

#EncabezadoPriTit3 {
	font-size:20px;
}

#EncabezadoPri_Pant_Gra
{
	display: flex;
	align-items: center;
}


#EncabezadoPri_Pant_Gra_Mapa  { padding: 15px 0px; }
#EncabezadoPri_Pant_Gra_MIVAH { width:46%; }
#EncabezadoPri_Pant_Gra_Sep   {  }
#EncabezadoPri_Pant_Gra_Gob   { }
*/

#Logo_Carbono_Neutral
{
	margin-bottom:0px; 
	margin-left:20px;
}

#Logo_Carbono_Neutral_responsive
{
	margin:5px 10px;
}

#Menu_Pri_Iconos
{
	clear: both;
}

#Menu_Pri_Iconos a
{
	padding: 4px;
	font-size:20px;
}

@media (max-width:600px)
{
	#Menu_Pri_Iconos
	{
		background-color:rgba(0,73,140,1);
		color: rgba(255,255,255,1);
	}	
}

@media (min-width:601px)
{
	#Menu_Pri_Iconos { color:rgba(0,73,140,1); }
	#M_Facebook	{ color:rgba(57,89,156,1) !important; }
	#M_Twitter  { color:rgba(24,162,247,1) !important;}
	#M_Youtube  { color:rgba(254,1,0,1) !important;}
}


#M_Facebook	{ font-size:34px !important;}
#M_Twitter  { font-size:36px !important;}
#M_Youtube  { font-size:36px !important;}
#M_Instagram { font-size:36px !important;}

#M_Inicio,
#M_Menu_Pri_Tel  { float: left; }

#M_Mapa_Sitio,
#M_Buscador,
#M_Facebook,
#M_Twitter,
#M_Youtube,
#M_Instagram,
#Logo_Carbono_Neutral,
#Logo_Carbono_Neutral_responsive { float: right; }


#Menu_Pri_Comp
{
	color: rgba(255,255,255,1);
	background-color:rgba(0,73,140,1);
	margin:0px;
	font-size:13px;
	font-weight:bold;
}

@media (min-width:993px)
{
	#Menu_Pri_Comp > ul
	{
	  display: flex;
	  justify-content: space-around;
	}
}

@media (max-width:992px)
{
	#Menu_Pri_Comp > ul > li
	{
		border-bottom:1px solid #FFFFFF;
	
	}
}

@media (min-width:601px)
{
	.Carrusel {	min-height:14em; }
	.Carrusel Img 
	{
		margin:10px;
		float: right;
	}
}
@media (max-width:600px)
{
	.Carrusel Img
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top:10px;
		margin-bottom:10px;
	}
}

.Carrusel
{
	border-top: 1px solid rgba(153,153,153,1);
}

.Carrusel a
{
	text-decoration:none;
}

.Carrusel Img
{
	padding:8px;


}

.Carrusel div
{
	paddingx:10px;
	margin:10px;
}

.Carrusel h1
{
	text-align:center;
}

#MenuSecundario_Inicio, .MIIPR_Inst
{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: stretch;
}

#MenuSecundario_Inicio a
{
	padding:0px;
	text-decoration:none;
	display:block;
	margin:10px 5px;
	height:95%;
}

#MenuSecundario_Inicio a h1,
#MenuSecundario_Inicio a h2,
#MenuSecundario_Inicio a h3
{
	text-align:center;
	font-size:14px;
}

#MenuSecundario_Inicio a:hover
{
	background-color: rgba(49,190,198,1);
	color:#FFFFFF;
}

#MenuSecundario_Inicio a:hover h1,
#MenuSecundario_Inicio a:hover h2,
#MenuSecundario_Inicio a:hover h3
{
	color:#FFFFFF;
}

@media (min-width:957px)
{
	#MenuSecundario_Inicio li { width:32%;}
}

@media (max-width:956px) and (min-width:601px)
{
	#MenuSecundario_Inicio li { width:45%;}
}

@media (max-width:600px)
{
	#MenuSecundario_Inicio li { width:100%;}
}

#MenuSecundario_Inicio img
{
	width:100%;
}

#MenuSecundario_Inicio a div
{
	padding:10px;
}











#MenuSecundario a, #MenuSecundario2 a
{
/*	padding:0px;*/
	text-decoration:none;
/*	display:block;*/
	margin:5px;
	padding:5px;
	color:#3366CC;
	font-weight:bold;
}
/*
#MenuSecundario a
{
	text-align:center;
}

#MenuSecundario2 a
{
	margin-left:0px;
	padding-left:10px;
}
*/
#MenuSecundario a:hover, #MenuSecundario2 a:hover
{
	background-color:rgba(49,190,198,1);
	color:rgba(255,255,255,1);
}

#MenuSecundario2 li
{
	list-style-type:none;
	background-color:rgba(255,255,255,1);
	margin:4px 0px !important;
}


.Lista_Menu
{
  list-style-type: none;
  padding: 0px !important;
  margin:  0px !important;
}

.Lista_Menu li
{
  padding: 0px !important;
  margin:  0px !important;
}


#ContenidoPrincipal
{
	width:100% - 40px;  /*  -40px  por los 20 de padding a cada lado */
	text-align:justify;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0px 20px;
	overflow: auto;   /* para que aparescan las barras de dezplasamiento cuando sea necesario */
	background-colorx:#33CC66;
}

/* el codigo de @media para #ContenidoPrincipal tiene que estar en comentarios para que sirva la vista de diseño en el dreamweaver al momento de editar los archivos */

/*
@media (min-width:601px)
{
	#ContenidoPrincipal { min-height:350px; }
}
*/

#ContenidoPrincipal_SC {
	overflow: hidden; /* para que las barras de dezplasamiento no aparescan */
}

#ContenidoPrincipal li{
	margin-bottom:10px;
}

#PiePag {
	border-top: 1px solid #AFAEB4;
}

.PiePagLogos div {
	height:62px;
}

.PiePagText {
	color:#FFF;
	background-color:rgba(0,73,140,1);
	padding-top: 1em;
}

.PiePagText div, .PiePagText nav{
	padding: 0em 3em;
}

.PiePagText a {
	color: rgba(255,255,255,1);
	text-decoration:none;
	font-weight: bold;
	display:block;
}

.PiePagText a:hover {
	color: rgba(247,117,33,1);
}

#Comunicados {
	width:100%;
	height:948px; /* al modificar la altura se debe modificar el height en: #Comunicados, #Foros */
}

#Foros {
	width:100%;
	height:800px; /* al modificar la altura se debe modificar el height en: #Comunicados, #Foros */
}

#Inf_Geo_Bono {
	width:100%;
	height:950px;
}

#Inf_Geo_Gen {
	width:100%;
	height:1260px;
}

h1 {
	font-family: "gotham_blackregular";
	font-size:20px;
	color: rgba(25,37,90,1);
	text-align:center;
}

h2 {
	font-family: "gotham_blackitalic";
	font-size:20px;
	color: rgba(0,66,131,1);
}

h3 {
	font-family: "gotham_blackitalic";
	font-size:16px;
	color:#006699;	
}

h4, h5, h6 {
	font-size:16px;
	font-weight:bold;
}

.Enlaces
{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: stretch;
}

.Enlaces li
{
  display: flex;
}

.Enlaces li div
{
	margin-top:3em !important;
}

.Enlaces a, .Enlaces li div ul li
{
	text-align:center;
	width:100%;
}

@media (min-width:1063px)                       { .Enlaces li { width: 24%;} #MIIPR .Enlaces > li { width: 15% !important;}}
@media (max-width:1062px) and (min-width:957px) { .Enlaces li { width: 32%;} #MIIPR .Enlaces > li { width: 15% !important;}}
@media (max-width: 956px) and (min-width:601px) { .Enlaces li { width: 45%;} #MIIPR .Enlaces > li { width: 30% !important;} #Puente_Comunidad .Enlaces > li { width: 30% !important;}}
@media (max-width: 600px)                       { .Enlaces li { width:100%;} }

.Enlaces img
{
	margin-bottom:5px;
}

.L_Enlaces:link,      .L_Enlaces:visited,
.L_Enlaces_pdf:link,  .L_Enlaces_pdf:visited,
.L_Enlaces_pdf2:link, .L_Enlaces_pdf2:visited,
.L_Enlaces_xls:link,  .L_Enlaces_xls:visited,
.L_Enlaces_xls2:link, .L_Enlaces_xls2:visited,
.L_Enlaces_jpg:link,  .L_Enlaces_jpg:visited,
.L_Enlaces_doc:link,  .L_Enlaces_doc:visited,
.L_Enlaces_zip:link,  .L_Enlaces_zip:visited,
.L_Enlaces_zip2:link, .L_Enlaces_zip2:visited,
.L_Enlaces_csv:link,  .L_Enlaces_csv:visited,
.L_Inicio_Pag:link,   .L_Inicio_Pag:visited
{
	color: 				#3366CC;
	font-weight: 		bold;	
	text-decoration: 	none;
	display:block;	
}

.L_Enlaces:hover,
.L_Enlaces_pdf:hover,
.L_Enlaces_pdf2:hover,
.L_Enlaces_xls:hover,
.L_Enlaces_xls2:hover,
.L_Enlaces_jpg:hover,
.L_Enlaces_doc:hover,
.L_Enlaces_zip:hover,
.L_Enlaces_zip2:hover,
.L_Enlaces_csv:hover,
.L_Inicio_Pag:hover
{
	color: rgba(247,117,33,1);
}

.L_Inicio_Pag:link, .L_Inicio_Pag:visited
{
	text-align:right;
}

.L_Enlaces_pdf:link,  .L_Enlaces_pdf:visited,
.L_Enlaces_pdf2:link, .L_Enlaces_pdf2:visited,
.L_Enlaces_xls:link,  .L_Enlaces_xls:visited,
.L_Enlaces_xls2:link, .L_Enlaces_xls2:visited,
.L_Enlaces_jpg:link,  .L_Enlaces_jpg:visited,
.L_Enlaces_doc:link,  .L_Enlaces_doc:visited,
.L_Enlaces_zip:link,  .L_Enlaces_zip:visited,
.L_Enlaces_zip2:link, .L_Enlaces_zip2:visited,
.L_Enlaces_csv:link,  .L_Enlaces_csv:visited
{
/*	min-height:30px;*/
	min-height:1em;
/*	padding-left:26px;*/
	padding-top:5px;
/*	background-repeat:no-repeat;
	background-colorx:#00CC00;*/
}

/*.L_Enlaces_pdf2:link, .L_Enlaces_pdf2:visited,
.L_Enlaces_xls2:link, .L_Enlaces_xls2:visited,
.L_Enlaces_zip2:link, .L_Enlaces_zip2:visited
{
	padding-top:0px;
	padding-bottom:5px;
}*/


/*.L_Enlaces_pdf:link,  .L_Enlaces_pdf:visited,
.L_Enlaces_pdf2:link, .L_Enlaces_pdf2:visited {background-image:url(../Imagenes_Generales/Icono_pdf.gif);}*/
/*.L_Enlaces_xls:link,  .L_Enlaces_xls:visited,
.L_Enlaces_xls2:link, .L_Enlaces_xls2:visited {background-image:url(../Imagenes_Generales/Icono_xls.gif);}
.L_Enlaces_jpg:link,  .L_Enlaces_jpg:visited {background-image:url(../Imagenes_Generales/Icono_jpg.gif);}
.L_Enlaces_doc:link,  .L_Enlaces_doc:visited {background-image:url(../Imagenes_Generales/Icono_doc.gif);}
.L_Enlaces_zip:link,  .L_Enlaces_zip:visited,
.L_Enlaces_zip2:link, .L_Enlaces_zip2:visited {background-image:url(../Imagenes_Generales/Icono_zip.gif);}
.L_Enlaces_csv:link,  .L_Enlaces_csv:visited  {background-image:url(../Imagenes_Generales/Icono_csv.png);}*/

a.L_Enlaces_pdf::after , a.L_Enlaces_pdf2::after 
{ content: " (documento en formato PDF, abre en nueva ventana)" ; }

a.L_Enlaces_jpg::after 
{ content: " (documento en formato JPG, abre en nueva ventana)" ; }

a.L_Enlaces_xls::after , a.L_Enlaces_xls2::after 
{ content: " (documento en formato Excel, para descargar)" ; }

a.L_Enlaces_zip::after , a.L_Enlaces_zip2::after 
{ content: " (documento en formato ZIP, para descargar)" ; }

a.L_Enlaces_doc::after 
{ content: " (documento en formato WORD, para descargar)" ; }

a.L_Enlaces_csv::after 
{ content: " (documento en formato CSV, para descargar)" ; }


.Documentos, .Documentosx ul
{
	list-style:none;
}

.Documentos .L_Enlaces
{
/*	padding-left:26px;*/
	min-height:24px;
}

table
{
	background-color:#F7F7F7;
    margin-left:auto; 
    margin-right:auto;
}

table caption 
{ 
	font-weight:bold; 
	font-size: 17px;
}

th, td
{
	padding:8px;
	border:1px solid rgba(0,0,0,1);
}

th
{
	font-weight:bold;
	text-decoration:none;
	text-align:center !important;
	background-color:#4F81BC;
	color:#FFFFFF;
}

td
{
	vertical-align:top;
}

table ul
{
	margin:0px;
	padding-left:1em;
}

.Cuatro_Col ol
{
	width:720px;
}

.Cuatro_Col ol li
{
	width:240px;
	width:180px;
	float:left;
}

.Dos_Columnas_Izq,
.Dos_Columnas_Der
{
	width:270px;
	float:left;
/*	background-color:#F96;*/
}

.Dos_Columnas_Izq {margin-left:70px;}
.Dos_Columnas_Der {margin-left:100px;}

.ZIP_IFAs
{
	clear:both;
	width:110px;
	margin-left:280px;
}

.ZIP_Anexos
{
	clear:both;
	width:130px;
	margin-left:270px;
}

.Tres_Columnas
{
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	list-style:none;
	text-align:left;
}

.Columnas, .Columnas2, .Columnas3
{
	list-style:none;
	text-align:left;
}

.Columnas2 .L_Enlaces_zip2
{
	/*    -webkit-column-span: all;*/ /* Chrome, Safari, Opera */
	/*    column-span: all;*/
	margin-left:4em !important;
}

@media (min-width:993px)
{
	.Columnas, .Columnas2
	{
		-webkit-column-count: 5; /* Chrome, Safari, Opera */
		-moz-column-count: 5; /* Firefox */
		column-count: 5;
	}
	
	.Columnas3
	{
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
	}
}

@media (max-width:992px) and (min-width:601px)
{
	.Columnas, .Columnas2
	{
		-webkit-column-count: 4; /* Chrome, Safari, Opera */
		-moz-column-count: 4; /* Firefox */
		column-count: 4;
	}
	
	.Columnas3
	{
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
	}
}

@media (max-width:600px)
{
	.Columnas
	{
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
	}

	.Columnas2
	{
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
	}

}


#Cartografia
{
	width:640px;
	height:427px;
	margin:auto;
	background:url(../Imagenes_Especificas/PRUGAM_Cartografia/C_GAM.jpg);
}

#Cartografia_Oeste{	width:299px; margin:0px; float:left;}
#Cartografia_Este {	width:341px; margin:0px; float:left;}

#Cartografia a
{
	color:#1028BD;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	line-height:144px;
}

a.Carto_Nor_Oeste:link, a.Carto_Nor_Oeste:visited{
	display:block;	
	width:299px;
	height:144px;
}

a.Carto_Nor_Oeste:hover {
	background:url(../Imagenes_Especificas/PRUGAM_Cartografia/C_NO.jpg);
}

a.Carto_Sur_Oeste:link, a.Carto_Sur_Oeste:visited{
	display:block;	
	width:299px;
	height:284px;
}

a.Carto_Sur_Oeste:hover {
	background:url(../Imagenes_Especificas/PRUGAM_Cartografia/C_SO.jpg);
}

a.Carto_Nor_Este:link, a.Carto_Nor_Este:visited{
	display:block;	
	width:341px;
	height:230px;
}

a.Carto_Nor_Este:hover {
	background:url(../Imagenes_Especificas/PRUGAM_Cartografia/C_NE.jpg);
}

a.Carto_Sur_Este:link, a.Carto_Sur_Este:visited{
	display:block;	
	width:341px;
	height:197px;
}

a.Carto_Sur_Este:hover {
	background:url(../Imagenes_Especificas/PRUGAM_Cartografia/C_SE.jpg);
}

#Carto_Hojas_NO,
#Carto_Hojas_SO,
#Carto_Hojas_NE,
#Carto_Hojas_SE
{
	margin:auto;
}

#Carto_Hojas_NO
{
	width:560px;
	height:270px;
	background:url(../Imagenes_Especificas/PRUGAM_Cartografia/H_NO.jpg);
}

#Carto_Hojas_SO
{
	width:560px;
	height:324px;
	background:url(../Imagenes_Especificas/PRUGAM_Cartografia/H_SO.jpg);
}

#Carto_Hojas_NE
{
	width:640px;
	height:378px;
	background:url(../Imagenes_Especificas/PRUGAM_Cartografia/H_NE.jpg);
}

#Carto_Hojas_SE
{
	width:640px;
	height:378px;
	background:url(../Imagenes_Especificas/PRUGAM_Cartografia/H_SE.jpg);
}

.Carto_Hoja_Nula
{
	display:block;	
	width:80px;
	height:54px;
	float:left;
	text-align:center;
}

a.Carto_Hoja:link, a.Carto_Hoja:visited {
	display:block;	
	float:left;
	width:80px;
	height:54px;
	padding-top:10px;	
	color: 				#000;
	font-size: 			12px;
	font-weight: 		bold;
	text-decoration: 	none;
	text-align:center;
}

a.Carto_Hoja:hover {
	background:url(../Imagenes_Especificas/PRUGAM_Cartografia/Fondo_Hoja_Sel.gif);
}


.Prugam_IFAS
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: stretch;
}

@media (min-width:993px)
{ .Prugam_IFAS li { width:30%; } }

@media (max-width:992px) and (min-width:601px)
{ .Prugam_IFAS li { width:50%; } }

@media (max-width:600px)
{ .Prugam_IFAS li { width:100%; } }


#IFAS{
	padding-left:20px;
}

#IFAS A{
	display: block;
	text-align: left;
}

#IFAS ul { 
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.IFA_Mapa {
	display:none;
	width:380px;
	height:290px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:359px;
	left:51%;
}

#IFAS li:hover .IFA_Mapa
{
	display:block;
}



.NIFAS a
{
	text-align:center;
}

.NIFAS a img
{
	padding:10px;

}

.NIFAS a:hover
{
	background-color:rgba(49,190,198,1);
	color:rgba(255,255,255,1);
}

.NIFAS div
{
	margin-bottom:1em;
}

nav.Transparencia a
{
	padding-top:130px !important;
}

.Transparencia img
{
	max-width:100%;
	height:auto;
	margin-right:1em;
	margin-bottom:1em;
	padding:5px;
	box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
	float:left;
}

.Transparencia h2
{
	text-align:left;
}

.Transparencia p
{
	margin-left:3em;
}

#Bienes_Gastos,
#Recursos_Humanos,
#Jerarcas_Decisiones,
#Compras_Contrataciones,
#Presupuestos,
#Planes_Institucionales,
#Informes_Institucionales,
#Servicios_Tramites,
#Participacion_Ciudadana,
#Datos_Abiertos,
#Otros
{
	background-position: 50% 4em;
	background-repeat:no-repeat;
	height:180px;
}

#Bienes_Gastos				{background-image:url(../Imagenes_Especificas/Transparencia/Bienes_Gastos_Fijos.png);}
#Recursos_Humanos			{background-image:url(../Imagenes_Especificas/Transparencia/Recursos_Humanos.png);}
#Jerarcas_Decisiones		{background-image:url(../Imagenes_Especificas/Transparencia/Jerarcas_Decisiones.png);}
#Compras_Contrataciones		{background-image:url(../Imagenes_Especificas/Transparencia/Compras_Contrataciones.png);}
#Presupuestos				{background-image:url(../Imagenes_Especificas/Transparencia/Presupuestos.png);}
#Planes_Institucionales		{background-image:url(../Imagenes_Especificas/Transparencia/Planes_Institucionales.png);}
#Informes_Institucionales	{background-image:url(../Imagenes_Especificas/Transparencia/Informes_Institucionales.png);}
#Servicios_Tramites			{background-image:url(../Imagenes_Especificas/Transparencia/Servicios_Tramites.png);}
#Participacion_Ciudadana	{background-image:url(../Imagenes_Especificas/Transparencia/Participacion_Ciudadana.png);}
#Datos_Abiertos				{background-image:url(../Imagenes_Especificas/Transparencia/Datos_Abiertos.png);}
#Otros						{background-image:url(../Imagenes_Especificas/Transparencia/Otros.png);}


.Transparencia details,
.Preguntas_Frecuentes details
{
  margin-bottom: 20px;
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.Transparencia summary,
.Preguntas_Frecuentes summary
{ cursor: pointer; }

.Transparencia details                  summary ::before { content: "» "; }
.Transparencia details[open]            summary ::before { content: "« "; }

.Transparencia details[name="N2"]       summary ::before { content: "» "; }
.Transparencia details[name="N2"][open] summary ::before { content: "« "; }
.Transparencia details[name="N2"]                        { background-color: rgba(233,232,232,1.00); }

.Preguntas_Frecuentes details           summary ::before { content: "» "; }
.Preguntas_Frecuentes details[open]     summary ::before { content: "« "; }
.Preguntas_Frecuentes summary h3:hover
{ color: rgba(255,255,255,1.00);  background-color:rgba(49,190,198,1); }

@media (min-width:801px)
{
	#Contactenos
	{
		width:50%;
		margin-left:auto;
		margin-right:auto;
	}
}


.ImgCentrada
{
	display:block;
	margin-left:auto;
	margin-right:auto
}

#PlanGAM  a
{
	text-alignx: left;
}

.PlanGAM_Lista, .PlanGAM_Lista_ZIP
{
	list-style:none;
	padding-left:0px;
	float:left;	
}

@media (min-width:601px)
{
	.PlanGAM_Lista
	{
		width:314px;
		padding-right:1em;
	}
}

@media (max-width:600px)
{
	.PlanGAM_Lista
	{
		width:100%;
	}
}

.PlanGAM_Lista_ZIP
{
	clear:both;
	width:100%;
}


.Icono_PDF, .Icono_ZIP
{
	font-size:22px;
}

.Icono_PDF
{
	color:rgba(255,0,0,1);
}


.Publicado, .Publicado1
{
	font-size:12px;
	color:#000000;
}

.Publicado
{
	display:block;
}

a:hover .Publicado, a:hover .Publicado1
{
	color: rgba(247,117,33,1) !important;
}

.Sangria
{
	margin-left:3em;
	margin-top:1em;
}


/* ******* INFORMACIÓN GEO ESPACIAL - PUENTE A LA COMUNIDAD - Desarrollo-Urbano-Transporte-Mapas******* */

.Menu_Mapas { padding:10px;}

.Menu_Mapas a { text-decoration:none;}

.Menu_Mapas:hover {background-color:rgba(49,190,198,1); color:rgba(255,255,255,1);}


/* ******* PUENTE A LA COMUNIDAD ******* */

#Puente_Comunidad
{
/*	text-align:left;*/
}

#Puente_Comunidad nav div
{
	background-color:#FFFFFF !important;
}

#Puente_Comunidad nav div div div
{
	width:16em;
}

#Puente_Comunidad nav div div div a
{
	width:15em;
}

#Puente_Comunidad h1, #Puente_Comunidad h2, #Puente_Comunidad h3 
{
	font-family: Arial, Helvetica, sans-serif;
}

#Puente_Comunidad h1 
{
	color: rgba(0,0,0,1);
	text-align: center;
	margin-bottom:0px;
}

#Puente_Comunidad h2
{
	color: rgba(153,153,153,1);
	text-align:center;
	margin-top:0px;
}

#Puente_Comunidad h3
{
	font-size:20px;
	color: rgba(0,0,0,1);
}

@media (min-width:601px)
{
	#Puente_Comunidad h1 {	font-size:40px; }
	#Puente_Comunidad h2 {	font-size:25px; }
}

@media (max-width:600px)
{
	#Puente_Comunidad h1 {	font-size:30px; }
	#Puente_Comunidad h2 {	font-size:20px; }
}

#Puente_Comunidad .BannerPuente
{
/*
	border: 3px solid rgba(229,149,152,1);
	border-radius: 0px 60px;
*/
}

#Puente_Comunidad .Objetivo1, #Puente_Comunidad .Objetivo2, #Puente_Comunidad .Objetivo3
{ 
	padding:15px; 
	margin-left:2em;
	margin-bottom:2em; 
	border: 3px solid rgba(229,149,152,1);
	text-align:center;
}

#Puente_Comunidad .Objetivo1 
{
	color:#fff; 
	background-color:rgba(82,85,85,1)
}

#Puente_Comunidad .Objetivo3
{
	padding:25px;
}

@media (min-width:1340px)
{
	#Puente_Comunidad .ComponenteItem
	{
		margin-left:5em;
	}
}

@media (max-width:1339px)
{
	#Puente_Comunidad .ComponenteItem
	{
		margin-left:2em;
	}
}

#Puente_Comunidad .ComponenteItem
{
	float:left;
	width:130px;
	height:13em;
	text-align:center;
}

#Puente_Comunidad .ComponenteItem img
{
	padding:20px;
}

.Resaltado
{
	font-size:22px;
	text-align:center;
}

.Resaltado2
{
	font-size:25px;
	text-align:center;
	font-weight:bold;
	margin-top:0px;
}

#Puente_Comunidad .PorQue
{
	padding:5px;

}

#Puente_Comunidad .Descargas
{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

#Puente_Comunidad .Descargas  div 
{
  width: 299px;
  margin: 10px;
  text-align: center;
}

#Puente_Comunidad .Descargas img
{
	margin-bottom:5px;
	width: 100%;
}

#Puente_Comunidad .Distritos_Mapa 
{
	position:relative;
	padding-bottom:85%;
	height:0;
	max-width:100%;
}

#Puente_Comunidad .Distritos_Mapa iframe
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#Puente_Comunidad .Distritos_Mapa a
{
	position:absolute;
	z-index:40;
	bottom:0;
	margin-bottom:-20px;
}

#Puente_Comunidad .Distritos td
{
	vertical-align:middle;
	padding: 3px 5px;
}

#Puente_Comunidad .Distritos
{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

/* ******* PUENTE A LA COMUNIDAD fin ******* */

#Ciberseguridad img
{
	float:  right;
	width:  40%;
	margin: 10px;
}

#Ciberseguridad .Info
{
	clear:both;
	margin-bottom:3em;
}

.Formulario_Campos
{
	width:100%;
}



/* ******* Des_Urb_Trans ******* */

#Des_Urb_Trans nav div
{
	background-color: #FFFFFF;
}

/*
#Des_Urb_Trans #Men_DUOT a,
#Des_Urb_Trans #Men_Map a,
#Des_Urb_Trans #Men_Desc a
{
	text-align:left;
}

#Des_Urb_Trans #Men_DUOT,
#Des_Urb_Trans #Men_Map,
#Des_Urb_Trans #Men_Desc
{
	margin-left:1em;
}
*/


@media (min-width:601px)
{
	#Head_Cont
	{
		position: relative;
	}
	
	#Head_Cont2
	{
		display: flex;
		justify-content: space-around;
		width:100%;
		position: absolute;
		top: 0;
		padding-top:10px;
	}
	
	#Head_Tit
	{
		padding:0px 20px;
		Xtext-shadow: 4px 4px #000000;
	}
	
	#Head_Log 
	{
		margin-right:10px;
	}



}

/*resoluion pantalla small*/
@media (max-width:600px)
{

	#Head_Cont
	{
		position: relative;
	}
	
	#Head_Banner
	{
		margin-top:100px;

	}

	#Head_Cont2
	{
		width:100%;
		position: absolute;
		top: -100px;
		padding-top:10px;
	}
	
	#Head_Tit
	{
		padding:0px 20px;
/*		text-shadow: 4px 4px #000000;*/
		background-color:rgba(0,0,0,1);
	}
	
	#Head_Log 
	{
		width:100%;
		text-align: right;
	}

	#Head_Log  img
	{
		width:30%;
	}

/*
	#Head_Cont2
	{
		background-color:rgba(0,0,0,1);
	}

	#Head_Tit
	{
		float:left;
		background-color:rgba(0,0,0,1);
	}

	#Head_Log 
	{
		width:30%;
		background-color:rgba(0,0,0,1);
		float:right;
	}*/
}

#Des_Urb_Trans h1, #Des_Urb_Trans h2, #Des_Urb_Trans h3 
{
	font-family: Arial, Helvetica, sans-serif;
}

#Des_Urb_Trans h1 
{
	color:#ffffc4;
	text-align: left;
	margin:0px;
}

#Des_Urb_Trans h2
{
	color:#ffffc4;
	text-align: left;
	margin:0px;
}

#Des_Urb_Trans h3
{
	color: #FFFFFF;
	font-family: 'gotham_mediumitalic';
	text-align:center !important;
	padding:15px 0px;
}

#Des_Urb_Trans #Tit_DUOT        { background-color: rgba( 66,166,163,1); }
#Des_Urb_Trans #Tit_Importancia { background-color: rgba( 80,106,131,1); margin:0px; }
#Des_Urb_Trans #Tit_Sector,
#Des_Urb_Trans #Tit_Acercarse   { background-color: rgba(185,219, 59,1); }
#Des_Urb_Trans #Tit_Mesa,
#Des_Urb_Trans #Tit_Mapas       { background-color: rgba( 96,172,102,1); }
#Des_Urb_Trans #Tit_Objetivos,
#Des_Urb_Trans #Tot_Descargas   { background-color: rgba(235,157, 67,1); }
#Des_Urb_Trans #Tit_Conforman   { background-color: rgba(195, 35,100,1); }
#Des_Urb_Trans #Tit_Metodologia { background-color: rgba( 50,192,190,1); }
#Des_Urb_Trans #Tit_Implementar { background-color: rgba( 86,166,163,1); }
#Des_Urb_Trans #Tit_Beneficios  { background-color: rgba( 80,106,131,1); }




/*resoluion pantalla large*/
@media (min-width:1340px)
{
	#Des_Urb_Trans #Men_DUOT   {width:28em;}
	#Des_Urb_Trans #Men_DUOT a {width:27em;}
	
	#Des_Urb_Trans #Men_Map    {width:23em;}
	#Des_Urb_Trans #Men_Map a  {width:22em;}
	
	#Des_Urb_Trans #Men_Desc   {width:15em;}
	#Des_Urb_Trans #Men_Desc a {width:14em;}

	#Des_Urb_Trans h1 {	font-size:35px; }
	#Des_Urb_Trans h2 {	font-size:30px; }
	#Des_Urb_Trans h3 {	font-size:30px; }
	#Des_Urb_Trans .hide-large-medium{display:none!important};
}

/*resoluion pantalla medium-large*/
@media (max-width:1339px) and (min-width:993px)
{
	#Des_Urb_Trans #Men_DUOT   {width:28em;}
	#Des_Urb_Trans #Men_DUOT a {width:27em;}
	
	#Des_Urb_Trans #Men_Map    {width:23em;}
	#Des_Urb_Trans #Men_Map a  {width:22em;}
	
	#Des_Urb_Trans #Men_Desc   {width:15em;}
	#Des_Urb_Trans #Men_Desc a {width:14em;}

	#Des_Urb_Trans h1 {	font-size:35px; }
	#Des_Urb_Trans h2 {	font-size:30px; }
	#Des_Urb_Trans h3 {	font-size:30px; }
	#Des_Urb_Trans .hide-large-medium{display:none!important};
}

/*resoluion pantalla medium*/
@media (max-width:992px) and (min-width:601px)
{
	#Des_Urb_Trans #Men_DUOT   {width:28em;}
	#Des_Urb_Trans #Men_DUOT a {width:27em;}
	
	#Des_Urb_Trans #Men_Map    {width:23em;}
	#Des_Urb_Trans #Men_Map a  {width:22em;}
	
	#Des_Urb_Trans #Men_Desc   {width:15em;}
	#Des_Urb_Trans #Men_Desc a {width:14em;}

	#Des_Urb_Trans h1 {	font-size:30px; }
	#Des_Urb_Trans h2 {	font-size:25px; }
	#Des_Urb_Trans h3 {	font-size:25px; }
	#Des_Urb_Trans .hide-large-medium{display:none!important};
}

/*resoluion pantalla small*/
@media (max-width:600px)
{
	#Des_Urb_Trans #Men_DUOT   {width:22em;}
	#Des_Urb_Trans #Men_DUOT a {width:21em;}
	
	#Des_Urb_Trans #Men_Map    {width:22em;}
	#Des_Urb_Trans #Men_Map a  {width:21em;}
	
	#Des_Urb_Trans #Men_Desc   {width:22em;}
	#Des_Urb_Trans #Men_Desc a {width:21em;}

	#Des_Urb_Trans h1 {	font-size:25px; }
	#Des_Urb_Trans h2 {	font-size:20px; }
	#Des_Urb_Trans h3 {	font-size:20px; }
	#Des_Urb_Trans .hide-small{display:none!important};
}



#M_Men_DUOT2,
#M_Men_Map2,
#M_Men_Desc2
{
	color: 				#3366CC !important;
	font-weight: 		bold !important;
}






#ImportanciaUL, 
#ObjetivosUL
{
  display: flex;
  flex-wrap: wrap;
  padding:0px;
}

#MetodologiaUL,
#ImplementarUL
{
	padding-left:0px;
}



.ImportanciaLi,
.ObjetivosLi,
.MetodologiaLi,
.ImplementarLi
{
	list-style: none;
}

.ImportanciaLi,
.ObjetivosLi
{
	width: 50%;
}








.ImportanciaLi .Div_Img,
.ObjetivosLi   .Div_Img
{
	width: 30%;
}

.ImportanciaLi .Div_Txt,
.ObjetivosLi   .Div_Txt
{
	width: 65%;
}





.MetodologiaLi .Div_Img
{
	width: 40%;
	margin-right:15px;
}

.MetodologiaLi .Div_Txt
{
	width: 60%;
}



.ImplementarLi .Div_Img
{
	width: 15%;
	padding:5px 0px;
}

.ImplementarLi .Div_Txt
{
	width: 85%;
}





.ImportanciaLi img,
.ObjetivosLi   img,
.ImplementarLi img
{
	width: 95%;
}


.ImportanciaLi .Div_Txt p,
.ObjetivosLi   .Div_Txt p,
.ImplementarLi .Div_Txt p
{
	margin:0px;
}


@media (min-width:993px)
{
	.ImportanciaLi,
	.ObjetivosLi,
	.MetodologiaLi,
	.ImplementarLi
	{
		display: flex;
		align-items: center;
	}


	#Beneficios_Img { width:45%;}
}

@media (max-width:992px) and (min-width:793px)
{
	.ImportanciaLi,
	.ObjetivosLi
	{
		display: flex;
	}


	.ImplementarLi,
	.MetodologiaLi
	{
		display: flex;
		align-items: center;
	}
}

@media (max-width:792px) and (min-width:601px)
{
	
	.ImportanciaLi,
	.ObjetivosLi
	{
		display: flex;
		margin-top:10px;
	}
	

	.MetodologiaLi .Div_Img
	{
		width: 100%;
		text-align:center;
	}
	
	.MetodologiaLi .Div_Txt
	{
		width: 100%;
	}




	.ImplementarLi .Div_Img
	{
		width: 15%;
		float:left;
	}

	
	.ImplementarLi .Div_Txt
	{
		width: 100%;
	}

}

@media (max-width:600px)
{

	.ImportanciaLi,
	.ObjetivosLi
	{
		width: 100%;
	}

	.ImportanciaLi .Div_Img,
	.ObjetivosLi   .Div_Img,
	.ImplementarLi .Div_Img
	{
		width: 30%;
		float:left;
	}

	.MetodologiaLi .Div_Img
	{
		width: 100%;
		text-align:center;
	}
	
	.ImportanciaLi .Div_Txt,
	.ObjetivosLi   .Div_Txt,
	.ImplementarLi .Div_Txt,
	.MetodologiaLi .Div_Txt
	{
		width: 100%;
	}
}




p.clasificacion {
  position: relative;
  overflow: hidden;
  display:  inline-block;
  font-size:28px;
}

p.clasificacion input {
  position: absolute;
  top: -100px;
}

p.clasificacion label {
  float: right;
  color: #333;
}

p.clasificacion label:hover,
p.clasificacion label:hover ~ label,
p.clasificacion input:checked ~ label {
  color: rgba(185,219, 59,1);
} 


.Des_Urb_Trans_Mapas
{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: stretch;
}

.Des_Urb_Trans_Mapas>div { margin-bottom:2em; }

.Des_Urb_Trans_Mapas img { border-bottom:15px solid #666; }

@media (min-width:601px)
{
	.Des_Urb_Trans_Mapas>div { width:45%; }
}

@media (max-width:600px)
{
	.Des_Urb_Trans_Mapas>div { width:100%; }
}


/* ******* Des_Urb_Trans fin ******* */


/* ******* Plan Estratégico Proyectos Reajuste de Terrenos ******* */

#PEPRT #Archivos 
{
  display: flex;
  justify-content: center;
}

#PEPRT #Cuadernillo li
{
	display: flex;
	align-items: center;
	margin-bottom:2em;
}

@media (min-width:993px)
{
	#PEPRT #Archivos > div
	{
		width:70%;
	}

	#PEPRT #Cuadernillo .Imagen
	{
		width:15%;
	}
	
	#PEPRT #Cuadernillo .Tex
	{
		width:70%;
		margin:0px 15px;
	}
}

@media (min-width:601px) and (max-width:992px)
{
	#PEPRT #Archivos > div
	{
		width:80%;
	}

	#PEPRT #Cuadernillo .Imagen
	{
		width:20%;
		margin:0px 7px;
	}

	#PEPRT #Cuadernillo .Tex
	{
		width:80%;
		margin:0px 7px;
	}
}

@media (max-width:600px)
{
	#PEPRT #Archivos > div
	{
		width:100%;
	}

	#PEPRT #Cuadernillo .Imagen
	{
		width:25%;
		margin:0px 7px;
	}

	#PEPRT #Cuadernillo .Tex
	{
		width:75%;
		margin:0px 7px;
	}
}




/* ******* POTDUVI ******* */


.Contenedor_Flexibles
{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: stretch;
}


#POTDUVI h1
{
	font-size:28px;
	font-familyx:  Arial, Helvetica, sans-serif;
}

#POTDUVI h2
{
	font-size:22px;
	text-align:center;
	color:#000000;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bolder;
}

#POTDUVI h3
{
	font-size:19px;
	color:#FFFFFF;
}


#POTDUVI #Obj1Tit
{
	 padding:60px 80px;
	 background-image:url(../Imagenes_Especificas/POTDUVI/Pieza1.png);
	 width:236px;
	 height:236px;
}

#POTDUVI #Obj2Tit
{
	padding:60px 100px;
	background-image:url(../Imagenes_Especificas/POTDUVI/Pieza2.png);
	width:236px;
	height:236px;
}

#POTDUVI #mas
{
	Xpadding:60px 100px;
	background-image:url(../Imagenes_Especificas/POTDUVI/mas.png);
	background-repeat: no-repeat;
	width:90px;
	height:164px;
}
	

@media (min-width:993px)
{
	#POTDUVI #OBJ1    {width:236px;}
	#POTDUVI #OBJ2    {width:317px;}
	#POTDUVI #mas     {width:90px;}
	#POTDUVI .relleno {width:80px;}

	.Resul3 {margin:80px 0px;}
}

@media (min-width:601px) and (max-width:992px)
{
	#POTDUVI #OBJ1	  {width:236px;}
	#POTDUVI #OBJ2    {width:317px;}
	#POTDUVI #mas	  {width:90px;}
	#POTDUVI .relleno {display:none!important;}

	.Resul3 {margin:40px 0px;}
}

@media (max-width:600px)
{
	#POTDUVI #OBJ1,
	#POTDUVI #OBJ2,
	#POTDUVI #mas	  {width:317px;}
	#POTDUVI #mas	  {background-position: center;}
	#POTDUVI .relleno {display:none!important;}

	.Resul3 {margin:30px 0px;}
}


#Preguntas h2
{
	text-align:left;
	font-weight:bold;
}

#Preg1, #Preg1 h2
{
	color: #CC6636;
}

#Preg2, #Preg2 h2
{
	color: #006633;
}

#Preg3, #Preg3 h2
{
	color: #006699;
}


.Resul2 {
	width:303px;
	height:161px;
	font-size:22px;
	text-align:center;
	background-image:url(../Imagenes_Especificas/POTDUVI/Resul2.png);
	color:#FFFFFF;
	padding:18px 0px;
	align-self: center;
}

.Resul1
{
	display: flex;
	height:122px;
	margin:20px 0px;
}

.Resul1 p
{
	width:150px;
	margin-left:10px;
	align-self: center;
}

.Resul3 
{
	display: flex;
	height:53px;
}

.Resul3 p
{
	width:260px;
	margin-left:10px;
	align-self: center;
}



/* ******* VUIS Vivienda Urbana Inclusiva y Sostenible ******* */

#VUIS
{
}

#VUIS #MenuSecundario a
{
	text-align:left !important;
}


#VUIS h1 
{
	font-size:30px;
	text-align: center;
	margin-bottom:0px;
}

#VUIS h2
{
	font-size:25px;
	text-align:center;
	margin-top:0px;
}

#VUIS h3
{
	font-size:18px;
	color: rgba(0,0,0,1);
}


.VUIS_Banner
{
	width:95%;
	padding: 10px;
	border: 1px solid #BFBFBF;
	background-color: white;
	box-shadow: 10px 10px 5px #aaaaaa;
}

.VUIS_Ed
{
	width:95%;
}

.VUIS_Ed, #VUIS_Video
{
	padding: 5px;
	border: 1px solid #BFBFBF;
	background-color: white;
	box-shadow: 5px 5px 5px #aaaaaa;
}

#VUIS_Video
{
	width:95%;
}

.VUIS_Descarga
{
	display: flex;
	justify-content: center;
}

.VUIS_GAM
{

	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: stretch;
}

.VUIS_GAM div 
{
	padding:10px;
	border: solid thin #000000;
}

.VUIS_GAM h3
{
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#4F81BC !important;
	color:#FFFFFF !important;
	border: solid thin #000000;
}


@media (min-width:957px)
{

	#VUIS .Cont_Flexibles_Log
	{
	  display: flex;
	}
	
	#VUIS .Cont_Flexibles_Vid
	{
		display: flex;
		align-items: center;
	}

	#VUIS #MenuSecundario a
	{
		width:400px;
	}

	.VUIS_Banner
	{
		width:95%;
	}

	#VUIS_VideoC
	{
		width:100%;
	}

	.VUIS_GAM div { width:45%;}

	#VUIS .VUIS_Visor 
	{ 
		max-width:80%;
		height:0;
		padding-bottom:60%;
	}

}

@media (max-width:956px) and (min-width:601px)
{
	.VUIS_Banner
	{
		width:95%;
	}

	.VUIS_GAM div { width:45%;}

	#VUIS .VUIS_Visor
	{
		max-width:80%;
		height:0;
		padding-bottom:60%;
	}
}

@media (max-width:600px)
{
	.VUIS_Banner
	{
		width:100%;
	}

	.VUIS_GAM div { width:100%;}

	#VUIS .Distritos_Mapa
	{
		max-width:100%;
		height:420px;
		padding-bottom:100%;
	}



	#VUIS .VUIS_Visor
	{
		max-width:100%;
		height:0;
		padding-bottom:150%;
	}
}


#VUIS .VUIS_Visor 
{
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#VUIS .VUIS_Visor iframe
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#VUIS .VUIS_Visor a
{
	position:absolute;
	z-index:40;
	bottom:0;
	margin-bottom:-20px;
}






/* ******* Nosotros Autoridades ******* */


@media (max-width:600px) and (orientation: portrait ) 
{
	.Jerarcas { width:300px; }
	.Director { text-align:center; padding-top:20px !important;}
}

@media (max-width:600px) and (orientation: landscape) 
{
	.Jerarcas     { width:400px; }
	.Director Img { float: left; }
	.Director h3  { text-align:left; }
	.Director div { margin-top:50px; }
}

@media (min-width:601px)
{
	.Jerarcas     { width:500px; }
	.Director Img { float: left; }
}

.Jerarcas
{
	min-height:290px;
	margin:auto;
	text-align:center;
}

.Jerarcas div
{
	padding:0px 10px 10px 10px;
}

.Director 
{
	min-widthx:230px;
	min-height:248px;
	margin:10px;
	padding:10px;
}

.Director Img
{
	margin-right:10px;
	margin-bottom:10px;
}


/* ******* Sistema Nacional del Hábitat SNH ******* */

#SNH_Banner1
{
  display: flex;
  justify-content: space-around;
}

#SNH_Banner
{
  display: flex;
  xflex-wrap: wrap;
  text-align:center;
}

#SNH_Banner_Tit,
#SNH_Banner_Map
{
	align-self: center;
}

#SNH_Banner_Map
{
	margin-bottom:5px;
}


#Sist_Nac_Hab nav div
{
	background-color: #FFFFFF;
}

#Men_SNH   {width:22em;}
#Men_SNH a {width:21em;}


#Sist_Nac_Hab h2
{
	color: #FFFFFF;
	font-family: 'gotham_mediumitalic';
	text-align:center !important;
	padding:15px 0px;
	font-size:20px;
}

#Sist_Nac_Hab #Tit_SNH,
#Sist_Nac_Hab #Tit_Integrantes,
#Sist_Nac_Hab #Tit_Estructura,
#Sist_Nac_Hab #Tit_Funciones,
#Sist_Nac_Hab #Tit_Contactos,
#Sist_Nac_Hab #Tot_Documentos,
#Sist_Nac_Hab #Tit_Participe   { margin-top:0px; }

#Sist_Nac_Hab #Tit_SNH         { background-color: rgba(104,177,230,1); }
#Sist_Nac_Hab #Tit_Integrantes { background-color: rgba(220,106,130,1); }
#Sist_Nac_Hab #Tit_Estructura  { background-color: rgba(104,177,230,1); }
#Sist_Nac_Hab #Tit_Funciones   { background-color: rgba( 53, 99,174,1); }
#Sist_Nac_Hab #Tit_Contactos   { background-color: rgba(235,178,37,1); }

#Sist_Nac_Hab #Tot_Documentos  { background-color: rgba(104,177,230,1); }
#Sist_Nac_Hab #Tit_Participe   { background-color: rgba(104,177,230,1); }



.SNH_Integrantes,
.SNH_Funciones
{
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;
	justify-content: space-around;
}

.SNH_Integrantes h3,
.SNH_Funciones h3
{
	margin:0px;
	text-align:center;
	background-color:#4F81BC !important;
	color:#FFFFFF !important;
	font-size:20px;
}


#SNH_Funciones_Into,
#SNH_Estructura_Into,
#SNH_Integrantes_Into
{
	display: flex;
	justify-content: space-around;
}

.SNH_Funciones
{
	margin-bottom:2em;
}

#SNH_Funciones_Into   p,
#SNH_Estructura_Into  p,
#SNH_Integrantes_Into p
{
	font-size:22px;
	align-self: center;
}


.SNH_Integrantes div 
{
	padding:10px;
	border: solid thin #000000;
	margin-top:10px;
}


.SNH_Funciones_Tit
{
	display: flex;
	justify-content: space-around;
  	background-color:#4F81BC;
}

.SNH_Funciones_Tit2
{
	align-self: center;
	padding:10px;
}

.SNH_Funciones_Fun 
{
	padding-left:10px;
	border-left: solid thin #000000;
}


@media (min-width:601px)
{
	#Sist_Nac_Hab h1 { font-size:30px; }

	#SNH_Banner_Map { margin-left:40px; }

	.SNH_Integrantes div { width: 45%; }
	.SNH_Funciones_Tit   { width: 20%; }
	.SNH_Funciones_Obj   { width: 20%; }
	.SNH_Funciones_Fun   { width: 40%; }


	#SNH_Funciones_Into   p,
	#SNH_Integrantes_Into p
	{
		text-align: right;
	}

	#SNH_Estructura_Into  p
	{
		text-align: left;
	}


	#SNH_Integrantes_Into p   { width:50%; }
	#SNH_Integrantes_Into div { width:30%; }
	
	#SNH_Estructura_Into p    { width:60%; }
	
	#SNH_Funciones_Into p     { width:60%; }
	#SNH_Funciones_Into div   { width:30%; }
}

@media (max-width:600px)
{
	#SNH_Banner { 
		justify-content: space-around; 
		flex-wrap: wrap;
	}
	#Sist_Nac_Hab h1 { font-size:27px; }

	.SNH_Integrantes div,
	.SNH_Funciones_Tit,
	.SNH_Funciones_Obj,
	.SNH_Funciones_Fun
	{
		 width: 100%;
	}
	
	#SNH_Integrantes_Into,
	#SNH_Funciones_Into
	{
		flex-wrap:  wrap-reverse;
	}

	#SNH_Funciones_Into   p,
	#SNH_Estructura_Into  p,
	#SNH_Integrantes_Into p
	{
		text-align: center;
	}

	#SNH_Integrantes_Into p    { width:85%; }
	#SNH_Integrantes_Into div  { width:40%; }
	
	#SNH_Estructura_Into p     { width:80%; }
	
	#SNH_Funciones_Into p      { width:85%; }
	#SNH_Funciones_Into div    { width:40%; }
}

.Nom_Contactos
{
	color:#FF0000;
	margin-left:3em;
}


/* ******* Política Nacional del Hábitat PNH ******* */

.PNH_Ejes,
.Eje_Tit,
#Totales
{
	display: flex;
	flex-wrap: wrap;
}

.PNH_Ejes
{
	justify-content: space-around;
	text-align:left;
	font-weight:bolder !important;
}

@media (min-width:601px)
{
	#PNH h1 { font-size:30px; }

	#Eje1,
	#Eje2,
	#Eje3,
	#Eje4
	{
		width:45%;
		font-size:17px;
	}

	.Eje_Tit_im  { width:20%; }
	.Eje_Tit_h3  { width:70%; }
	.Eje_Tit_h3 h3 { font-size:19px }

}

@media (max-width:600px)
{
	#PNH h1 { font-size:27px; }

	#Eje1,
	#Eje2,
	#Eje3,
	#Eje4
	{
		width:100%;
		font-size:17px;
	}

	.Eje_Tit
	{
		justify-content: space-around;
	}

	.Eje_Tit_im  { width:30%; align-self: center; }
	.Eje_Tit_h3  { width:100%; }
	.Eje_Tit_h3 h3 { font-size:19px; text-align: center; }
}


.Eje_Tit_im
{
	padding-right:10px;
}



/*Colore claros*/
/*#Eje1 h3, #Eje1 { color: rgba(222,106,129,1); }
#Eje2 h3, #Eje2 { color: rgba(  0,173,239,1); }
#Eje3 h3, #Eje3 { color: rgba( 65,182, 69,1); }
#Eje4 h3, #Eje4 { color: rgba(235,178, 37,1); }*/

#Eje1 h3 { color: rgba(222,106,129,1); }
#Eje2 h3 { color: rgba(  0,173,239,1); }
#Eje3 h3 { color: rgba(129,209,131,1); }
#Eje4 h3 { color: rgba(242,205,119,1); }


/*#Eje1 h3,
#Eje2 h3,
#Eje3 h3,
#Eje4 h3 { color: #FFF; }*/

/*#Eje1 { background-color: rgba(222,106,129,1); }
#Eje2 { background-color: rgba(  0,173,239,1); }
#Eje3 { background-color: rgba( 65,182, 69,1); }
#Eje4 { background-color: rgba(235,178, 37,1); }*/


/*Colore oscuros*/
/*#Eje1 h3, #Eje1 { color: rgba(120, 51, 76,1); }
#Eje2 h3, #Eje2 { color: rgba(  0,101,165,1); }
#Eje3 h3, #Eje3 { color: rgba( 40,139, 61,1); }
#Eje4 h3, #Eje4 { color: rgba(231,144, 29,1); }*/



#Eje1 { background-color: rgba(120, 51, 76,1); }
#Eje2 { background-color: rgba(  0,101,165,1); }
#Eje3 { background-color: rgba( 40,139, 61,1); }
#Eje4 { background-color: rgba(231,144, 29,1); }

#Eje1,
#Eje2,
#Eje3,
#Eje4
{
	border-radius: 40px;
	padding:10px;
	margin:10px;
	color:#FFF;
}

#Eje1 ol,
#Eje2 ol,
#Eje3 ol,
#Eje4 ol
{
	line-height: 15pt;
}

#PNH_Totales
{
	border-radius: 20px;
}

#Con_Ope 
{
	font-size:18px;
	font-weight:bold;
	color: rgba(86,86,86,1);
	border:2px solid rgba(23,54,151,1);
	border-radius: 40px;
	xdisplay: inline-block;
	padding:10px;
	text-align:center;
}

/* ******* Agenda Nacional Urbano-Ambiente ANUA ******* */

#ANUA_Head_Cont
	{
		position: relative;

    xdisplay: inline-block;
    text-align: center;
	}
	
#ANUA_Head_Tit
	{
		xtext-align:center;
		xwidth:100%;
		position: absolute;


    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	}

@media (min-width:801px)
{
	#ANUA_Head_Tit {font-size:30px;}
}

@media (max-width:800px) and (min-width:601px)
{
	#ANUA_Head_Tit {font-size:25px;}
}

@media (max-width:600px) and (min-width:390px)
{
	#ANUA_Head_Tit {font-size:20px;}
}

@media (max-width:389px)
{
	#ANUA_Head_Tit {font-size:15px;}
}


/* ******* PRODHAB ******* */

.PRODHAB_video
{
	border:1px solid grey;
}

@media (min-width:601px)
{
	.PRODHAB_video { width:70% }
}

@media (max-width:600px)
{
	.PRODHAB_video { width:100% }
}


/* ******* RIVAIOT ******* */



/*.RIVAIOT_titulo_txt {
	background-color:#FF9900; }
.RIVAIOT_titulo_img { width: 216px; }
.RIVAIOT_titulo_txt { width: 100%; }*/

@media (min-width:601px)
{

	#RIVAIOT_titulo { display: flex; }
	
	#RIVAIOT_titulo_img,
	#RIVAIOT_titulo_txt { align-self: center; }

	#RIVAIOT,
	#RIVAIOT_proceso,
	#RIVAIOT_beneficios { margin: 0em 8%; }
}

#RIVAIOT_proceso p { font-size:25px; }

.RIVAIOT_Etapa1 { display: flex; }

.RIVAIOT_Etapa2,
.RIVAIOT_Etapa3 { align-self: center; }

.RIVAIOT_Etapa2 { width: 6em; }
.RIVAIOT_Etapa3 { width: 100%; margin-bottom:1em; }

#RIVAIOT_beneficios
{
	border: 4px solid rgb(143,178,252);
	border-radius: 40px;
	padding:15px;
}



/* ******* Bibl_Inv_Diag ******* */



#Bibl_Inv_Diag .Diag_Mod
{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: stretch;
}

#Bibl_Inv_Diag .Diag_Mod li
{
	width:30em;
}


/* ******* Concurso Bono Colectivo ******* */


.Bono_Col_Marco_Rad {
	border-radius: 40px;
}

.Bono_Col_Marco {
	border-width:6px;
	border-radius: 40px;
	border-style: double;
	padding:15px;
}

.Bono_Col_Marco_2015 {
	border-color:#AFB52E;
	background-color: #C5C967;
}

.Bono_Col_Marco_2016 {
	border-color:#ADBCD9;
	background-color: #C7D1E4;
}


/* ******* Directorio Telefonico ******* */

#Dir_tel table th { text-align:left !important;}


/* ******* Emergencias ******* */

/*#Emergencias #MenuSecundario a { min-height:5em !important; }*/




/* ******* MIIPR esa Interinstitucional Impulso de Planes Reguladores ******* */

#MIIPR
{
}

#MIIPR h1
{
	text-align:center !important;
}

#MIIPR h2
{
	color: #FFFFFF;
	font-family: 'gotham_mediumitalic';
	text-align:center !important;
	margin:0px;
}

#MIIPR #Tit_MIIPR          { background-color: rgba( 48,127,  0,1); }
#MIIPR #Tit_Plan_Regulador { background-color: rgba(  0,128,128,1); }

#MIIPR #Tit_Monitoreo      { background-color: rgba(165, 82,  0,1); }
#MIIPR #Tit_Capacitacion   { background-color: rgba(  0,172,135,1); }
#MIIPR #Tit_Enlaces        { background-color: rgba(243, 84,  0,1); }
#MIIPR #Tit_Biblioteca     { background-color: rgba(  0,137,173,1); }
#MIIPR #Tit_Contacto       { background-color: rgba(145,124,111,1); }

/*resoluion pantalla large*/
@media (min-width:601px)
{
	#MIIPR h1 {	font-size:28px; }
	#MIIPR h2 {	font-size:25px; }
	#MIIPR h3 {	font-size:20px; }

}

/*resoluion pantalla small*/
@media (max-width:600px)
{
	#MIIPR h1 {	font-size:22px; }
	#MIIPR h2 {	font-size:20px; }
	#MIIPR h3 {	font-size:20px; }
	.MIIPR_Inst img { width:40%; }
}

#MIIPR nav div { background-color: #FFFFFF; }

#Men_MIIPR { margin-left:1em; }
#Men_MIIPR { width:22em; }

#Men_MIIPR a { text-align:left; }
#Men_MIIPR a { width:21em; }

#M_Men_MIIPR2
{
	color: 				#3366CC !important;
	font-weight: 		bold !important;
}


#List_Conforman,
#List_Funciones
{
	list-style-type:lower-alpha
}





/* ******* CONAPDIS ******* */

#CONAPDIS h2 { text-align:center; }

.CONAPDIS_video
{
	border:1px solid grey;
}

.CONAPDIS_IMG { margin:auto; }

@media (min-width:601px)
{
	.CONAPDIS_video { width:50% }
	.CONAPDIS_IMG { width:50% }
}

@media (max-width:600px)
{
	.CONAPDIS_video { width:100% }
	.CONAPDIS_IMG   { width:100% }
}





/* ******* Manual de Participación Ciudadana para Procesos de Ordenamiento Territorial y Planificación Urbana ******* */

#Ma_Pa_Ci_Or_Te
{
}

#Tit_princ
{
	text-align:center;
	font-size:25px;
	color:#FFFFFF;
	background-color:rgb(101,98,146);
}


#Ma_Pa_Ci_Or_Te .Contenidos
{
	display: flex;
	align-items: center;
	margin-bottom:2em;
}

#Ma_Pa_Ci_Or_Te .Contenidos img
{
	margin: 0px 10px;
}


#Ma_Pa_Ci_Or_Te #MenuSecundario_Inicio a
{
	text-align:center;
}






.Marco_Nota {
	border-width:6px;
	border-radius: 40px;
	border-style: double;
	padding:15px;
	border-color:rgba(40,126,128,1.00);
	background-color:rgba(58,191,194,1.00);
}