htmtResponse$$GlobalPageContainer$$

  <div id="myCarousel" class="carousel slide container-mobile hidden-xs" data-ride="carousel" style="padding-bottom: 40px;">
    <!-- Indicators -->
    <ol class="carousel-indicators" style="bottom: 30px">

     
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">

     
    
    </div>

   <!--Left and right controls-->
    <a class="left carousel-control" href="#0" role="button" data-slide="prev" style="z-index: 15;">
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">&lt;</span>
    </a>
    <a class="right carousel-control" href="#0" role="button" data-slide="next" style="z-index: 15;">
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
      <span class="sr-only">&gt;</span>
    </a>
     
  </div>
  


<section id="mainWrapper" class="scrollable extended" style="width: 100%;margin:auto;left: initial;padding-top: 0px;padding-bottom: 50px;right: initial;top: 0px;overflow-y: scroll;
position: absolute;" >

<div class="container" style=" max-width: 700px;margin-top:100px">
<div class="panel panel-default logo-panel">
    <div class="panel-heading">
        <div class="clearfix" style="cursor:pointer;" onclick="doAction('0a363b4f-6310-410b-9576-36ee1395c53a','nextPage');">
            <img src="img/APAPENLINE.png">
            <div class="text-center">
                <h4></h4>
            </div>
        </div>
    </div>
</div>
<div id="" class="panel panel-default panel-block ibs-login-form">
    <form class="defaultForm" action="javascript:try {allIsOK(function() {
		doAction('doLogin','');
	} );}catch (exception) {
   doAction('doLogin','');
   }" id="defaultForm" name=""
          data-parsley-namespace="data-parsley-" data-parsley-validate>
        <footer class="panel-footer text-right" style="padding: 3px;"> </footer>
        <div class="list-group">
            <div class="list-group-item">
                <h4 class="section-title"> Iniciar sesión <br/>
                    <small></small>
                </h4>

                <div class="erreurContainerId"></div>

                <div id="loginNameCONTAINER" class=" form-group ">
    <div class="row input-container">
        <div class="col-md-3 col-lg-3 col-sm-12 col-xs-12 input-col">
            <div class="input-label">
                Usuario
                <span class="itss-required-"> * </span>
            </div>
        </div>
        <div class="col-md-9 col-lg-9 col-sm-12 col-xs-12 input-text-in">
            <div class="input-group">
                <input type="text" class="form-control parsley-validated " id="loginName" name="loginName" onchange="doAction('getUserLogin',this.value,this);" placeholder="Tu usuario APAPenline@ / APAPP Móvil"
                       autocomplete="off" value="" data-parsley-required="" data-parsley-required-message="Este valor es necesario ."
                       data-parsley-minlength="0" data-parsley-minlength-message="Este valor es demasiado corto. El número mínimo de caracteres es ()" >
                <span class="input-group-addon"><span class="glyphicon glyphicon-pencil"></span></span>
            </div>
        </div>
    </div>
</div>
<div class="hidden">
	<input type="password" />
</div>



<div class=" form-group ">
	<div class="row input-container">
		<div class="col-md-3 col-lg-3 col-sm-12 col-xs-12 input-col">

			<div class="input-label"> Clave <span class="itss-required-"> * </span>
			</div>
		</div>
		<div class="col-md-9 col-lg-9 col-sm-12 col-xs-12 input-text-in">
		<div class="input-group">
			<input type="password"  class="form-control parsley-validated passwordChecker" id="loginPwd" name="loginPwd"
				placeholder="Ingresa tu clave vigente" onchange="doAction('getUserPwd',this.value,this);"
				placeholder="Ingresa tu clave vigente" value="" autocomplete="off" 
				data-parsley-required="" data-parsley-required-message="Este valor es necesario .">
	 <span class="input-group-addon" ><span class="glyphicon glyphicon-lock"></span></span>
		
		</div>
		</div>

	</div>
</div>



            </div>
        </div>
        <footer class="panel-footer text-right">   <span style="float: left">
Al ingresar aceptas <a href="javascript:window.open('http://www.apap.com.do/aviso-legal', '_system'); ;" > los términos y condiciones </a> uso website APAP. 
   </span>
 <button id="submitLogin" type="submit" class="btn btn-success-apap btn-sm " >
    <span class="glyphicon glyphicon-check"></span>
    Ingresar
</button>
</footer>

    </form>
</div>

