https://emapica.com.pe/

1<style>
2
3.v .l, .v .r {
4    box-sizing: border-box;
5    border-right: 1px solid #d9d9d9;
6    padding: 0 10px;
7}
8
9.v .r {
10    border-right: none;
11}
12
13.v figure {
14    margin: 0;
15}
16
17.v .l:hover, .v .r:hover {
18    background: #f5f8fb;
19    transition: 0.2s;
20}
21
22
23    .spot,.spot2{
24			position: fixed;
25			z-index: 100;
26			width: 100%;
27			height: 100%;
28			background: rgba(0,0,0,0.8);
29		}
30		.v,.v2{
31			width: 100%;
32			height: auto;
33			background: white;
34			position: absolute;
35			top: 50%;
36			left: 50%;
37			transform: translate(-50%,-50%);
38		}
39		.l, .r{
40        width:25%;
41        font-size: 1rem;
42        float:left;
43		}
44		.l{
45		    float:left;
46		}
47
48		.r{
49		    float:right;
50		}
51		.feria{
52		    clear:both;
53		    line-height:50px;
54		    background:#6497ce;
55		    color:white;
56		    text-align:center;
57		    font-size:1.0rem;
58		    color:white;
59		    line-height: 150%;
60		}
61		.feriared{
62		    clear:both;
63		    line-height:50px;
64		    background:#108742;
65		    color:white;
66		    text-align:center;
67		    font-size:1.0rem;
68		    color:white;
69		    line-height: 150%;
70		}
71
72        .v .l h2, .v .r h2 {
73            height: 60px;
74            display: flex;
75            align-items: center;
76            justify-content: center;
77}
78
79a.feria, a.feriared {
80    font-size: 22px;   /* aumenta el tamaño */
81    font-weight: bold; /* negrita */
82    text-transform: uppercase; /* opcional: mayúsculas */
83    display: block;    /* que se vea como bloque separado */
84    margin: 10px 0;    /* espacio alrededor */
85    text-align: center;
86}
87
88a.feria {
89    color: #004080; /* azul oscuro */
90}
91
92a.feria:hover {
93    color: #0066cc; /* azul más vivo al pasar el mouse */
94    text-decoration: underline;
95}
96
97a.feriared {
98    color: #b30000; /* rojo fuerte */
99}
100
101a.feriared:hover {
102    color: #ff0000; /* rojo más brillante al pasar el mouse */
103    text-decoration: underline;
104}
105		.ferialila{
106		    clear:both;
107		    line-height:50px;
108		    background:#AF7AC5;
109		    color:white;
110		    text-align:center;
111		    font-size:1.0rem;
112		    color:white;
113		    line-height: 150%;
114		}
115h2{
116
117}
118.v a,.v2 a{
119    display:block;
120    text-align:center;
121}
122.v p.close, .v2 p.close2{
123    width:auto;
124    position:absolute;
125    top:-65px;
126    height:50px;
127    line-height:50px;
128    background:red;
129    direction:rtl;
130    color:white;
131    text-indent:10px;
132    font-weight:bolder;
133}
134
135h2{
136    width:90% !important;
137    text-align:center;
138    margin:auto;
139}
140
141.parrafo{
142    width:90%;
143    margin:auto;
144}
145
146figcaption{
147    text-align:center;
148    font-size:14px;
149}
150.feriared img {
151    max-width:100%;
152    max-height:550px;
153}
154		@media screen and (min-width:1200px){
155			.v{
156				width: 70%;
157				height: auto;
158				background: white;
159				position: absolute;
160				top: 50%;
161				left: 50%;
162				transform: translate(-50%,-50%);
163			}
164			.v2{
165				width: auto;
166				height: auto;
167				background: white;
168				position: absolute;
169				top: 50%;
170				left: 50%;
171				transform: translate(-50%,-50%);
172			}
173			
174    		.v p.close,.v2 p.close2{
175    		    text-indent:0;
176    			position: absolute;
177    			top: -60px;
178    			right: -60px;
179    			width: 50px;
180    			height: 50px;
181    			line-height: 50px;
182    			text-align: center;
183    			background: red;
184    			margin: 0;
185    			padding: 0;
186    			color: white;
187    			cursor:pointer;
188    		}
189		}
190
191
192
193@media screen and (max-width:768px){
194
195    .l,
196    .r{
197        width:100% !important;
198        float:none !important;
199        clear:both !important;
200        border-right:none !important;
201    }
202
203    .v{
204        width:95% !important;
205        max-height:85vh;
206        overflow-y:auto;
207    }
208
209    .v .l h2,
210    .v .r h2{
211        height:auto !important;
212        font-size:18px !important;
213    }
214}
215
216
217
218</style>
219
220
221<!DOCTYPE html>
222<html>
223<head><meta charset="euc-kr">
224    
225    
226 
227		<link rel="stylesheet" type="text/css" href="style/index.css" />
228		<link rel="stylesheet" type="text/css" href="style/info.css" />
229		<link rel="stylesheet" type="text/css" href="style/icomoon.css" />
230		<!--libreria de banner-->
231		<link rel="stylesheet" type="text/css" href="style/style.css" />
232
233		<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
234		<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
235      rel="stylesheet" />
236		
237		
238		<meta name="viewport" content="width=device-width, user-scalable=no">
239
240		

