
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="X-UA-Compatible" content="text/html; charset=utf-8" /><meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" /><title>
	Municipalidad de San Isidro - Sistema de Pagos en Línea
</title><link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" /><link href="Content/css/bootstrap.min.css" rel="stylesheet" /><link href="Content/css/font-awesome.min.css" rel="stylesheet" /><link href="Content/css/ionicons.min.css" rel="stylesheet" /><link href="Content/css/AdminLTE.min.css" rel="stylesheet" /><link href="Content/css/_all-skins.min.css" rel="stylesheet" /><link href="Content/css/estilos.css" rel="stylesheet" /><link rel="stylesheet" href="Content/css/main.css" />
    <script type="text/javascript" src="Scripts/jquery.min.js"></script>
    <script type="text/javascript">
        //function AnularBotonDerecho() {
        //    if (event.button == 2) {
        //        alert('Sistema de Pagos en Línea\n©Copyright 2011 Municipalidad de San Isidro.\nReservados todos los Derechos.');                
        //    }
        //}
        //document.onmousedown = AnularBotonDerecho();

        window.oncontextmenu = function () {
            alert('Sistema de Pagos en Línea\n©Copyright 2011 Municipalidad de San Isidro.\nReservados todos los Derechos.');
            return false;
        }
        function validarPrivacidad() {
            var chkPrivacidad = document.getElementById('chkPrivacidad');            
            if (!chkPrivacidad.checked) {
                document.getElementById('modalAlert').style.visibility = 'visible';
                return false;
            }
            validar();
        }

        function validar() {
            var txtUsuario = $('#txtUsuario');
            var txtPassword = $('#txtPassword');
            var txtCaptcha = $('#wucCaptchaLogin_txtCaptcha');
            var btnIngresar = $('#btnIngresar');            

            if (txtUsuario.val().length < 8) {
                txtUsuario.css('border-color', 'red');
            }
            else {
                txtUsuario.css('border-color', '');
            }
            if (txtPassword.val().length < 3) {
                txtPassword.css('border-color', 'red');
            }
            else {
                txtPassword.css('border-color', '');
            }
            if (txtCaptcha.val().length < 4) {
                txtCaptcha.css('border-color', 'red');
            }
            else {
                txtCaptcha.css('border-color', '');
            }
            if (txtUsuario.val().length < 8 || txtPassword.val().length < 3 || txtCaptcha.val().length < 4) {
                $('#btnIngresar').prop("disabled", true);                
                return;
            }
            else {
                $('#btnIngresar').prop("disabled", false);                
            }
        }

        function noreq() {
            document.getElementById('txtUsuario').removeAttribute('required');
            document.getElementById('txtPassword').removeAttribute('required');
            document.getElementById('wucCaptchaLogin_txtCaptcha').removeAttribute('required');
            //var btnIngresar = document.getElementById('btnIngresar');
            //var icon = btnIngresar.setAttribute('msi-icon', 'btn bg-olive glyphicon glyphicon-log-in');
            //btnIngresar.classList.add('btn');
        }

        $(document).ready(function () {
            //Agrega los iconos a los botones que contengan el atributo msi-icon
            $('#btnIngresar').each(function () {
                var icon = $('#btnIngresar').attr('msi-icon');
                $('#btnIngresar').addClass(icon);

            });
        });


        //var isMobile = {
        //    Android: function () {
        //        return navigator.userAgent.match(/Android/i);
        //    },
        //    BlackBerry: function () {
        //        return navigator.userAgent.match(/BlackBerry/i);
        //    },
        //    iOS: function () {
        //        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
        //    },
        //    Opera: function () {
        //        return navigator.userAgent.match(/Opera Mini/i);
        //    },
        //    Windows: function () {
        //        return navigator.userAgent.match(/IEMobile/i);
        //    },
        //    any: function () {
        //        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
        //    }
        //};

        //alert(isMobile.any());
        
    </script>

</head>
<body class="hold-transition login-page" style="background-image:url(Images/Login/imgFondoLogin.jpg)">
    <form method="post" action="./frmLogin.aspx?ReturnUrl=%2fPagosWeb%2f" id="form1">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="GDbL3LwY5d4GXZifJ5gOtPI5biymkqgFjTvbltWWwHXH8n8ZzM5L6vXl1/4pyI7yH0PUY7s/U/LmXxEXLohzeaLnW9YBqYl8rBBEPWekYR1opSX37rV52RUazerbxjohcro/fzPcgsat3+f2oOKNBlM43vOM895XQszb2xd14s6KwNfn4FVxjPBryiyJgH0bmbQE9RvmlBWKp3TD/Wt50xZSYu/yGic+zVLk5zg1aJWXynDSFhq6tpHBXGCs9fUyMCxDREIUJZQSK52p4f1JqcmZmGFrri9llJgJ+vR6DVWD2xp2Cut4P2wUsa4QXl57oOSyr/cBSWtOT59GfCdw/A==" />