<a href="javascript:doAction('1d5e1fbf-3369-4f24-b2f8-793de52c0e02','nextPage');;" style="display: inline-block;.text-overflow();white-space: nowrap;white-space: nowrap;
width: 100%;
line-height: 30px;
color: #fff;
background-color: rgba(192, 192, 192, 0.56);
text-align: center;
padding: 5px;
margin-top: 5px;
line-height: 30px;">
    <span class="icon-key "></span>
    Olvidé mi clave
</a>
   
 <a href="javascript:doAction('b4b1cca4-9785-46ee-842b-82fa1977ae6f','nextPage');;" style="display: inline-block;.text-overflow();white-space: nowrap;white-space: nowrap;
width: 100%;
line-height: 30px;
color: #fff;
background-color: rgba(192, 192, 192, 0.56);
text-align: center;
padding: 5px;
margin-top: 5px;
line-height: 30px;">
    <span class="icon-signin "></span>
    Solicitar acceso
</a>
   
 <a href="javascript:window.open('
                 https://www.youtube.com/watch?v=HoXT651wG7M&list=PLS2J00RIfm4K8H6yiZuV_7U_KkISocu8B
            ', '_system'); ;" style="display: inline-block;.text-overflow();white-space: nowrap;white-space: nowrap;
width: 100%;
line-height: 30px;
color: #fff;
background-color: rgba(192, 192, 192, 0.56);
text-align: center;
padding: 5px;
margin-top: 5px;
line-height: 30px;">
    <span class="icon-youtube "></span>
    Haz clic aquí y conoce tu nuevo APAPEnlíne@
</a>
   
 
</div>

</section>


<button type="button" id="IBS-BACK-BUTTON" onclick="doAction('98c06cf2-d33f-40d6-8747-51abcdb97e0e','previewPage');"  class="hidden"></button><div class="footer" align="center">
	<span>© 2017 Asociación Popular de Ahorros y Préstamos, (v3.1.3.1) &nbsp; &nbsp; &nbsp; </span>  <a target="_blank"
		href="http://www.instagram.com/asocpopular/" style="font-size: 17px;"><icon
			class="icon-instagram"></icon></a>  <a target="_blank"
		href="http://www.youtube.com/AsociacionPopular"><icon
			class="icon-youtube-sign"></icon></a>  <a target="_blank"
		href="https://www.facebook.com/AsociacionPopulardeAhorrosyPrestamos/"><icon
			class="icon-facebook-sign"></icon></a>  <a target="_blank"
		href="https://twitter.com/#!/AsocPopular"><icon
			class="icon-twitter-sign"></icon></a>
			
			<a target="_blank" 
		href="http://www.apap.com.do/chatapap/chat_apap.html">
		<img src="img/ChatAPAP.jpeg" style="height: 30px;margin-right: -13px;" />
		</a>
		<a target="_blank" 
		href="http://www.apap.com.do/citasapap/">
		<img src="img/CitasAPAP.jpeg" style="height: 15px;" />
		</a>
		
         	
         	<a target="" 
		href="javascript:showModal('phoneNumberPopup');">
		<span class="icon-phone"></span>
		Llámanos
		</a>
  
     
</div>
<div id="phoneNumberPopup" tabindex="-1" role="dialog" class="modal fade itssModal " >
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">&times;</button>
				<h4 class="modal-title">
					<i class="icon-"></i> Llámanos
				</h4>
			</div>
			<div class="modal-body">
				

<div class="panel-group" id="accordion">

<div class="panel panel-default">
	<div class="panel-heading">
		<h4 class="panel-title">
	
<a class="accordion-toggle collapsed" data-toggle="collapse"
				data-parent="#accordion" href="#8096872727"> <i class="icon-"></i>	 Servicio al cliente Santo Domingo   <span style="float:right"><small></small></span>  </a>
				
		</h4>
	</div>
	<div id="8096872727" class="panel-collapse collapse ">
		
			
			


<div id="top" class="panel panel-default panel-block panel-title-block">
	<div class="panel-heading">


		<div class="row">
			
				
			<div class="col-md-6 col-lg-6 col-sm-6">

				
					<span class="descReference"><i class="icon-"></i><strong><a href="tel:8096872727"  > <span class="icon-phone"></span>  809-687-APAP (2727) </a></strong></span>
			
			</div>

			<div class="col-md-6 col-lg-6 col-sm-6" >
				<span class="descTitle"></span>
			</div>

		</div>
		<div class="row"></div>

		<div></div>

	</div>

</div>
	</div>
</div>

<div class="panel panel-default">
	<div class="panel-heading">
		<h4 class="panel-title">
	