240<script type="text/javascript" src="script/modernizr.js"></script>

240
241
242
243		<title>Emapica</title>
244		<!--

244 <script src='https://www.google.com/recaptcha/api.js'></script>

244-->
245	</head>
246
247	
248 <div class="spot2">
249	<div class="v2">
250 		<div class="feriared">
251            <img src="image/prevencion_coronavirus/banner4.jpeg"/>
252 		</div>
253	    <p class="close2">X</p>
254    </div>
255</div>
256 
257<div class="spot">
258		<div class="v">
259		    <br />
260<!--
261            <div class="l">
262    			<h2>SUBASTA PUBLICA</h2>
263                <br />
264 			    <figure>
265			        <a href="SubastaPublica.php"><img src="image/btn2/SubastaPublica.png" style='width: 70%; max-width: 140px; height: auto;'/></a>
266		        </figure>
267    	        <br/>
268 			</div>
269
270-->
271
272 			<div class="l">
273                <h2>Monitoreo de Cisternas e Hidrojects</h2> 
274                <br/>
275                <br/>
276                <br/>
277                <figure>
278                        <a href="https://eps.center/central-virtual/emapica/dana/proceso-monitoreo/programaciones" target="_blank">
279                      <img src="image/btn2/RutaTiempoReal_01.png" style='width: 70%; max-width: 140px; height: auto; cursor: pointer;'/>
280                        </a>
281                </figure>
282                <br/>
283	        </div>
284            <div class="l">
285    			<h2>Mesa de partes</h2>
286                <br />
287 			    <figure>
288		                <a href="mesapartes.php"><img src="image/btn2/mesadepartes.png" style='width: 70%; max-width: 140px; height: auto;'/></a>   
289		        </figure>
290    	        <br/>
291 			</div>
292		    <div class="l">
293    			<h2>Presentación de reclamos</h2>
294                <br/>
295                <figure>
296		    	<a style="cursor: pointer" onclick = "redireccionar_esiincoweb();">
297                <img src="image/btn2/reclamos.png" style='width: 70%; max-width: 140px; height: auto;cursor: pointer'/></a>
298        		</figure>
299    	        <br/>
300 			</div>
301            <div class="r">
302                <h2>Consulta y paga tu recibo</h2>
303	           <br/>
304	            <figure>
305	                <a style="cursor: pointer" href="http://38.43.150.241/e-siincoweb/consulta/consultas">
306	                <img src="image/btn2/n.png" style='width: 70%; max-width: 140px; height: auto;cursor: pointer'/></a>
307                </figure>
308                <br/>
309
310
311            </div>
312
313<!--
314
315<div class="r">
316    <h2>RUTA EN TIEMPO REAL<br>AGUA A LA VISTA</h2>
317    <br/>
318    <figure>
319        <a href="https://eps.center/central-virtual/emapica/dana/proceso-monitoreo/programaciones" target="_blank">
320            <img src="image/btn2/RutaTiempoReal_01.png" style='width: 90%; max-width: 220px; height: auto; cursor: pointer;'/>
321        </a>
322    </figure>
323    <br/>
324</div>
325
326<div class="l">
327    <h2>Consulta y paga tu recibo</h2>
328    <br/>
329    <figure>
330        <a style="cursor: pointer" href="http://38.43.150.241/e-siincoweb/consulta/consultas">
331            <img src="image/btn2/n.png" style='width: 70%; max-width: 140px; height: auto;cursor: pointer'/>
332        </a>
333    </figure>
334    <br/>
335</div>
336
337<div class="l">
338    <h2>Mesa de partes</h2>
339    <br />
340    <figure>
341        <a href="mesapartes.php">
342            <img src="image/btn2/mesadepartes.png" style='width: 70%; max-width: 140px; height: auto;'/>
343        </a>
344    </figure>
345    <br/>
346</div>
347
348<div class="l">
349    <h2>Presentación de reclamos</h2>
350    <br/>
351    <figure>
352        <a style="cursor: pointer" onclick="redireccionar_esiincoweb();">
353            <img src="image/btn2/reclamos.png" style='width: 70%; max-width: 140px; height: auto;cursor: pointer'/>
354        </a>
355    </figure>
356    <br/>
357</div>
358	         	
359	         	
360-->	         	
361	         	
362	         	
363	         	
364	         			
365	        <br/>
366	        <div class="">
367	 <!-- <a class="feria" href="SubastaPublica.php" target="_blank" />Subasta Publica - Comercializacion de Aguas Residuales</a>  -->    
368	 <!-- <a class="feriared" href="trabajeconnosotros.php" target="_blank" />Trabaje con nosotros</a> -->    
369     <a class="ferialila" href="pdf/update17/gestion/AvisoSaneamientoFisicoLegalDic2025.pdf" target="_blank" />Saneamiento Fisico Legal de Bienes Inmuebles</a>