<script src="/PagosWeb/ScriptResource.axd?d=CpSh3R_MzEmlLXGxrD6QSV8wG22PLi4xII91ZrorvTwWdJZox9eGYSBVJ6Adk2BPIh0ssdgMBKzG6Km7i9c6eTgMUHPTrbP0F2fLYs3LeeeaqkMe0n9299Fv0BjLtfTBVx-lOs_UFd5jV4SRAzfo-Fq_VX812iudWWVnDZxGk5Y1&amp;t=ffffffffecf19baa" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('Error al cargar el marco de trabajo de cliente ASP.NET Ajax.');
//]]>
</script>

<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="96A35731" />
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="Jk7lqRdMCE8BlslqKQNixKAW/vERYfHjS4fE1f96CUPl/12IkSmrRN7Qx54TGr5O7nRE4J7/GxpaDthHFUgsB6xwmfV4xdMCcgZ66VFtUnnaRs/iWBXyIBWwhDQuUks7+739W/5hxGs/3kMREcBT6VBm+vrPArYGAU8CBFWETrcpalgnVtW7JglSjZSUWASvok2kriv2ON+VNa5/gptaeMdk7kymZNjAZCgdJzspEqFAS/qOTERTsY7ufPF/B2jkWphZKhQeb5nNfnNrQDQr3hythvWGMOoB+APkaKLWNqc=" />
    

    <header class="site-header">
        <div class="divisor"></div>
        <div class="logo">
	        <h1 class="visually-hidden">Municipalidad de San Isidro</h1>
	        <img src="Content/images/logo.svg" alt="Municipalidad de San Isidro" width="294" height="98" />
        </div>
        <div class="social-icons">
        <a class="social-icon icon-facebook" href="https://www.facebook.com/MunicipalidaddeSanIsidro" target="_blank"><img src="Content/images/icon-facebook-gray.svg" width="32" height="32" />
        <a class="social-icon icon-tw-bn" href="https://twitter.com/munisanisidro" target="_blank"><img src="Content/images/icon-tw-green.png" width="32" height="32" />
        <a class="social-icon icon-instagram" href="https://www.instagram.com/munisanisidro" target="_blank"><img src="Content/images/icon-instagram-gray.svg" width="32" height="32" />
        <a class="social-icon icon-youtube" href="https://www.youtube.com/user/munisanisidro" target="_blank"><img src="Content/images/icon-youtube-gray.svg" width="32" height="32" />
        <a class="social-icon icon-tiktok" href="https://www.tiktok.com/@munisanisidro" target="_blank"><img src="Content/images/icon-tiktok-gray.svg" width="32" height="32" />
        </div>
        <nav class="nav-links">
        <a class="nav-link nav-link-portal" href="https://www.gob.pe/munisanisidro-lima" target="_blank"><img src="Content/images/icon-nav-portal.png" width="26" height="26" alt="Portal MSDI"><span>Portal MSDI</span></a>
        <a class="nav-link nav-link-data" href="https://www.datosabiertos.gob.pe/group/municipalidad-de-san-isidro-lima" target="_blank"><img src="Content/images/icon-nav-data.png" width="23" height="30" alt="Datos abiertos"><span>Datos abiertos</span></a>
        <a class="nav-link nav-link-transparency" href="https://www.transparencia.gob.pe/enlaces/pte_transparencia_enlaces.aspx?id_entidad=10080" target="_blank"><img src="Content/images/icon-nav-transparency.png" width="30" height="30" alt="Portal de Transparencia"><span>Portal de Transparencia</span></a>
        <a class="nav-link nav-link-services" href="http://plataformavirtual.munisanisidro.gob.pe/msivirtual/home" target="_blank"><img src="Content/images/icon-nav-services.png" width="28" height="30" alt="Servicios en línea"><span>Servicios en línea</span></a>
        </nav>
        <div class="nav-links-mobile">
        <a class="nav-link nav-link-portal" href="https://www.gob.pe/munisanisidro-lima" target="_blank"><em><img src="Content/images/icon-nav-portal.png" width="26" height="26" alt="Portal MSDI"></em><span>Portal MSDI</span></a>
        <a class="nav-link nav-link-transparency" href="https://www.datosabiertos.gob.pe/group/municipalidad-de-san-isidro-lima" target="_blank"><em><img src="Content/images/icon-nav-transparency.png" width="30" height="30" alt="Portal de Transparencia"></em><span>Portal de Transparencia</span></a>
        <a class="nav-link nav-link-data" href="https://www.transparencia.gob.pe/enlaces/pte_transparencia_enlaces.aspx?id_entidad=10080" target="_blank"><em><img src="Content/images/icon-nav-data.png" width="23" height="30" alt="Datos abiertos"></em><span>Datos abiertos</span></a>
        <a class="nav-link nav-link-services" href="http://plataformavirtual.munisanisidro.gob.pe/msivirtual/home" target="_blank"><em><img src="Content/images/icon-nav-services.png" width="28" height="30" alt="Servicios en línea"></em><span>Servicios en línea</span></a>
        </div>
    </header>

    <div class="login-box" style="margin-top:0px;">
        <div class="login-box-body" style="max-width:700px;">        
            
            <p class="login-logo text-olive"><b class="text-bold">Pagos en Línea</b></p>
                       
            <div class="text-red text-left"><span class="fa fa-video-camera" onclick="return mostrarVideo();" title="Video Instructivo"></span><a onclick="return mostrarVideo();" title="Video Instructivo" class="text-red text-bold" href="javascript:__doPostBack(&#39;ctl12&#39;,&#39;&#39;)"> Ayuda Tutorial</a></div>
            <div class="text-olive text-right">Aló Rentas <span class="fa fa-phone"></span><b> 513-9001</b></div>
        </div>

                
                
                        
        <div id="pnlLogin">
	
            <div id="divForm" class="login-box-body text-center">
                <p><b class="text-olive">Iniciar Sesión</b></p>
                <div class="row" style="display:flex;justify-content:center;">
                    <div class="col-xs-8">
                        <div class="form-group has-feedback">                                                                                                                                                                                                                                                                                                              
                            <input name="txtUsuario" type="text" maxlength="8" id="txtUsuario" class="form-control" placeholder="Usuario" onkeydown="return false;" onkeyup="validar();" required="true" title="Ingrese el Usuario." />
                            <span class="glyphicon glyphicon-user form-control-feedback"></span>                                                      
                        </div>
                        <div class="form-group has-feedback">                                                                                                                                                                    
                            <input name="txtPassword" type="password" id="txtPassword" class="form-control" placeholder="Password" onkeyup="validar();" required="true" title="Ingrese el Password. (Mayúsculas / Minúsculas)" />                                                                                    
                            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                        </div>       
                    </div>
                    <div id="divKP" class="col-xs-4">
                            
