
<?php

  //session_start();
/*=========================================================================================*/
/*===============================MANEJO DE ERRORES=========================================*/
/*=========================================================================================*/
   ini_set("display_errors",0);
   ini_set("log_errors", 1);
   ini_set("error_log", __DIR__ . '/php/php-error.log'); 
/*=========================================================================================*/
/*=====================CONFIGURACIÓN DE CABECERAS==========================================*/
/*=========================================================================================*/

    define('ROOT_PATH_MODELO',__DIR__.'/ObrasPub/modelo/');
    define('ROOT_PATH_FORMULARIOS',__DIR__.'/php/');

    require_once ROOT_PATH_MODELO . 'modelo_pdo_du_2.php';
    require_once ROOT_PATH_FORMULARIOS . 'validacion_xss.php';

	require_once ROOT_PATH_FORMULARIOS . 'nocache.php';
	require_once ROOT_PATH_FORMULARIOS . 'social-icon.php';
	require_once ROOT_PATH_FORMULARIOS . 'encabezado.php'; 
    $datos="img/DatosProgOrdTerryDesaEst.png";
	img($datos);
	require_once ROOT_PATH_FORMULARIOS . 'header.php'; 
	require_once ROOT_PATH_FORMULARIOS . 'menu.php'; 

    $normas = new Estatal_ord();
 
    $leyes_reg=$normas->getLeyes();
    $total_registros=count($leyes_reg);
	
 
?>
<link rel="stylesheet" href="ObrasPub/v2/tabla.css">
<style>
    .modern-table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0 10px; /* Espacio entre filas */
    }
    .modern-table tr {
        background: #ffffff;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
        border-radius: 8px;
    }
    .modern-table td {
        padding: 15px;
        border: none;
    }
    .btn-download {
     /*   ; 
        color: white;
        padding: 12px 36px;
        border-radius: 20px;
        text-decoration: none;
        font-size: .95rem;
        transition: 0.3s;*/
		background-color: #2c7a7b;
		color: white;
		display: inline-flex;      /* Alinea icono y texto en línea */
    	align-items: center;       /* Centra verticalmente */
    	justify-content: center;   /* Centra horizontalmente */
    	width: auto;               /* ¡IMPORTANTE! Permite que el botón crezca */
    	min-width: 120px;          /* Un ancho mínimo para que no se vea pequeño */
    	padding: 12px 26px;         /* Espacio interno para que respire el texto */
    	border-radius: 20px;       /* Bordes redondeados pero tipo "píldora" */
    	white-space: nowrap;       /* Evita que el texto se salte de línea */
    	text-decoration: none;
    }
   /* .btn-download:hover {
        background-color: #8dbeaf;
		font-weight: bold;
        text-decoration: none;
        margin-left: 10px;
		
    }
    .btn-link {
        color: #97f0cb;
        font-weight: bold;
        text-decoration: none;
        margin-left: 10px;
    }*/
	tr:nth-child(even) {
    background-color: #f3f1f1d2; /* Un gris muy claro */
}