<a class="accordion-toggle collapsed" data-toggle="collapse"
				data-parent="#accordion" href="#18092002737"> <i class="icon-"></i>	 Desde el interior sin cargos:   <span style="float:right"><small></small></span>  </a>
				
		</h4>
	</div>
	<div id="18092002737" class="panel-collapse collapse ">
		
			
			


<div id="top" class="panel panel-default panel-block panel-title-block">
	<div class="panel-heading">


		<div class="row">
			
				
			<div class="col-md-6 col-lg-6 col-sm-6">

				
					<span class="descReference"><i class="icon-"></i><strong><a href="tel:18092002737"  > <span class="icon-phone"></span>  1-809-200-2737 </a></strong></span>
			
			</div>

			<div class="col-md-6 col-lg-6 col-sm-6" >
				<span class="descTitle"></span>
			</div>

		</div>
		<div class="row"></div>

		<div></div>

	</div>

</div>
	</div>
</div>

<div class="panel panel-default">
	<div class="panel-heading">
		<h4 class="panel-title">
	
<a class="accordion-toggle collapsed" data-toggle="collapse"
				data-parent="#accordion" href="#18775892727"> <i class="icon-"></i>	 Internacional USA & CANADA   <span style="float:right"><small></small></span>  </a>
				
		</h4>
	</div>
	<div id="18775892727" class="panel-collapse collapse ">
		
			
			


<div id="top" class="panel panel-default panel-block panel-title-block">
	<div class="panel-heading">


		<div class="row">
			
				
			<div class="col-md-6 col-lg-6 col-sm-6">

				
					<span class="descReference"><i class="icon-"></i><strong><a href="tel:18775892727"  > <span class="icon-phone"></span>  1-877-589-2727 </a></strong></span>
			
			</div>

			<div class="col-md-6 col-lg-6 col-sm-6" >
				<span class="descTitle"></span>
			</div>

		</div>
		<div class="row"></div>

		<div></div>

	</div>

</div>
	</div>
</div>

<div class="panel panel-default">
	<div class="panel-heading">
		<h4 class="panel-title">
	
<a class="accordion-toggle collapsed" data-toggle="collapse"
				data-parent="#accordion" href="#900965083"> <i class="icon-"></i>	 Internacional desde España   <span style="float:right"><small></small></span>  </a>
				
		</h4>
	</div>
	<div id="900965083" class="panel-collapse collapse ">
		
			
			


<div id="top" class="panel panel-default panel-block panel-title-block">
	<div class="panel-heading">


		<div class="row">
			
				
			<div class="col-md-6 col-lg-6 col-sm-6">

				
					<span class="descReference"><i class="icon-"></i><strong><a href="tel:900965083"  > <span class="icon-phone"></span>  900-965-083 </a></strong></span>
			
			</div>

			<div class="col-md-6 col-lg-6 col-sm-6" >
				<span class="descTitle"></span>
			</div>

		</div>
		<div class="row"></div>

		<div></div>

	</div>

</div>
	</div>
</div>

<div class="panel panel-default">
	<div class="panel-heading">
		<h4 class="panel-title">
	
<a class="accordion-toggle collapsed" data-toggle="collapse"
				data-parent="#accordion" href="#8093312727"> <i class="icon-"></i>	 Telemed / Asistencia Vial   <span style="float:right"><small></small></span>  </a>
				
		</h4>
	</div>
	<div id="8093312727" class="panel-collapse collapse ">
		
			
			


<div id="top" class="panel panel-default panel-block panel-title-block">
	<div class="panel-heading">


		<div class="row">
			
				
			<div class="col-md-6 col-lg-6 col-sm-6">

				
					<span class="descReference"><i class="icon-"></i><strong><a href="tel:8093312727"  > <span class="icon-phone"></span>  809-331-2727 </a></strong></span>
			
			</div>

			<div class="col-md-6 col-lg-6 col-sm-6" >
				<span class="descTitle"></span>
			</div>

		</div>
		<div class="row"></div>

		<div></div>

	</div>

</div>
	</div>
</div></div>
			</div>
			<div class="modal-footer">
				
				
			</div>
		</div>
		<!-- /.modal-content -->
	</div>
</div>
<!-- /.modal -->


<div class="hidden" id="messageErrorSystem">Please check your connection</div>
<div class="hidden" id="messageSessionTimeout">Después de un período de inactividad, su sesión se cerrará</div>
<div class="hidden" id="sessionTimeout">300</div>
<div class="modal">
<div class="cssload-loader">
	<div class="cssload-inner cssload-one"></div>
	<div class="cssload-inner cssload-two"></div>
	<div class="cssload-inner cssload-three"></div>
</div>

</div>