370     <a class="feriared" href="pdf/update17/gestion/AvisoAclaracionSFL(090626).pdf" target="_blank" />Aclaratoria de Publicacion SFL</a>
371     <a class="feria" href="pdf/update17/gestion/Comunicado_001_2026_Disposicion_Final.pdf" target="_blank" />Comunicado No 001 2026 Disposicion Final</a>
372<!--	 <a class="feria" href="SubastaPublica/2025/BASES_PTAR_YAURILLA_COMERCIALIZACION_Abril2025.pdf" target="_blank" />Subasta Publica - Comercializacion de Aguas Residuales</a> -->
373
374	<!--    	        <a href="SubastaPublica.php"><img src="image/btn2/mesadepartes.png" style='width: 70%; max-width: 140px; height: auto;'/></a> -->
375<!--		    <a class="feriared" href="pdf/update17/gestion/CARTA_EMCOSUR_102-2020.pdf" target="_blank" />Saneamiento Fisico Legal de Bienes Inmuebles, al Amparo Del D.S. N 130-2001 EF a favor del Estado Peruano - E.P.S. EMAPICA S.A.</a> -->
376<!--		    <a class="ferialila" href="pdf/update17/gestion/AvisoSaneamientoFisicoLegal.pdf" target="_blank" />Saneamiento Fisico Legal de Bienes Inmuebles, en el marco del Art. 21, 22 y 23 del TUO de la Ley 29151 y su Reglamento - E.P.S. EMAPICA S.A.</a> -->
377<!--            <a class="feria" href="contrataciones/2022/ComunicadoOCIAgosto2022(OKOK).jpg" target="_blank" />Convocatoria Jefe de Organo de Control Institucional Agosto 2022</a>      -->
378	<!--    	<a href="cbgc_4_6_estandar_47_prueba.html"><img src="image/btn2/mesadepartes.png" style='width: 70%; max-width: 140px; height: auto;'/></a>     -->
379<!--    -->
380		<!--	        <a href="mesapartes.php"><img src="image/btn2/mesadepartes.png" style='width: 70%; max-width: 140px; height: auto;'/></a> -->
381		    </div>
382
383			<p class="close">X</p>
384		</div>
385</div>
386
387
388
389	<body>
390		<div class="container">
391			<nav class="sup">
392				<ul>
393					<li><a class="icon-telefono" style="color:darkblue"></a></li>
394					<li><a class="mf ini"  style="color:darkblue">Call Center: (056) 461004</a></li>
395					<!--  <li><a target="_blank" href="https://www.emapica.com.pe\webmail" style="" />| Intranet |</a></li>  -->
396				          <li><a target="_blank" href="https://mail.emapica.com.pe/roundcube" style="" />| Intranet |</a></li>
397				 	<li>
398				 	<a class="mf ini" href="http://www.transparencia.gob.pe/enlaces/pte_transparencia_enlaces.aspx?id_entidad=13477&id_tema=5&ver=D#.XLZC8okzbIU" style="color:darkblue">
399				 	<!-- <img src="image/ico/buscar.svg" height="14px" width="14px" alt="" title=""/> -->
400                    <!-- (ok) <img src="image/ico/icono_pte.jpg" height="20px" width="14px" alt="" title=""/> -->
401                    <img src="image/ico/pte_logo3.jpg" height="50px" width="70px" alt="" title=""/>
402                    |</a></li>
403					<li><a class="mf">Contactenos</a></li>
404					<li><a class="mf carta" href="contactos.php"><img src="image/btn2/msn_m.png" width="25px" /></a></li>
405				</ul>
406			</nav>
407			<div class="redes">
408				<a target="_blank" href="https://www.youtube.com/channel/UCStEA9SKsTRO4aYy7HgL4JA"><img src="image/btn2/you.png" width="30px" /></a>
409				<a target="_blank" href="https://es-la.facebook.com/EPSEmapica"><img src="image/btn2/fb_m.jpg" width="20px" /></a>
410				<a href="#"><img src="image/btn2/wats_m.png" width="22px" /></a>
411				<a target="_blank" href="https://twitter.com/EmapicaSA"><img src="image/btn2/twitter_m.png" width="22px" /></a>
412			</div>
413			<figure class="emapica">
414					 <embed height="90px" src="logo/logo.html"></embed>
415			</figure>
416			<div class="banner">
417				<!-- Ahora el logo-->
418				
419			    	 <!-- Start WOWSlider.com BODY section -->
420					<!-- Start WOWSlider.com BODY section -->
421					<div id="wowslider-container1">
422					<div class="ws_images">
423					<ul>
424				<!--    020620_07_22_am
425					        <li><img src="image/banner/images/banner1.jpg" alt="" title="" id="wows1_0"/></li>
426							<li><img src="image/banner/images/img01.jpg"   alt="" title="" id="wows1_1"/></li>
427							<li><img src="image/banner/images/img02.jpg"   alt="" title="" id="wows1_2"/></li>
428							<li><img src="image/banner/images/img03.jpg"   alt="" title="" id="wows1_3"/></li>
429							<li><img src="image/banner/images/img05.jpg"   alt="" title="" id="wows1_4"/></li>
430							<li><img src="image/banner/images/img06.jpg"   alt="" title="" id="wows1_5"/></li>
431							<li><img src="image/banner/images/img07.jpg"   alt="" title="" id="wows1_6"/></li>
432				020620_01_22_am   -->		
433				<!--    020321_07_22_am
434							<li><img src="image/banner/images/JuegaleLimpioAlcantarrillado.jpg"    alt="" title="" id="wows1_1"/></li>
435							<li><img src="image/banner/images/CharlaDiaAgua.jpg"                   alt="" title="" id="wows1_2"/></li>
436							<li><img src="image/banner/images/HablatonAgua.jpg"                    alt="" title="" id="wows1_3"/></li>
437							<li><img src="image/banner/images/ImplementacionControlInterno.jpg"    alt="" title="" id="wows1_4"/></li>
438							<li><img src="image/banner/images/InaguracionPozoTabularParcona.jpg"   alt="" title="" id="wows1_5"/></li>
439							<li><img src="image/banner/images/JuegaleLimpioAlcantarrillado.jpg"    alt="" title="" id="wows1_6"/></li>
440							<li><img src="image/banner/images/RenovacionRedesHuacachina.jpg"       alt="" title="" id="wows1_7"/></li>
441							<li><img src="image/banner/images/CertificacionPersonal.jpg"           alt="" title="" id="wows1_8"/></li>
442				  020321_01_22_am   -->
443                <!--    250621_23_39_pm
444							<li><img src="image/banner/images/RenovacionRedes.png"                alt="" title="" id="wows1_1"/></li>
445							<li><img src="image/banner/images/InaguracionPiletas.png"             alt="" title="" id="wows1_2"/></li>
446							<li><img src="image/banner/images/OperacionAlcantarillado.png"        alt="" title="" id="wows1_3"/></li>
447							<li><img src="image/banner/images/MonitoreoGalerias.png"              alt="" title="" id="wows1_4"/></li>
448							<li><img src="image/banner/images/CertificacionesVMA.png"             alt="" title="" id="wows1_5"/></li>
449							<li><img src="image/banner/images/DistribucionAgua.png"               alt="" title="" id="wows1_6"/></li>
450							<li><img src="image/banner/images/OperacionClandestinaje.png"         alt="" title="" id="wows1_7"/></li>
451				250621_23_39_pm	-->
452				<!--    061121_11_31_am
453							<li><img src="image/banner/images/AGUA.png"                           alt="" title="" id="wows1_1"/></li>
454							<li><img src="image/banner/images/CLANDESTINAJE.png"                  alt="" title="" id="wows1_2"/></li>
455							<li><img src="image/banner/images/DESINFECCIÓN.png"                   alt="" title="" id="wows1_3"/></li>
456							<li><img src="image/banner/images/EMERGENCIAS TECNICAS.png"           alt="" title="" id="wows1_4"/></li>
457							<li><img src="image/banner/images/EMERGENCIAS.png"                    alt="" title="" id="wows1_5"/></li>
458							<li><img src="image/banner/images/REUNIONES.png"                      alt="" title="" id="wows1_6"/></li>
459							<li><img src="image/banner/images/SIEMBRA AGUA.png"                   alt="" title="" id="wows1_7"/></li>
460                061121_11_31_am	-->
461
462							<li><img src="image/banner/images/IMAGEN 1.png"                       alt="" title="" id="wows1_1"/></li>
463							<li><img src="image/banner/images/IMAGEN 2.png"                       alt="" title="" id="wows1_2"/></li>
464							<li><img src="image/banner/images/IMAGEN 3.png"                       alt="" title="" id="wows1_3"/></li>
465							<li><img src="image/banner/images/IMAGEN 4.png"                       alt="" title="" id="wows1_4"/></li>
466							<li><img src="image/banner/images/IMAGEN 5.png"                       alt="" title="" id="wows1_5"/></li>
467
468
469						</ul></div>
470						<div class="ws_bullets"><div>
471					<!--    	
472					  <a href="#" title=""><span><img src="image/banner/tooltips/tool.jpg"  alt=""/>1</span></a>
473					  <a href="#" title=""><span><img src="image/banner/tooltips/img01.jpg" alt=""/>2</span></a>
474					  <a href="#" title=""><span><img src="image/banner/tooltips/img02.jpg" alt=""/>

