PageSourceSearch

https://jmaschih.gob.mx/

html jmaschih.gob.mx collected 2026-09-24 13:21:51 UTC 108,480 bytes, 2,120 lines download raw bytes

1
2<!DOCTYPE html>
3<html class="no-js">
4<head>
5    <meta charset="utf-8" />
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    
8    <title>JMAS Chihuahua</title>
9
10    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto:100,300,400,400italic,700'>
11    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Patua+One:100,300,400,400italic,700'>
12    <link href="https://fonts.googleapis.com/css?family=Raleway:900" rel="stylesheet">
13    <link href="/Content/css?v=btDRl20-tKunuYSLPiSDd-u_fJD3l_Rp73JcABjnuIs1" rel="stylesheet"/>
14
15    <link href="/Content/plugins?v=FPL5Z7JOtH4suC296gdfQsmsquu5mLv4wc81ud76OGY1" rel="stylesheet"/>
16
17    <link href="/bundles/datatableStyle?v=qe_dd1oaVsevZ4BRcJYD37jvco4b8wDCJfjO2SMlPi81" rel="stylesheet"/>
18
19    <link href="/Content/custom?v=FqdyU7VrG7f_avNY8K81s349-Edz2tWmGlBtCNDmODo1" rel="stylesheet"/>
20
21    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />
22    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" />
23    
24    <link rel="stylesheet" href="/Content/Default/custom-switch.css" />
25    <link rel="stylesheet" href="/Content/Default/Encuestas.css" />
26    
26<script>
27        //function initFreshChat() {
28        //    window.fcWidget.init({
29        //        token: "ae7802fb-6db0-45a5-a452-38ee720c53a6",
30        //        host: "https://wchat.freshchat.com"
31        //    });
32        //}
33        //function initialize(i, t) { var e; i.getElementById(t) ? initFreshChat() : ((e = i.createElement("script")).id = t, e.async = !0, e.src = "https://wchat.freshchat.com/js/widget.js", e.onload = initFreshChat, i.head.appendChild(e)) } function initiateCall() { initialize(document, "freshchat-js-sdk") } window.addEventListener ? window.addEventListener("load", initiateCall, !1) : window.attachEvent("load", initiateCall, !1);
34    </script>
34
35
36    
36<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCOsZwCKTdfTfJMy2uz_6byUPzhl9hyvmc"></script>
36
37
38    
38<script async data-id="54584" src="https://cdn.widgetwhats.com/script.min.js"></script>
38
39
40    
41</head>
42<body class="page-parent template-slider color-blue layout-full-width header-classic subheader-transparent sticky-header sticky-white subheader-title-left">
43
44    <!-- Hidden Top Area -->
45    <div id="Sliding-top">
46        <div class="widgets_wrapper">
47            <div class="container">
48                <div class="one-fourth column">
49                    <!-- Login form -->
50                    <aside id="widget_mfn_login-2" class="widget widget_mfn_login">
51                        <div class="mfn-login">
52                                                            <h4>Bienvenido</h4>
53                                <h5 class="flv_margin_b_5">Disfruta de nuestros servicios en línea</h5>
54                                <div class="links">
55                                    <a href="/Account/Login">Inicia sesi&#243;n</a>
56                                    <span class="sep">|</span>
57
58                                    <a href="/Account/Register">Reg&#237;strate</a>
59                                    <br />
60
61                                    <a href="/Account/ForgotPassword">Recupera tu contrase&#241;a</a>
62
63                                </div>
64
65
66
67                        </div>
68                    </aside>
69                </div>
70
71
72            </div>
73        </div>
74        <a href="#" class="sliding-top-control"><span><i class="plus icon-down-open-mini"></i><i class="minus icon-up-open-mini"></i></span></a>
75    </div>
76
77
78    <!-- Main Theme Wrapper -->
79    <div id="Wrapper">
80        <!-- Header Wrapper -->
81        <div id="Header_wrapper">
82            <!-- Header -->
83            <header id="Header">
84                <!-- Header Top -  Info Area -->
85                <div id="Action_bar">
86                    <div class="container">
87                        <div class="column one">
88                            <!-- Header - contact info area-->
89                            <ul class="contact_details">
90                                <li class="mail">
91                                    <i class="icon-lock"></i><a href="https://www.jmaschihuahua.gob.mx">ENTRAR A SITIO SEGURO</a>
92                                </li>
93                                <li class="slogan">
94                                    Contáctanos
95                                </li>
96                                <li class="phone">
97                                    <i class="icon-phone"></i><a href="tel:6144397474">6144397474</a>
98                                </li>
99                                <li class="mail">
100                                    <i class="icon-mail-line"></i><a href="[email protected]">[email protected]</a>
101                                </li>
102
103                                <li class="chat">
104                                    <i class="icon-chat"></i><a href="/Home/Contacto">Preguntas frecuentes y contacto</a>
105                                </li>
106                                
107                            </ul>
108                            <!--Social info area-->
109                            <ul class="social">
110                                <li class="facebook">
111                                    <a href="https://www.facebook.com/JMASChihuahua" title="Facebook"><i class="icon-facebook"></i></a>
112                                </li>
113                                <li class="twitter">
114                                    <a href="http://tinyurl.com/l3qmpyq" title="Twitter"><i class="icon-twitter"></i></a>
115                                </li>
116                                <li class="youtube">
117                                    <a href="http://www.youtube.com/user/YouGloobe" title="YouTube"><i class="icon-play"></i></a>
118                                </li>
119                            </ul>
120                        </div>
121                    </div>
122                </div>
123                <!-- Header -  Logo and Menu area -->
124                <div id="Top_bar">
125                    <div class="head_container">
126                        <div class="column one">
127                            <div class="top_bar_left clearfix">
128                                <!-- Logo-->
129                                <div class="logo">
130                                    <a id="logo" href="#" title="Junta Municipal de Agua y Saneamiento de Chihuahua">
131                                        <img class="scale-with-grid" src="/images/logo.png" alt="JMAS" />
132                                    </a>
133                                </div>
134                                <!-- Main menu-->
135                                <div class="menu_wrapper">
136                                    <nav id="menu">
137                                        <ul id="menu-main-menu" class="menu">
138                                            <li>
139
140                                                    <a href="/Home/Index?irseccion=Pagos" id="linkPago" onclick="scrollToAnchor('Pagos');">
141                                                        <div class="row">
142                                                            <div class="col-md-12" style="height:40px;">
143                                                                <button class="btn-sm" style="background-color:#25D366;" id="irOpcionesPago">
144                                                                    <i class=" icon-credit-card" style="font-size:medium;">Paga aqui tu recibo</i>
145                                                                </button>
146                                                            </div>
147                                                        </div>
148                                                    </a>
149                                            </li>
150                                            <li>
151                                                <a href=/><span>Inicio</span></a>
152                                            </li>
153                                            <li>
154                                                <a href="/Home/Transparencia"><span>Transparencia</span></a>
155                                            </li>
156
157                                            <li>
158                                                <a href="/PlantasDeTratamiento"><span>Plantas de tratamiento</span></a>
159                                            </li>
160                                            <li>
161                                                <a href="/Home/Convocatorias"><span>Convocatorias</span></a>
162                                            </li>
163                                            <li>
164                                                <a href="/Home/Normatividad"><span>Normatividad</span></a>
165                                            </li>
166                                            
167                                            <li>
168                                                <a href="/Home/InformacionFinanciera"><span>Información Financiera</span></a>
169                                            </li>
170
171
172                                            <li>
173                                                <a href="/Home/Zona"><span>Zona servida</span></a>
174                                            </li>
175                                            <li>
176                                                <a href="/Home/Control"><span>Descargas de agua residual</span></a>
177                                            </li>
178                                            <li>
179                                                <a href="/Home/Tramites"><span>Trámites</span></a>
180                                            </li>
181
182                                            <li>
183                                                <a href="/Tinacos"><span>Tinacos</span></a>
184                                            </li>
185                                            
186                                                                                            <li>
187                                                    <a href="/Account/Login"><span>Servicios en línea</span></a>
188                                                </li>
189                                            
190                                            
191                                            
192                                            <li style="background-color:#303c55">
193                                                        <a style="color:white" href="/Home/ConvocatoriaConsejeros"><span>Convocatoria Consejeros</span></a>
194                                                </li>
195                                            <!-- <li style="background-color:#303c55"> -->
196                                            <!-- <a style="color:white" href="~/files/Normatividad/6.pdf"><span>Solicitud de inscripción</span></a> -->
197                                            <!-- </li> -->
198
199                                         
200                                            </ul>
201                                        </nav><a class="responsive-menu-toggle" href="#"><i class="icon-menu"></i></a>
202                                    </div>
203
204
205                                </div>
206
207                            </div>
208                        </div>
209                    </div>
210
211                </header>
212            </div>
213
214            
215
216<!-- Main Content -->
217
218
219
220<div id="Content">
221    <div class="content_wrapper clearfix">
222        <div class="sections_group">
223            <div class="entry-content">
224                
225<div class="mfn-main-slider" id="mfn-rev-slider">
226    <div id="rev_slider_1_2_wrapper" class="rev_slider_wrapper" style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
227        <div id="rev_slider_1_2" class="rev_slider" style="display:none;" data-version="5.1.6">
228            <ul><li data-index="rs-1" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
229                    <img src="/Images/carousel/slides/new/1.jpg" alt="" width="1920" height="600" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
230
231                    <!-- BEGIN STATIC LAYER -->
232                    <!-- CODIGO PARA INCLUIR CAPA ARRIBA DE LA IMAGEN DEL LAYER -->
233                    
234                </li>
235                <li data-index="rs-1" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
236                    <img src="/Images/carousel/slides/new/1.jpg" alt="" width="1920" height="600" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
237
238                    <!-- BEGIN STATIC LAYER -->
239                    <!-- CODIGO PARA INCLUIR CAPA ARRIBA DE LA IMAGEN DEL LAYER -->
240                    
241                </li>
242
243
244
245                <li data-index="rs-2" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
246                    <img src="/Images/carousel/slides/new/2.jpg" alt="" width="1920" height="600" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
247
248                    <!-- CODIGO PARA INCLUIR CAPA ARRIBA DE LA IMAGEN DEL LAYER -->
249                    
250
251                </li>
252
253                <li data-index="rs-3" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
254                    <img src="/Images/carousel/slides/new/3.jpg" alt="" width="1920" height="600" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
255                    <!-- BEGIN STATIC LAYER -->
256                    <!-- CODIGO PARA INCLUIR CAPA ARRIBA DE LA IMAGEN DEL LAYER -->
257                    
258                </li>
259
260                <li data-index="rs-4" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
261                    <img src="/Images/carousel/slides/new/4.jpg" alt="" width="1920" height="600" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
262                    <!-- CODIGO PARA INCLUIR CAPA ARRIBA DE LA IMAGEN DEL LAYER -->
263                    
264
265                </li>
266
267       <li data-index="rs-4" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
268                    <img src="/Images/carousel/slides/new/5.jpg" alt="" width="1920" height="600" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
269                    <!-- CODIGO PARA INCLUIR CAPA ARRIBA DE LA IMAGEN DEL LAYER -->
270                    
271
272                </li>
273
274           
275           
276
277
278            </ul>
279            
280
281            <!--<div class="tp-static-layers" style="width:100%; height:100%; overflow:hidden">-->
282
283                <!-- BEGIN STATIC LAYER -->
284                <!--<div class="tp-caption   tp-resizeme" id="slide-1-layer-2"
285                     data-x="right"
286                     data-y="bottom"
287                     data-voffset="-10"
288                     data-width="['none','none','none','none']"
289                     data-height="['none','none','none','none']"
290                     data-type="image"
291                     data-responsive_offset="on"
292                     data-textAlign="['inherit','inherit','inherit','inherit']">
293                    <img src="~/Images/carousel/slides/new/bottom.png" data-ww="1120px" data-hh="201px" width="1120" height="201" data-no-retina>
294                </div>-->
295                <!-- END STATIC LAYER -->
296
297            <!--</div>
298            <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>-->
299        </div>
300    </div>
301</div>
302
303<div class="modal" id="modalHelp" tabindex="-1" role="dialog" aria-labelledby="refLabel" aria-hidden="true">
304    <div class="modal-dialog">
305        <div class="modal-content c-square">
306            <div class="modal-header">
307                <h4 class="modal-title" id="refLabel">Puedes encontrar tu número de contrato en el lugar indicado.</h4>
308
309            </div>
310            <div class="modal-body">
311            
311    <img class="img-responsive" src="/Content/images/NUMERO DE CONTRATO.png" width="100%" height="300" />
312
313            </div>
314        </div>
315    </div>
316</div>
317                <div class="section dark   mcb-section" id="noticias" style="padding-top:30px; padding-bottom:0px;  background-repeat:repeat; background-position:center top">
318    <div class="fancy_heading fancy_heading_icon">
319        
320    </div>
321    <div class="section_wrapper mcb-section-inner">
322        <div class="wrap mcb-wrap one valign-top clearfix">
323
324            <div class="mcb-wrap-inner">
325
326                <div class="column mcb-column one-second column_promo_box">
327                    <div class="promo_box no_border">
328                        <div class="promo_box_wrapper promo_box_left">
329                            <div class="fancy_heading fancy_heading_icon">
330                                <span class="icon_top"><i class="icon-facebook"></i></span>
331                                <h2 class="title" style="color:#444;">De interés</h2>
332                                <div class="inside">
333                                    
334                                </div>
335                            </div>
336                            <hr />
337                            <div class="photo_wrapper">
338                            </div>
339                            <div class="desc_wrapper" style="width:500px; background-color:white; padding:2px;">
340                                <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FJMASChihuahua&tabs=timeline%2Cevents%2Cmessages&width=500&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=2292714064315718" width="500" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
341                            </div>
342                        </div>
343                    </div>
344                </div>
345
346                <div class="column mcb-column one-second column_promo_box">
347                    <div class="promo_box no_border">
348                        <div class="promo_box_wrapper promo_box_right">
349                            <div class="fancy_heading fancy_heading_icon">
350                                <span class="icon_top"><i class="icon-newspaper"></i></span>
351                                <h2 class="title" style=" color: #444;">Boletines de prensa</h2>
352                                <div class="inside">
353                                    
354                                </div>
355                            </div>
356                            <hr />
357                            <div class="photo_wrapper">
358                            </div>
359                            <div class="desc_wrapper" style="width: 580px; height: 500px; padding:2px; background-color:white;">
360                                <iframe src="/Home/Boletines" style="width: 580px; height: 500px;  "></iframe>
361                            </div>
362                        </div>
363                    </div>
364                </div>
365
366
367            </div>
368        </div>
369    </div>
370</div>
371
372
373
374                <a href="#Pagos"></a>
375                <a name="Pagos"></a>
376<div class="section dark  mcb-section" id="promobox" style="padding-top:30px; padding-bottom:0px; background-color:#003b6d; background-repeat:repeat; background-position:center top">
377    <div class="fancy_heading fancy_heading_icon">
378        <span class="icon_top"><i class="icon-users"></i></span>
379        <h2 class="title">Servicios</h2>
380        <div class="inside">
381            <p class="big">
382                Disfruta de los servicios que tenemos a tu disposición.
383            </p>
384        </div>
385    </div>
386    <div class="section_wrapper mcb-section-inner">
387        <div class="wrap mcb-wrap one valign-top clearfix">
388            <hr />
389            <div class="mcb-wrap-inner">
390
391                <div class="column mcb-column one-second column_promo_box">
392                    <div class="promo_box no_border">
393                        <div class="promo_box_wrapper promo_box_left">
394                            <div class="photo_wrapper">
395                                <img class="scale-with-grid" src="/Images/home_betheme_icon_8.png" alt="img">
396                            </div>
397                            <div class="desc_wrapper">
398                                <h2>Paga aqui</h2>
399                                <div id="wrap">
400
401                                    <div class="desc" id="wrapdesc">
402                                        <p class="big">
403                                            Realiza el pago de tu servicio o consulta tus referencias bancarias proporcionando únicamente tu número de contrato.
404                                        </p>
405                                    </div>
406                                    <button type="button"  class="button button_left button_theme button_js" id="saldoFormButton">Más</button>
407                                </div>
408
409                               <div style="display:none;" id="saldoForm">
410                               
411                                    <h5>Ingresa tu número de contrato. Recuerda que tu número de contrato empieza con una letra.
411<a id="irAyuda"><i class="icon-help-circled"></i> </h5></a>
412                                    <input id="contratoTb" type="text" name="contrato" placeholder="Ejemplo: o12345">
413                                    <input style="display:none;" type="email" name="email" placeholder="Correo electrónico (opcional)" id="txtEmail" /> 
414                                    <button type="button" style="background-color:green;" id="submit">Pagar</button>
415                                    <button type="button" id="refBt">Referencias bancarias</button>
416                                    <button style="background-color:red;" type="button" id="cancelFormButton">Cancelar</button>
417                                </div>
418
419                            </div>
420                        </div>
421                    </div>
422                </div>
423
424                <div class="column mcb-column one-second column_promo_box">
425                    <div class="promo_box no_border">
426                        <div class="promo_box_wrapper promo_box_right">
427                            <div class="photo_wrapper">
428                                <img class="scale-with-grid" src="/Images/home_betheme_icon_9.png" alt="img">
429                            </div>
430                                <div class="desc_wrapper">
431                                    <h2>Usuarios registrados</h2>
432                                    <div class="desc">
433                                        <p class="big">
434                                            Regístrate para disfrutar de todos nuestros servicios. Descarga tu factura, recibo o estado de cuenta.
435                                        </p>
436                                    </div>
437                                    <a href=/Account/Login class="button button_left button_theme button_js"><span class="button_label">Iniciar sesión</span></a>
438                                    <a href=/Account/Register class="button button_left button_theme button_js"><span class="button_label">Registrarse</span></a>
439                                </div>
440
441                        </div>
442                    </div>
443                </div>
444            </div>
445        </div>
446    </div>
447</div>
448
449
450
451
452                <div class="section dark  mcb-section" id="promobox" style="padding-top:30px; padding-bottom:0px; background-color:#003b6d; background-repeat:repeat; background-position:center top">
453
454    <div class="section_wrapper mcb-section-inner">
455        <div class="wrap mcb-wrap one valign-top clearfix">
456            <hr />
457            <div class="mcb-wrap-inner">
458
459                <div class="column mcb-column one-second column_promo_box">
460                    <div class="promo_box no_border">
461                        <div class="promo_box_wrapper promo_box_left">
462                            <div class="photo_wrapper">
463                                <img class="scale-with-grid" src="/Images/home_betheme_hiw_tools.png" alt="img">
464                            </div>
465                            <div class="desc_wrapper">
466                                <h2>Consulta de folios de atención</h2>
467
468                                <div id="wrapCis">
469
470                                    <div class="desc" id="wrapCisdesc">
471                                        <p class="big">
472                                            Consulta el estado de tu reporte utilizando el folio que te fue proporcionado por el CIS.
473                                        </p>
474                                    </div>
475                                    <button type="button" class="button button_left button_theme button_js" id="cisFormButton">Más</button>
476                                </div>
477
478
479                                <form style="display:none;" id="cisForm">
480                                    <b>Folio:</b> <input type="text" name="folio">
481                                    <button type="submit" id="submit">Consultar</button>
482                                    <button style="background-color:red;" type="button" id="cancelCisFormButton">Cancelar</button>
483                                </form>
484
485
486                            </div>
487
488                            <div id="wrapResultCis" style="display:none;">
489
490                                <h3 id="resultCisTitle"></h3>
491                                <div class="big" id="resultCisText">
492
493                                </div>
494
495                                    
496                            
497
498
499                            </div>
500                        </div>
501                    </div>
502                </div>
503
504                <div class="column mcb-column one-second column_promo_box">
505                    
506                    
507
508                    <div class="promo_box no_border">
509                        <div class="promo_box_wrapper promo_box_right">
510                            <div class="google-map-wrapper" id="mapCis" style="display:none;">
511
512                                <div class="google-map flv_style_9" id="gmapCis">
513                                    &nbsp;
514                                </div>
515                            </div>
516                        </div>
517                    </div>
518                </div>
519            </div>
520        </div>
521    </div>
522</div>
523
524
525
526
527
528                
529<div class="section dark  full-width flv_sections_16" style="padding-top:30px; padding-bottom:0px; background-color:#003b6d; background-repeat:repeat; background-position:center top">
530    <div class="fancy_heading fancy_heading_icon">
531        <span class="icon_top"><i class="icon-map"></i></span>
532        <h2 class="title">Sucursales</h2>
533        <div class="inside">
534            <p class="big">
535                Localiza tu centro de pago mas cercano.
536            </p>
537        </div>
538    </div>
539    <div class="section_wrapper clearfix">
540        <hr />
541        <div class="items_group clearfix">
542            <!-- One full width row-->
543            <div class="column one column_map">
544                <!-- Google map area -->
545                <div class="google-map-wrapper">
546                    <div class="google-map-contact-wrapper">
547                        <div class="get_in_touch">
548                            
549                            <select id="sucursalSelect" name="sucursalSelect" class="orderby sucursalSelect">
550                                <option value="1" selected="selected">Sucursal Ocampo</option>
551                                <option value="2">Sucursal Dostoyevsky</option>
552                                <option value="3">Sucursal Nueva España</option>
553                                <option value="4">Sucursal Riberas</option>
554                                <option value="5">Sucursal Saucito</option>
555                                <option value="6">Sucursal Vallarta</option>
556                                <option value="7">Sucursal Zarco</option>
557                                <option value="8">Auto pago De la 24 </option>
558                                <option value="9">Auto pago Fuerza Aérea </option>
559                                <option value="10">Auto pago Norte </option>
560                            </select>
561                                <input type="hidden" name="mfn-shop" value="list">
562             
563
564                            <h3 id="sucursalTitle">Sucursal Ocampo</h3>
565                            <div class="get_in_touch_wrapper">
566                                <ul>
567                                    <li class="address">
568                                        <span class="icon"><i class="icon-location"></i></span>
569                                        <div class="address_wrapper">
570                                           
571                                            <p id="sucursalTexto">
572                                                Ave. Ocampo 1604
573                                                <br> Colonia Centro
574                                            </p>
575                                        </div>
576                                    </li>
577                                    <li class="phone phone-1">
578                                        <span class="icon"><i class="icon-phone"></i></span>
579                                        <p>
580                                            <a id="sucursalTel" href="tel:6144397474">(614) 439-74-74</a>
581                                        </p>
582                                    </li>
583                                    <li>
584                                        <span class="icon"><i class="icon-clock"></i></span>
585                                        <label>Lunes - Viernes</label><span>7:30 - 15:30</span>
586                                        <label>Sábado</label><span>9:00 - 13:00</span>
587                                    </li>
588                                    <li id="cajeros">
589                                        <span class="icon"><i class="icon-clock"></i></span>
590                                        <label>Cajeros automáticos</label><span>24hrs</span>
591                                    </li>
592                                </ul>
593                            </div>
594
595
596                        </div>
597                    </div>
598                    <div class="google-map flv_style_9" id="gmapMain">
599                        <a id="aMap" href="https://www.google.com/maps" target="_blank"><img id="imgMap" width="100%" src="/Images/Ubicaciones/Ocampo.png" /></a>
600                        &nbsp;
601                    </div>
602                    
603                </div>
604            </div>
605        </div>
606    </div>
607</div>
608
609                
610<div class="section mcb-section full-width" style="padding-top:30px; padding-bottom:0px;background-color:white; background-repeat:repeat; background-position:center top">
611    <div class="fancy_heading fancy_heading_icon">
612        <span class="icon_top"><i class="icon-network"></i></span>
613        <h2 class="title">Otros centros de pago</h2>
614        <div class="inside">
615            <p class="big">
616                Paga tu servicio en cualquiera de nustros centros de pago autorizados.
617            </p>
618        </div>
619    </div>
620    <div class="section_wrapper mcb-section-inner">
621        <div class="wrap mcb-wrap one  valign-top clearfix">
622            <hr />
623            <div class="mcb-wrap-inner">
624                <div class="column mcb-column one column_slider ">
625                    <div class="content_slider carousel">
626                        <ul class="content_slider_ul">
627                            <li class="content_slider_li_1">
628                                <a href="#">
629                                    <img height="45" src="/Images/Carousel/bancos/1.png" class="scale-with-grid wp-post-image" alt="1" />
630                                    <p class="title">
631                                        Afirme
632                                    </p>
633                                </a>
634                            </li>
635                            <li class="content_slider_li_2">
636                                <a href="#">
637                                    <img height="45" src="/Images/Carousel/bancos/2.png" class="scale-with-grid wp-post-image" alt="2" />
638                                    <p class="title">
639                                        Banamex
640                                    </p>
641                                </a>
642                            </li>
643                            <li class="content_slider_li_3">
644                                <a href="#">
645                                    <img height="45" src="/Images/Carousel/bancos/3.png" class="scale-with-grid wp-post-image" alt="3" />
646                                    <p class="title">
647                                        Bancomer
648                                    </p>
649                                </a>
650                            </li>
651                            <li class="content_slider_li_4">
652                                <a href="#">
653                                    <img height="45" src="/Images/Carousel/bancos/4.png" class="scale-with-grid wp-post-image" alt="4" />
654                                    <p class="title">
655                                        Banorte
656                                    </p>
657                                </a>
658                            </li>
659                            <li class="content_slider_li_5">
660                                <a href="#">
661                                    <img height="45" src="/Images/Carousel/bancos/5.png" class="scale-with-grid wp-post-image" alt="5" />
662                                    <p class="title">
663                                        Banregio
664                                    </p>
665                                </a>
666                            </li>
667                            <li class="content_slider_li_6">
668                                <a href="#">
669                                    <img height="45" src="/Images/Carousel/bancos/6.png" class="scale-with-grid wp-post-image" alt="6" />
670                                    <p class="title">
671                                        HSBC
672                                    </p>
673                                </a>
674                            </li>
675                            <li class="content_slider_li_7">
676                                <a href="#">
677                                    <img height="45" src="/Images/Carousel/bancos/7.png" class="scale-with-grid wp-post-image" alt="7" />
678                                    <p class="title">
679                                        Santander
680                                    </p>
681                                </a>
682                            </li>
683                            <li class="content_slider_li_8">
684                                <a href="#">
685                                    <img height="45" src="/Images/Carou
685sel/bancos/8.png" class="scale-with-grid wp-post-image" alt="8" />
686                                    <p class="title">
687                                        Scotiabank
688                                    </p>
689                                </a>
690                            </li>
691                        </ul><a class="button button_js slider_prev" href="#"><span class="button_icon"><i class="icon-left-open-big"></i></span></a><a class="button button_js slider_next" href="#"><span class="button_icon"><i class="icon-right-open-big"></i></span></a>
692                        <div class="slider_pagination"></div>
693                    </div>
694                </div>
695                <div class="column mcb-column one column_slider ">
696                    <div class="content_slider carousel">
697                        <ul class="content_slider_ul">
698                            <li class="content_slider_li_1">
699                                <a href="#">
700                                    <img height="45" src="/Images/Carousel/otros/1.png" class="scale-with-grid wp-post-image" alt="1" />
701                                    <p class="title">
702                                        Farmacias del Ahorro
703                                    </p>
704                                </a>
705                            </li>
706                            <li class="content_slider_li_2">
707                                <a href="#">
708                                    <img height="45" src="/Images/Carousel/otros/2.png" class="scale-with-grid wp-post-image" alt="2" />
709                                    <p class="title">
710                                        Alsuper
711                                    </p>
712                                </a>
713                            </li>
714                            <li class="content_slider_li_3">
715                                <a href="#">
716                                    <img height="45" src="/Images/Carousel/otros/3.png" class="scale-with-grid wp-post-image" alt="3" />
717                                    <p class="title">
718                                        Farmacias Benavides
719                                    </p>
720                                </a>
721                            </li>
722                            <li class="content_slider_li_4">
723                                <a href="#">
724                                    <img height="45" src="/Images/Carousel/otros/4.png" class="scale-with-grid wp-post-image" alt="4" />
725                                    <p class="title">
726                                        Circle K
727                                    </p>
728                                </a>
729                            </li>
730                            <li class="content_slider_li_5">
731                                <a href="#">
732                                    <img height="45" src="/Images/Carousel/otros/5.png" class="scale-with-grid wp-post-image" alt="5" />
733                                    <p class="title">
734                                        Farmacias Guadalajara
735                                    </p>
736                                </a>
737                            </li>
738                            <li class="content_slider_li_6">
739                                <a href="#">
740                                    <img height="45" src="/Images/Carousel/otros/6.png" class="scale-with-grid wp-post-image" alt="6" />
741                                    <p class="title">
742                                        Mercado Pago
743                                    </p>
744                                </a>
745                            </li>
746                            <li class="content_slider_li_7">
747                                <a href="#">
748                                    <img height="45" src="/Images/Carousel/otros/7.png" class="scale-with-grid wp-post-image" alt="7" />
749                                    <p class="title">
750                                        OXXO
751                                    </p>
752                                </a>
753                            </li>
754                            <li class="content_slider_li_8">
755                                <a href="#">
756                                    <img height="45" src="/Images/Carou
756sel/otros/8.png" class="scale-with-grid wp-post-image" alt="8" />
757                                    <p class="title">
758                                        Smart
759                                    </p>
760                                </a>
761                            </li>
762                            <li class="content_slider_li_9">
763                                <a href="#">
764                                    <img height="45" src="/Images/Carousel/otros/9.png" class="scale-with-grid wp-post-image" alt="9" />
765                                    <p class="title">
766                                        Soriana
767                                    </p>
768                                </a>
769                            </li>
770                            <li class="content_slider_li_10">
771                                <a href="#">
772                                    <img height="45" src="/Images/Carousel/otros/10.png" class="scale-with-grid wp-post-image" alt="10" />
773                                    <p class="title">
774                                        Woolworth
775                                    </p>
776                                </a>
777                            </li>
778                            <li class="content_slider_li_11">
779                                <a href="#">
780                                    <img height="45" src="/Images/Carousel/otros/11.png" class="scale-with-grid wp-post-image" alt="11" />
781                                    <p class="title">
782                                        Xaldo
783                                    </p>
784                                </a>
785                            </li>
786                            <li class="content_slider_li_12"  id="infoPD" >
787                                <a href="#CajerosPD" id="infoPD">
788                                    <img id="infoPD" height="45" src="/Images/Carousel/otros/12.png" class="scale-with-grid wp-post-image" alt="12" />
789                                    <p class="title">
790                                        Pagos Digitales
791                                    </p>
792                                </a>
793                            </li>
794                              <li class="content_slider_li_13" id="infoWaldos">
795                                <a href="#CajerosPD" id="infoPD">
796                                    <img id="infoWaldos" height="45" src="/Images/Carousel/otros/13.png" class="scale-with-grid wp-post-image" alt="13" />
797                                    <p class="title">
798                                        Waldos
799                                    </p>
800                                </a>
801                            </li>
802                        </ul><a class="button button_js slider_prev" href="#"><span class="button_icon"><i class="icon-left-open-big"></i></span></a><a class="button button_js slider_next" href="#"><span class="button_icon"><i class="icon-right-open-big"></i></span></a>
803                        <div class="slider_pagination"></div>
804                    </div>
805                </div>
806            </div>
807        </div>
808    </div>
809</div>
810
811
812
813<div class="collapse" id="cajerosPD">
814    <div class="card card-body">
815
816
817        <div class="section_wrapper mcb-section-inner">
818            <a name="CajerosPD">
819                <img id="infoPD" height="45" src="/Images/Carousel/otros/12.png" class="scale-with-grid wp-post-image" alt="12" />
820                <h4 style="display:inline">Ubica los cajeros disponibles donde puedes pagar tu recibo</h4>
821            </a>
822
823            <div class="wrap mcb-wrap one valign-top clearfix">
824                <hr />
825                <div class="mcb-wrap-inner">
826
827                    <div class="column mcb-column one-second column_promo_box">
828                        <div class="promo_box no_border">
829                            <div class="promo_box_wrapper promo_box_left">
830                                <div class="col-lg-6">
831                                    <h4>Al Super Industrias</h4>
832                                    <p>
833                                        Av. Fedor Dostoievski S/N, Chihuahua Siglo XXI.<br />
834                                        Chihuahua 2000, 31214 Chihuahua, Chih.
835                                    </p>
836
837                                    <h4>Al Super Campus</h4>
838                                    <p>Paseo de las Facultades 1600, Quintas San Sebastián. <br /> 31512 Chihuahua, Chih.</p>
839
840                                    <h4>Al Súper Vallarta</h4>
841                                    <p>Av. Vallarta 5409, Las Granjas<br /> 31100 Chihuahua, Chih.</p>
842
843                                    <h4>Al Súper Leones</h4>
844                                    <p>Leones s/n, Panamericana.<br />31210 Chihuahua, Chih.</p>
845
846                                    <h4>Al Super Fuentes Mares</h4>
847                                    <p>Av. Nueva España 3405, 3 de Mayo. <br /> 31064 Chihuahua, Chih.</p>
848
849                                    <h4>Plaza Sendero</h4>
850                                    <p>
850Av. Alejandro Dumas No. 11377 Complejo Industrial Chihuahua Esquina Av. Víctor Hugo, Av. de las Industrias<br />31136 Chihuahua, Chih.</p>
851                                </div>
852
853                            </div>
854                        </div>
855                    </div>
856
857
858                    <div class="column mcb-column one-second column_promo_box">
859                        <div class="promo_box no_border">
860                            <div class="promo_box_wrapper promo_box_right">
861                                <div class="col-lg-6">
862                                    <h4>Plaza Galerías</h4>
863                                    <p>Blvd. José Fuentes Mares 848, 3 de Mayo.<br /> 31065 Chihuahua, Chih.</p>
864
865                                    <h4>JMAS Fuentes Mares (2)</h4>
866                                    <p>Blvd. José Fuentes Mares 848, 3 de Mayo.<br />  31065 Chihuahua, Chih.</p>
867
868                                    <h4>JMAS Ocampo</h4>
869                                    <p>Av. Melchor Ocampo 1614, Zona Centro.<br /> 31000 Chihuahua, Chih.</p>
870
871                                    <h4>JMAS Vallarta (3)</h4>
872                                    <p>
873                                        Av. Tecnológico SN, Las Granjas<br /> 31125 Chihuahua, Chih./p>
874
875                                        <h4>JMAS Saucito (4)</h4>
876                                    <p>Av. Francisco Villa 5705, Zona Sin Asignación de Nombre de Colonia<br /> Chihuahua, Chih.</p>
877
878                                    <h4>JMAS Zarco (2)</h4>
879                                    <p>Ave. Silvestre Terrazas 8824-8802, Campesina Nueva.<br /> 31410 Chihuahua, Chih.</p>
880                                </div>
881
882                            </div>
883                        </div>
884                    </div>
885
886                </div>
887                <div style="text-align:end">
888                    <input type="button" value="Cerrar" class="button" id="btnEsconderCajerosPD" />
889                </div>
890                
891            </div>
892
893
894        </div>
895    </div>
896</div>
897
898
899
900
901            </div>
902        </div>
903    </div>
904</div>
905
906
907
908
909<div class="modal" id="modal1" tabindex="-1" role="dialog" aria-labelledby="refLabel" aria-hidden="true">
910    <div class="modal-dialog ">
911        <div class="modal-content c-square">
912            <div class="modal-header">
913                <h4 class="modal-title" id="refLabel">Referencias bancarias</h4>
914            </div>
915            <div class="modal-body">
916
917            </div>
918            <div class="modal-footer">
919
920                <a href="#" rel="modal:close" class="icon_bar  icon_bar_wide icon_bar_close"><span class="t"><span>Cerrar</span></span><span class="b"><i class="icon-cancel"></i></span></a>
921            </div>
922        </div>
923    </div>
924</div>
925
926<div class="modal" id="modalAguardianes" tabindex="-1" role="dialog" aria-labelledby="refLabel" aria-hidden="true">
927    <div class="modal-dialog ">
928        <div class="modal-content c-square">
929            <div class="modal-header">
930                <h4 class="modal-title" id="refLabel"></h4>
931            </div>
932            <div class="modal-body">
933                <img class="img-responsive" src="/images/carrera.jpg" width="450" height="450" />
934
935            </div>
936            <div class="modal-footer" style="align-items:center; text-align:center;">
937
938                <a href="#" rel="modal:close" class="icon_bar  icon_bar_wide icon_bar_close"><span class="t"><span>Cerrar</span></span><span class="b"><i class="icon-cancel"></i></span></a>
939            </div>
940        </div>
941    </div>
942</div>
943
944
945
946
947
948<div class="modal fade" id="modalHelp" tabindex="-1" role="dialog" aria-labelledby="refLabel" aria-hidden="true">
949    <div class="modal-dialog">
950        <div class="modal-content c-square">
951            <div class="modal-header">
952                <h4 class="modal-title" id="refLabel">Puedes encontrar tu número de contrato en tu recibo, en el lugar indicado en la imagen siguiente.</h4>
953
954            </div>
955            <div class="modal-body">
956                <img class="img-responsive" src="/Content/images/NUMERO DE CONTRATO.png" width="100%" height="400" />
957
958            </div>
959            <div class="modal-footer" style="align-items:center; text-align:center;">
960                <h4 class="modal-title" id="refLabel">
960Recuerda que tu número de contrato empieza con una letra.</h4>
961            </div>
962        </div>
963    </div>
964</div>
965
966
967<div class="modal fade" id="IrZonaPagos" tabindex="-1" role="dialog" aria-labelledby="refLabel" aria-hidden="true">
968    <div class="modal-dialog">
969        <div class="modal-content c-square">
970            <div class="modal-header">
971                <h5 class="modal-title" id="refLabel">Ahora puedes pagar en linea tu servicio</h5>
972
973            </div>
974            <div class="modal-body">
975                <img class="img-responsive" src="/Content/images/pago-online-tarjeta-ordenador_23-2147676891.jpg" width="100%" height="300" />
976
977            </div>
978            <div class="modal-footer" style="align-items:center; text-align:center;">
979                <h4 class="modal-title" id="refLabel">Es rápido y seguro</h4>
980                <a href="#Pagos" rel="modal:close" id="irOpcionesPago"> <button class="button button_right button_theme button_js"> Pagar ahora </button> </a>
981                <a href="#" rel="modal:close" id="irOpcionesPago">  Cerrar  </a>
982            </div>
983        </div>
984    </div>
985</div>
986
987
988<div class="modal fade" id="modalConvocatoria" tabindex="-1" role="dialog" aria-labelledby="refLabel" aria-hidden="true">
989    <div class="modal-dialog">
990        <div class="modal-content c-square">
991            <div class="modal-header">
992                <h5 class="modal-title" id="refLabel">
993                </h5>
994
995            </div>
996            <div class="modal-body">
997                <!-- <p>
998                    Para conocer los resultados del proceso de elección de Consejeros de la JMAS,
999                    o participar por las consejerías vacantes entra  <a href="/Home/ConvocatoriaConsejeros"><b>aqui</b></a>.. Conoce la convocatoria.
1000                </p> -->
1001                <p>
1002                    Para conocer los resultados del proceso de elección de Consejeros de la JMAS,
1003                    o participar por las consejerías vacantes entra  <a href="https://www.jmaschih.gob.mx/files/Convocatorias/2023/SEGUNDA%20CONVOCATORIA.pdf"><b>aqui</b></a>.. Conoce la convocatoria.
1004                </p>
1005                <p>
1006                    El 5 de noviembre vence el plazo para participar.
1007
1008                </p>
1009
1010            </div>
1011            <div class="modal-footer" style="align-items:center; text-align:center;">
1012                <a href="#" rel="modal:close" class="icon_bar  icon_bar_wide"><span class="t"><span>Entendido</span></span><span class="b"><i class="icon-check"></i></span></a>
1013            </div>
1014        </div>
1015    </div>
1016</div>
1017
1018<div class="modal fade" id="modalApp" tabindex="-1" role="dialog" aria-labelledby="refLabel" aria-hidden="true" style="width:550px !important;height:650px !important">
1019    <div class="modal-dialog">
1020        <div class="modal-content c-square">
1021            <div class="modal-header">
1022                <h5 class="modal-title" id="refLabel">
1023                </h5>
1024
1025            </div>
1026            <div class="modal-body">
1027                <div class="photo_wrapper">
1028                    
1029                    <a href="/Images/ConvocatoriaPintemosConciencia2.pdf" target="_blank">  <img class="scale-with-grid" src="/Images/ConvocatoriaPintemosConciencia.jpg" alt="img" style="height:100%; width:100%;"></a>
1030                </div>
1031
1032            </div>
1033            <div class="modal-footer">
1034                
1035                <div class="container-fluid" style="align-items:center; text-align:center;" ">
1036                    <a href="#" rel="modal:close" class="icon_bar  icon_bar_wide"><span class="t"><span>Entendido</span></span><span class="b"><i class="icon-check"></i></span></a>
1037                    <a href="https://www.jmaschih.gob.mx/Images/ConvocatoriaPintemosConciencia2.pdf" class="icon_bar  icon_bar_wide"><span class="t"><span>Descargar</span></span><span class="b"><i class="icon-down"></i></span></a>
1038                </div>
1039            </div>
1040
1041        </div>
1042    </div>
1043</div>
1044
1045
1046
1047
1048<div class="modal fade" id="modalApp1" tabindex="-1" role="dialog" aria-labelledby="refLabel" aria-hidden="true" style="width:500px;height:500px">
1049    <div class="modal-dialog">
1050        <div class="modal-content c-square">
1051            <div class="modal-header">
1052                <h5 class="modal-title" id="refLabel">
1053                </h5>
1054
1055            </div>
1056            <div class="modal-body">
1057                <div class="photo_wrapper">
1058                    <img class="scale-with-grid" src="/Images/subasta.jpeg" alt="img">
1059                </div>
1060
1061            </div>
1062            <div class="modal-footer" style="align-items:center; text-align:center;">
1063                <a href="/Home/Convocatorias" class=""><STRONG>Ver detalles		|	</STRONG></a>
1064                <a href="httpS://www.jmaschih.gob.mx/files/subastas/BASES%20SUBASTA%20VEHICULOS%202022.pdf"><STRONG>BASES	|	</STRONG></a>
1065                <a href="httpS://www.jmaschih.gob.mx/files/subastas/fe de erratas.pdf"><STRONG>FE DE ERRATAS	|	</STRONG></a>
1066                <a href="httpS://www.jmaschih.gob.mx/files/subastas/acta de aclaraciones.pdf"><STRONG>ACATA DE ACLARACIONES</STRONG></a>
1067            </div>
1068        </div>
1069    </div>
1070</div>
1071
1072
1073<div class="modal fade" id="modalReceipt" tabindex="-1" role="dialog" aria-labelledby="refLabel" aria-hidden="true">
1074    <div class="modal-dialog">
1075        <div class="modal-content c-square">
1076            <div class="modal-header">
1077
1078                <h4 class="modal-title" id="refLabel">Jmas - Informacion de pago</h4>
1079            </div>
1080            <div class="modal-body">
1081
1082            </div>
1083            <div class="modal-footer">
1084
1085                <a href="#" rel="modal:close" class="icon_bar  icon_bar_wide icon_bar_close"><span class="t"><span>Cerrar</span></span><span class="b"><i class="icon-cancel"></i></span></a>
1086            </div>
1087        </div>
1088    </div>
1089</div>
1090
1091
1092
1093<div class="modal" id="modalDatosCuenta" tabindex="-1" role="dialog" aria-labelledby="refLabel"   style=" width: 700px !important; max-width: 700px !important; ">
1094    <div class="modal-dialog">
1095        <div class="modal-content c-square">
1096            <div class="modal-header">
1097                <h5 class="modal-title" id="refLabel">Jmas - InformaciÓn de saldos</h5>
1098            </div>
1099            <div class="modal-body">
1100                <h6>Contrato: <strong id="contrato"></strong></h6>
1101                <h6>Dirección: <strong id="direccion"></strong></h6>
1102            </div>
1103            <table id="tblPago" class="table table">
1104                <thead>
1105                    <tr>
1106                        <th>Concepto</th>
1107                        <th>Importe</th>
1108                        <th></th>
1109                    </tr>
1110                </thead>
1111                <tbody>
1112                    <tr>
1113                        <td>
1114                            <strong>Saldo total de la cuenta</strong>
1115                        </td>
1116                        <td>
1117                            <strong id="montoTotal">
1118
1119                            </strong>
1120                        </td>
1121                        <td>
1122                            <a href="#" id="btnPagarTotal"  class="icon_bar  icon_bar_wide icon_bar_confirm" style="width:200px;">
1123                                <span class="t" style="width: inherit !important; background-color: white !important; color: black !important; ">
1124                                    <span style="width: inherit !important; background-color: white !important;">Pagar <strong>Total de la cuenta</strong></span>
1125                                </span>
1126                                <span class="b" style="width: inherit !important; background-color: white !important; color: black !important;"><i class="icon-check"></i></span>
1127                            </a>
1128                        </td>
1129                    </tr>
1130                    <tr id="trAbono">
1131                        <td>
1132                            <strong>
1133                                Saldo al día de hoy
1134                            </strong>
1135                        </td>
1136                        <td>
1137                            <strong id="montoAbono">
1138
1139                            </strong>
1140                        </td>
1141                        <td>
1142                            <a href="#" id="btnPagarAbono" class="icon_bar  icon_bar_wide icon_bar_confirm" style="width:200px;">
1143                                <span class="t" style="width: inherit !important; color: black !important; background-color: white !important; ">
1144                                    <span style="width: inherit !important; color: black !important; background-color: white !important; ">Pagar <strong> saldo al día de hoy</strong></span>
1145                                </span>
1146                                <span class="b" style="width: inherit !important; color: black !important; background-color: white !important; "><i class="icon-check"></i></span>
1147                            </a>
1148                        </td>
1149                    </tr>
1150                </tbody>
1151            </table>
1152            <div class="modal-footer" style="text-align:right">
1153
1154                <a href="#" rel="modal:close" class="icon_bar  icon_bar_wide icon_bar_close"><span class="t"><span>Cerrar</span></span><span class="b"><i class="icon-cancel"></i></span></a>
1155            </div>
1156        </div>
1157    </div>
1158</div>
1159
1160
1161
1162
1163
1164            <div class="section mcb-section  dark " style="padding-top:60px; padding-bottom:20px; background-color:#082233">
1165                <div class="section_wrapper mcb-section-inner">
1166                    <div class="wrap mcb-wrap one  clearfix">
1167                        <div class="mcb-wrap-inner">
1168                            <div class="one-fifth column">
1169                                <!-- Text Area -->
1170                                <img class="scale-with-grid" style="max-height: 150px; display:block;" src="/images/sf.png" alt="">
1171                            </div>
1172                            <div class="one-fifth column">
1173                                <!-- Text Area -->
1174                                <aside id="text-10" class="widget widget_text">
1175                                    <div class="textwidget">
1176                                        <p class="flv_center">
1177                                            <span class="big">Reportes e información</span>
1178                                        </p>
1179                                        <span class="themecolor flv_header_number">073</span>
1180                                        <div class="hr_dots flv_dots">
1181                                            <span></span><span></span><span></span>
1182                                        </div>
1183                                        <p class="flv_center">
1184                                            <span class="flv_grey">Ofrecemos atención a usuarios</span>
1185                                            <br>
1186                                            <b><i class="icon-clock"></i> Lunes - Domingo las 24hrs  </b>
1187                                        </p>
1188                                    </div>
1189                                </aside>
1190                            </div>
1191                            <div class="one-fifth column">
1192                                <!-- Text Area -->
1193                                <aside id="text-11" class="widget widget_text">
1194                                    <div class="textwidget">
1195                                        <h5 class="flv_margin_b_5"><i class="icon-mail-line"></i> Contacto:</h5>
1196                                        <p class="flv_margin_l_26">
1197                                            <strong>JMAS Chihuahua</strong>
1198                                            <br> Ave. Ocampo 1604, Col. Centro
1199                                            <br> CP 31000
1200                                        </p>
1201                                        <h5 class="flv_margin_b_5"><i class="icon-comment-line"></i> ¿Dudas o comentarios?</h5>
1202                                        <p class="flv_margin_l_26">
1203                                            <a href="mailto:[email protected]">[email protected]</a>
1204                                        </p>
1205                                        <h5 class="flv_margin_b_5"><i class="icon-phone"></i> Llámanos:</h5>
1206                                        <p class="flv_margin_l_26">
1207                                            <a href="tel:6144397474">614 4 39 74 77</a>
1208                                        </p>
1209                                    </div>
1210                                </aside>
1211                            </div>
1212                            <div class="one-fifth column">
1213                                <!-- Text Area -->
1214                                <aside id="text-11" class="widget widget_text">
1215                                    <div class="textwidget">
1216                                        <h5 class="flv_margin_l_26">JMAS Chihuahua</h5>
1217                                        <p class="flv_margin_l_26">
1218                                            <a target="_blank" href="../files/normatividad/mision.jpg">Misión,</a> <a target="_blank" href="../files/normatividad/vision.jpg">Visión y</a> <a target="_blank" href="../files/normatividad/valores.jpg">Valores</a>
1219                                        </p>
1220                                    </div>
1221                                </aside>
1222                            </div>
1223                            <div class="one-fifth column">
1224                                <!-- Text Area -->
1225                                <img class="scale-with-grid" style="max-height: 100px; display:block;" src="/images/unidossf.png" alt="">
1226                                &nbsp;
1227                                <img class="scale-with-grid" style="max-height: 100px; display:block;" src="/images/gobsf.png" alt="">
1228                            </div>
1229                        </div>
1230                    </div>
1231                </div>
1232            </div>
1233
1234            <!-- Footer-->
1235            <footer id="Footer" class="clearfix">
1236
1237                <!-- Footer copyright-->
1238                <div class="footer_copy">
1239                    <div class="container">
1240                        <div class="column one">
1241                            <a id="back_to_top" href="#" class="button button_left button_js"><span class="button_icon"><i class="icon-up-open-big"></i></span></a>
1242                            <div class="copyright">
1243                                &copy; 2026  JMAS Chihuahua
1244                            </div>
1245                            <div style="width:75%;text-align:center">
1246                                <a href="/files/Normatividad/Politica de privacidad.pdf">Aviso de privacidad</a>
1247                            </div>
1248                            <!--Social info area-->
1249                            <ul class="social">
1250                                <li class="facebook">
1251                                    <a href="https://www.facebook.com/JMASChihuahua" title="Facebook"><i class="icon-facebook"></i></a>
1252                                </li>
1253                                <li class="twitter">
1254                                    <a href="http://tinyurl.com/l3qmpyq" title="Twitter"><i class="icon-twitter"></i></a>
1255                                </li>
1256                                <li class="youtube">
1257                                    <a href="http://www.youtube.com/user/YouGloobe" title="YouTube"><i class="icon-play"></i></a>
1258                                </li>
1259                            </ul>
1260                        </div>
1261                    </div>
1262                </div>
1263            </footer>
1264        </div>
1265
1266        <div class="modal" id="messagesModal" tabindex="-1" role="dialog" aria-labelledby="refLabel" aria-hidden="true">
1267            <div class="modal-dialog">
1268                <div class="modal-content c-square" id="messagesModalContent">
1269                    <div class="modal-header" id="messagesModalHeader">
1270                        <h4 class="modal-title" id="messagesModalTitle"></h4>
1271                    </div>
1272                    <div class="modal-body" id="messagesModalBody">
1273
1274                    </div>
1275                    <div class="modal-footer" id="messagesModalFooter">
1276
1277                        <a href="#" rel="modal:close" class="icon_bar  icon_bar_wide icon_bar_close"><span class="t"><span>Cerrar</span></span><span class="b"><i class="icon-cancel"></i></span></a>
1278                    </div>
1279                </div>
1280            </div>
1281        </div>
1282
1283
1284
1285
1286      <div class="modal fade" id="encuestaModal" tabindex="-1" role="dialog" aria-labelledby="refLabel" aria-hidden="true" style="width:400px !important;height:600px !important">
1287            <div class="modal-dialog">
1288                <form id="encuestaForm">
1289                    <div class="modal-content c-square">
1290                        <div class="modal-header">
1291                            <h2 class="modal-title" id="tituloEncuesta">
1292                                Ayúdanos a mejorar
1293                            </h2>
1294                        </div>
1295                        <div class="modal-body" id="cuerpoEncuesta">
1296
1297                            <div class="row">
1298                                <div class="col-md-12">
1299                                    <h4 style="margin:4px;">¿Consideras que tu trámite fue sencillo?</h4>
1300                                    <div class="encuesta">
1301                                        <ul>
1302                                            <li>
1303                                                <input type="radio" name="Sencillo" id="cb1" value="1" />
1304                                                <label for="cb1" class="encuestaLabel"><img src="/Images/EncuestaSi.png" class="imgRespuesta"></label>
1305                                            </li>
1306                                            <li>
1307                                                <input type="radio" name="Sencillo" id="cb2" value="
13070" />
1308                                                <label for="cb2" class="encuestaLabel"><img src="/Images/EncuestaNo_gris.png" class="imgRespuesta"/></label>
1309                                            </li>
1310                                        </ul>
1311                                    </div>
1312                                </div>
1313                            </div>
1314                            <div class="row">
1315                                <div class="col-md-12">
1316                                    <h4 style="margin:4px;">¿Consideras accesible nuestros trámites en línea?</h4>
1317                                    <div class="encuesta">
1318                                        <ul>
1319                                            <li>
1320                                                <input type="radio" name="Accesible" id="cb3" value="1" />
1321                                                <label for="cb3" class="encuestaLabel"><img src="/Images/EncuestaSi.png"  class="imgRespuesta"/></label>
1322                                            </li>
1323                                            <li>
1324                                                <input type="radio" name="Acce
1324sible" id="cb4" value="0" />
1325                                                <label for="cb4" class="encuestaLabel"><img src="/Images/EncuestaNo_gris.png"  class="imgRespuesta"/></label>
1326                                            </li>
1327                                        </ul>
1328                                    </div>
1329                                </div>
1330                            </div>
1331                            <div class="row">
1332                                <div class="col-md-12">
1333                                    <h4 style="margin:4px;">¿Como calificas el servicio de la JMAS?</h4>
1334                                    <div class="encuesta">
1335                                        <ul>
1336                                            <li>
1337                                                <input type="radio" name="Calificacion" id="cb5" value="1" />
1338                                                <label for="cb5" class="encuestaLabel"><img src="/Images/EncuestaBueno.png" class="imgRespuesta"/></label>
1339                                            </li>
1340                                            <li>
1341                                                <input type="radio" name="Calificacion" id="cb6" value="2" />
1342                                                <label for="cb6" class="encuestaLabel"><img src="/Images/EncuestaRegular.png" class="imgRespuesta" /></label>
1343                                            </li>
1344                                            <li>
1345                                                <input type="radio" name="Calificacion" id="cb7" value="3" />
1346                                                <label for="cb7" class="encuestaLabel"><img src="/Images/EncuestaMalo.png" class="imgRespuesta" /></label>
1347                                            </li>
1348                                        </ul>
1349                                    </div>
1350                                </div>
1351                            </div>
1352                            <div class="row" id="divComentarioEncuesta">
1353                                <div class="col-md-12">
1354                                    <h4 style="margin:4px;">¿Cómo podríamos mejorar tu experiencia?</h4>
1355                                    <div class="encuesta form-group">
1356                                        <label for="txtComentarioEncuesta" class="form-control"></label>
1357                                            <textarea rows="5" id="txtComentarioEncuesta" class="form-control" style="width:100%;" name="comentarioEncuesta"></textarea>                                      
1358                                    </div>
1359                                </div>
1360                            </div>
1361                        </div>
1362                        <div class="modal-footer" id="pieEncuesta" style="text-align:end;">
1363                            <hr />
1364                            <a href="#" id="btnCerrarEncuesta" rel="modal:close"><input type="button" value="Mas tarde" style="background-color: #83898f;" /></a>
1365                            <a href="#" rel="modal:close"> <input type="button" rel="modal:close" id="btnEncuesta" class="btn" style="background-color: #0d6efd; " value="Enviar" /></a>
1366                        </div>
1367                    </div>
1368                </form>
1369            </div>
1370        </div>
1371
1372
1373        <div class="modal fade" id="graciasEncuestaModal" tabindex="-1" role="dialog" aria-labelledby="refLabel" aria-hidden="true">
1374            <div class="modal-dialog">
1375                <div class="modal-content c-square">
1376                    <div class="modal-header">
1377                        <h5 class="modal-title" id="refLabel"></h5>
1378
1379                    </div>
1380                    <div class="modal-body">
1381                        <h4>Gracias por tu apoyo!</h4>
1382                    </div>
1383                    <div class="modal-footer" style="align-items:center; text-align:center;">
1384                        <a href="#" rel="modal:close" id="cerrarEncuesta"><input type="button" value="Cerrar" style="background-color: #0d6efd; " /></a>
1385                    </div>
1386                </div>
1387            </div>
1388        </div>
1389
1390        <div class="modal fade" id="eliminarCuentaModal" tabindex="-1" role="dialog" aria-labelledby="refLabel" aria-hidden="true" style="">
1391            <div class="modal-dialog">
1392                    <div class="modal-content c-square">
1393                        <div class="modal-header">
1394                            <h4 class="modal-title">
1395                               ¿Estas seguro de quere eliminar tu cuenta.?
1396                            </h4>
1397                        </div>
1398                        <div class="modal-body" >
1399                            <p>Si eliminas tu cuenta ya no podras descargar tu recibo ni facturar en línea.<
1399/p>                           
1400                        </div>
1401                        <div class="modal-footer" style="text-align:end;">
1402                            <hr />
1403
1404                        </div>
1405                    </div>
1406            </div>
1407        </div>
1408
1409
1410        
1410<script src="/bundles/jquery?v=yTf0RVh4QAn1zdus8OYcKh8muHJzRBNfF_VOLUehgqA1"></script>
1410
1411
1412        
1412<script src="/bundles/menu?v=IPwRW3LwqQOLdQA9_EPpX3VmQkfUQJiqa6k5Zu0YtoA1"></script>
1412
1413
1414        
1414<script src="/bundles/extras?v=RFLN1CFEfDlTEoBT3_9i5fAjv6z1QxX7RCzxw3bP_101"></script>
1414
1415
1416        
1416<script src="/bundles/revolutionMain?v=bsdCoxskuDmOK5PLow8yiiEereJTGSdnWjjRjrBwkCc1"></script>
1416
1417
1418        
1418<script src="/bundles/revolutionExtensions?v=olJ2yr_3Hv1LDYSEEUg0jP4sNCGfVTOV8iCOM3-c_g41"></script>
1418
1419
1420        
1420<script src="/bundles/datatableJS?v=hjlmeFXfuhT9S0F54OWmYqFKI9hV1BPXe60zYI2NQCU1"></script>
1420
1421
1422        
1422<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
1422
1423        
1423<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
1423
1424        
1424<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js"></script>
1424
1425        
1426        
1427    
1427<script src="https://maps.google.com/maps/api/js?key=AIzaSyBks058KZFYOAvvVfkcOVgW_a28c2Nx9tU"></script>
1427
1428    
1428<script>
1429        function renderDefaultMap() {
1430            /*var latlng = new google.maps.LatLng(28.630873, -106.075487);
1431            var myOptions = {
1432                zoom: 17,
1433                center: latlng,
1434                mapTypeId: google.maps.MapTypeId.ROADMAP,
1435                zoomControl: true,
1436                mapTypeControl: false,
1437                streetViewControl: false,
1438                scrollwheel: false
1439            };
1440            var map = new google.maps.Map(document.getElementById("gmapMain"), myOptions);
1441            var marker = new google.maps.Marker({
1442                position: latlng,
1443                map: map
1444            });*/
1445            document.getElementById("aMap").href = "https://www.google.com/maps/search/Junta Municipal de Agua y Saneamiento de Chihuahua, Sucursal Ocampo"
1446        }
1447
1448
1449        jQuery(document).ready(function ($) {
1450            renderDefaultMap();
1451        });
1452
1453  
1454
1455        document.getElementById("sucursalSelect").onchange = function () {
1456
1457            //var latlng = new google.maps.LatLng(28.67287, -106.098893);
1458            switch (this.value) {
1459                case '1':
1460                    var title = document.getElementById("sucursalTitle");
1461                    title.innerHTML = "Sucursal Ocampo";
1462                    var addr = document.getElementById("sucursalTexto");
1463                    addr.innerHTML = "Ave. Ocampo 1604 <br/> Col. Centro";
1464                    var phone = document.getElementById("sucursalTel");
1465                    phone.innerHTML = "(614) 439-74-74";
1466                    phone.href = "tel:6144397474"
1467                    //latlng = new google.maps.LatLng(28.630873, -106.075487);
1468                    document.getElementById("aMap").href = "https://www.google.com/maps/search/Junta Municipal de Agua y Saneamiento de Chihuahua, Sucursal Ocampo";
1469                    document.getElementById("imgMap").src = "../Images/Ubicaciones/Ocampo.png";
1470                    var cajeros = document.getElementById("cajeros");
1471                    cajeros.style.display = "";
1472                    break;
1473                case '2':
1474                    var title = document.getElementById("sucursalTitle");
1475                    title.innerHTML = "Sucursal Dostoyevsky";
1476                    var addr = document.getElementById("sucursalTexto");
1477                    addr.innerHTML = "Ave. Dostoyevsky e Industrias <br/> Edificio del IVI";
1478                    //latlng = new google.maps.LatLng(28.729505, -106.112872);
1479                    document.getElementById("aMap").href = "https://www.google.com/maps/search/Junta Municipal de Agua y Saneamiento de Chihuahua, Sucursal Dostoyevzki";
1480                    document.getElementById("imgMap").src = "../Images/Ubicaciones/Dostoyevsky.png";
1481                    var phone = document.getElementById("sucursalTel");
1482                    phone.innerHTML = "(614) 439-74-74 Ext. 2452";
1483                    phone.href = "tel:6144397474"
1484                    var cajeros = document.getElementById("cajeros");
1485                    cajeros.style.display = "none";
1486                    break;
1487
1488                case '3':
1489                    var title = document.getElementById("sucursalTitle");
1490                    title.innerHTML = "Sucursal Nueva España";
1491                    var addr = document.getElementById("sucursalTexto");
1492                    addr.innerHTML = "Ave. Nueva España y Av. CH-P<br/> Plaza Paseo Nueva España";
1493                    //latlng = new google.maps.LatLng(28.729505, -106.112872);
1494                    document.getElementById("aMap").href = "https://maps.app.goo.gl/c7UYpk5URc6qs56i8";
1495                    document.getElementById("imgMap").src = "../Images/Ubicaciones/NuevaEspaña.png";
1496                    var phone = document.getElementById("sucursalTel");
1497                    phone.innerHTML = "(614) 439-74-74 Ext. 2150";
1498                    phone.href = "tel:6144397474"
1499                    var cajeros = document.getElementById("cajeros");
1500                    cajeros.style.display = "";
1501                    break;
1502                case '4':
1503                    var title = document.getElementById("sucursalTitle");
1504                    title.innerHTML = "Sucursal Riberas";
1505                    var addr = document.getElementById("sucursalTexto");
1506                    addr.innerHTML = "Rio Amazonas y Rio Misuri <br /> Local 4";
1507                    //latlng = new google.maps.LatLng(28.621102, -106.033172);
1508                    document.getElementById("aMap").href = "https://maps.app.goo.gl/KwSyLQcHbpXieBgn9";
1509                    document.getElementById("imgMap").src = "../Images/Ubicaciones/Riberas.png";
1510                    var phone = document.getElementById("sucursalTel");
1511                    phone.innerHTML = "(614) 439-74-74";
1512                    phone.href = "tel:6144397474"
1513                    var cajeros = document.getElementById("cajeros");
1514                    cajeros.style.display = "none";
1515                    break;
1516                case '5':
1517                    var title = document.getElementById("sucursalTitle");
1518                    title.innerHTML = "Sucursal Saucito";
1519                    var addr = document.getElementById("sucursalTexto");
1520                    addr.innerHTML = "Ave. Francisco Villa 5705 <br/> Plaza Saucito, Local 1";
1521                    var phone = document.getElementById("sucursalTel");
1522                    phone.innerHTML = "(614) 439-74-74";
1523                    phone.href = "tel:6144397474"
1524                    var cajeros = document.getElementById("cajeros");
1525                    cajeros.style.display = "none";
1526                    //latlng = new google.maps.LatLng(28.66424, -106.126503);
1527                    document.getElementById("aMap").href = "https://www.google.com/maps/search/JMAS Chihuahua Sucursal Saucito";
1528                    document.getElementById("imgMap").src = "../Images/Ubicaciones/Saucito.png";
1529                    break;
1530                case '6':
1531
1532                    document.getElementById("sucursalTitle").innerHTML = "Sucursal Vallarta";
1533                    var addr = document.getElementById("sucursalTexto");
1534                    addr.innerHTML = "Ave. Vallarta 5902 <br/> Plaza Vallarta, Local 38  ";
1535                    //latlng = new google.maps.LatLng(28.67287, -106.098893);
1536                    var phone = document.getElementById("sucursalTel");
1537                    phone.innerHTML = "(614) 439-74-74 Ext. 2451";
1538                    phone.href = "tel:6144397474"
1539                    document.getElementById("aMap").href = "https://www.google.com/maps/search/Junta Municipal de Agua y Saneamiento de Chihuahua, Sucursal Vallarta";
1540                    document.getElementById("imgMap").src = "../Images/Ubicaciones/Vallarta.png";
1541                    var cajeros = document.getElementById("cajeros");
1542                    cajeros.style.display = "";
1543                    break;
1544                case '7':
1545                    var title = document.getElementById("sucursalTitle");
1546                    title.innerHTML = "Sucursal Mercado Zarco";
1547                    var addr = document.getElementById("sucursalTexto");
1548                    addr.innerHTML = "Plaza Multimercado Zarco. Col. Marmol.";
1549                    //latlng = new google.maps.LatLng(28.621102, -106.033172);
1550                    document.getElementById("aMap").href = "https://www.google.com/maps/search/Junta Municipal de Agua y Saneamiento de Chihuahua, Sucursal Fuentes Mares";
1551                    document.getElementById("imgMap").src = "../Images/Ubicaciones/Zarco.png";
1552                    var phone = document.getElementById("sucursalTel");
1553                    phone.innerHTML = "(614) 439-74-74";
1554                    phone.href = "tel:6144397474"
1555                    var cajeros = document.getElementById("cajeros");
1556                    cajeros.style.display = "none";
1557                    break;
1558                case '8':
1559                    var title = document.getElementById("sucursalTitle");
1560                    title.innerHTML = "Auto pago De la 24";
1561                    var addr = document.getElementById("sucursalTexto");
1562                    addr.innerHTML = "C. 24 1700";
1563                    //latlng = new google.maps.LatLng(28.621102, -106.033172);
1564                    document.getElementById("aMap").href = "https://maps.app.goo.gl/Ab41oUfu514RVC7o6";
1565                    document.getElementById("imgMap").src = "../Images/Ubicaciones/AutoPago24.png";
1566                    var phone = document.getElementById("sucursalTel");
1567                    phone.innerHTML = "(614) 439-74-74";
1568                    phone.href = "tel:6144397474"
1569                    var cajeros = document.getElementById("cajeros");
1570                    cajeros.style.display = "none";
1571                    break;
1572                case '10':
1573                    var title = document.getElementById("sucursalTitle");
1574                    title.innerHTML = "Auto Pago Norte";
1575                    var addr = document.getElementById("sucursalTexto");
1576                    addr.innerHTML = "Circuito Universitario y Av. San Miguel el Grande <br /> Col. Quintas Sebastian.";
1577                    //latlng = new google.maps.LatLng(28.621102, -106.033172);
1578                    document.getElementById("aMap").href = "https://maps.app.goo.gl/vav24tHQbLE8hcJZ9";
1579                    document.getElementById("imgMap").src = "../Images/Ubicaciones/AutoPagoNorte.png";
1580                    var phone = document.getElementById("sucursalTel");
1581                    phone.innerHTML = "(614) 439-74-74";
1582                    phone.href = "tel:6144397474"
1583                    var cajeros = document.getElementById("cajeros");
1584                    cajeros.style.display = "none";
1585                    break;
1586                case '9':
1587                    var title = document.getElementById("sucursalTitle");
1588                    title.innerHTML = "Auto Pago Fuerza Aérea";
1589                    var addr = document.getElementById("sucursalTexto");
1590                    addr.innerHTML = "Ave. Fuerza Aérea Mexicana y C. del Bajio. <br /> Col. Palestina";
1591                    //latlng = new google.maps.LatLng(28.621102, -106.033172);
1592                    document.getElementById("aMap").href = "https://maps.app.goo.gl/bftGVmxi188d8n1d8";
1593                    document.getElementById("imgMap").src = "../Images/Ubicaciones/AutoPagoFuerzaAerea.png";
1594                    var phone = document.getElementById("sucursalTel");
1595                    phone.innerHTML = "(614) 439-74-74 Ext. 2190";
1596                    phone.href = "tel:6144397474"
1597                    var cajeros = document.getElementById("cajeros");
1598                    cajeros.style.display = "none";
1599                    break;
1600            }
1601
1602            //var myOptions = {
1603            //    zoom: 17,
1604            //    center: latlng,
1605            //    mapTypeId: google.maps.MapTypeId.ROADMAP,
1606            //    zoomControl: true,
1607            //    mapTypeControl: false,
1608            //    streetViewControl: false,
1609            //    scrollwheel: false
1610            //};
1611            //var map = new google.maps.Map(document.getElementById("gmapMain"), myOptions);
1612            //var marker = new google.maps.Marker({
1613            //    position: latlng,
1614            //    map: map
1615            //});
1616            //myDiv.style.display = (this.selectedIndex == 0) ? "block" : "none";
1617        }
1618
1619
1620
1621    </script>
1621
1622
1623    
1623<script>
1624        var tpj = jQuery;
1625        var revapi1;
1626        tpj(document).ready(function () {
1627            if (tpj("#rev_slider_1_2").revolution == undefined) {
1628                revslider_showDoubleJqueryError("#rev_slider_1_2");
1629            } else {
1630                revapi1 = tpj("#rev_slider_1_2").show().revolution({
1631                    sliderType: "standard",
1632                    sliderLayout: "auto",
1633                    dottedOverlay: "none",
1634                    delay: 5000,
1635                    visibilityLevels: [1240, 1024, 778],
1636                    gridwidth: [1920, 1280, 778],
1637                    gridheight: [600, 500, 500],
1638                    responsiveLevels: [1240, 1024, 778],
1639                    lazyType: "none",
1640                    shadow: 0,
1641                    spinner: "spinner3",
1642                    autoHeight: "off",
1643                    disableProgressBar: "on",
1644                    hideThumbsOnMobile: "off",
1645                    hideSliderAtLimit: 0,
1646                    hideCaptionAtLimit: 0,
1647                    hideAllCaptionAtLilmit: 0,
1648                    debugMode: false,
1649                    fallbacks: {
1650                        simplifyAll: "off",
1651                        disableFocusListener: false,
1652                    }
1653                });
1654
1655           
1656
1657
1658
1659            }
1660
1661            var urlParams = new URLSearchParams(location.search);
1662            if (urlParams.has('irseccion')) {
1663                scrollToAnchor(urlParams.get('irseccion'));
1664            }
1665
1666
1667            
1668
1669
1670
1671        });
1672
1673
1674
1675
1676        /*]]>*/
1677    </script>
1677
1678
1679    
1679<script>
1680
1681    //jQuery('#modalHelp').modal().on('shown', function () {
1682    //    tpj('body').css('overflow', 'hidden');
1683    //}).on('hidden', function () {
1684    //    tpj('body').css('overflow', 'auto');
1685    //});
1686
1687        jQuery('#irAyuda').on('click', function () { jQuery('#modalHelp').modal('show'); });
1688
1689
1690
1691    jQuery('#refBt').on('click', function () {
1692
1693
1694        var contrato = jQuery('#contratoTb').val();
1695        console.log(contrato);
1696
1697        data = {contrato: contrato };
1698        jQuery.ajax({
1699            url: "/Servicio/ReferenciasSinRegistro",
1700            type: 'POST',
1701            data: JSON.stringify(data),
1702            contentType: 'application/json; charset=utf-8',
1703            success: function (data) {
1704
1705
1706                var infoModal = jQuery('#modal1');
1707                htmlData = '<ul><li>' + data["0"].Key + ': ' + data["0"].Value + '</li><li>'
1708                    + data["1"].Key + ': ' + data["1"].Value + '</li><li>'
1709                    + data["2"].Key + ': ' + data["2"].Value + '</li><li>'
1710                    + data["3"].Key + ': ' + data["3"].Value + '</li><li>'
1711                    + data["4"].Key + ': ' + data["4"].Value + '</li><li>'
1712                    + data["5"].Key + ': ' + data["5"].Value + '</li><li>'
1713                        + data["6"].Key + ': ' + data["6"].Value + '</li><li>'
1714                            + data["7"].Key + ': ' + data["7"].Value + '</li><li>'
1715                    + data["8"].Key + ': ' + data["8"].Value + '</li></ul>';
1716                infoModal.find('.modal-body').html(htmlData);
1717                infoModal.modal('show');
1718                localStorage.setItem("iniciarEncuesta", "SI");
1719                localStorage.setItem("tramiteRealizado", "Referencias");
1720            },
1721            error: function () {
1722                toastr.error('Ocurrió un error al generar las referencias bancarias', 'Error');
1723            }
1724         });
1725    });
1726
1727
1728        jQuery("#cisFormButton").click(function () {
1729            jQuery("#cisForm").show();
1730            jQuery("#wrapCis").hide();
1731
1732        });
1733
1734        jQuery("#cancelCisFormButton").click(function () {
1735            jQuery("#cisForm").hide();
1736            jQuery("#wrapCis").show();
1737            jQuery("#mapCis").hide();
1738            jQuery("#wrapResultCis").hide();
1739        });
1740
1741
1742
1743      jQuery("#cisForm").on("submit", function (event) {
1744
1745                    event.preventDefault();
1746                    var $this = jQuery(this);
1747                    var frmValues = $this.serialize();
1748                  jQuery.ajax({
1749                        cache: false,
1750                        async: true,
1751                        type: "POST",
1752                        url: "/Servicio/ConsultarFolioCis",
1753                        data: frmValues,
1754                        success: function (response) {
1755                        if (response != null && response.Success) {
1756
1757                            console.log(response);
1758
1759                            
1760
1761                            //Pintar mapa si trae informacion geografica
1762                            if (response.latitud != '' && response.longitud != '') {
1763                                console.log(response.latitud + ' | ' + response.longitud);
1764
1765
1766                                var latlngCis = new google.maps.LatLng(response.latitud, response.longitud);
1767                                    var myOptionsCis = {
1768                                        zoom: 17,
1769                                        center: latlngCis,
1770                                        mapTypeId: google.maps.MapTypeId.ROADMAP,
1771                                        zoomControl: true,
1772                                        mapTypeControl: false,
1773                                        streetViewControl: false,
1774                                        scrollwheel: false
1775                                    };
1776                                    var mapCis = new google.maps.Map(document.getElementById("gmapCis"), myOptionsCis);
1777                                    var markerCis = new google.maps.Marker({
1778                                        position: latlngCis,
1779                                        map: mapCis
1780                                    });
1781
1782
1783                                jQuery("#mapCis").show();
1784                            }
1785
1786                            jQuery("#resultCisTitle").text("Folio: " + response.folio);
1787                            jQuery("#resultCisText").html( "<p>Dirección: Calle " + response.calle + ' ' + response.numero + ", Colionia "
1788                                + response.colonia + "</p>" + "<p>Estatus:" + response.estado + "</p>"
1789                                + "<p>Observaciones: " + response.observaciones + "</p>");
1790
1791                            jQuery("#wrapResultCis").toggle();
1792                            localStorage.setItem("iniciarEncuesta", "SI");
1793                            localStorage.setItem("tramiteRealizado", "ConsultaFolioCis");
1794
1795                        } else {
1796
1797                            toastr.info(response.mensaje, '!');
1798                        }
1799
1800                    },
1801                    error: function (data) {
1802                        toastr.error("Error inesperado", 'Error');
1803                    }
1804                });
1805
1806        });
1807    </script>
1807
1808
1809    
1809<script>
1810        jQuery("#saldoFormButton").click(function () {
1811            jQuery("#saldoForm").toggle();
1812            jQuery("#wrap").toggle();
1813        });
1814
1815        jQuery("#cancelFormButton").click(function () {
1816            jQuery("#saldoForm").toggle();
1817            jQuery("#wrap").toggle();
1818        });
1819
1820          
1821
1822
1823
1824        async function pagarContrato(contrato, tipoPago)
1825        {
1826
1827            const action = '/Servicio/JmasPago';
1828             var data = new Object();
1829            data.contrato = contrato;
1830            data.tipoPago = tipoPago;
1831
1832                 const response = await fetch("/Servicio/JmasPago", {
1833                     method: 'POST',
1834                     headers: {
1835                         'Content-Type': 'application/json'
1836                     },
1837                     body: JSON.stringify(data)
1838                 });
1839
1840                 if (response.ok) {
1841                        response.json().then(function (resp) {
1842                            if (resp != null && resp.success) {
1843                                toastr.info('Por favor espere mientras se genera su archivo', 'Información:');
1844                                window.location.assign(resp.link);
1845
1846                        } else
1847                                toastr.error('Ocurrió un error al generar su archivo: ' + resp.mensaje, 'Error');
1848                     });
1849
1850                 }
1851                 else
1852                     toastr.error('Ocurrió un error al abrir la plataforma de pagos', 'Error');
1853
1854
1855        }
1856
1857
1858            jQuery("#submit").on("click", function (event) {
1859            jQuery("#btnPagarAbono").show();
1860            jQuery("#contrato").html();
1861            jQuery("#direccion").html();
1862            jQuery("#montoTotal").html();
1863            jQuery("#btnPagarAbono").attr("href","");
1864            jQuery("#montoAbono").html();
1865            jQuery("#btnPagarTotal").attr("href", "");
1866
1867                   // event.preventDefault();
1868            var pPayData = new Object();
1869            pPayData.contrato = jQuery("#contratoTb").val();
1870
1871                  jQuery.ajax({
1872                        cache: false,
1873                        async: true,
1874                        type: "POST",
1875                      url: "/Home/ConsultarAdeudo?contrato=" + jQuery("#contratoTb").val(),
1876                      //data: JSON.stringify(pPayData),
1877                        success: function (response) {
1878                        if (response != null && response.success) {
1879
1880                            console.log(response);
1881                            jQuery("#contrato").html(response.contrato);
1882                            jQuery("#direccion").html(response.direccion);
1883                            jQuery("#montoTotal").html(response.totalCuenta);
1884                            jQuery("#btnPagarTotal").attr("href", "/Servicio/JmasPago?tipoPago=TOTAL&contrato=" + response.contrato);
1885                            jQuery("#montoAbono").html(response.abono);
1886                            jQuery("#btnPagarAbono").attr("href", "/Servicio/JmasPago?tipoPago=ABONO&contrato=" + response.contrato);
1887                            if (response.abono == "$0.00") {
1888                                jQuery("#btnPagarAbono").hide();
1889                            }
1890                            modalDatosCuenta = jQuery('#modalDatosCuenta');
1891                            modalDatosCuenta.modal('show');
1892
1893                        } else {
1894
1895                            toastr.info(response.mensaje, '!');
1896                        }
1897
1898                    },
1899                    error: function (data) {
1900                        toastr.error("Error inesperado", 'Error');
1901                    }
1902                  });
1903
1904
1905
1906        });
1907
1908      
1909    </script>
1909
1910
1911   
1912
1913    
1913<script type="text/javascript">       
1914
1915        jQuery(document).ready(function () {
1916 
1917            jQuery("#saldoForm").toggle();
1918            jQuery("#wrap").toggle();
1919
1920            jQuery('#cajerosPD').hide();
1921            jQuery('#infoPD').on('click', function () {
1922                jQuery('#cajerosPD').show();
1923            });
1924
1925            jQuery("#btnEsconderCajerosPD").click(function () {
1926                jQuery("#cajerosPD").hide();
1927                $("#infoPD").css("background-color", "white");
1928            });
1929
1930
1931            var urlParams = new URLSearchParams(location.search);
1932            
1933
1934            
1935            if (urlParams.has('success')) 
1936                    if (!urlParams.get('success') == "true" || urlParams.get('message') === undefined || urlParams.get("message") == null || urlParams.get("message").trim() == "")
1937                        toastr.error("Ocurrio un error inesperado.", 'Error');
1938                    else
1939                        toastr.error(urlParams.get('message') , 'Error');
1940
1941
1942        
1943            if (!urlParams.has('log'))
1944                console.log(urlParams.get('message'))
1945
1946                
1947        });
1948
1949    function scrollToAnchor(aid) {
1950        var aTag = jQuery("a[name='" + aid + "']");
1951        jQuery('html,body').animate({ scrollTop: aTag.offset().top }, 'slow');
1952    }
1953
1954
1955    </script>
1955
1956
1957
1958
1959        
1959<script>
1960        toastr.options = {
1961            "closeButton": false,
1962            "debug": false,
1963            "newestOnTop": true,
1964            "progressBar": true,
1965            "positionClass": "toast-top-center",
1966            "preventDuplicates": false,
1967            "onclick": null,
1968            "showDuration": "300",
1969            "hideDuration": "1000",
1970            "timeOut": "5000",
1971            "extendedTimeOut": "1000",
1972            "showEasing": "swing",
1973            "hideEasing": "linear",
1974            "showMethod": "fadeIn",
1975            "hideMethod": "fadeOut"
1976        }
1977        function messages(title, body, footer) {
1978            jQuery('#messagesModalTitle').html(title);
1979            jQuery('#messagesModalBody').html(body);
1980            if(footer != "")
1981                jQuery('#messagesModalFooter').html(footer);
1982
1983            var message = jQuery('#messagesModal');
1984            message.modal('show');
1985        }
1986
1987         const isNullOrEmpty = (myStr) => {
1988            return (myStr === null || myStr.trim() === "")
1989        }
1990
1991
1992
1993            jQuery(document).ready(function () {
1994                jQuery("#btnEliminarCuenta").on("click", function () {
1995                    var cuenta = jQuery('#eliminarCuentaModal');
1996                    cuenta.modal("show");
1997
1998                });
1999
2000           var fechaUltimaEncuestaUsuario = 0;
2001            if (fechaUltimaEncuestaUsuario > 0)
2002                localStorage.setItem("fechaUltimaRespuesta", fechaUltimaEncuestaUsuario);
2003
2004        setInterval(function () {
2005            var iniciarEncuesta = "";
2006            iniciarEncuesta = localStorage.getItem("iniciarEncuesta");
2007
2008           if (!isNullOrEmpty(iniciarEncuesta) && iniciarEncuesta == "SI") {
2009                localStorage.setItem("iniciarEncuesta", "NO");
2010                MostrarEncuesta();
2011            }
2012        },7000);
2013
2014            jQuery("#btnEncuesta").on("click", function () {
2015                localStorage.setItem("fechaUltimaRespuesta", Date.now());
2016                EnviarEncuesta();
2017
2018            });
2019
2020               const form = document.getElementById('encuestaForm');
2021                const divComentarios = document.getElementById('divComentarioEncuesta');
2022                const divEncuesta = document.getElementById('encuestaModal');
2023                
2024
2025                form.addEventListener('change', function () {
2026                    // Obtenemos los valores seleccionados
2027                    const sencillo = document.querySelector('input[name="Sencillo"]:checked')?.value;
2028                    const accesible = document.querySelector('input[name="Accesible"]:checked')?.value;
2029                    const calificacion = document.querySelector('input[name="Calificacion"]:checked')?.value;
2030
2031                    // Lógica: Mostrar si seleccionó "No" (0) o "Malo" (3)
2032                    if (sencillo === "0" || accesible === "0" || calificacion === "3") {
2033                        divEncuesta.style.height = "800px";
2034                        jQuery(divComentarios).fadeIn();
2035
2036                    } else {
2037                        jQuery(divComentarios).fadeOut();
2038                        // Opcional: Limpiar el texto si deciden cambiar a una opción positiva
2039                        divEncuesta.style.height = "600px";
2040                        document.getElementById('txtComentarioEncuesta').value = "";
2041                    }
2042                });
2043          
2044        });
2045
2046        function MostrarEncuesta() {
2047               // setTimeout(function () { return true; }, 5000)
2048            var fechaUltimaEncuesta = 0;
2049
2050            const tiempoMostrarEncuesta = 15768000000 ;//2592000000 ; // 1*1000*60*60*24*60 ms = 60 dias
2051            if (isNullOrEmpty(localStorage.getItem("fechaUltimaRespuesta")) || Number.isNaN(localStorage.getItem("fechaUltimaRespuesta"))) {
2052                fechaUltimaEncuesta = Date.now() - tiempoMostrarEncuesta - 10000;
2053                localStorage.setItem("fechaUltimaRespuesta", Date.now());
2054            } else
2055                fechaUltimaEncuesta = Number.parseFloat(localStorage.getItem("fechaUltimaRespuesta"));
2056
2057
2058
2059
2060                    const fechaActual = Date.now();
2061                    const tiempoTranscurrido = fechaActual - fechaUltimaEncuesta;
2062                    if (tiempoTranscurrido >= tiempoMostrarEncuesta) {
2063                        var encuestaModal = jQuery('#encuestaModal');
2064                        encuestaModal.modal("show");
2065            }
2066
2067            localStorage.setItem("iniciarEncuesta", "NO");
2068
2069                //else {
2070                //    localStorage.setItem("fechaUltimaRespuesta", Date.now());
2071                //    fechaUltimaRespuesta = localStorage.getItem("fechaUltimaRespuesta");
2072                //    alert("Es la primera vez que hay encuesta");
2073                //}
2074        }
2075
2076       const EnviarEncuesta = () => {
2077            var encuestaArray = jQuery("#encuestaForm").serializeArray();
2078            var encuesta = new Object();
2079            encuesta.Sencillo = encuestaArray[0].value;
2080            encuesta.Accesible = encuestaArray[1].value;
2081            encuesta.Calificacion = encuestaArray[2].value;
2082            encuesta.Origen = localStorage.getItem("tramiteRealizado");
2083            encuesta.Comentarios = encuestaArray[3].value;
2084            if (!isNullOrEmpty(encuesta.Sencillo) && !isNullOrEmpty(encuesta.Calificacion) && !isNullOrEmpty(encuesta.Accesible)) {
2085                json = JSON.stringify(encuesta);
2086                console.log(json);
2087                jQuery.ajax({
2088                    contentType: "application/json; charset=utf-8",
2089                    cache: false,
2090                    async: true,
2091                    type: "POST",
2092                    url: "/Servicio/GuardarEncuesta",
2093                    data: json,
2094                    success: function (response) {
2095                        if (response != null && response.success) {
2096                            console.log(response);
2097                            localStorage.setItem("iniciarEncuesta", "NO");
2098                            localStorage.setItem("fechaUltimaRespuesta", Date.now());
2099                            localStorage.setItem("tramiteRealizado", "");
2100                            var graciasModal = jQuery('#graciasEncuestaModal');
2101                            graciasModal.modal("show");
2102                        }
2103                    }
2104                });
2105            } else {
2106
2107            }
2108
2109            localStorage.setItem("iniciarEncuesta", "NO");
2110            localStorage.setItem("fechaUltimaRespuesta", Date.now());
2111            localStorage.setItem("tramiteRealizado", "");
2112        }
2113
2114        </script>
2114
2115
2116
2117
2118    </body>
2119
2120</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.