<div class="ms-rtestate-field"><span class="ms-rteStyle-Titulo_Principal" id="SpanTitulo"></span>
<br/><br/>
<div class="sky-tabs sky-tabs-pos-left sky-tabs-anim-flip sky-tabs-response-to-icons">
								<input type="radio" name="sky-tabs" checked id="sky-tab1" class="sky-tab-content-1">
								<label for="sky-tab1"><span><span><i class="fa fa-bolt"></i>Perfil</span></span></label>
								
								<input type="radio" name="sky-tabs" id="sky-tab2" class="sky-tab-content-2">
								<label for="sky-tab2"><span><span><i class="fa fa-picture-o"></i>Localizaci&oacute;n</span></span></label>
								
								<input type="radio" name="sky-tabs" id="sky-tab3" class="sky-tab-content-3">
								<label for="sky-tab3"><span><span><i class="fa fa-cogs"></i>Documentaci&oacute;n</span></span></label>
								
								<input type="radio" name="sky-tabs" id="sky-tab4" class="sky-tab-content-4">
								<label for="sky-tab4"><span><span><i class="fa fa-globe"></i>Galer&iacute;a</span></span></label>
								
								<ul>
									<li class="sky-tab-content-1">					
										<div class="typography">
											<table width="100%">
												<tbody><tr>
													<td class="ms-rteStyle-Subtitul3" colspan="2">Per&iacute;odo:</td>
												</tr>
												<tr>
													<td class="ms-rteStyle-Texto_Normal" colspan="2">
														<div id="DivPeriodo" class="ms-rteStyle-Texto_Normal"></div>
													</td>
												</tr>

												<tr>
													<td class="ms-rteStyle-Subtitul3" colspan="2">Descripci&oacute;n:</td>
												</tr>
												<tr>
													<td class="ms-rteStyle-Texto_Normal" colspan="2">
														<div id="DivDescrip" class="ms-rteStyle-Texto_Normal"></div>
													</td>
												</tr>

												<tr>
													<td class="ms-rteStyle-Subtitul3" style="width:50%; text-align:left; padding-right: 15px;">Localizaci&oacute;n:</td>
													<td class="ms-rteStyle-Subtitul3" style="width:50%; text-align:left; padding-right: 15px;">Inversi&oacute;n:</td>
												</tr>

												<tr>
													<td class="ms-rteStyle-Texto_Normal" style="width:50%; text-align:left; padding-right: 20px !important;"><div id="DivLocalizacion" class="ms-rteStyle-Texto_Normal"></div></td>
													<td class="ms-rteStyle-Texto_Normal" style="width:50%; text-align:left; padding-right: 15px;"><div id="DivInversion" class="ms-rteStyle-Texto_Normal"></div></td>
												</tr>

												<tr>
													<td class="ms-rteStyle-Subtitul3" style="width:50%; text-align:left; padding-right: 15px;">Programas:</td>
													<td class="ms-rteStyle-Subtitul3" style="width:50%; text-align:left; padding-right: 15px;">Aportes:</td>
												</tr>

												<tr>
													<td class="ms-rteStyle-Texto_Normal" style="width:50%; text-align:left; padding-right: 15px;"><div id="DivProgramas" class="ms-rteStyle-Texto_Normal"></div></td>
													<td class="ms-rteStyle-Texto_Normal" style="width:50%; text-align:left; padding-right: 15px;"><div id="DivAportantes" class="ms-rteStyle-Texto_Normal"></div></td>
												</tr>

												<tr>
													<td class="ms-rteStyle-Subtitul3" style="width:50%; text-align:left; padding-right: 15px;">Fecha Inicio:</td>
													<td class="ms-rteStyle-Subtitul3" style="width:50%; text-align:left; padding-right: 15px;">Fecha Finalizaci&oacute;n:</td>
												</tr>

												<tr>
													<td class="ms-rteStyle-Texto_Normal" style="width:50%; text-align:left; padding-right: 15px;"><div id="DivFInicio" class="ms-rteStyle-Texto_Normal"></div></td>
													<td class="ms-rteStyle-Texto_Normal" style="width:50%; text-align:left; padding-right: 15px;"><div id="DivFFin" class="ms-rteStyle-Texto_Normal"></div></td>
												</tr>

													<tr>
														<td class="ms-rteStyle-Subtitul3" style="width:50%; text-align:left; padding-right: 15px;">Poblaci&oacute;n Beneficiaria:</td>
														<td class="ms-rteStyle-Subtitul3" style="width:50%; text-align:left; padding-right: 15px;">Contacto Responsable:</td>
													</tr>

													<tr>
														<td class="ms-rteStyle-Texto_Normal" style="width:50%; text-align:left; padding-right: 15px;"><div id="DivPobBen" class="ms-rteStyle-Texto_Normal"></div></td>
														<td class="ms-rteStyle-Texto_Normal" style="width:50%; text-align:left; padding-right: 15px;"><div id="DivResponsable" class="ms-rteStyle-Texto_Normal"></a></div></td>
													</tr>

													<tr>
														<td class="ms-rteStyle-Subtitul3" style="width:50%; text-align:left; padding-right: 15px;">Avance F&iacute;sico:</td>
														<td class="ms-rteStyle-Subtitul3" style="width:50%; text-align:left; padding-right: 15px;">Avance Financiero:</td>
													</tr>

													<tr>
														<td class="ms-rteStyle-Texto_Normal" style="width:50%; text-align:left; padding-right: 15px;"><div id="DivAFisico" class="ms-rteStyle-Texto_Normal"></div></td>
														<td class="ms-rteStyle-Texto_Normal" style="width:50%; text-align:left; padding-right: 15px;"><div id="DivAFinanciero" class="ms-rteStyle-Texto_Normal"></div></td>
													</tr>
												</tbody></table>
											
										</div>
									</li>
									
									<li class="sky-tab-content-2">
										<div class="typography">
											<div id="DivLocalizacionn"></div>
										</div>
									</li>
									
									<li class="sky-tab-content-3">
										<div class="typography">
											<div id="DivDocumentacionPry"></div>
										</div>
									</li>
									
									<li class="sky-tab-content-4">
										<div class="typography">
											<div id="Gallery"></div>
										</div>
									</li>					
								</ul>
							</div>
							
							