4743</span></a>
475					  <a href="#" title=""><span><img src="image/banner/tooltips/img03.jpg" alt=""/>4</span></a>
476					  <a href="#" title=""><span><img src="image/banner/tooltips/img04.jpg" alt=""/>5</span></a>
477					  <a href="#" title=""><span><img src="image/banner/tooltips/img05.jpg" alt=""/>6</span></a>
478					  <a href="#" title=""><span><img src="image/banner/tooltips/img06.jpg" alt=""/>7</span></a>
479					  <a href="#" title=""><span><img src="image/banner/tooltips/img07.jpg" alt=""/>8</span></a>
480					-->  
481					  <a href="#" title=""><span><img src="image/banner/tooltips/aniversario.jpg" alt=""/>1</span></a>
482  					  <a href="#" title=""><span><img src="image/banner/tooltips/ESTUDIO.jpg" alt=""/>1</span></a>
483					  <a href="#" title=""><span><img src="image/banner/tooltips/LA_RUTA.jpg" alt=""/>1</span></a>
484					  <a href="#" title=""><span><img src="image/banner/tooltips/MEDIO_AMBIENTE.jpg" alt=""/>1</span></a>
485  					  <a href="#" title=""><span><img src="image/banner/tooltips/PUNTUALIDAD.jpg" alt=""/>1</span></a>
486  					  <a href="#" title=""><span><img src="image/banner/tooltips/RECICLAJE.jpg" alt=""/>1</span></a>
487					  <a href="#" title=""><span><img src="image/banner/tooltips/REDES.jpg" alt=""/>1</span></a>
488					  <a href="#" title=""><span><img src="image/banner/tooltips/VOLUNTARIADO.jpg" alt=""/>1</span></a>
489						</div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.net">jquery carousel</a> by WOWSlider.com v8.7</div>
490					<div class="ws_shadow"></div>
491					</div>	
492					