<style>
    .Keypad { BORDER-RIGHT: Transparent thin outset;}
</style>

<script>

function focusToInput() {
    var hfIDTEXTO = document.getElementById('wucKeyPad_hfIDTEXTO').value; //document.getElementById("hfIDTEXTO").value;

    try {
        document.getElementById(hfIDTEXTO).focus();
    }
    catch (e) {}
}

function numClicked(elem) {
    var hfIDTEXTO = document.getElementById('wucKeyPad_hfIDTEXTO').value; //document.getElementById("hfIDTEXTO").value;
    try {
      document.getElementById(hfIDTEXTO).value+=elem.value;
    } 
    catch(e) 
    {}
    focusToInput();
}

function delClicked(elem) {
    var hfIDTEXTO = document.getElementById('wucKeyPad_hfIDTEXTO').value; //document.getElementById("hfIDTEXTO").value;
    try {
        document.getElementById(hfIDTEXTO).value=document.getElementById(hfIDTEXTO).value.substr(0,document.getElementById(hfIDTEXTO).value.length-1);
    } 
    catch(e) {}  
    focusToInput();
}

function clrClicked(elem){
    var hfIDTEXTO = document.getElementById('wucKeyPad_hfIDTEXTO').value; //document.getElementById("hfIDTEXTO").value;
    try {
      document.getElementById(hfIDTEXTO).value="";
    } 
    catch(e) {}   
    focusToInput();
}

</script>