<script type="text/javascript">
$(document).ready(function () {
   LoadDetalleProyectos(); 
});
</script>



<!--galeria-->
	<link href="/Style Library/photoswipe.css" type="text/css" rel="stylesheet" />
	<script type="text/javascript" src="/js/simple-inheritance.min.js"></script>
	<script type="text/javascript" src="/js/code-photoswipe-1.0.11.min.js"></script>
	<script type="text/javascript">
		
		// Set up PhotoSwipe with all anchor tags in the Gallery container 
		
		
		/* 
			Overview: 
			---------
			
			Code.photoSwipe(thumbnail-elements, container-element, options);
				
			When you specify a container-element, the helper uses event delegation
			to handle the click event, i.e. rather than having 50 click event listeners
			for each thumbnail, we have one for the container then try and deduce which
			thumbnail was clicked. If you omit a container, an event listener will be placed 
			on each individual thumbnail found.
			
			
			With options:
			-------------
			Code.photoSwipe('a', '#Gallery', { loop: false } );
			
			
			Using preselected elements:
			---------------------------
			var galleryEl = document.getElementById('Gallery');
			var thumbEls = galleryEl.querySelectorAll('a');
			
			Code.photoSwipe(thumbEls, galleryEl);
		
		*/		
		
</script>

<style type="text/css">
div.gallery-item img
{
    width: 168px !important;
    height: 201px !important;
}

.sky-tabs-pos-left > label, .sky-tabs-pos-right > label {
    display: block;
    /*width: 20%;*/
    float: left;
    clear: left;
    margin-right: 0;
    font-size: 20px;
    font-family: 'Oswald', sans-serif !important;
}

.ms-rteStyle-Subtitul3 {
    font-family: 'Oswald', sans-serif !important;
    color: #ee1c25;
    font-weight: 400 !important;
    text-align: justify !important;
    font-size: 14px !important;
    line-height: 18px !important;
}
</style>