492<script type="text/javascript" src="script/jquery.js"></script>

492
493					

493<script type="text/javascript" src="script/wowslider.js"></script>

493
494					

494<script type="text/javascript" src="script/script.js"></script>

494
495					<!-- End WOWSlider.com BODY section -->
496					<!-- fin Slideshow CK -->
497
498			    <!--fin del banner -->
499
500			</div>
501
502			<nav class="med">
503				<a href="#" class="icon-menu icon"></a>
504				<a href="#" class="icon-close icon"></a>
505				<ul id="m_med">
506					<li style='background:url(image/back_l_a.png) no-repeat;'><a href="index.php">Inicio</a></li>
507					<li><a href="empresa.php">Nuestra Empresa</a></li>
508					<li><a href="operatividad.php">Operatividad</a></li>
509					<li><a href="gestion.php">Gestion</a></li>
510					<li><a href="servicios.php">Servicios</a></li>
511					<li><a href="ahorro.php">Galeria</a></li>
512				</ul>
513			</nav>
514	<section class="centro">	<nav class="med">
515		<a href="#" class="icon-news icon"></a>
516	</nav>
517	<section class="noticiero">
518					<p>PUBLICACIONES <img src="image/fb.png" width="20" height="20"/></p>
519					
520<div id="fb-root"></div>