<table cellpadding="0" cellspacing="1" style="width: 70px">
    <tr>
        <td style="width: 100px">
            <input onclick="numClicked(this);" style="font-weight: bold; font-size: 8pt; width: 28px; width: 28px; background-color:olivedrab; color:white;
                font-family: Verdana; height: 24px" type="button" value="1" /></td>
        <td style="width: 100px">
            <input onclick="numClicked(this);" style="font-weight: bold; font-size: 8pt; width: 28px; width: 28px; background-color:olivedrab; color:white;
                font-family: Verdana; height: 24px" type="button" value="5" /></td>
        <td style="width: 100px">
            <input onclick="numClicked(this);" style="font-weight: bold; font-size: 8pt; width: 28px; width: 28px; background-color:olivedrab; color:white;
                font-family: Verdana; height: 24px" type="button" value="4" /></td>
    </tr>
    <tr>
        <td style="width: 100px">
            <input onclick="numClicked(this);" style="font-weight: bold; font-size: 8pt; width: 28px; width: 28px; background-color:olivedrab; color:white;
                font-family: Verdana; height: 24px" type="button" value="6" /></td>
        <td style="width: 100px">
            <input onclick="numClicked(this);" style="font-weight: bold; font-size: 8pt; width: 28px; width: 28px; background-color:olivedrab; color:white;
                font-family: Verdana; height: 24px" type="button" value="8" /></td>
        <td style="width: 100px">
            <input onclick="numClicked(this);" style="font-weight: bold; font-size: 8pt; width: 28px; width: 28px; background-color:olivedrab; color:white;
                font-family: Verdana; height: 24px" type="button" value="2" /></td>
    </tr>
    <tr>
        <td style="width: 100px">
            <input onclick="numClicked(this);" style="font-weight: bold; font-size: 8pt; width: 28px; width: 28px; background-color:olivedrab; color:white;
                font-family: Verdana; height: 24px" type="button" value="7" /></td>
        <td style="width: 100px">
            <input onclick="numClicked(this);" style="font-weight: bold; font-size: 8pt; width: 28px; width: 28px; background-color:olivedrab; color:white;
                font-family: Verdana; height: 24px" type="button" value="9" /></td>
        <td style="width: 100px">
            <input onclick="numClicked(this);" style="font-weight: bold; font-size: 8pt; width: 28px; width: 28px; background-color:olivedrab; color:white;
                font-family: Verdana; height: 24px" type="button" value="3" /></td>
    </tr>
    <tr>
        <td style="width: 100px">
            <input onclick="numClicked(this);" style="font-weight: bold; font-size: 8pt; width: 28px; width: 28px; background-color:olivedrab; color:white;
                font-family: Verdana; height: 24px" type="button" value="0" /></td>
        <td style="width: 100px">
            <input onclick="delClicked(this);" style="text-align:center; font-weight: bold; font-size: 6pt; width: 28px; width: 28px; background-color:olivedrab; color:white;
                font-family: Verdana; height: 24px" type="button" value="DL" /></td>
        <td style="width: 100px">
            <input onclick="clrClicked(this);" style="text-align:center; font-weight: bold; font-size: 6pt; width: 28px; width: 28px; background-color:olivedrab; color:white;
                font-family: Verdana; height: 24px" type="button" value="CL" /></td>
    </tr>
