
<!DOCTYPE html>
<html lang="es">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
  <title>SunSol Hoteles</title>

  <!-- CSS  -->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="css/materialize.css"          type="text/css" rel="stylesheet" media="screen,projection"/>
  <link href="css/style.css"                type="text/css" rel="stylesheet" media="screen,projection"/>
  <link href="css/HoldOn.css"               type="text/css" rel="stylesheet">

  <link rel="icon"                          type="image/x-icon" href="img/favicon.png" />


  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-Y82KFF634Y"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-Y82KFF634Y');
  </script>

  <!--Start of Tawk.to Script-->
  <script type="text/javascript">
    var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
    (function(){
      var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
      s1.async=true;
      s1.src='https://embed.tawk.to/5d305dbc9b94cd38bbe80485/default';
      s1.charset='UTF-8';
      s1.setAttribute('crossorigin','*');
      s0.parentNode.insertBefore(s1,s0);
    })();
  </script>
  <!--End of Tawk.to Script-->

</head>

<style type="text/css">
  body {
    text-rendering: optimizeLegibility;
    font-kerning: normal;               
    font-variant-ligatures: common-ligatures contextual;
    font-feature-settings: "kern", "liga", "clig", "calt";
  }
</style>

<style type="text/css">
  .ajst_bx {
    margin-top: 10px !important;
    height: 40px !important;
  }

  .ajst_inpt {
    height: 34px !important;
    line-height: 34px !important;
  }
</style>