/* O puedes usar las impares (odd) */
tr:nth-child(odd) {
    background-color: #ffffff;
}
th {
    background-color: #11332f; /* El verde azulado similar al de tu captura */
    color: white;             /* Texto en blanco para contraste */
    padding: 12px;            /* Espaciado interno para que se vea profesional */
    text-align: center;       /* Alineación del texto */
}


		:root {
            --primary-color: #009887; /* Verde oscuro del header */
            --bg-color: #f7f7f3; /* Crema de fondo */
            --card-bg: #ffffff; /* Blanco de tarjetas */
            --accent-teal: #009887; /* Teal de los botones */
            --text-main: #333;
            --text-light: #ffffff;
            --border-color: #d1d1b8;
			--primary-color2: #11332f; 
    	}

  	/*=============================HEADER===================================**/
		alertfondo{

			background-color: var(--primary-color);
			color: var(--text-light);
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-bottom: 2px solid var(--border-color);
			
			width: 100%;
			box-sizing: border-box; 
    
    		padding: 2px clamp(10px, 4vw, 30px);

		}

        .header-left {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .logo-placeholder {
            font-size: 1.5rem;
            font-weight: bold;
            letter-spacing: -1px;
        }

        header h1 {
            margin: 0;
            font-size: 1.2rem;
            font-weight: normal;
        }

  /* CONTENEDOR PRINCIPAL (DOS COLUMNAS) */
        .main-container {
            flex: 1;
            display: flex;
            overflow: hidden; /* Importante para que los paneles tengan scroll propio */
        }

        /* PANEL IZQUIERDO (INFO) */
        .info-panel {
            flex: 0 0 60%; /* 60% de ancho fjo */
            padding: 20px;
            overflow-y: auto; /* Scroll vertical */
            border-right: 2px solid var(--border-color);
        }

        /* SELECTOR */
        .search-container {
            display: flex;
            gap: 10px;
            margin-bottom: 20px;
        }

        .custom-select-wrapper {
            position: relative;
            flex-grow: 1;
        }

        select {
            width: 100%;
            padding: 9px 15px;
            font-size: 1rem;
            border: 2px solid var(--border-color);
            border-radius: 8px;
            background-color: #fff;
            appearance: none; /* Quita flecha nativa */
            cursor: pointer;
        }

        .search-icon-btn {
            background-color: var(--primary-color);
            border: none;
            border-radius: 8px;
            color: #fff;
            padding: 0 15px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* TARJETA PRINCIPAL */
        .label-card {
            background-color: var(--primary-color);
            color: var(--text-light);
            padding: 2px;
            border-radius: 8px;
            margin-bottom: 5px;
            text-align: center;
        }

		
        .label-info {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            font-weight: bold;
            margin-bottom: 10px;
			font-size: 16px;
        }

        .consult-title {

 			width: auto; /* Cambia de 100% a auto para que el margen negativo funcione */
    		margin-left: -20px;  /* Ajusta este valor al padding que tenga el padre */
    		margin-right: -20px; 
    		margin-bottom: -20px; /* Si quieres que pegue abajo */
    
    		box-sizing: border-box;
    		background-color: var(--primary-color2);
			border-radius: 0 0 15px 15px; 
    		padding: 28px clamp(20px, 4vw, 30px);
    		text-align: center; /* Para centrar el texto del programa */

        }

        /* TARJETAS DE DOCUMENTOS */
        .doc-cards-container {
            display: flex;
            flex-direction: column;
            gap: 15px;
            margin-bottom: 20px;
        }

        .doc-card {
            display: flex;
            align-items: center;
            background-color: var(--card-bg);
            border: 1px solid var(--border-color);
            border-radius: 12px;
            padding: 10px 20px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        }

        .doc-year {
            flex: 0 0 80px;
            font-size: 1.1rem;
            font-weight: bold;
            color: var(--primary-color);
            border-right: 1px solid var(--border-color);
            margin-right: 20px;
            text-align: center;
        }

        .doc-details {
            flex-grow: 1;
        }

        .doc-title {
            font-weight: bold;
            font-size: 0.95rem;
            margin-bottom: 4px;
        }

        .doc-sub {
            font-size: 0.8rem;
            color: #666;
        }

        .status-badge {
            display: flex;
            align-items: center;
            gap: 6px;
            background-color: var(--accent-teal);
            color: #fff;
            padding: 8px 15px;
            border-radius: 20px;
            font-size: 0.85rem;
            font-weight: bold;
            border: none;
            cursor: pointer;
        }

        .status-badge i { font-size: 1rem; }

        /* REGISTRO INFO */
        .registry-info {
            text-align: center;
            font-size: 0.8rem;
            color: #555;
            margin-bottom: 25px;
            line-height: 1.6;
        }

        /* BOTÓN REGRESAR */
        .back-btn-container {
            display: flex;
            justify-content: center;
          
  
        }

        .back-btn {
            
			background-color: var(--primary-color);
            color: var(--text-light);
            border: none;
            border-radius: 25px;
		    font-size: 1.2rem;
            font-weight: bold;
            justify-content: center;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 10px;
            transition: background 0.2s;
  
			 /* Añade estas dos líneas */
			width: 100%;
			box-sizing: border-box; 
       		padding: 12px clamp(10px, 4vw, 30px);
			
        }


        .back-btn:hover { background-color: #11332f; }
	    /* ESTILOS DE ICONOS (USANDO UNICODE O SVG SENCILLOS) */
        .pin-icon { color: #d9534f; font-size: 1.2rem; } /* Rojo */
        .search-icon { font-size: 1.1rem; }

</style>

	<!--=================================================================================================== -->
	<!--========================================== CONTENIDO ============================================== -->
	<!--=================================================================================================== -->

	<div class="container g-pt-150 g-pb-10" style="margin-top: -130px">
   
   		<div class=" row">

    		<div class="col-sm-12" id="sopyc4" style="padding-right: 0px; padding-left: 0px">

				<section class="text-center">

					<div class="container">

					<div class="row" >

						<div class="col-lg-4" style="padding-right: 0px;padding-left: 0px">

                            <div class="shortcode-html">
								<!-- Inicio Acordion -->
								<div id="accordion-06" class="u-accordion" role="tablist" aria-multiselectable="true">
  
									<!-- Card -->
									<div class="card rounded-0 g-bg-gray-light-v3 g-brd-none">
										<div id="accordion-06-heading-02  " class="u-accordion__header g-pa-20" role="tab">
											<h5 class="mb-0 text g-font-size-14 g-font-weight-700">
												<a class="collapsed d-flex justify-content-between g-color-main g-text-underline--none--hover" href="#accordion-06-body-02" data-toggle="collapse" data-parent="#accordion-06" aria-expanded="false" aria-controls="accordion-06-body-02">
													Sistema Estatal de Planeación del Ordenamiento Territorial y Desarrollo Urbano de Chiapas.
													<span class="u-accordion__control-icon g-ml-0">
														<i class="fa fa-angle-down"></i>
														<i class="fa fa-angle-up"></i>
													</span>
												</a>
											</h5>
											
										</div>

										<div id="accordion-06-body-02" style="text-align: left;" class="collapse show" role="tabpanel" aria-labelledby="accordion-06-heading-02" data-parent="#accordion-06">
											<div class="u-accordion__body g-color-gray-dark-v5 g-pa-0-20-20">
												<div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
													
													<!-- <a class="nav-link" id="aviso-tab2" data-toggle="pill" href="#leynor" role="tab" aria-controls="v-pills-home" aria-selected="true" style="font-size:14px;text-align:left;"><span class="g-mr-10 g-mt-5"><img src="img/normas_leyes.png "width="19%" height="50%" /></span>Normas y Leyes</a>-->
													<h5 class="mb-0 text g-font-size-14 g-font-weight-800">
															<a class="nav-link" id="manu-tab"  data-toggle="collapse" href="" role="tab" aria-controls="leyes-normas-referentes" aria-selected="false" aria-expanded="false" data-target="#leyes-normas-referentes"  style="font-size:14px;text-align:left;"><span class="g-mr-10 g-mt-5"><img src="img/normas_leyes.png" width="19%" height="50%" /></span>
																Leyes, Normas y Referentes
																<span class="u-accordion__control-icon g-ml-0">
																	<i class="fa fa-angle-down"></i>
																	<i class="fa fa-angle-up"></i>
																</span>
													
															</a>
													</h5>
													
													<div id="leyes-normas-referentes" class="collapse submenu" role="tabpanel" style="text-align:left;" >
															<ul class="nav flex-column">
																<li class="nav-item">

																	<a class="nav-link" id="leyes_php" data-toggle="pill" href="#leyes-DU" role="tab" aria-controls="v-pills-home" aria-selected="true" style="font-size:14px">Leyes</a>
																	<a class="nav-link" id="normas_php" data-toggle="pill" href="#normas-DU" role="tab" aria-controls="v-pills-home" aria-selected="true" style="font-size:14px">Normas</a>	
																	<a class="nav-link" id="regionales" data-toggle="pill" href="#referentes-DU" role="tab" aria-controls="v-pills-home" aria-selected="true" style="font-size:14px">Referentes Complementarios</a>	
																	
																
																</li>
																
															</ul>
													</div>	
																							
													<h5 class="mb-0 text g-font-size-14 g-font-weight-800">
															<a class="nav-link" id="manu-tab"  data-toggle="collapse" href="" role="tab" aria-controls="consejos" aria-selected="false" aria-expanded="false" data-target="#consejos"  style="font-size:14px;text-align:left;"><span class="g-mr-10 g-mt-5"><img src="img/consejo.png" width="19%" height="50%" /></span>
																Organos Auxiliares Deliberativos
																<span class="u-accordion__control-icon g-ml-0">
																	<i class="fa fa-angle-down"></i>
																	<i class="fa fa-angle-up"></i>
																</span>
													
															</a>
													</h5>

													<div id="consejos" class="collapse submenu" role="tabpanel" style="text-align:left;" >
															<ul class="nav flex-column">
																<li class="nav-item">

																	<a class="nav-link" id="estatales" data-toggle="pill" href="#c_estatales" role="tab" aria-controls="v-pills-home" aria-selected="true" style="font-size:14px">Estatales</a>
																	<a class="nav-link" id="metropolitano" data-toggle="pill" href="#c_metropolitano" role="tab" aria-controls="v-pills-home" aria-selected="true" style="font-size:14px">Metropolitanos</a>	
																	<a class="nav-link" id="regionales" data-toggle="pill" href="#c_regionales" role="tab" aria-controls="v-pills-home" aria-selected="true" style="font-size:14px">Regionales</a>	
																	<a class="nav-link" id="municipales" data-toggle="pill" href="#c_municipales" role="tab" aria-controls="v-pills-home" aria-selected="true" style="font-size:14px">Municipales</a>	
																	<!---<a class="nav-link" id="comision_metropolitano" data-toggle="pill" href="#c_cmetropolitano" role="tab" aria-controls="v-pills-home" aria-selected="true" style="font-size:14px">Comisiones de Ordenamiento Metropolitano</a>--------->
																
																</li>
																
															</ul>
													</div>	

													<h5 class="mb-0 text g-font-size-14 g-font-weight-800">
															<a class="nav-link" id="manu-tab"  data-toggle="collapse" href="" role="tab" aria-controls="consejos" aria-selected="false" aria-expanded="false" data-target="#programas"  style="font-size:14px;text-align:left;">
																<span class="g-mr-10 g-mt-5"><img src="img/programaDU2.png" width="19%" height="50%" /></span>
																Programa de Ordenamiento Territorial y Desarrollo Urbano
																<span class="u-accordion__control-icon g-ml-0">
																	<i class="fa fa-angle-down"></i>
																	<i class="fa fa-angle-up"></i>
																</span>
													
															</a>
													</h5>

													<div id="programas" class="collapse submenu" role="tabpanel" style="text-align:left;" >
														<ul class="nav flex-column">
																<li class="nav-item">
																	
																	<a class="nav-link" id="estatales" href="ObrasPub/v2/publicaciones/programas_du_est.php" role="tab" aria-controls="v-pills-home" aria-selected="true" style="font-size:14px">Estatales</a>
																	<a class="nav-link" id="regionales" href="ObrasPub/v2/publicaciones/programas_du_reg.php" role="tab" aria-controls="v-pills-home" aria-selected="true" style="font-size:14px">Regionales</a>	
																	<a class="nav-link" id="metropolitano" href="ObrasPub/v2/publicaciones/programas_du.php" style="font-size:14px">Metropolitanos</a>	
																    <a class="nav-link" id="municipales" href="ObrasPub/v2/publicaciones/programas_du_mun.php" role="tab" aria-controls="v-pills-home" aria-selected="true" style="font-size:14px">Municipales</a>	
																	<a class="nav-link" id="cp" href="ObrasPub/v2/publicaciones/programas_du_cp.php" role="tab" aria-controls="v-pills-home" aria-selected="true" style="font-size:14px">Centros de población</a>	
																	
																</li>
																
														</ul>
													</div>	

											

												</div>		
											</div>
										</div>

										
									</div>
								</div>
     					     </div>
					    </div>
	
						<div class="col-lg-8 g-mb-0 g-mb-0--lg" style="padding-right: 1px;padding-left: 1px;">

							<article>

								<div class="col-sm-12" style="padding-right: 1px;padding-left: 1px;">

									<div class="tab-content" id="v-pills-tabContent">

									

										<!-------------------------------------------------------------------------------------------------------->
										<!-----------------------------------------Inicio Leyes y normas------------------------------------------>
										<!-------------------------------------------------------------------------------------------------------->
											<?php 	
												
												include "ObrasPub/v2/publicaciones/normas.php";
												include "ObrasPub/v2/publicaciones/leyes.php";
												include "ObrasPub/v2/publicaciones/referentescomplementarios.php";
												
											
											?>
										<!-------------------------------------------------------------------------------------------------------->
										<!------------------------------------------Fin Leyes y normas-------------------------------------------->
										<!-------------------------------------------------------------------------------------------------------->
											
										<!-------------------------------------------------------------------------------------------------------->
										<!------------------------------------Inicia consejo estatal---------------------------------------------->
										<!-------------------------------------------------------------------------------------------------------->
												<?php 	include "ObrasPub/v2/publicaciones/estatal_organos.php";?>
										<!-------------------------------------------------------------------------------------------------------->
										<!---------------------------------------Fin Consejo estatal---------------------------------------------->
										<!-------------------------------------------------------------------------------------------------------->

										<!-------------------------------------------------------------------------------------------------------->
										<!---------------------------------------Inicio consejo municipal---------------------------------------->
										<!-------------------------------------------------------------------------------------------------------->
												<?php 	include "ObrasPub/v2/publicaciones/municipales_organos.php";?>
										<!-------------------------------------------------------------------------------------------------------->
										<!---------------------------------------Fin consejo municipal-------------------------------------------->
										<!-------------------------------------------------------------------------------------------------------->

										<!-------------------------------------------------------------------------------------------------------->
										<!---------------------------------------inicio consejo metropilitano------------------------------------->
										<!-------------------------------------------------------------------------------------------------------->
												<?php 	include "ObrasPub/v2/publicaciones/c_metropolitano.php";?>
										

										<!-------------------------------------------------------------------------------------------------------->
										<!---------------------------------------fin consejo metropilitano---------------------------------------->
										<!-------------------------------------------------------------------------------------------------------->

										<!-------------------------------------------------------------------------------------------------------->
										<!---------------------------------------Inicio consejo regional ---------------------------------------->
										<!-------------------------------------------------------------------------------------------------------->

										<div class="tab-pane fade" id="c_regionales" role="tabpanel" aria-labelledby="presentacion-tab">
											
													<div class="card-body">

														<div class="list-group">

															<div class="container">
																			
																<div id="shortcode8">

																	<div class="shortcode-html">
																		
																		<div class="container">
																			
																			<div class="row">
																				<div class="col-sm-12">
																					<div class="card g-brd-primary rounded-0 g-mb-30" style="margin-top: -10px">
																						<h3 class="card-header g-bg-primary g-brd-transparent g-color-white g-font-size-16 rounded-0 mb-0">
																							Consejos Regionales de Ordenamiento Territorial y Desarrollo Urbano <br/>
																						</h3>
																						<div class="card-block table-responsive g-pa-15">
																							<table class="modern-table" id="tabla">
																								<thead style="background-color: #11332f; color: white;padding: 12px;text-align: center;">
																							
																									<tr>
																										
																										<th  style="text-align:center; font-size:12px;">Acta del consejo</th>
																										<th  style="text-align:center; font-size:12px;">Fecha</th>
																										<th  style="text-align:center; font-size:12px;">Descargar</th>
																										
																									</tr>
																								</thead>

																								
																							</table>
																						</div>
																					</div>		
																				</div>	
																			</div>
																		</div>
																	</div>
																</div>
															</div> 
														</div>
													</div>
										</div>

										<!-------------------------------------------------------------------------------------------------------->
										<!---------------------------------------Fin consejo regional-------------------------------------------->
										<!-------------------------------------------------------------------------------------------------------->


										<!-------------------------------------------------------------------------------------------------------->
										<!---------------------------------------Inicio comision metropolitano ----------------------------------->
										<!-------------------------------------------------------------------------------------------------------->

										<div class="tab-pane fade" id="c_cmetropolitano" role="tabpanel" aria-labelledby="presentacion-tab">
											<?php 
												
												$consejo_matropolitano = new Estatal_ord();
												$id='4';
												$consejo_comision_metro_reg=$consejo_matropolitano->getConsejos($id);

											?> 
											<div class="card-body">

												<div class="list-group">

														<div class="container">
																			
															<div id="shortcode8">

																	<div class="shortcode-html">
																		
																		<div class="container">
																			
																		<div class="row">
																				<div class="col-sm-12">
																				<div class="card g-brd-primary rounded-0 g-mb-30" style="margin-top:-10px">
																						<h3 class="card-header g-bg-primary g-brd-transparent g-color-white g-font-size-16 rounded-0 mb-0">
																							Comisión Metropolitano de Ordenamiento Territorial y Desarrollo Urbano <br/>
																						</h3>
																					<div class="card-block table-responsive g-pa-15">
																							<table class="modern-table" id="tabla">
																								<thead style="background-color: #11332f; color: white;padding: 12px;text-align: center;">
																									<tr>
																										<th  style="text-align:center; font-size:12px;">Acta del consejo</th>
																										<th  style="text-align:center; font-size:12px;">Descargar</th>
																									</tr>
																								</thead>

																								<tbody>
																								<?php
																										for ($i = 0; $i < count($consejo_comision_metro_reg) ; $i++) {
																									
																											$descripcion_tmp=$consejo_comision_metro_reg[$i]["nombreConsejo"];
																											$nomarchivo=$consejo_comision_metro_reg[$i]["archivo"];
																											$linkarchivo=$consejo_comision_metro_reg[$i]["link"];
																													
																											$descripcion=($descripcion_tmp);	
																											$nomarchivo_tmp=($nomarchivo);
																										/*$result_ce=$result_estatal;
																										while ($row2 = mysqli_fetch_row($result_ce))
																										{
																											$descripcion_tmp=$row2[2];
																											$nomarchivo=$row2[3];
																											$linkarchivo=$row2[4];
																													
																											$descripcion=utf8_encode($descripcion_tmp);	
																											$nomarchivo_tmp=utf8_encode($nomarchivo);
																											*/
																										?>
																									<tr>
																										
																										
																										<td  style="text-align:justify; font-size:12px;"><?php echo html_entity_decode($descripcion, ENT_QUOTES, "UTF-8"); ?></td>
																										<td  style="text-align:center; font-size:12px;">
																											<a style="color:#621132" class="js-fancybox d-block u-block-hover" data-fancybox="" data-src="<?php echo html_entity_decode($nomarchivo_tmp, ENT_QUOTES, "UTF-8");;?>" href="javascript:void(0);"> 
																												<span class="u-label u-label-danger g-color-white u-label-with-icon">
																													<i class="fa fa-download"></i>
																													Descargar
																												</span> 
																											</a>
																										</td>
																										<!--<td  style="text-align:center; font-size:12px;"> 
																											<a href="<?php echo $linkarchivo; ?>" target="_blank">
																												<span class="u-label u-label-danger g-color-white u-label-with-icon">
																													<i class="fa fa-search"></i>
																													link de consulta

																												</span>
																											</a>
																										</td>-->
																										<?php 
																											}
																											$consejo_matropolitano=null;
																										?>
																									</tr>
																								</tbody>
																							</table>
																					</div>
																				</div>		
																				</div>	
																			</div>

																			<!-- Imagenes
										<div class="row">
																				<div class="col-sm-4">
																					<img src="<?php echo $a;?>" width="230px" height="208px" />
																				</div>
																				<div class="col-sm-4">
																					<img src="<?php echo $a;?>" width="230px" height="208px" />
																				</div>
																				<div class="col-sm-4">
																					<img src="<?php echo $a;?>" width="230px" height="208px" />
																				</div>
																				<div class="col-sm-4">
																				<?php if ($band==1){?>
																
																<a id="<?php $id_row2=$id_row_ord; echo $id_row_ord;?>" class="btn btn-md u-btn-outline-darkred g-mr-10 g-mb-15" href="javascript:;" title="">Galería de Imagenes</a>
																

														<?php } ?>

														
														
													<div class="row">
																										
														<div class="col-sm-12">
														
															<img src="<?php echo $b;?>" width="230px" height="208px" />
															
														</div>	
														
														<div class="col-sm-12" style="margin-top:10px">
															<img src="<?php echo $c;?>" width="230px" height="208px" />
														</div>	
													</div>	
												</div>
											</div>-->

																			
																		</div>
																		
																		
														
																	</div>
															</div>
														</div> 
												</div>
											</div>
										</div>

										<!-------------------------------------------------------------------------------------------------------->
										<!---------------------------------------Fin comision metropolitano-------------------------------------------->
										<!-------------------------------------------------------------------------------------------------------->
									</div>
								</div>
							</article>
						</div>
				</section>
			</div>
        </div>
    </div>

</div>
<br/>

   
		<!--=================================================================================================== -->

		<!--========================================== CONTENIDO ============================================== -->

		<!--=================================================================================================== -->

		<!--=================================================================================================== -->

		<!--================================== FOOTER DE LA DEPENDENCIA ======================================= -->

		<!--=================================================================================================== -->


<?php include 'php/foother.php';?>
<script src="ObrasPub/v2/js/consulta_centros_metropolitano.js"></script>