</table>
<input type="hidden" name="wucKeyPad$hfIDTEXTO" id="wucKeyPad_hfIDTEXTO" value="txtUsuario" />
 
                    </div>
                </div>                                                                                                                               
                                                   
                <div>                        
                    <div id="wucCaptchaLogin_pnlContenedorCaptcha">
		
    <table cellpadding="0" cellspacing="0" align="center">
        <tr>
            <td>
                <table id="tbContenedorTexto" border="0" cellpadding="2" cellspacing="2" width="100%" align="center">
                    <tr>
                        <td align="center" valign="middle" style="width: 20%;">
                            <span id="wucCaptchaLogin_lblCódigo" style="color:seagreen;">Código&nbsp;:</span>
                        </td>
                        <td align="center" valign="middle" style="width: 50%;">
                            <input name="wucCaptchaLogin$txtCaptcha" type="text" autocomplete="off" maxlength="6" id="wucCaptchaLogin_txtCaptcha" class="form-control" onkeyup="validar();" required="true" title="Ingresar el Código que se muestra en la Imagen." />
                        </td>
                        <td>
                        </td>
                        <td align="center" valign="middle" style="width: 5%;">
                            <input type="image" name="wucCaptchaLogin$ibtnRefrescar" id="wucCaptchaLogin_ibtnRefrescar" title="Refrescar Imagen" src="Images/Botones/btnRefrescar.png" onclick="noreq();" />
                        </td>
                        <td>
                            <img id="wucCaptchaLogin_imgCaptcha" src="Captcha.ashx?w=305&amp;h=92&amp;c=QbpI2IWzhAaYhBLkPYLxiA==&amp;bc=#000000" height="40" width="140" />
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td>
                <table id="tbContenedorCaptcha" border="0" cellpadding="0" cellspacing="1" style="" width="100%">
                    <tr>
                        <td align="center">
                            
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <span id="wucCaptchaLogin_lblMensaje"></span>

	</div>
                                          
                </div>
                <div class="text-olive">                    
                    <input id="chkPrivacidad" type="checkbox" onclick="validar();" title="Política de Privacidad" value="Política de Privacidad" />
                    <a onclick="return mostrarPrivacidad();" title="Política de Privacidad" class="text-olive text-bold" href="javascript:__doPostBack(&#39;ctl13&#39;,&#39;&#39;)">Política de Privacidad</a>
                </div>
                <div class="row">                
                    <div class="col-xs-12">                                                                       
                                                                                                                                                                                             
                            <input type="submit" name="btnIngresar" value="Ingresar" onclick="return validarPrivacidad();" id="btnIngresar" class="btn bg-olive" />&nbsp;&nbsp;&nbsp;&nbsp;
                                                                          
                                                                                                                                                                                               
                            <input type="submit" name="btnCancelar" value="Cancelar" onclick="noreq();window.top.close();" id="btnCancelar" class="btn bg-olive" />                                                                             
                                                             
                    </div>                                                   
                </div>
                <div class="text-olive" style="max-width:700px; text-align: justify">
                    <br />                    
                    <span id="lblDerechos"><b>Estimado Vecino:</b><br/>Para acceder a este Servicio debe identificarse con su código de contribuyente y clave de acceso, los cuales se encuentran impresos en la parte inferior del formato de Hoja de Liquidación Predial (HLP) de la Carpeta de Contribuyente.</span>
                </div>                   
                <br />                              
                <div class="text-center">
                    <img src="Procesos/images/visa.png" />&nbsp;&nbsp;<img src="Procesos/images/mc.png" />&nbsp;&nbsp;<img src="Procesos/images/amex.png" />&nbsp;&nbsp;<img src="Procesos/images/diners.png" />
                </div>
                <div class="text-olive" style="max-width:700px; text-align: justify">
                    <br />                    
                    <span id="Label1">Así mismo ud. podrá realizar sus pagos mediante la plataforma de YAPE, para mayor información puede comunicarse con Aló Rentas al 513-9001</span>
                </div>
                <div class="text-center">
                    <img src="Procesos/images/yape.png" />
                </div>
            </div>
        
</div>                                       

    </div>

    <div class="modal show" id="modalVideo" style="visibility:hidden;">
        <div class="modal-lg">
            <div class="modal-content" style="top:5px;left:5px;">
                <div class="text-olive text-right"><span class="fa fa-close" onclick="return cerrarVideo();"><b> Cerrar &nbsp;&nbsp;</b></span></div>
                <div class="video-responsive">                    
                    <iframe src="Ayuda/TutorialMSIPL/TutorialMSIPL.mp4" frameborder="1" allowfullscreen="allowfullscreen"></iframe>
                </div>                
            </div>
        </div>
    </div>
    <div class="modal show" id="modalPrivacidad" style="visibility:hidden;">
        <div class="modal-lg">
            <div class="modal-content" style="top:auto;left:auto;">                
                <div class="video-responsive">                    
                    <iframe src="Privacidad.html" frameborder="1" allowfullscreen="allowfullscreen"></iframe>                    
                </div>                
                <div class="text-olive text-center"><span class="fa fa-close" onclick="return cerrarPrivacidad();"><b> Cerrar &nbsp;&nbsp;</b></span></div>
            </div>
        </div>
    </div>
    <div id="modalAlert" class="modal show" style="visibility:hidden;">
        <div class="modal-sm" style="position: fixed;top: 530px;left: 40%;width: 20vw;height: 10vh;display: flex;justify-content: center;align-items: center;">
            <div class="modal-content" style="position: fixed;border-color:olive; border:double;"><p></p>
                <div id="warning" style="color: red; display:block;">
                    Debe aceptar la Política de Privacidad para continuar.
                </div><p></p>
                <div class="text text-center"><input type="button" class="btn bg-olive" onclick="return cerrarPrivacidad();" value="Cerrar" /></div><p></p>
            </div>
        </div>
    </div>
    </form>
    <script type="text/javascript">
        function mostrarVideo(){
            document.getElementById('modalVideo').style.visibility = 'visible';
            return false;
        }
        function cerrarVideo() {
            document.getElementById('modalVideo').style.visibility = 'hidden';            
            return false;
        }
        function mostrarPrivacidad() {
            document.getElementById('modalPrivacidad').style.visibility = 'visible';
            return false;
        }
        function cerrarPrivacidad() {            
            document.getElementById('modalPrivacidad').style.visibility = 'hidden';
            document.getElementById('modalAlert').style.visibility = 'hidden';
            return false;
        }
    </script>            
</body>
</html>