521<script async defer crossorigin="anonymous" src="https://connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v7.0"></script>

521
522<div class="fb-page" data-href="https://www.facebook.com/EPSEmapica/" data-tabs="timeline" data-width="" data-height="" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><blockquote cite="https://www.facebook.com/EPSEmapica/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/EPSEmapica/">Emapica S.A.</a></blockquote></div>
523	</section>
524	<section class="iconos">
525
526		<figure>
527			<a href="SubastaPublica.php"><img src="image/btn2/SubastaPublica.png" /></a>    
528		</figure>		
529
530		<figure>
531			<a href="contrataciones_k.html"><img src="image/btn2/procesos18.png" /></a>    
532		</figure>		
533		<figure>
534			<a href="trabajeconnosotros.php"><img src="image/btn2/TRABAJECONNOSOTROS.png" /></a>    
535		</figure>
536		<figure>
537			<a href="mesapartes.php"><img src="image/btn2/mesadepartes.png" /></a>
538		</figure>
539		<figure>
540			<!--<a href="http://mirecibo.emapica.com.pe/e-siincoweb/emapica/consultas"><img src="image/btn2/n.png" /></a>-->
541			<a href="http://38.43.150.241/e-siincoweb/consulta/consultas"><img src="image/btn2/n.png" /></a>
542		</figure>
543		<figure>
544			<a href="calcular.php"><img src="image/btn2/calculador.png" /></a>
545		</figure>	
546        <figure>
547		   <!-- <a href="pay_online.php"><img src="image/btn2/o.png"/></a>   --> 
548		    <a href="http://38.43.150.241/e-siincoweb/consulta/consultas"><img src="image/btn2/o.png"/></a>   
549        </figure>
550        <figure>
551            <!--    <a href="resoluciones.php"><img src="image/btn2/NORMAS EMITIDAS.png" /></a>    	-->
552			<a href="resoluciones_a.html"><img src="image/btn2/NORMAS EMITIDAS.png" /></a>    
553		</figure>
554		<figure>
555			<a href="https://www.facebook.com/EPSEmapica/"><img src="image/btn2/f.png" /></a>
556		</figure>
557				<figure>
558			<a href="gob15.php"><img src="image/btn2/a.png" /></a>
559		</figure>
560
561<!--	
562		<figure>
563			<a href="transparencia.php"><img src="image/btn2/b.png" /></a>
564		</figure>
565-->
566		<figure>
567			<a href="cbgc_1.html"><img src="image/btn2/buen gobierno 2018.fw.png" /></a>
568		</figure>
569        <figure>
570			<a href="pmo.php"><img src="image/btn2/c.png" /></a>
571		</figure>
572		<figure>
573			<a href="op.php"><img src="image/btn2/d.png" /></a>
574		</figure>
575		<figure>
576			<a href="vma.php"><img src="image/btn2/e.png" /></a>
577		</figure>
578		<figure>
579			<a href="comite_a.html"><img src="image/btn2/comite.png" /></a>
580		</figure>
581<!--	
582    <figure>
583			<a href="mod/recibo/update/"><img src="image/btn2/up.png" /></a>
584	</figure>
585-->
586		<figure>
587			<a href="mapas.php"><img src="image/btn2/m.png" /></a>
588		</figure>
589
590		<figure>
591			<a href="procesodisciplinario.php"><img src="image/btn2/PROCESO2018.png" /></a>
592		</figure>
593
594
595		<figure>
596			<a href="comiteemergencia.php"><img src="image/btn2/emergencia.fw.png" /></a>
597		</figure>
598
599		<figure>
600			<a href="comiteseguridad.php"><img src="image/btn2/ComiteSeguridad.png" /></a>
601		</figure>
602		<figure>
603			<a href="noticias.php"><img src="image/btn2/NoticiasWeb .png" /></a>
604		</figure>
605		<figure>
606			<a href="presentacionquejas.php"><img src="image/btn2/PresentacionQuejas.png" /></a>
607		</figure>
608		<figure>
609			<a href="UVM.php"><img src="image/btn2/UVM1.png" /></a>
610		</figure>
611		<figure>
612			<a href="sugerencias.php"><img src="image/btn2/sugerencias.png" /></a>
613		</figure>
614
615	</section>
616	<br />
617	<br />
618	<br />
619	<br />
620	<br />
621	<br />
622	<br />
623    