<body>

  <div id="grp_rslt" style="display: block;"></div>

  <div style="background-color: #fccb02; height: 3px; width: 100%"></div>

  <div class="container">
    <div class="row" style="margin-bottom: 0px;"> 


      <!-- begin: Header -->
            <!-- begin: Logo & Banners Superiores -->
      <div class="col s12 m3 center"><a id="logo-container" href="index.php" class="brand-logo"><img id="logo_img" src="img/home/logo.png" width="96%" alt=""></a></div>

      <div class="col s12 m1"><p></p></div>


      <!-- begin: Header -->
      <div class='col s6 m4 right oferta_home' style='padding: 0'><a href='https://promocion.sunsolhoteles.com/eventos' target='_blank'><img class='bansup_imgs' width='100%' src='admin/upld_pp_bansup/ft_1_4_sp.png?vrbl=05269e1941665d169b94aad3b34c9c5d'></a></div><div class='col s6 m4 right oferta_home' style='padding: 0'><a href='https://promocion.sunsolhoteles.com/mediacenter' target='_blank'><img class='' width='100%' src='admin/upld_pp_bansup/ft_2_4_sp.png?vrbl=05269e1941665d169b94aad3b34c9c5d'></a></div>    </div>
  </div>      <!-- end: Header -->

      <!-- end: Logo & Banners Superiores -->


      <!-- begin: Modal Suscribete - ->
      <div id="suscribete" class="modal" style="width: 290px !important">
        <div class="modal-content">

          <div class="row" style="margin-top: 5px;">
            <!- -JB Tracker- ->
            <script type="text/javascript">
              var _paq = _paq || []; (function(){ if(window.apScriptInserted) return; _paq.push(['clientToken', 'P%2bsIjEMd6oQ%3d']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://prod.benchmarkemail.com/tracker.bundle.js'; s.parentNode.insertBefore(g,s); window.apScriptInserted=true;})();
            </script> 
            <!- -/JB Tracker- ->

            <!- - BEGIN: Benchmark Email Signup Form Code - ->
            <script type="text/javascript" id="lbscript572311" src="https://lb.benchmarkemail.com//es/code/lbformnew.js?mFcQnoBFKMTK2O%252B%252FLpZLieZXUawFafLCNlNJ5F1yBKRSFnnfVOE3TQ%253D%253D"></script>
            <noscript>Please enable JavaScript <br /></noscript>
            <!- - END: Benchmark Email Signup Form Code - ->
          </div>

        </div>
      </div>
      <!- - end: Modal Suscribete -->


      <!-- begin: Menú -->
      <div class="container">
        <div id="div_wbchckn" style="float: left; width: 140px; cursor: pointer;">

          <!-- Modal Button -->
          <a class="waves-effect waves-light btn modal-trigger" href="#modal1" style="background: linear-gradient(60deg,#254B94,#1C418D);"><img src="img/webchckn.png"></a>
          
        </div>
        <nav class="" role="navigation" style="z-index: -2; background-color: #fff">
          <div class="nav-wrapper">

            <ul class="right hide-on-med-and-down">
              <a href="index.php" class="waves-effect waves-light btn #1a237e indigo darken-4" style="margin: -1px; border-radius: 6px 0px 0px 6px; padding: 6px 15px; height: 38px; font-size: 14px; line-height: 30px; font-family: arial">home</a>
              <a href="pages/quienes_somos.php" class="waves-effect waves-light btn #283593 indigo darken-3" style="margin: -1px; border-radius: 0px 0px 0px 0px; padding: 6px 15px; height: 38px; font-size: 14px; line-height: 30px; font-family: arial">qui&eacute;nes somos</a>
              <a href="pages/ubicacion.php" class="waves-effect waves-light btn #303f9f indigo darken-2" style="margin: -1px; border-radius: 0px 0px 0px 0px; padding: 6px 15px; height: 38px; font-size: 14px; line-height: 30px; font-family: arial">ubicación</a>
              <a href="http://sunsolhoteles.bumeran.com.ve/index.bum" class="waves-effect waves-light btn #3949ab indigo darken-1" target="_blank" style="margin: -1px; border-radius: 0px 0px 0px 0px; padding: 6px 15px; height: 38px; font-size: 14px; line-height: 30px; font-family: arial">empleo</a>
              <a href="#suscribete" class="waves-effect waves-light btn #3f51b5 indigo" style="margin: -1px; border-radius: 0px 0px 0px 0px; padding: 6px 15px; height: 38px; font-size: 14px; line-height: 30px; font-family: arial">suscr&iacute;bete</a>
              <a href="pages/contacto.php" class="waves-effect waves-light btn #5c6bc0 indigo lighten-1" style="margin: -1px; border-radius: 0px 6px 6px 0px; padding: 6px 15px; height: 38px; font-size: 14px; line-height: 30px; font-family: arial">contacto</a>
              <a href="pages/inc_chglng.php" class="waves-effect waves-light btn" style="margin: -1px; min-width: 48px; background-image: url('img/flag_en.png'); background-repeat: no-repeat; background-position: center; background-color: #ffffff;"></a>
            </ul>


            <ul id="nav-mobile" class="side-nav">
              <li><a style="text-transform: uppercase;" href="index.php">home</a></li>
              <li><a style="text-transform: uppercase;" href="pages/quienes_somos.php">¿qui&eacute;nes somos?</a></li>
              <li><a style="text-transform: uppercase;" href="pages/ubicacion.php">ubicación</a></li>
              <li><a style="text-transform: uppercase;" href="http://sunsolhoteles.bumeran.com.ve/index.bum">empleo</a></li>
              <li><a style="text-transform: uppercase;" href="#suscribete">suscr&iacute;bete</a></li>
              <li><a style="text-transform: uppercase;" href="pages/contacto.php">contacto</a></li>
              <li><a href="pages/inc_chglng.php">ESP / ENG</a></li>
            </ul>
            <a href="#" data-activates="nav-mobile" class="button-collapse" style="float:right;color: #0C3188; padding-top: 10px"><img src="img/menu.png" alt="Menu Sunsol Hoteles"></a>
          </div>
        </nav>
      </div>
      <!-- end: Menú -->


      <!-- begin: Seleccionar Medio Audiovisual -->
            <div class="slider" style="margin-top: -12px;">
        <ul class="slides">

        <li><a href='https://wa.link/nmlnbc' target='_blank'><img src='admin/upld_pp_slider/ft_29_sp.jpg?vrbl=05269e1941665d169b94aad3b34c9c5d' width='100%'></a></li><li><a href='https://api.whatsapp.com/send?phone=17203860818&text=' target='_blank'><img src='admin/upld_pp_slider/ft_28_sp.jpg?vrbl=05269e1941665d169b94aad3b34c9c5d' width='100%'></a></li><li><a href='https://api.whatsapp.com/send?phone=17203860818&text=' target='_blank'><img src='admin/upld_pp_slider/ft_16_sp.jpg?vrbl=05269e1941665d169b94aad3b34c9c5d' width='100%'></a></li>
        </ul>
      </div>


                <!-- end: Seleccionar Medio Audiovisual -->
      <!-- end: Header -->


      <!-- begin: Contenido -->
      <div class="section fondo_home">


        <!-- begin: Cuadro Reserva -->
        <div class="container">
          <div class="row">
            <form class="formValidate col s12" id="formReserva" name="formReserva" method="post" action="pages/reservar.php" autocomplete="off" enctype="multipart/form-data">
              <div>
                <!-- begin: Form de Reserva IQWARE -->
                            <div id="formBox" class="col" style="margin: -17px 0px 0px 0px !important ; padding: 0 !important ; ">

              <div class="card" style="background-color: #FDF3B6;">
                <div class="card-content" style="min-height: 104px !important ; padding: 0 20px 0 20px !important ;">

                  <div class="row" style="height: 55px !important ;">
                    <div class="col s6 m4 l2 box_iqware" >
                      <label>Pa&iacute;s de procedencia</label>
                      <select id="pais" name="pais" class="browser-default validate" required="" aria-required="true">
                        <option value="VE" selected >Venezuela</option>
                        <option value="EX">Otro</option>
                      </select>
                    </div>
                    <div class="col s6 m4 l2 box_iqware" >
                      <label>Hotel</label>
                      <select id="hotel" name="hotel" class="browser-default validate" required="" aria-required="true">
                                                <option value="1">Isla Caribe</option>
                                                    <option value="2">Punta Blanca</option>
                                                    <option value="5">Ecoland</option>
                                                    <option value="6">SUNSOL UNIK</option>
                                                  </select>
                    </div>
                    <div class="col s6 m4 l2 box_iqware center" >
                      <label class="center">Fecha de entrada</label>
                      <input id="fecha_d" name="fecha_d" type="date" class="datepicker center" required="" aria-required="true" style="height: 30px !important ; cursor: pointer;">
                    </div>
                    <div class="col s6 m4 l2 box_iqware center" >
                      <label>Fecha de salida</label>
                      <input id="fecha_h" name="fecha_h" type="date" class="datepicker center" required="" aria-required="true" style="height: 30px !important ; cursor: pointer;">
                    </div>
                    <div class="col s6 m4 l2 box_iqware" >
                      <div class="input-field">
                        <input id="agencia_user" name="agencia_user" class="center" placeholder="Indique código" type="text" length="10" autocomplete="off" style="height: 35px !important ;">
                        <label for="agencia_user">Código de agencia</label>
                      </div>
                    </div>
                    <div class="col s6 m4 l2 box_iqware" >
                      <label>Moneda</label>
                      <select id="moneda" name="moneda" class="browser-default validate" required="" aria-required="true">
                                                <option value="1"  >Bol&iacute;vares</option>
                                                    <option value="2"  selected  >D&oacute;lares USD</option>
                                                  </select>
                    </div>

                  </div>

                  <div class="row" align="center">
                    <div class="col s12 m12 " align="center" style="height: 40px !important ;" >
                      <a id="btn_srch_rsrv" href="#" class="waves-effect waves-light btn" style="width: 200px; margin-top: 0px; background-color: #FF9600;">RESERVAR AHORA</a>
                    </div>
                  </div>

                </div>
              </div>

            </div>

            <!-- begin: Modal for Agency Password -->
            <div id="modal_pass" class="modal" style="width: 240px !important ;" >
              <div class="modal-content">
                <div class="col s12 ">

                  <div class="row">
                    
                    <div class="input-field col12 s12 center">
                      <input id="agencia_pass" name="agencia_pass" class="center" type="password" length="10" value="" autocomplete="off" placeholder="Indique contrase&ntilde;a" style="height: 35px !important ;">
                      <label class="center" for="agencia_pass">Contrase&ntilde;a de Agencia</label>
                    </div>
                    
                    <div class="input-field col12 s12 center" align="center">
                      <a class="modal-action modal-close waves-effect waves-light btn" onclick="frm_vld_rsrv();" style="width: 200px; margin-top: 0px; background-color: #FF9600;">continuar</a>
                    </div>
                  </div>

                </div>
              </div>

            </div> 
                <!-- end: Form de Reserva IQWARE -->
              </div>
            </form>
         </div>
        </div>
        <!-- end: Cuadro Reserva -->


        <div class="container white z-depth-2" style="margin-top: -30px !important ; padding: 20px; border-radius: 4px">

          <div class="row center">


            <!-- begin: Hoteles -->
                        <h5 class="center espacio_letras" style="font-size: 30px; font-weight: bold; color: #0C3188">Nuestros Hoteles</h5>

            

            <div class="col s6 m3">
              <div class="card">
                <div class="card-content center">
                  <span class="card-title" style="min-height: 58px; font-size: 18px; letter-spacing: 1px; line-height: 36px;">ISLA DE MARGARITA</span>
                  <img class="z-depth-4" src="admin/upld_ht_hotels/ft_3_1_sp.jpg?vrbl=05269e1941665d169b94aad3b34c9c5d" width="100%" alt="">
                  <img src="admin/upld_ht_hotels/ft_1_1_sp.jpg?vrbl=05269e1941665d169b94aad3b34c9c5d" width="100%" alt="">
                                    <a class="waves-effect waves-light btn #1a237e indigo darken-4" href="pages/hotel.php?elm=MQ==" style="padding: 0px 15px">RESERVAR</a>
                                  </div>
              </div>
            </div>

                

            <div class="col s6 m3">
              <div class="card">
                <div class="card-content center">
                  <span class="card-title" style="min-height: 58px; font-size: 18px; letter-spacing: 1px; line-height: 36px;">ISLA DE COCHE</span>
                  <img class="z-depth-4" src="admin/upld_ht_hotels/ft_3_2_sp.jpg?vrbl=05269e1941665d169b94aad3b34c9c5d" width="100%" alt="">
                  <img src="admin/upld_ht_hotels/ft_1_2_sp.jpg?vrbl=05269e1941665d169b94aad3b34c9c5d" width="100%" alt="">
                                    <a class="waves-effect waves-light btn #1a237e indigo darken-4" href="pages/hotel.php?elm=Mg==" style="padding: 0px 15px">RESERVAR</a>
                                  </div>
              </div>
            </div>

                

            <div class="col s6 m3">
              <div class="card">
                <div class="card-content center">
                  <span class="card-title" style="min-height: 58px; font-size: 18px; letter-spacing: 1px; line-height: 36px;">ISLA DE MARGARITA</span>
                  <img class="z-depth-4" src="admin/upld_ht_hotels/ft_3_5_sp.jpg?vrbl=05269e1941665d169b94aad3b34c9c5d" width="100%" alt="">
                  <img src="admin/upld_ht_hotels/ft_1_5_sp.jpg?vrbl=05269e1941665d169b94aad3b34c9c5d" width="100%" alt="">
                                    <a class="waves-effect waves-light btn #1a237e indigo darken-4" href="pages/hotel.php?elm=NQ==" style="padding: 0px 15px">RESERVAR</a>
                                  </div>
              </div>
            </div>

                

            <div class="col s6 m3">
              <div class="card">
                <div class="card-content center">
                  <span class="card-title" style="min-height: 58px; font-size: 18px; letter-spacing: 1px; line-height: 36px;">ISLA DE MARGARITA</span>
                  <img class="z-depth-4" src="admin/upld_ht_hotels/ft_3_6_sp.jpg?vrbl=05269e1941665d169b94aad3b34c9c5d" width="100%" alt="">
                  <img src="admin/upld_ht_hotels/ft_1_6_sp.jpg?vrbl=05269e1941665d169b94aad3b34c9c5d" width="100%" alt="">
                                    <a class="waves-effect waves-light btn #1a237e indigo darken-4" href="pages/hotel.php?elm=Ng==" style="padding: 0px 15px">RESERVAR</a>
                                  </div>
              </div>
            </div>

                            <!-- end: Hoteles -->


            <!-- begin: Banner Inferior -->
            <img src='admin/upld_pp_baninf/ft_1_sp.jpg?vrbl=05269e1941665d169b94aad3b34c9c5d' width='100%' alt=''>            <!-- end: Banner Inferior -->


            <!-- begin: Footer -->
                        <div class="row" >
              <div class="col s12 m12 center" style="margin-top: 10px; margin-right: 20px; text-align: right;">
              	<span class="flow-text" style="vertical-align: 6px">S&iacute;guenos</span>
                <a href="https://twitter.com/sunsolhoteles" target="_blank"><img class="social_imgs" src="img/home/twitter.png" alt=""></a>
                <a href="https://www.facebook.com/SunSolHotelesVE/" target="_blank"><img class="social_imgs" src="img/home/facebook.png" alt=""></a>
                <a href="https://www.instagram.com/sunsolhoteles/" target="_blank"><img class="social_imgs" src="img/home/instagram.png" alt=""></a>
                <a href="https://api.whatsapp.com/send?phone=5804120943607&text=Hola%20Sunsol,%20deseo%20cotizar%20mis%20vacaciones%20en%20sus%20instalaciones" target="_blank" style="margin-right: 40px"><img class="social_imgs" src="img/home/whatsapp.png" alt=""></a>
              </div>
            </div>
            <!-- end: Footer -->

          </div>
        </div>
      </div>
      <!-- end: Contenido -->


      <!-- Modal Body -->
      <div id="modal1" class="modal" style="width: 380px;">
        <div class="modal-content">
          <h4 class="center" style="width: 100%;">Web Check-In</h4>
          <h6 class="center" style="width: 100%; padding: 20px;">Introduzca los datos para confirmar su identidad</h6>
          <div class="col s6">
            <form id="frm_login" action="#" method="post">

              <div class="row" style="margin-top: -15px;">

                <div class="input-field col s12 ajst_bx">
                  <input id="identidad" name="identidad" type="password" class="validate ajst_inpt" required="" aria-required="true" value="" onkeypress="return frmt_nmbr_int(event);">
                  <label for="identidad">N° Cédula / Pasaporte</label>
                </div>
                <div class="input-field col s12 ajst_bx">
                  <input id="localizador" name="localizador" type="password" class="validate ajst_inpt" required="" aria-required="true" value="" onkeypress="return frmt_alpha_numeric(event);">
                  <label for="localizador">Localizador</label>
                </div>

                <div class="center">
                  <div style="float: left; width: 330px; height: 30px; clear: both;"></div>
                  <div class="g-recaptcha" data-sitekey="6LeiEz8UAAAAAEHprbhmGdRzcSg6SvQ06ibS7K6i" style="float: left; margin-left: 18px;"></div>
                  <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?hl=es"></script>
                </div>  

                <div class="input-field col s12 center" style="margin-top: 25px;">
                  <button type="submit" class="waves-effect waves-light blue darken-3 btn" onclick="vldt_lgn(); return false;">Entrar</button>
                  <a href="#!" class="waves-effect waves-light red darken-3 modal-action modal-close btn" style="margin-left: 20px;">Cerrar</a>
                </div>

                <div id="lgn_rslt" class="center" style="float: left; margin-top: 20px; width:100%; min-height: 30px; font-family: Calibri, Arial; font-size: 14px; font-weight: bold; color: #ff0214;;"></div>
  
              </div>  
            </form>
          </div>
        </div>
      </div> 


    </div>
  </div>


  <!-- Scripts -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <script src="js/materialize.js"></script>
  <script src="js/init.js"></script>
  <script src="js/HoldOn.js"></script>

  <script src="admin/lib_js/frm_vldt.js"></script>
  <script src="js/lang_sp.js?vrbl=05269e1941665d169b94aad3b34c9c5d"></script>
  <script src="js/index.js?vrbl=05269e1941665d169b94aad3b34c9c5d"></script>

  <script>
    //Habilitar Selects
    enbl_sldr();

    // Pslider
    $('.slider').slider('pause');
    // Start slider
    $('.slider').slider('start');
    // Next slide
    $('.slider').slider('next');
    // Previous slide
    $('.slider').slider('prev');
  </script>

  <script>
    $('.carousel.carousel-slider').carousel({full_width: true});
  </script>

  <script>
    //Configurar DatePicker
    dtpckr_cnfg();

    //Dependencia Fechas Desde / Hasta 
    dtpckr_dpndnc()
  </script>

  <script>
    $(document).ready(function(){
      // the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered
      $('.modal').modal({
        dismissible: true, // Modal can be dismissed by clicking outside of the modal
        opacity: .5, // Opacity of modal background
        in_duration: 300, // Transition in duration
        out_duration: 200, // Transition out duration
        starting_top: '4%', // Starting top style attribute
        ending_top: '10%', // Ending top style attribute
      });
    });
  </script>

  <script>
    //Habilitar Selects
    enbl_slct();

    //Iniciar Sesión Non-Stop
    //non_stop_sssn()

    //Evaluar envío de formulario
    $('#btn_srch_rsrv').click(function(e){
      frm_chk_pss();
      e.preventDefault();
    });

    //alert("getOS ("+getOS()+")");
  </script>


</body>
</html>



  