623<script type="text/javascript">
624		var close=document.querySelector(".close");
625		var video=document.querySelector(".spot");
626		var close2=document.querySelector(".close2");
627		var video2=document.querySelector(".spot2");
628
629
630		close.addEventListener("click",function(){
631			video.style.display="none";
632		});
633		close2.addEventListener("click",function(){
634			video2.style.display="none";
635		});
636		
637		function redireccionar_esiincoweb(){
638		    /*alert("Estimado usuario le informamos que estamos en proceso de facturacion. Vuelva a intentarlo luego.");*/
639		    var url ='http://38.43.150.242/e-siincoweb/emapica/reclamos/index ';
640		      window.open(url, "incognito"); 
641		}
642	</script>

642
643
644		</section>
645		
646
647			<section class="logosssss">
648					<a target="_blank" href="http://www.peru.gob.pe/"><img src="image/logos/a.jpg" width="100px" /></a>
649					<a target="_blank" href="http://www.ongei.gob.pe/"><img src="image/logos/b.jpg" width="100px" /></a>
650					<a target="_blank" href="http://portal.osce.gob.pe/osce/"><img src="image/logos/c.png" width="100px" /></a>
651					<a target="_blank" href="http://www.otass.gob.pe/"><img src="image/logos/d.png" width="100px" /></a>
652					<a target="_blank" href="http://www.pcm.gob.pe/"><img src="image/logos/e.gif" width="100px" /></a>
653					<a target="_blank" href="http://www.sunass.gob.pe/"><img src="image/logos/f.jpg" width="100px" /></a>
654					<a target="_blank" href="http://www.sunat.gob.pe/"><img src="image/logos/g.jpg" width="100px" /></a>
655					<a target="_blank" href="http://www.vivienda.gob.pe/"><img src="image/logos/z.jpg" width="112px" /></a>
656					<a target="_blank" href="http://www.minsa.gob.pe/"><img src="image/logos/i.jpg" width="112px" /></a>
657					
658			</section>
659			<footer style="width:100%; text-align:center; ">
660				<div style="width:100%;color:#333;background:rgb(0,67,118);color:white;">
661				<p><strong>Ubicanos en:</strong></p>
662				<p style="font-size:0.7rem;"><strong>Sede Central:</strong> Calle Castrovirreyna N째 487 / <strong>Sede Palpa:</strong> Calle Santa Teresa N째 200 / <strong>Sede Parcona:</strong> Av. Pachacutec Yupanqui. N째 490 / <strong>Sede Los Aquijes:</strong> Av. Principal   s/n</p><br />
663			</div>
664				
665				
666		</footer>
667
668
669		</div>
670
671		

671<script type="text/javascript" src="script/index.js"></script>

671
672		

672<script type="text/javascript" src="script/op.js"></script>

672
673		
674	</body>
675</html>
676