here xxx <PRE>zzzArray
(
    [origin_Data] => Array
        (
        )

)
</PRE><title>travelistica.com: Hoteles cerca de Río Huangpu - Shanghai| travelistica.com</title>

<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<meta name='viewport' content='width=device-width,minimum-scale=1,initial-scale=1'>
<meta http-equiv='x-dns-prefetch-control' content='on'>
<link rel='dns-prefetch' href='//travelistica.com'>
<meta http-equiv='Content-Type' content='text/html;charset=UTF-8' />
<meta https-equiv='Content-Type' content='text/html;charset=UTF-8' />
<meta charset='utf-8'>
<meta https-equiv='X-UA-Compatible' content='IE=9' />
<meta https-equiv='X-UA-Compatible' content='IE=8' />
<meta https-equiv='X-UA-Compatible' content=' IE=edge ' >
<meta name='google-site-verification' content='Qa_hbPDVyKCdGzv0uVOoQ0YZhfCb_FFG5xoHj9s0DdY' />
<meta name='Keywords' content='Ofertas de hoteles, reserva de hoteles, oportunidades de hoteles, guía de hoteles,, Hoteles cerca de Río Huangpu - Shanghai| travelistica.com' />
<meta name='description' content='Ofertas de hoteles, reserva de hoteles, oportunidades de hoteles, guía de hoteles,, Hoteles cerca de Río Huangpu - Shanghai| travelistica.com' />
<meta name='rating' content='Ofertas de hoteles, reserva de hoteles, oportunidades de hoteles, guía de hoteles,, Hoteles cerca de Río Huangpu - Shanghai| travelistica.com' />
<meta name='revisit-after' content='1 Days' />
<meta name='VW96.objecttype' content='Río Huangpu ' />
<meta name='robots' content='INDEX,FOLLOW' /> 
<meta name='Title' content='Hoteles cerca de Río Huangpu - Shanghai| travelistica.com' />
<meta name='DC.Creator' content='travelistica.com' />
<meta name='DC.Subject' content='Viajes' />
<meta name='DC.Description' content='Ofertas de hoteles, reserva de hoteles, oportunidades de hoteles, guía de hoteles,, Hoteles cerca de Río Huangpu - Shanghai| travelistica.com' />
<meta name='DC.Publisher' content='travelistica.com' />
<meta name='DC.Language' content='es' />
<meta name='DC.Coverage.PlaceName' content='Río Huangpu ' />
<meta property='og:image' content=''/>
<meta property='og:site_name' content='travelistica.com'/>
<meta property='og:title' content=''/>
<meta name="theme-color" content="#fff" />
<meta property='og:type' content='website'/>
<meta property='og:url' content='https://travelistica.com//es/hoteles/China/Shanghai/a-Hoteles-cerca-de-R%C3%ADo-Huangpu.a.498087089/'/>
<meta property='og:description' content='Ofertas de hoteles, reserva de hoteles, oportunidades de hoteles, guía de hoteles,, Hoteles cerca de Río Huangpu - Shanghai| travelistica.com'/>
<meta property='fb:app_id' content=''/>


<link rel='shortcut icon' href='/html/customization/travelistica.com/assets/img/favicon.png' type='image/png' />
<link rel='icon' type='image/png' href='/html/customization/travelistica.com/assets/img/favicon.png' />
<link rel='apple-touch-icon' type='image/png' href='/html/customization/travelistica.com/assets/img/travelistica.png' />
<link rel="canonical" href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-R%C3%ADo-Huangpu.a.498087089/" />

  <!-- All Plugins -->
  <link href="/html/customization/travelistica.com/assets/css/bootstrap.min.css" rel="stylesheet">
  <link href="/html/customization/travelistica.com/assets/css/animation.css" rel="stylesheet">
  <link href="/html/customization/travelistica.com/assets/css/dropzone.min.css" rel="stylesheet">
  <link href="/html/customization/travelistica.com/assets/css/flatpickr.min.css" rel="stylesheet">
  
  <!-- <link href="/html/customization/travelistica.com/assets/css/daterangepicker.min.css" rel="stylesheet">
  <link href="/html/customization/travelistica.com/assets/css/daterangepicker-custom.css" rel="stylesheet"> -->
  
   <link href="/html/customization/touradoo.com/assets/css/boostrap-datepicker/bootstrap-datepicker3.min.css" rel="stylesheet">

  
  
  <link href="/html/customization/travelistica.com/assets/css/flickity.min.css" rel="stylesheet">
  <link href="/html/customization/travelistica.com/assets/css/lightbox.min.css" rel="stylesheet">
  <link href="/html/customization/travelistica.com/assets/css/magnifypopup.css" rel="stylesheet">
  <link href="/html/customization/travelistica.com/assets/css/select2.min.css" rel="stylesheet">
  <link href="/html/customization/travelistica.com/assets/css/rangeSlider.min.css" rel="stylesheet">
  <link href="/html/customization/travelistica.com/assets/css/prism.css" rel="stylesheet">

  <!-- Fontawesome & Bootstrap Icons CSS -->
  <link href="/html/customization/travelistica.com/assets/css/bootstrap-icons.css" rel="stylesheet">
  <link href="/html/customization/travelistica.com/assets/css/fontawesome.css" rel="stylesheet">

  <!-- Custom CSS -->
  <link href="/html/customization/travelistica.com/assets/scss/style.css" rel="stylesheet">
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-56DWK53B');</script>
<!-- End Google Tag Manager -->
<script type="text/javascript" charset="UTF-8" src="//cdn.cookie-script.com/s/51c2db85a5c45b71f20ec64969dcd4cd.js"></script>

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

  gtag('config', 'G-887LZSLN5Q');
</script>
<script type="text/javascript" charset="UTF-8" src="//cdn.cookie-script.com/s/51c2db85a5c45b71f20ec64969dcd4cd.js"></script>

<!-- Google Code for Remarketing General Brand Campaign Conversion Page -->

<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 951643888;
var google_conversion_label = "unrwCP30joUBEPDd48UD";
var google_remarketing_only = false;
/* ]]> */
</script>

<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/951643888/?label=unrwCP30joUBEPDd48UD&amp;guid=ON&amp;script=0"/>
</div>
</noscript>

</script>

<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/951643888/?guid=ON&amp;script=0"/>
</div>
</noscript>

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2119315404924429');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=2119315404924429&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->


<!-- TikTok Pixel Code Start -->
<script>
!function (w, d, t) {
  w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(
var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script")
;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};


  ttq.load('D1EJBARC77UB0U424FSG');
  ttq.page();
}(window, document, 'ttq');

// add this before event code to all pages where PII data postback is expected and appropriate 
ttq.identify({
	"email": "<hashed_email_address>", // string. The email of the customer if available. It must be hashed with SHA-256 on the client side.
	"phone_number": "<hashed_phone_number>", // string. The phone number of the customer if available. It must be hashed with SHA-256 on the client side.
	"external_id": "<hashed_external_id>" // string. Any unique identifier, such as loyalty membership IDs, user IDs, and external cookie IDs.It must be hashed with SHA-256 on the client side.
});

ttq.track('ViewContent', {
	"contents": [
		{
			"content_id": "<content_identifier>", // string. ID of the product. Example: "1077218".
			"content_type": "<content_type>", // string. Either product or product_group.
			"content_name": "<content_name>" // string. The name of the page or product. Example: "shirt".
		}
	],
	"value": "<content_value>", // number. Value of the order or items sold. Example: 100.
	"currency": "<content_currency>" // string. The 4217 currency code. Example: "USD".
});

ttq.track('AddToWishlist', {
	"contents": [
		{
			"content_id": "<content_identifier>", // string. ID of the product. Example: "1077218".
			"content_type": "<content_type>", // string. Either product or product_group.
			"content_name": "<content_name>" // string. The name of the page or product. Example: "shirt".
		}
	],
	"value": "<content_value>", // number. Value of the order or items sold. Example: 100.
	"currency": "<content_currency>" // string. The 4217 currency code. Example: "USD".
});

ttq.track('Search', {
	"contents": [
		{
			"content_id": "<content_identifier>", // string. ID of the product. Example: "1077218".
			"content_type": "<content_type>", // string. Either product or product_group.
			"content_name": "<content_name>" // string. The name of the page or product. Example: "shirt".
		}
	],
	"value": "<content_value>", // number. Value of the order or items sold. Example: 100.
	"currency": "<content_currency>", // string. The 4217 currency code. Example: "USD".
	"search_string": "<search_keywords>" // string. The word or phrase used to search. Example: "SAVE10COUPON".
});

ttq.track('AddPaymentInfo', {
	"contents": [
		{
			"content_id": "<content_identifier>", // string. ID of the product. Example: "1077218".
			"content_type": "<content_type>", // string. Either product or product_group.
			"content_name": "<content_name>" // string. The name of the page or product. Example: "shirt".
		}
	],
	"value": "<content_value>", // number. Value of the order or items sold. Example: 100.
	"currency": "<content_currency>" // string. The 4217 currency code. Example: "USD".
});

ttq.track('AddToCart', {
	"contents": [
		{
			"content_id": "<content_identifier>", // string. ID of the product. Example: "1077218".
			"content_type": "<content_type>", // string. Either product or product_group.
			"content_name": "<content_name>" // string. The name of the page or product. Example: "shirt".
		}
	],
	"value": "<content_value>", // number. Value of the order or items sold. Example: 100.
	"currency": "<content_currency>" // string. The 4217 currency code. Example: "USD".
});

ttq.track('InitiateCheckout', {
	"contents": [
		{
			"content_id": "<content_identifier>", // string. ID of the product. Example: "1077218".
			"content_type": "<content_type>", // string. Either product or product_group.
			"content_name": "<content_name>" // string. The name of the page or product. Example: "shirt".
		}
	],
	"value": "<content_value>", // number. Value of the order or items sold. Example: 100.
	"currency": "<content_currency>" // string. The 4217 currency code. Example: "USD".
});

ttq.track('PlaceAnOrder', {
	"contents": [
		{
			"content_id": "<content_identifier>", // string. ID of the product. Example: "1077218".
			"content_type": "<content_type>", // string. Either product or product_group.
			"content_name": "<content_name>" // string. The name of the page or product. Example: "shirt".
		}
	],
	"value": "<content_value>", // number. Value of the order or items sold. Example: 100.
	"currency": "<content_currency>" // string. The 4217 currency code. Example: "USD".
});

ttq.track('CompleteRegistration', {
	"contents": [
		{
			"content_id": "<content_identifier>", // string. ID of the product. Example: "1077218".
			"content_type": "<content_type>", // string. Either product or product_group.
			"content_name": "<content_name>" // string. The name of the page or product. Example: "shirt".
		}
	],
	"value": "<content_value>", // number. Value of the order or items sold. Example: 100.
	"currency": "<content_currency>" // string. The 4217 currency code. Example: "USD".
});

ttq.track('Purchase', {
	"contents": [
		{
			"content_id": "<content_identifier>", // string. ID of the product. Example: "1077218".
			"content_type": "<content_type>", // string. Either product or product_group.
			"content_name": "<content_name>" // string. The name of the page or product. Example: "shirt".
		}
	],
	"value": "<content_value>", // number. Value of the order or items sold. Example: 100.
	"currency": "<content_currency>" // string. The 4217 currency code. Example: "USD".
});

</script>
<!-- TikTok Pixel Code End -->
<script>var language_iso='es'; </script>


</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-56DWK53B"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="Preloader" class="Preloader"></div>
<div id="main-wrapper" >
    <!-- Start Navigation -->
    <div class="header header-light">
      <div class="container">
        <nav id="navigation" class="navigation navigation-landscape">
          <div class="nav-header">
            <a class="nav-brand"  href="https://travelistica.com/es/">
			<img src="/html/customization/travelistica.com/assets/images/_private/travelistica.com/es/logo-site.png" class="logo" alt="travelistica.com"></a>
            <div class="nav-toggle"></div>
            <div class="mobile_nav">
              <ul>
                <li class="currencyDropdown me-2">
                  <a href="#" class="" data-bs-toggle="modal" data-bs-target="#currencyModal"><span
                      class="fw-medium"><img id='ImgCurrencyFlag' src='/shared/images/countries/flags/png/eu.png'></span></a>
                </li>
				

				
                <li class="languageDropdown me-2">
                  <a href="#" class="" data-bs-toggle="modal" data-bs-target="#countryModal">
				  <img src="/shared/images/languages/small/es.png" class="img-fluid" width="17" alt="Language"></a>
                </li>

                <li class="ContactDropdown me-2">
<a href="#" id="ContactModalLabel"  data-bs-toggle="modal" data-bs-target="#ContactModal">		
  <i class="fa-solid fa-headset fs-6 me-2"></i>
				 </a>
                </li>	
				
				
<li class="LoginDropdown me-2">
                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#login"><i
                    class="fa-regular fa-circle-user fs-6 me-2"></i></a>
</li>
			  
				
              </ul>
            </div>
          </div>
          <div class="nav-menus-wrapper" style="transition-property: none;">
            <ul class="nav-menu">

<li><a href="/es"> <i class='fa fa-home top-menu-icons'></i> INICIO</a></li><li><a href="/es/guia-de-destinos/"> <i class='fa fa-globe top-menu-icons'></i> GUíA</a></li><li class=" me-2">
<a href="#" class="nav-link" data-bs-toggle="modal" data-bs-target="#menuTravel">
<i class='fa fa-suitcase top-menu-icons'></i> VIAJES</a>
</li><li><a href="/es/Actividades/"> <i class='fa fa-university top-menu-icons'></i> ACTIVIDADES</a></li><li><a href="/es/hoteles/"> <i class='fa fa-hotel top-menu-icons'></i> HOTELES</a></li><li><a href="/es/hoteles/Playas/"> <i class='fa fa-umbrella top-menu-icons'></i> COSTAS</a></li><li><a href="/es/el-tiempo/"> <i class='fa-solid fa-cloud top-menu-icons'></i> EL TIEMPO</a></li><li><a href="/index.php?application_id=47&language_iso=es"> <i class='fa-solid fa-headphones top-menu-icons'></i> CONTACTAR</a></li>

            </ul>

            <ul class="nav-menu nav-menu-social align-to-right">
			
              <li class="currencyDropdown me-2">
                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#currencyModal">
				<span
                    class="fw-medium"><img id='ImgCurrencyFlag' src='/shared/images/countries/flags/png/eu.png'></span></a>
              </li>

			  
              <li class="languageDropdown me-2">
                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#countryModal"><img
                    src="/shared/images/languages/small/es.png" class="img-fluid" width="17" alt="Country"></a>
              </li>
              <li class="ContactDropdown me-2">
<a href="#" id="ContactModalLabel"  data-bs-toggle="modal" data-bs-target="#ContactModal">		
  <i class="fa-solid fa-headset fs-6 me-2"></i>
			</a>
                </li>	
              </li>					  
			  
<li class="LoginDropdown me-2">
                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#login"><i
                    class="fa-regular fa-circle-user fs-6 me-2"></i></a>
</li>
			  
            </ul>
          </div>
        </nav>
      </div>
    </div>
    <!-- End Navigation -->
<div class="py-2 gray-simple position-relative">
			<div class="container">
				<!-- Search Form -->
				<div class="row justify-content-center align-items-center">
					<div class="col-xl-12 col-lg-12 col-md-12">
						<nav aria-label="breadcrumb">
							<ol class="breadcrumb mb-0">
 <li class='breadcrumb-item'><a href='/es/hoteles/' title='Reserva de Hoteles' >Reserva de Hoteles</a></li>   <li class='breadcrumb-item'><a href=/es/hoteles/Asia/4/>Asia</a></li>   <li class='breadcrumb-item'><a href=/es/hoteles/China/422/> China </a></li>   <li class='breadcrumb-item'><a href=/es/hoteles/China/Shanghai/135470/>Shanghai</a></li>   <li class='breadcrumb-item'><a href=/es/hoteles/China/Shanghai/188947/>Shanghai</a></li>  
							</ol>
						</nav>
					</div>
				</div>
				<!-- </row> -->
			</div>
		</div>
<div class="image-cover hero-header bg-white" style="background:url(/html/customization/travelistica.com/assets/images/hotels/generic/HoteloBanner5.jpg)no-repeat; min-height:500px !important; max-height:550px !important;" data-overlay="5">
      <div class="container">

        <!-- Search Form -->
        <div class="row justify-content-center align-items-center">
          <div class="col-xl-10 col-lg-10 col-md-12 col-sm-12">
            <div class="position-relative text-center mb-5">
              <h1 class='h1section' >Hoteles cerca de Río Huangpu - Shanghai</h1>
              <h3>Ofertas de hoteles, reserva de hoteles, oportunidades de hoteles, guía de hoteles,</h3>
			
            </div>
          </div>
 
		  
		
<div class="col-xl-12 col-lg-12 col-md-10 col-sm-12">
	<div class="search-wrap bg-white rounded-3 p-3">
		<ul class="nav nav-pills primary-soft medium  mb-3" id="tour-pills-tab" role="tablist">
		<li class="nav-item">
<a class="nav-link active" data-bs-toggle="pill" id="#Hotels-tab" data-bs-target="#Hotels" 
role="tab" aria-controls="Hotels" aria-selected="false" tabindex="-1"><i class="fa-solid fa-hotel me-2"></i>Hoteles</a>
</li><li class="nav-item">
<a class="nav-link 0" data-bs-toggle="pill" id="#GeoGuide-tab" data-bs-target="#GeoGuide" 
role="tab" aria-controls="GeoGuide" aria-selected="false" tabindex="-1"><i class="fa-solid fa-globe me-2"></i>Guia de Viajes</a>
</li>
		</ul>

	<div class="tab-content">
	

<a name='SearchBoxAnchor'></a>
<div class="tab-pane active " id="Hotels" role="tabpanel" aria-labelledby="Hotels-tab" tabindex="0">
<form action='/index.php' method='post' name='SearchForHotels' id='SearchForHotels' onSubmit='HotelsShowWaiting(); return false;'>
<input type='hidden' name='BoxType' value='2024'>
<input type='hidden' name='language_iso' value='es'>
<input type='hidden' name='unique_id' value='69466eedf2d625.28467318' id='unique_id'>
<input type='hidden' name='required_customer_id' value='0' id='required_customer_id'>
<input type='hidden' name='action_id' value='1995'>
<input type='hidden' name='application_id' value='66'>
<input type='hidden' name='mode' value='visitor'>
<div class="row gy-3 gx-md-3 gx-sm-2">

<div class="col-xl-7 col-lg-7 col-md-12">
	<div class="row gy-3 gx-md-3 gx-sm-2">
		<div class="col-xl-5 col-lg-5 col-md-5 col-sm-5 position-relative">
			<div class="form-group hdd-arrow mb-0">
			<i class="fa-solid fa-location-dot IconDesign"></i><a name=InputSearchGeo></a>
			<span class='SearchBoxlabels'>Ciudad, aeropuerto, zona, u hotel</span><br>
<link href="/shared/css/ajaxsearch.css" rel="stylesheet">
<style>
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
    #displayKeyWord {
        background: #fff;
        position: absolute;
        width: 700px;
        z-index: 2000;
        max-height: 400px;
        display: none;
        overflow: auto;
        padding: 10px;
        border: 1px solid #ddd;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        transition: opacity 0.2s ease;
    }
    .main_search_div {
        display: inline;
        position: relative;
    }
    .search-spinner-wrapper {
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        background: rgba(255,255,255,0.8);
        z-index: 1001;
        display: none;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .search-spinner {
        width: 40px; height: 40px;
        border: 4px solid #f3f3f3;
        border-top: 4px solid #3498db;
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }
    .search-spinner-text {
        margin-top: 10px;
        color: #3498db;
        font-weight: bold;
        text-align: center;
    }
    .search-error {
        color: #e74c3c;
        padding: 15px;
        text-align: center;
    }
</style>

<div class="main_search_div" style="z-index:10000">
    <input type="text"
           id="KeyWord"
           name="KeyWord"
           value=""
           placeholder="Ciudad, aeropuerto, zona, u hotel"
           class="searchKeyWord searchidentifier form-control  "
           autofill="off"
           autocomplete="off"
           onmouseenter="forceShowDropdown('KeyWord')">

    <input type="hidden"
           id="Required_city_2"
           name="Required_city_2"
           value=""
           >

    <div id="displayKeyWord" class="SearchResults"></div>
    <div id="pleaseWaitMessageKeyWord" class="please-wait-message">Por Favor Espere</div>
</div>
			</div>
		</div>
		<div class="col-xl-7 col-lg-7 col-md-7 col-sm-7">
			<div class="form-group mb-0">

<div class="input-group input-daterange" style='direction:ltr'>
<div style='width:48%'>
<i class="fa-regular fa-calendar-days IconDesign" ></i>
<span class='SearchBoxlabels'>Fecha de Entrada</span><br>
    <input type="text" class="form-control" name='in_date'  value="23-12-2025" id='checkin_start' >
	</div>
    <div class="input-group-addon" style='width:4%'>&nbsp;</div>
<div style='width:48%'>	
<i class="fa-regular fa-calendar-days IconDesign" ></i>
	<span class='SearchBoxlabels'>Fecha de salida</span><br>
    <input type="text" class="form-control" name='out_date'  value="24-12-2025" id='checkout_end'></div>
	<div class='col-md-12'></div> 
		<div id="ErrorDates' class='ErrorDates'"></div>


</div>

			</div>
		</div>
	</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-12">
<i class="fa-solid fa-bed IconDesign" ></i>
<span class='SearchBoxlabels'>Ocupación</span><br>
<div class="booking-form__input guests-input mixer-auto" >


<input type=hidden name=RequiredRoomNumber value='1' id='RequiredRoomNumber'>

<button name="guests-btn" id="guests-input-btn">2 personas, 1 Habitaciones</button>
<div class="guests-input__options modalRooms" id="guests-input-options" >

<div class=" circle bg-light-primary text-primary flex-shrink-0" 
style='width: 29px !important;padding:1px !important; float: right; margin-top:0px; margin-right:5px; margin-bottom:5px;'>
<a href=# id="guests-input-btn-close">X</a>
</div>



<div id=room_1 style='display:block; width:100%; '>

<div class='SearchBoxRoomLabel'>Habitación 1 </div>

<div class='SearchBoxRoom' >
<span class="guests-input__value">Adulto(s)</span>
<span class="guests-input__ctrl plus" id="adults-add-btn1"><i class="fa-solid fa-plus"></i></span>
<span id="guests-count-adults1" style='padding:5px;'>2</span>
<span class="guests-input__ctrl minus" id="adults-subs-btn1"><i class="fa-solid fa-minus"></i></span>
</div>



<div class='SearchBoxRoom'>
<span class="guests-input__value">Niños</span>	
<span class="guests-input__ctrl plus" id="children-add-btn1"><i class="fa-solid fa-plus"></i></span>
<span id="guests-count-children1" style='padding:5px;'>0</span>
<span class="guests-input__ctrl minus1" id="children-subs-btn1"><i class="fa-solid fa-minus"></i></span>


<input type=hidden name='NumAdults1' id='NumAdults1' value='2'>
<input type=hidden name='NumChildren1' id='NumChildren1' value='0'>
</div>

<div class='clearfix'></div>
<div id='ages_1'  class='SearchBoxRoomAges' style='display:none;'>

<div class='container-fluid row'>
<div class='alert alert-success' style='font-size: 12px;  padding: 1px; margin: auto;text-align: center;'>Edades de los niños en el día del viaje</div>
<div class='col-md-3 SearchBoxRoomAge' style=' display:none' id='Age1Room1'>
 <select name=Age_1_1 id=Age_1_1 class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</option><option value='1' > 1</option><option value='2' > 2</option><option value='3' > 3</option><option value='4' > 4</option><option value='5' > 5</option><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
<div class='col-md-3  SearchBoxRoomAge' style=' display:none' id='Age2Room1'>
 <select name=Age_1_2 id=Age_1_2  class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</option><option value='1' > 1</option><option value='2' > 2</option><option value='3' > 3</option><option value='4' > 4</option><option value='5' > 5</option><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
<div class='col-md-3  SearchBoxRoomAge' style='display:none' id='Age3Room1'>
 <select name=Age_1_3 id=Age_1_3  class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</option><option value='1' > 1</option><option value='2' > 2</option><option value='3' > 3</option><option value='4' > 4</option><option value='5' > 5</option><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
</div>
</div>
</div><div id=room_2 style='display:none; width:100%; '>

<div class='SearchBoxRoomLabel'>Habitación 2 </div>

<div class='SearchBoxRoom' >
<span class="guests-input__value">Adulto(s)</span>
<span class="guests-input__ctrl plus" id="adults-add-btn2"><i class="fa-solid fa-plus"></i></span>
<span id="guests-count-adults2" style='padding:5px;'></span>
<span class="guests-input__ctrl minus" id="adults-subs-btn2"><i class="fa-solid fa-minus"></i></span>
</div>



<div class='SearchBoxRoom'>
<span class="guests-input__value">Niños</span>	
<span class="guests-input__ctrl plus" id="children-add-btn2"><i class="fa-solid fa-plus"></i></span>
<span id="guests-count-children2" style='padding:5px;'></span>
<span class="guests-input__ctrl minus2" id="children-subs-btn2"><i class="fa-solid fa-minus"></i></span>


<input type=hidden name='NumAdults2' id='NumAdults2' value=''>
<input type=hidden name='NumChildren2' id='NumChildren2' value=''>
</div>

<div class='clearfix'></div>
<div id='ages_2'  class='SearchBoxRoomAges' style='display:none;'>

<div class='container-fluid row'>
<div class='alert alert-success' style='font-size: 12px;  padding: 1px; margin: auto;text-align: center;'>Edades de los niños en el día del viaje</div>
<div class='col-md-3 SearchBoxRoomAge' style=' display:none' id='Age1Room2'>
 <select name=Age_2_1 id=Age_2_1 class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</option><option value='1' > 1</option><option value='2' > 2</option><option value='3' > 3</option><option value='4' > 4</option><option value='5' > 5</option><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
<div class='col-md-3  SearchBoxRoomAge' style=' display:none' id='Age2Room2'>
 <select name=Age_2_2 id=Age_2_2  class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</option><option value='1' > 1</option><option value='2' > 2</option><option value='3' > 3</option><option value='4' > 4</option><option value='5' > 5</option><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
<div class='col-md-3  SearchBoxRoomAge' style='display:none' id='Age3Room2'>
 <select name=Age_2_3 id=Age_2_3  class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</option><option value='1' > 1</option><option value='2' > 2</option><option value='3' > 3</option><option value='4' > 4</option><option value='5' > 5</option><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
</div>
</div>
</div><div id=room_3 style='display:none; width:100%; '>

<div class='SearchBoxRoomLabel'>Habitación 3 </div>

<div class='SearchBoxRoom' >
<span class="guests-input__value">Adulto(s)</span>
<span class="guests-input__ctrl plus" id="adults-add-btn3"><i class="fa-solid fa-plus"></i></span>
<span id="guests-count-adults3" style='padding:5px;'></span>
<span class="guests-input__ctrl minus" id="adults-subs-btn3"><i class="fa-solid fa-minus"></i></span>
</div>



<div class='SearchBoxRoom'>
<span class="guests-input__value">Niños</span>	
<span class="guests-input__ctrl plus" id="children-add-btn3"><i class="fa-solid fa-plus"></i></span>
<span id="guests-count-children3" style='padding:5px;'></span>
<span class="guests-input__ctrl minus3" id="children-subs-btn3"><i class="fa-solid fa-minus"></i></span>


<input type=hidden name='NumAdults3' id='NumAdults3' value=''>
<input type=hidden name='NumChildren3' id='NumChildren3' value=''>
</div>

<div class='clearfix'></div>
<div id='ages_3'  class='SearchBoxRoomAges' style='display:none;'>

<div class='container-fluid row'>
<div class='alert alert-success' style='font-size: 12px;  padding: 1px; margin: auto;text-align: center;'>Edades de los niños en el día del viaje</div>
<div class='col-md-3 SearchBoxRoomAge' style=' display:none' id='Age1Room3'>
 <select name=Age_3_1 id=Age_3_1 class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</option><option value='1' > 1</option><option value='2' > 2</option><option value='3' > 3</option><option value='4' > 4</option><option value='5' > 5</option><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
<div class='col-md-3  SearchBoxRoomAge' style=' display:none' id='Age2Room3'>
 <select name=Age_3_2 id=Age_3_2  class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</option><option value='1' > 1</option><option value='2' > 2</option><option value='3' > 3</option><option value='4' > 4</option><option value='5' > 5</option><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
<div class='col-md-3  SearchBoxRoomAge' style='display:none' id='Age3Room3'>
 <select name=Age_3_3 id=Age_3_3  class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</option><option value='1' > 1</option><option value='2' > 2</option><option value='3' > 3</option><option value='4' > 4</option><option value='5' > 5</option><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
</div>
</div>
</div><div id=room_4 style='display:none; width:100%; '>

<div class='SearchBoxRoomLabel'>Habitación 4 </div>

<div class='SearchBoxRoom' >
<span class="guests-input__value">Adulto(s)</span>
<span class="guests-input__ctrl plus" id="adults-add-btn4"><i class="fa-solid fa-plus"></i></span>
<span id="guests-count-adults4" style='padding:5px;'></span>
<span class="guests-input__ctrl minus" id="adults-subs-btn4"><i class="fa-solid fa-minus"></i></span>
</div>



<div class='SearchBoxRoom'>
<span class="guests-input__value">Niños</span>	
<span class="guests-input__ctrl plus" id="children-add-btn4"><i class="fa-solid fa-plus"></i></span>
<span id="guests-count-children4" style='padding:5px;'></span>
<span class="guests-input__ctrl minus4" id="children-subs-btn4"><i class="fa-solid fa-minus"></i></span>


<input type=hidden name='NumAdults4' id='NumAdults4' value=''>
<input type=hidden name='NumChildren4' id='NumChildren4' value=''>
</div>

<div class='clearfix'></div>
<div id='ages_4'  class='SearchBoxRoomAges' style='display:none;'>

<div class='container-fluid row'>
<div class='alert alert-success' style='font-size: 12px;  padding: 1px; margin: auto;text-align: center;'>Edades de los niños en el día del viaje</div>
<div class='col-md-3 SearchBoxRoomAge' style=' display:none' id='Age1Room4'>
 <select name=Age_4_1 id=Age_4_1 class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</option><option value='1' > 1</option><option value='2' > 2</option><option value='3' > 3</option><option value='4' > 4</option><option value='5' > 5</option><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
<div class='col-md-3  SearchBoxRoomAge' style=' display:none' id='Age2Room4'>
 <select name=Age_4_2 id=Age_4_2  class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</option><option value='1' > 1</option><option value='2' > 2</option><option value='3' > 3</option><option value='4' > 4</option><option value='5' > 5</option><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
<div class='col-md-3  SearchBoxRoomAge' style='display:none' id='Age3Room4'>
 <select name=Age_4_3 id=Age_4_3  class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</option><option value='1' > 1</option><option value='2' > 2</option><option value='3' > 3</option><option value='4' > 4</option><option value='5' > 5</option><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
</div>
</div>
</div>

	<div style='padding-left:25px; padding-right:25px;'>
		
		<span class="">
		<span id="guests-count-room" >1</span>
		<span'> Habitaciones</span> </span>
		<span class="guests-input__ctrl plus" id="room-add-btn"  style='text-align:left'><i
		class="fa-solid fa-plus"></i></span>
				
<span class="guests-input__ctrl minus" id="room-subs-btn" style='text-align:right'>
		<i class="fa-solid fa-minus"></i></span>				
</div>
	

</div>

				</div>
				
 <script>	
(function ($) {
	"use strict";
	
	(function () {

		// Add Adult & childElementCount
			const guestBtn = document.querySelector("#guests-input-btn"),
			guestBtnClose=  document.querySelector("#guests-input-btn-close"), 
			
			guestOptions = document.querySelector("#guests-input-options"),
			roomSubsBtn = document.querySelector("#room-subs-btn"),			
			roomAddBtn = document.querySelector("#room-add-btn"),			
			adultsCountEl = document.querySelector("#guests-count-adults"),
			childrenCountEl = document.querySelector("#guests-count-children"),
			roomCountEl = document.querySelector("#guests-count-room");
			
		let maxNumGuests = 9,
			totalGuests	=2,
			totalAdults	=2,
			totalChildren	=0,			
			maxNumRooms = 4,
			maxChildAge=12,
			maxNumberAdultsPerRoom=4,
			maxNumberChildrenPerRoom=3,	
			maxNumberPaxPerRoom	=4,
			selectedNumRooms=1,
			isGuestInputOpen = false,
			roomCount = 1;

			




		//updateValues();
		

const adultsAddBtn1 = document.querySelector("#adults-add-btn1");
const adultsٍSubBtn1 = document.querySelector("#adults-subs-btn1");

adultsAddBtn1.addEventListener('click', function () {
var room_id="room_1";
var error="";


var thisRoomAdultsCount = Number(document.getElementById('guests-count-adults1').innerHTML);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children1').innerHTML);
var thisRoomPaxCount = thisRoomAdultsCount + thisRoomChildrenCount;


if(totalGuests >= maxNumGuests)	{
error="Número máximo de hu'espedes alcanzado. Si necesita reservar para más personas, por favor póngase en contacto con nosotros.";
}

if(thisRoomAdultsCount >= maxNumberAdultsPerRoom)	{
error+="Se alcanzó el máximo de adultos por habitación. por favor agrega otra habitación";
}

if(thisRoomPaxCount >= maxNumberPaxPerRoom)	{
error+="Se alcanzó el máximo de pasajeros por habitación. por favor agrega otra habitación";
}
if(error=='')	{
totalGuests= totalGuests + 1;
document.getElementById('guests-count-adults1').innerHTML= Number(thisRoomAdultsCount) + 1;
document.getElementById('NumAdults1').value=Number(thisRoomAdultsCount)+1;
}
else{
alert(error);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});

adultsٍSubBtn1.addEventListener('click', function () {
var room_id="room_1";
var errorMinus="";
console.log(totalGuests + '-' + maxNumGuests);
var thisRoomAdultsCount = document.getElementById('guests-count-adults1').innerHTML;


if(thisRoomAdultsCount==1)	{
errorMinus+="Una habitación debe tener al menos una adulto";
}


if(errorMinus=='')	{
totalGuests= totalGuests - 1;
document.getElementById('guests-count-adults1').innerHTML= Number(thisRoomAdultsCount) - 1;
document.getElementById('NumAdults1').value=Number(thisRoomAdultsCount)-1;
}
else{
alert(errorMinus);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});


const childrenAddBtn1 = document.querySelector("#children-add-btn1");
const childrenٍSubBtn1 = document.querySelector("#children-subs-btn1");

childrenAddBtn1.addEventListener('click', function () {
var room_id="room_1";
var error="";


var thisRoomAdultsCount = Number(document.getElementById('guests-count-adults1').innerHTML);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children1').innerHTML);
var thisRoomPaxCount = thisRoomAdultsCount + thisRoomChildrenCount;


if(totalGuests >= maxNumGuests)	{
error="Número máximo de hu'espedes alcanzado. Si necesita reservar para más personas, por favor póngase en contacto con nosotros.";
}

if(thisRoomChildrenCount >= maxNumberChildrenPerRoom)	{
error+="Máximo de niños por habitación alcanzado. por favor agrega otra habitación";
}

if(thisRoomPaxCount >= maxNumberPaxPerRoom)	{
error+="Se alcanzó el máximo de pasajeros por habitación. por favor agrega otra habitación";
}
if(error=='')	{

document.getElementById('ages_1').style.display='block';

totalGuests= totalGuests + 1;
thisRoomChildrenCount=Number(thisRoomChildrenCount)+1;
document.getElementById('guests-count-children1').innerHTML= Number(thisRoomChildrenCount) ;

document.getElementById('NumChildren1').value=Number(thisRoomChildrenCount);
var ThisRoomCounterAges= 1;


while(ThisRoomCounterAges <= thisRoomChildrenCount)	{
console.log(ThisRoomCounterAges);
document.getElementById('Age'+ ThisRoomCounterAges + 'Room'+ 1).style.display="block";;
ThisRoomCounterAges++;
}


}
else{
alert(error);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});

childrenٍSubBtn1.addEventListener('click', function () {
var room_id="room_1";
console.log(totalGuests + '-' + maxNumGuests);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children1').innerHTML);

if(thisRoomChildrenCount!=0)	{
document.getElementById('ages_1').style.display='block';
document.getElementById('guests-count-children1').innerHTML= Number(thisRoomChildrenCount) - 1;
document.getElementById('NumChildren1').value= Number(thisRoomChildrenCount)-1;
thisRoomChildrenCount=thisRoomChildrenCount - 1;
totalGuests= totalGuests - 1;
}


if(thisRoomChildrenCount==0)	{
document.getElementById('ages_1').style.display='none';
document.getElementById('Age1Room1').style.display='none';
document.getElementById('Age2Room1').style.display='none';
document.getElementById('Age3Room1').style.display='none';
}
else if(thisRoomChildrenCount==1){
document.getElementById('Age1Room1').style.display='block';
document.getElementById('Age2Room1').style.display='none';
document.getElementById('Age3Room1').style.display='none';

}	
else if(thisRoomChildrenCount==2){
document.getElementById('Age1Room1').style.display='block';
document.getElementById('Age2Room1').style.display='block';
document.getElementById('Age3Room1').style.display='none';
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;		
});


const adultsAddBtn2 = document.querySelector("#adults-add-btn2");
const adultsٍSubBtn2 = document.querySelector("#adults-subs-btn2");

adultsAddBtn2.addEventListener('click', function () {
var room_id="room_2";
var error="";


var thisRoomAdultsCount = Number(document.getElementById('guests-count-adults2').innerHTML);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children2').innerHTML);
var thisRoomPaxCount = thisRoomAdultsCount + thisRoomChildrenCount;


if(totalGuests >= maxNumGuests)	{
error="Número máximo de hu'espedes alcanzado. Si necesita reservar para más personas, por favor póngase en contacto con nosotros.";
}

if(thisRoomAdultsCount >= maxNumberAdultsPerRoom)	{
error+="Se alcanzó el máximo de adultos por habitación. por favor agrega otra habitación";
}

if(thisRoomPaxCount >= maxNumberPaxPerRoom)	{
error+="Se alcanzó el máximo de pasajeros por habitación. por favor agrega otra habitación";
}
if(error=='')	{
totalGuests= totalGuests + 1;
document.getElementById('guests-count-adults2').innerHTML= Number(thisRoomAdultsCount) + 1;
document.getElementById('NumAdults2').value=Number(thisRoomAdultsCount)+1;
}
else{
alert(error);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});

adultsٍSubBtn2.addEventListener('click', function () {
var room_id="room_2";
var errorMinus="";
console.log(totalGuests + '-' + maxNumGuests);
var thisRoomAdultsCount = document.getElementById('guests-count-adults2').innerHTML;


if(thisRoomAdultsCount==1)	{
errorMinus+="Una habitación debe tener al menos una adulto";
}


if(errorMinus=='')	{
totalGuests= totalGuests - 1;
document.getElementById('guests-count-adults2').innerHTML= Number(thisRoomAdultsCount) - 1;
document.getElementById('NumAdults2').value=Number(thisRoomAdultsCount)-1;
}
else{
alert(errorMinus);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});


const childrenAddBtn2 = document.querySelector("#children-add-btn2");
const childrenٍSubBtn2 = document.querySelector("#children-subs-btn2");

childrenAddBtn2.addEventListener('click', function () {
var room_id="room_2";
var error="";


var thisRoomAdultsCount = Number(document.getElementById('guests-count-adults2').innerHTML);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children2').innerHTML);
var thisRoomPaxCount = thisRoomAdultsCount + thisRoomChildrenCount;


if(totalGuests >= maxNumGuests)	{
error="Número máximo de hu'espedes alcanzado. Si necesita reservar para más personas, por favor póngase en contacto con nosotros.";
}

if(thisRoomChildrenCount >= maxNumberChildrenPerRoom)	{
error+="Máximo de niños por habitación alcanzado. por favor agrega otra habitación";
}

if(thisRoomPaxCount >= maxNumberPaxPerRoom)	{
error+="Se alcanzó el máximo de pasajeros por habitación. por favor agrega otra habitación";
}
if(error=='')	{

document.getElementById('ages_2').style.display='block';

totalGuests= totalGuests + 1;
thisRoomChildrenCount=Number(thisRoomChildrenCount)+1;
document.getElementById('guests-count-children2').innerHTML= Number(thisRoomChildrenCount) ;

document.getElementById('NumChildren2').value=Number(thisRoomChildrenCount);
var ThisRoomCounterAges= 1;


while(ThisRoomCounterAges <= thisRoomChildrenCount)	{
console.log(ThisRoomCounterAges);
document.getElementById('Age'+ ThisRoomCounterAges + 'Room'+ 2).style.display="block";;
ThisRoomCounterAges++;
}


}
else{
alert(error);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});

childrenٍSubBtn2.addEventListener('click', function () {
var room_id="room_2";
console.log(totalGuests + '-' + maxNumGuests);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children2').innerHTML);

if(thisRoomChildrenCount!=0)	{
document.getElementById('ages_2').style.display='block';
document.getElementById('guests-count-children2').innerHTML= Number(thisRoomChildrenCount) - 1;
document.getElementById('NumChildren2').value= Number(thisRoomChildrenCount)-1;
thisRoomChildrenCount=thisRoomChildrenCount - 1;
totalGuests= totalGuests - 1;
}


if(thisRoomChildrenCount==0)	{
document.getElementById('ages_2').style.display='none';
document.getElementById('Age1Room2').style.display='none';
document.getElementById('Age2Room2').style.display='none';
document.getElementById('Age3Room2').style.display='none';
}
else if(thisRoomChildrenCount==1){
document.getElementById('Age1Room2').style.display='block';
document.getElementById('Age2Room2').style.display='none';
document.getElementById('Age3Room2').style.display='none';

}	
else if(thisRoomChildrenCount==2){
document.getElementById('Age1Room2').style.display='block';
document.getElementById('Age2Room2').style.display='block';
document.getElementById('Age3Room2').style.display='none';
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;		
});


const adultsAddBtn3 = document.querySelector("#adults-add-btn3");
const adultsٍSubBtn3 = document.querySelector("#adults-subs-btn3");

adultsAddBtn3.addEventListener('click', function () {
var room_id="room_3";
var error="";


var thisRoomAdultsCount = Number(document.getElementById('guests-count-adults3').innerHTML);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children3').innerHTML);
var thisRoomPaxCount = thisRoomAdultsCount + thisRoomChildrenCount;


if(totalGuests >= maxNumGuests)	{
error="Número máximo de hu'espedes alcanzado. Si necesita reservar para más personas, por favor póngase en contacto con nosotros.";
}

if(thisRoomAdultsCount >= maxNumberAdultsPerRoom)	{
error+="Se alcanzó el máximo de adultos por habitación. por favor agrega otra habitación";
}

if(thisRoomPaxCount >= maxNumberPaxPerRoom)	{
error+="Se alcanzó el máximo de pasajeros por habitación. por favor agrega otra habitación";
}
if(error=='')	{
totalGuests= totalGuests + 1;
document.getElementById('guests-count-adults3').innerHTML= Number(thisRoomAdultsCount) + 1;
document.getElementById('NumAdults3').value=Number(thisRoomAdultsCount)+1;
}
else{
alert(error);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});

adultsٍSubBtn3.addEventListener('click', function () {
var room_id="room_3";
var errorMinus="";
console.log(totalGuests + '-' + maxNumGuests);
var thisRoomAdultsCount = document.getElementById('guests-count-adults3').innerHTML;


if(thisRoomAdultsCount==1)	{
errorMinus+="Una habitación debe tener al menos una adulto";
}


if(errorMinus=='')	{
totalGuests= totalGuests - 1;
document.getElementById('guests-count-adults3').innerHTML= Number(thisRoomAdultsCount) - 1;
document.getElementById('NumAdults3').value=Number(thisRoomAdultsCount)-1;
}
else{
alert(errorMinus);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});


const childrenAddBtn3 = document.querySelector("#children-add-btn3");
const childrenٍSubBtn3 = document.querySelector("#children-subs-btn3");

childrenAddBtn3.addEventListener('click', function () {
var room_id="room_3";
var error="";


var thisRoomAdultsCount = Number(document.getElementById('guests-count-adults3').innerHTML);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children3').innerHTML);
var thisRoomPaxCount = thisRoomAdultsCount + thisRoomChildrenCount;


if(totalGuests >= maxNumGuests)	{
error="Número máximo de hu'espedes alcanzado. Si necesita reservar para más personas, por favor póngase en contacto con nosotros.";
}

if(thisRoomChildrenCount >= maxNumberChildrenPerRoom)	{
error+="Máximo de niños por habitación alcanzado. por favor agrega otra habitación";
}

if(thisRoomPaxCount >= maxNumberPaxPerRoom)	{
error+="Se alcanzó el máximo de pasajeros por habitación. por favor agrega otra habitación";
}
if(error=='')	{

document.getElementById('ages_3').style.display='block';

totalGuests= totalGuests + 1;
thisRoomChildrenCount=Number(thisRoomChildrenCount)+1;
document.getElementById('guests-count-children3').innerHTML= Number(thisRoomChildrenCount) ;

document.getElementById('NumChildren3').value=Number(thisRoomChildrenCount);
var ThisRoomCounterAges= 1;


while(ThisRoomCounterAges <= thisRoomChildrenCount)	{
console.log(ThisRoomCounterAges);
document.getElementById('Age'+ ThisRoomCounterAges + 'Room'+ 3).style.display="block";;
ThisRoomCounterAges++;
}


}
else{
alert(error);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});

childrenٍSubBtn3.addEventListener('click', function () {
var room_id="room_3";
console.log(totalGuests + '-' + maxNumGuests);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children3').innerHTML);

if(thisRoomChildrenCount!=0)	{
document.getElementById('ages_3').style.display='block';
document.getElementById('guests-count-children3').innerHTML= Number(thisRoomChildrenCount) - 1;
document.getElementById('NumChildren3').value= Number(thisRoomChildrenCount)-1;
thisRoomChildrenCount=thisRoomChildrenCount - 1;
totalGuests= totalGuests - 1;
}


if(thisRoomChildrenCount==0)	{
document.getElementById('ages_3').style.display='none';
document.getElementById('Age1Room3').style.display='none';
document.getElementById('Age2Room3').style.display='none';
document.getElementById('Age3Room3').style.display='none';
}
else if(thisRoomChildrenCount==1){
document.getElementById('Age1Room3').style.display='block';
document.getElementById('Age2Room3').style.display='none';
document.getElementById('Age3Room3').style.display='none';

}	
else if(thisRoomChildrenCount==2){
document.getElementById('Age1Room3').style.display='block';
document.getElementById('Age2Room3').style.display='block';
document.getElementById('Age3Room3').style.display='none';
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;		
});


const adultsAddBtn4 = document.querySelector("#adults-add-btn4");
const adultsٍSubBtn4 = document.querySelector("#adults-subs-btn4");

adultsAddBtn4.addEventListener('click', function () {
var room_id="room_4";
var error="";


var thisRoomAdultsCount = Number(document.getElementById('guests-count-adults4').innerHTML);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children4').innerHTML);
var thisRoomPaxCount = thisRoomAdultsCount + thisRoomChildrenCount;


if(totalGuests >= maxNumGuests)	{
error="Número máximo de hu'espedes alcanzado. Si necesita reservar para más personas, por favor póngase en contacto con nosotros.";
}

if(thisRoomAdultsCount >= maxNumberAdultsPerRoom)	{
error+="Se alcanzó el máximo de adultos por habitación. por favor agrega otra habitación";
}

if(thisRoomPaxCount >= maxNumberPaxPerRoom)	{
error+="Se alcanzó el máximo de pasajeros por habitación. por favor agrega otra habitación";
}
if(error=='')	{
totalGuests= totalGuests + 1;
document.getElementById('guests-count-adults4').innerHTML= Number(thisRoomAdultsCount) + 1;
document.getElementById('NumAdults4').value=Number(thisRoomAdultsCount)+1;
}
else{
alert(error);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});

adultsٍSubBtn4.addEventListener('click', function () {
var room_id="room_4";
var errorMinus="";
console.log(totalGuests + '-' + maxNumGuests);
var thisRoomAdultsCount = document.getElementById('guests-count-adults4').innerHTML;


if(thisRoomAdultsCount==1)	{
errorMinus+="Una habitación debe tener al menos una adulto";
}


if(errorMinus=='')	{
totalGuests= totalGuests - 1;
document.getElementById('guests-count-adults4').innerHTML= Number(thisRoomAdultsCount) - 1;
document.getElementById('NumAdults4').value=Number(thisRoomAdultsCount)-1;
}
else{
alert(errorMinus);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});


const childrenAddBtn4 = document.querySelector("#children-add-btn4");
const childrenٍSubBtn4 = document.querySelector("#children-subs-btn4");

childrenAddBtn4.addEventListener('click', function () {
var room_id="room_4";
var error="";


var thisRoomAdultsCount = Number(document.getElementById('guests-count-adults4').innerHTML);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children4').innerHTML);
var thisRoomPaxCount = thisRoomAdultsCount + thisRoomChildrenCount;


if(totalGuests >= maxNumGuests)	{
error="Número máximo de hu'espedes alcanzado. Si necesita reservar para más personas, por favor póngase en contacto con nosotros.";
}

if(thisRoomChildrenCount >= maxNumberChildrenPerRoom)	{
error+="Máximo de niños por habitación alcanzado. por favor agrega otra habitación";
}

if(thisRoomPaxCount >= maxNumberPaxPerRoom)	{
error+="Se alcanzó el máximo de pasajeros por habitación. por favor agrega otra habitación";
}
if(error=='')	{

document.getElementById('ages_4').style.display='block';

totalGuests= totalGuests + 1;
thisRoomChildrenCount=Number(thisRoomChildrenCount)+1;
document.getElementById('guests-count-children4').innerHTML= Number(thisRoomChildrenCount) ;

document.getElementById('NumChildren4').value=Number(thisRoomChildrenCount);
var ThisRoomCounterAges= 1;


while(ThisRoomCounterAges <= thisRoomChildrenCount)	{
console.log(ThisRoomCounterAges);
document.getElementById('Age'+ ThisRoomCounterAges + 'Room'+ 4).style.display="block";;
ThisRoomCounterAges++;
}


}
else{
alert(error);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});

childrenٍSubBtn4.addEventListener('click', function () {
var room_id="room_4";
console.log(totalGuests + '-' + maxNumGuests);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children4').innerHTML);

if(thisRoomChildrenCount!=0)	{
document.getElementById('ages_4').style.display='block';
document.getElementById('guests-count-children4').innerHTML= Number(thisRoomChildrenCount) - 1;
document.getElementById('NumChildren4').value= Number(thisRoomChildrenCount)-1;
thisRoomChildrenCount=thisRoomChildrenCount - 1;
totalGuests= totalGuests - 1;
}


if(thisRoomChildrenCount==0)	{
document.getElementById('ages_4').style.display='none';
document.getElementById('Age1Room4').style.display='none';
document.getElementById('Age2Room4').style.display='none';
document.getElementById('Age3Room4').style.display='none';
}
else if(thisRoomChildrenCount==1){
document.getElementById('Age1Room4').style.display='block';
document.getElementById('Age2Room4').style.display='none';
document.getElementById('Age3Room4').style.display='none';

}	
else if(thisRoomChildrenCount==2){
document.getElementById('Age1Room4').style.display='block';
document.getElementById('Age2Room4').style.display='block';
document.getElementById('Age3Room4').style.display='none';
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;		
});

	
		
		
		guestBtn.addEventListener('click', function (e) {
			if (isGuestInputOpen) {
				guestBtn.classList.remove("open");
				guestOptions.classList.remove("open");
			} else {
				document.getElementById('guests-input-options').style.display='block';
				guestBtn.classList.add("open");
				guestOptions.classList.add("open");
			}
			isGuestInputOpen = isGuestInputOpen ? false : true;
			e.preventDefault();
		});
		
		
		
	guestBtnClose.addEventListener('click', function (e) {
			if (isGuestInputOpen) {
				guestBtn.classList.remove("open");
				guestOptions.classList.remove("open");
			} else {
				document.getElementById('guests-input-options').style.display='block';
				guestBtn.classList.add("open");
				guestOptions.classList.add("open");
			}
			isGuestInputOpen = isGuestInputOpen ? false : true;
			e.preventDefault();
		});	
		
		
roomAddBtn.addEventListener('click', function () {
		var actualRoomCount= roomCount;
	if(roomCount < maxNumRooms && totalGuests < maxNumGuests)	{
		

		roomCount=roomCount+1;
		var counter_rooms = 1; 

		while(counter_rooms <= maxNumRooms)	{

var room_id="room_" + counter_rooms ;

var thisRoom = document.getElementById(room_id);

if (counter_rooms<=roomCount)	{
if(totalGuests < maxNumGuests)	{
 
console.log(counter_rooms + '-' +  roomCount);
thisRoom.style.display="block";

if(counter_rooms > actualRoomCount)	{
if(totalGuests < 8)	{ var NewAdultNumber=2;} else {var NewAdultNumber=1;}
totalGuests=totalGuests+NewAdultNumber;
document.getElementById('guests-count-adults'+counter_rooms).innerHTML=NewAdultNumber;
document.getElementById('guests-count-children'+counter_rooms).innerHTML=0;
document.getElementById('NumAdults'+counter_rooms).value=NewAdultNumber;
document.getElementById('NumChildren'+counter_rooms).value=0;
									}

}
//room adults
//room children
//total pax
//

}

else {thisRoom.style.display="none";
}
roomCountEl.innerHTML=roomCount;

document.getElementById('RequiredRoomNumber').value=roomCount;
counter_rooms++;

		}	
		}
else{
alert('Either maximum number of rooms or maximum number of guests reached. If you need more rooms or more guests please contact us');		

}		

	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	


	
//roomCount = addValues(roomCount);
//updateValues();
});
		
		
roomSubsBtn.addEventListener('click', function () {

		roomCount=Number(roomCountEl.innerHTML);


		if(roomCount > 1)	{
		
		roomCount=roomCount-1;
		var counter_rooms = 1; 




		while(counter_rooms <= maxNumRooms)	{

var room_id="room_" + counter_rooms ;

var thisRoom = document.getElementById(room_id);

if (counter_rooms<=roomCount)	{

thisRoom.style.display="block";}

else {thisRoom.style.display="none";}

if (counter_rooms>roomCount)	{

console.log('Total Guests' + totalGuests);
var thisRoomAdults=Number(document.getElementById('guests-count-adults'+counter_rooms).innerHTML);
var thisRoomChildren=Number(document.getElementById('guests-count-children'+counter_rooms).innerHTML);


document.getElementById('guests-count-adults'+counter_rooms).innerHTML=0;
document.getElementById('guests-count-children'+counter_rooms).innerHTML=0;
document.getElementById('NumAdults'+counter_rooms).value=0;
document.getElementById('NumChildren'+counter_rooms).value=0;

totalGuests= totalGuests - thisRoomAdults;
totalGuests= totalGuests - thisRoomChildren;


roomCountEl.innerHTML=roomCount;

document.getElementById('RequiredRoomNumber').value=roomCount;
}

counter_rooms++;

		}	
		}		
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	
		});


	})();
	
	
})(this.jQuery);	
 </script>				

</div>

<div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 d-none d-md-block">
    <div class="form-group mb-0">
        <br>
        <button type="submit" class="btn btn-primary full-width fw-medium">
            <i class="fa-solid fa-magnifying-glass me-2"></i>Buscar
        </button>
    </div>
</div>
<div  style='display:none; margin-top: 0px;' id='NationalityDiv' >
<div class='row'>
<div class="col-xl-6 col-lg-6 col-md-6 col-xs-12">
<span class="SearchBoxlabels">Nacionalidad</span> <br>
<select name=Nationality class='form-control'><option value='412' >Afganistán </option><option value='522' >Albania </option><option value='536' >Alemania </option><option value='523' >Andorra </option><option value='457' >Angola </option><option value='574' >Anguilla </option><option value='575' >Antigua y Barbuda </option><option value='23' >Arabia Saudí </option><option value='455' >Argelia </option><option value='602' >Argentina </option><option value='413' >Armenia </option><option value='576' >Aruba </option><option value='508' >Australia </option><option value='524' >Austria </option><option value='415' >Azerbaiyán </option><option value='577' >Bahamas </option><option value='29' >Bahréin </option><option value='416' >Bangladesh </option><option value='578' >Barbados </option><option value='526' >Bélgica </option><option value='569' >Belice </option><option value='460' >Benin </option><option value='579' >Bermudas </option><option value='525' >Bielorusia </option><option value='436' >Birmania </option><option value='603' >Bolivia </option><option value='527' >Bosnia Herzegovina </option><option value='463' >Botsuana </option><option value='604' >Brasil </option><option value='419' >Brunéi  </option><option value='528' >Bulgaria </option><option value='466' >Burkina Faso </option><option value='470' >Burundi </option><option value='417' >Bután </option><option value='476' >Cabo Verde </option><option value='421' >Camboya </option><option value='473' >Camerún </option><option value='600' >Canadá </option><option value='482' >Chad </option><option value='605' >Chile </option><option value='422' >China </option><option value='530' >Chipre </option><option value='606' >Colombia </option><option value='485' >Comoras </option><option value='488' >Congo Brazzaville </option><option value='490' >Congo Kinshasa </option><option value='121702' >Costa del Marfil </option><option value='572' >Costa Rica </option><option value='529' >Croacia </option><option value='582' >Cuba </option><option value='591' >CURAÇAO </option><option value='532' >Dinamarca </option><option value='123109' >Dominica </option><option value='607' >Ecuador </option><option value='15' >Egipto </option><option value='24' >El Líbano </option><option value='565' >El Reino Unido </option><option value='565' >El Reino Unido </option><option value='571' >El Salvador </option><option value='566' >El Vaticano </option><option value='30' >Emirates Árabes Unidos </option><option value='502' >Eritrea </option><option value='558' >Eslovaquia  </option><option value='559' >Eslovenia </option><option value='560' >España </option><option value='599' selected>Estados Unidos de América </option><option value='533' >Estonia </option><option value='505' >Etiopía </option><option value='441' >Filipinas </option><option value='534' >Finlandia </option><option value='509' >Fiyi  </option><option value='535' >Francia </option><option value='458' >Gabón </option><option value='461' >Gambia </option><option value='424' >Georgia </option><option value='464' >Ghana </option><option value='619' >Gibraltar </option><option value='537' >Grecia </option><option value='591' >Grenada </option><option value='123119' >Groenlandia </option><option value='585' >Guadalupe </option><option value='633' >Guam </option><option value='568' >Guatemala </option><option value='123371' >Guernsey y Alderney </option><option value='468' >Guinea </option><option value='471' >Guinea Bissau </option><option value='500' >Guinea Ecuatorial </option><option value='609' >Guyana </option><option value='608' >Guyana Francesa </option><option value='586' >Haití </option><option value='550' >Holanda </option><option value='573' >Honduras </option><option value='422' >Hong Kong </option><option value='538' >Hungría </option><option value='426' >India </option><option value='427' >Indonesia </option><option value='33' >Irán </option><option value='26' >Iraq </option><option value='540' >Irlanda </option><option value='123118' >Isla de Man </option><option value='539' >Islandia </option><option value='591' >Islas Antillas </option><option value='581' >Islas Caimán </option><option value='123108' >Islas Cook </option><option value='123114' >Islas de Norfolk </option><option value='123110' >Islas Faroe </option><option value='618' >Islas Malvinas </option><option value='634' >Islas Marianas del Norte </option><option value='511' >Islas Marshall </option><option value='123113' >Islas Menores de Estados Unidos </option><option value='620' >Islas Pitcairn </option><option value='518' >Islas Salomón </option><option value='597' >Islas Turcas y Caicos  </option><option value='598' >Islas Vírgenes Americanas </option><option value='580' >Islas Vírgenes Británicas </option><option value='121703' >Israel </option><option value='541' >Italia </option><option value='587' >Jamaica </option><option value='428' >Japón </option><option value='123372' >Jersey </option><option value='16' >Jordania </option><option value='429' >Kazajistán </option><option value='474' >Kenya </option><option value='430' >Kirguistán </option><option value='510' >Kiribati </option><option value='438' >Korea del Norte </option><option value='445' >Korea del Sur </option><option value='115981' >Kosovo </option><option value='27' >Kuwait </option><option value='431' >Laos </option><option value='477' >Lesoto </option><option value='542' >Letonia </option><option value='480' >Liberia </option><option value='483' >Libia </option><option value='543' >Liechtenstein </option><option value='544' >Lituania </option><option value='545' >Luxemburgo </option><option value='422' >Macau </option><option value='546' >Macedonia </option><option value='486' >Madagascar </option><option value='433' >Malasia </option><option value='489' >Malawi </option><option value='434' >Maldivas </option><option value='491' >Mali </option><option value='547' >Malta </option><option value='498' >Marruecos </option><option value='588' >Martinica </option><option value='496' >Mauricio </option><option value='493' >Mauritania </option><option value='626' >Mayotte </option><option value='601' >México </option><option value='512' >Micronesia </option><option value='548' >Moldavia </option><option value='549' >Mónaco </option><option value='435' >Mongolia </option><option value='116026' >Montenegro </option><option value='589' >Montserrat </option><option value='501' >Mozambique </option><option value='503' >Namibia </option><option value='513' >Nauru </option><option value='437' >Nepal </option><option value='570' >Nicaragua </option><option value='456' >Niger </option><option value='459' >Nigeria </option><option value='123111' >Niue </option><option value='498086975' >Norte de Chipre </option><option value='551' >Noruega </option><option value='627' >Nueva Caledonia </option><option value='514' >Nueva Zelanda </option><option value='31' >Omán </option><option value='439' >Pakistán </option><option value='515' >Palau </option><option value='440' >Palestina </option><option value='567' >Panamá </option><option value='516' >Papua Nueva Guinea </option><option value='610' >Paraguay </option><option value='611' >Perú </option><option value='628' >Polinesia Francesa </option><option value='552' >Polonia </option><option value='553' >Portugal </option><option value='592' >Puerto Rico </option><option value='28' >Qatar </option><option value='479' >Rep. Centroafricana </option><option value='531' >Rep. Checa </option><option value='583' >Rep. Dominicana </option><option value='629' >Reunión </option><option value='465' >Ruanda </option><option value='554' >Rumanía </option><option value='555' >Rusia </option><option value='517' >Samoa </option><option value='632' >Samoa Americana </option><option value='585' >San Bartolomeo </option><option value='593' >San Cristóbal y Nieves </option><option value='556' >San Marino </option><option value='630' >San Pedro y Miquelón </option><option value='595' >San Vicente y las Granadinas  </option><option value='621' >Santa Helena </option><option value='594' >Santa Lucía </option><option value='469' >Santo Tomé y Príncipe </option><option value='472' >Senegal </option><option value='557' >Serbia </option><option value='557' >Serbia </option><option value='475' >Seychelles </option><option value='478' >Sierra Leona </option><option value='444' >Singapur </option><option value='25' >Siria </option><option value='481' >Somalia </option><option value='446' >Sri Lanka </option><option value='2116' >Suazilandia </option><option value='484' >Sudáfrica </option><option value='487' >Sudán </option><option value='498086939' >Sudan del Sur </option><option value='561' >Suecia </option><option value='562' >Suiza </option><option value='612' >Surinam </option><option value='123107' >Svalbard y Jan Mayen </option><option value='449' >Tailandia </option><option value='447' >Taiwan </option><option value='492' >Tanzania </option><option value='448' >Tayikistán </option><option value='423' >Timor Oriental </option><option value='494' >Togo </option><option value='123115' >Tokelau </option><option value='519' >Tonga </option><option value='596' >Trinidad y Tobago </option><option value='497' >Tunez </option><option value='452' >Turkmenistán </option><option value='563' >Turquía </option><option value='520' >Tuvalu </option><option value='564' >Ucrania </option><option value='499' >Uganda </option><option value='613' >Uruguay </option><option value='453' >Uzbekistán </option><option value='521' >Vanuatu </option><option value='614' >Venezuela </option><option value='454' >Vietnam </option><option value='631' >Wallis y Futuna </option><option value='32' >Yemen </option><option value='495' >Yibouti </option><option value='504' >Zambia </option><option value='506' >Zimbabue </option></select></div>
<div class="col-xl-6 col-lg-6 col-md-6 col-xs-12 " >
<span class="SearchBoxlabels">País de Residencia</span> <br>
<select name=country_of_residence class='form-control'><option value='412' >Afganistán </option><option value='522' >Albania </option><option value='536' >Alemania </option><option value='523' >Andorra </option><option value='457' >Angola </option><option value='574' >Anguilla </option><option value='575' >Antigua y Barbuda </option><option value='23' >Arabia Saudí </option><option value='455' >Argelia </option><option value='602' >Argentina </option><option value='413' >Armenia </option><option value='576' >Aruba </option><option value='508' >Australia </option><option value='524' >Austria </option><option value='415' >Azerbaiyán </option><option value='577' >Bahamas </option><option value='29' >Bahréin </option><option value='416' >Bangladesh </option><option value='578' >Barbados </option><option value='526' >Bélgica </option><option value='569' >Belice </option><option value='460' >Benin </option><option value='579' >Bermudas </option><option value='525' >Bielorusia </option><option value='436' >Birmania </option><option value='603' >Bolivia </option><option value='527' >Bosnia Herzegovina </option><option value='463' >Botsuana </option><option value='604' >Brasil </option><option value='419' >Brunéi  </option><option value='528' >Bulgaria </option><option value='466' >Burkina Faso </option><option value='470' >Burundi </option><option value='417' >Bután </option><option value='476' >Cabo Verde </option><option value='421' >Camboya </option><option value='473' >Camerún </option><option value='600' >Canadá </option><option value='482' >Chad </option><option value='605' >Chile </option><option value='422' >China </option><option value='530' >Chipre </option><option value='606' >Colombia </option><option value='485' >Comoras </option><option value='488' >Congo Brazzaville </option><option value='490' >Congo Kinshasa </option><option value='121702' >Costa del Marfil </option><option value='572' >Costa Rica </option><option value='529' >Croacia </option><option value='582' >Cuba </option><option value='591' >CURAÇAO </option><option value='532' >Dinamarca </option><option value='123109' >Dominica </option><option value='607' >Ecuador </option><option value='15' >Egipto </option><option value='24' >El Líbano </option><option value='565' >El Reino Unido </option><option value='565' >El Reino Unido </option><option value='571' >El Salvador </option><option value='566' >El Vaticano </option><option value='30' >Emirates Árabes Unidos </option><option value='502' >Eritrea </option><option value='558' >Eslovaquia  </option><option value='559' >Eslovenia </option><option value='560' >España </option><option value='599' selected>Estados Unidos de América </option><option value='533' >Estonia </option><option value='505' >Etiopía </option><option value='441' >Filipinas </option><option value='534' >Finlandia </option><option value='509' >Fiyi  </option><option value='535' >Francia </option><option value='458' >Gabón </option><option value='461' >Gambia </option><option value='424' >Georgia </option><option value='464' >Ghana </option><option value='619' >Gibraltar </option><option value='537' >Grecia </option><option value='591' >Grenada </option><option value='123119' >Groenlandia </option><option value='585' >Guadalupe </option><option value='633' >Guam </option><option value='568' >Guatemala </option><option value='123371' >Guernsey y Alderney </option><option value='468' >Guinea </option><option value='471' >Guinea Bissau </option><option value='500' >Guinea Ecuatorial </option><option value='609' >Guyana </option><option value='608' >Guyana Francesa </option><option value='586' >Haití </option><option value='550' >Holanda </option><option value='573' >Honduras </option><option value='422' >Hong Kong </option><option value='538' >Hungría </option><option value='426' >India </option><option value='427' >Indonesia </option><option value='33' >Irán </option><option value='26' >Iraq </option><option value='540' >Irlanda </option><option value='123118' >Isla de Man </option><option value='539' >Islandia </option><option value='591' >Islas Antillas </option><option value='581' >Islas Caimán </option><option value='123108' >Islas Cook </option><option value='123114' >Islas de Norfolk </option><option value='123110' >Islas Faroe </option><option value='618' >Islas Malvinas </option><option value='634' >Islas Marianas del Norte </option><option value='511' >Islas Marshall </option><option value='123113' >Islas Menores de Estados Unidos </option><option value='620' >Islas Pitcairn </option><option value='518' >Islas Salomón </option><option value='597' >Islas Turcas y Caicos  </option><option value='598' >Islas Vírgenes Americanas </option><option value='580' >Islas Vírgenes Británicas </option><option value='121703' >Israel </option><option value='541' >Italia </option><option value='587' >Jamaica </option><option value='428' >Japón </option><option value='123372' >Jersey </option><option value='16' >Jordania </option><option value='429' >Kazajistán </option><option value='474' >Kenya </option><option value='430' >Kirguistán </option><option value='510' >Kiribati </option><option value='438' >Korea del Norte </option><option value='445' >Korea del Sur </option><option value='115981' >Kosovo </option><option value='27' >Kuwait </option><option value='431' >Laos </option><option value='477' >Lesoto </option><option value='542' >Letonia </option><option value='480' >Liberia </option><option value='483' >Libia </option><option value='543' >Liechtenstein </option><option value='544' >Lituania </option><option value='545' >Luxemburgo </option><option value='422' >Macau </option><option value='546' >Macedonia </option><option value='486' >Madagascar </option><option value='433' >Malasia </option><option value='489' >Malawi </option><option value='434' >Maldivas </option><option value='491' >Mali </option><option value='547' >Malta </option><option value='498' >Marruecos </option><option value='588' >Martinica </option><option value='496' >Mauricio </option><option value='493' >Mauritania </option><option value='626' >Mayotte </option><option value='601' >México </option><option value='512' >Micronesia </option><option value='548' >Moldavia </option><option value='549' >Mónaco </option><option value='435' >Mongolia </option><option value='116026' >Montenegro </option><option value='589' >Montserrat </option><option value='501' >Mozambique </option><option value='503' >Namibia </option><option value='513' >Nauru </option><option value='437' >Nepal </option><option value='570' >Nicaragua </option><option value='456' >Niger </option><option value='459' >Nigeria </option><option value='123111' >Niue </option><option value='498086975' >Norte de Chipre </option><option value='551' >Noruega </option><option value='627' >Nueva Caledonia </option><option value='514' >Nueva Zelanda </option><option value='31' >Omán </option><option value='439' >Pakistán </option><option value='515' >Palau </option><option value='440' >Palestina </option><option value='567' >Panamá </option><option value='516' >Papua Nueva Guinea </option><option value='610' >Paraguay </option><option value='611' >Perú </option><option value='628' >Polinesia Francesa </option><option value='552' >Polonia </option><option value='553' >Portugal </option><option value='592' >Puerto Rico </option><option value='28' >Qatar </option><option value='479' >Rep. Centroafricana </option><option value='531' >Rep. Checa </option><option value='583' >Rep. Dominicana </option><option value='629' >Reunión </option><option value='465' >Ruanda </option><option value='554' >Rumanía </option><option value='555' >Rusia </option><option value='517' >Samoa </option><option value='632' >Samoa Americana </option><option value='585' >San Bartolomeo </option><option value='593' >San Cristóbal y Nieves </option><option value='556' >San Marino </option><option value='630' >San Pedro y Miquelón </option><option value='595' >San Vicente y las Granadinas  </option><option value='621' >Santa Helena </option><option value='594' >Santa Lucía </option><option value='469' >Santo Tomé y Príncipe </option><option value='472' >Senegal </option><option value='557' >Serbia </option><option value='557' >Serbia </option><option value='475' >Seychelles </option><option value='478' >Sierra Leona </option><option value='444' >Singapur </option><option value='25' >Siria </option><option value='481' >Somalia </option><option value='446' >Sri Lanka </option><option value='2116' >Suazilandia </option><option value='484' >Sudáfrica </option><option value='487' >Sudán </option><option value='498086939' >Sudan del Sur </option><option value='561' >Suecia </option><option value='562' >Suiza </option><option value='612' >Surinam </option><option value='123107' >Svalbard y Jan Mayen </option><option value='449' >Tailandia </option><option value='447' >Taiwan </option><option value='492' >Tanzania </option><option value='448' >Tayikistán </option><option value='423' >Timor Oriental </option><option value='494' >Togo </option><option value='123115' >Tokelau </option><option value='519' >Tonga </option><option value='596' >Trinidad y Tobago </option><option value='497' >Tunez </option><option value='452' >Turkmenistán </option><option value='563' >Turquía </option><option value='520' >Tuvalu </option><option value='564' >Ucrania </option><option value='499' >Uganda </option><option value='613' >Uruguay </option><option value='453' >Uzbekistán </option><option value='521' >Vanuatu </option><option value='614' >Venezuela </option><option value='454' >Vietnam </option><option value='631' >Wallis y Futuna </option><option value='32' >Yemen </option><option value='495' >Yibouti </option><option value='504' >Zambia </option><option value='506' >Zimbabue </option></select></div>
</div></div>


<div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 d-block d-md-none">
    <div class="form-group mb-0">
        <br>
        <button type="submit" class="btn btn-primary full-width fw-medium">
            <i class="fa-solid fa-magnifying-glass me-2"></i>Buscar
        </button>
    </div>
</div>
</div>

				
<div style='display:none; color:red;' id=HeaderListTypes>

<span style='    background: var(--bs-primary-bg-subtle);
    color: var(--bs-primary);'><i class='fa-solid {{TypeIcon}}' text-primary></i>  {{TypeName}} </span>

</div>


<div style='display:none;' id=ItemListTypes>
<li>
<a href="#calendar" onclick="HotelsWriteChoosenGeoPlace( {{ItemId}}, '{{ItemTypeId}}', '{{ItemName}}');">
<b><i class=' fa-solid {{TypeIcon}}' text-secondary></i> {{ItemName}}</a></b>   <br> 
<span class='SearchResultsPathAddress'> {{ItemCityName}} - {{ItemProvinceName}} - {{ItemCountryName}}</span>
</li>	
</div>	

<div style='display:none;' id=FooterListTypes>

</div>	



				</div>	
	
<div class="tab-pane  " id="GeoGuide" role="tabpanel" aria-labelledby="GeoGuide-tab" tabindex="0">

<center>    
<div class=row style='width:70%; background-color: #eee;'>
<div class="col-md-3 col-xs-hidden">&nbsp;</div>	

<div class="col-md-6 col-xs-12 ">
                		<link href="/shared/css/ajaxsearch.css" rel="stylesheet" type="text/css" >
				<script type="text/javascript">
			
		$(document).ready(function(){

		$(".searchidentifierw").keyup(function() 
		{
		
		var identifierw = $(this).val();
		
	
		
		var dataString = 'searchword='+identifierw+'&minimumwords=3&sql_fields=&sql_table=&where=&order_by=&loaded_search_id=geoplace_id&identifier=identifierw';

		if(identifierw==''){
		}else{

		$.ajax({
		type: "POST",
		url: "/index.php?mode=visitor&jt=out&application_id=30&action_id=1755&language_iso=es&required_type_id=6&",
		data: dataString,
		cache: false,
		success: function(html){
		$("#displayidentifierw").html(html).show();
		$("#displayidentifierw").display='block'
		}
		});
		}
		
		return false;    
		});
		});

		//jQuery(function($){
		//   $("#identifierw").Watermark("");
		//});
		
		
		// checking for search chr length and if non selected value return 0 in hidden input value
		function check_length(checked_value,div_to_hide,input_id,checked_value_value){
			if(checked_value < 3){
				document.getElementById(div_to_hide).style.border = 0;
			}else{
				document.getElementById(div_to_hide).style.border = '1px solid #CFCFCF';
			}
			
			if(checked_value == 0){
				document.getElementById(input_id).value = '0';
			}
			
		}
		
		//DO CLOSE AJAX SEARCH WIN
		function close_ajax_search_win(){
		
			document.getElementById("displayidentifierw").style.display = 'none';
			document.getElementById("identifierw").value = document.getElementById("identifierw").value;
			document.getElementById("geoplace_id").value = '0';
			jQuery(function($){
			   $("#identifierw").Watermark("");
			});
		}
		
	function ShowAsistant(AsistantId){
	document.getElementById(AsistantId).style.display = 'block';
	
	  var Thiselement = document.getElementById('SearchGuideResults');
			Thiselement.parentNode.removeChild(Thiselement);
	
	}

	function HideAsistant(AsistantId){
	document.getElementById(AsistantId).style.display = 'none';

	}
	
	</script>	

		<style type="text/css">
		#displayidentifierw{
			display: block;
			overflow: auto;
		}
		
		.main_search_div{
			display: inline;
			position:relative;
		}
		</style>

		<div class='main_search_div' align="left">

		<input 
		type="text"
		class="searchidentifierw searchidentifier  Search-Box-Guide-Home  form-control form-control" id="identifierw" 
		name='identifierw'
		value=''
		placeholder='Buscar'
		 Onclick=ShowAsistant('SearchAsistant') 
		onkeyup="check_length(this.value.length,'displayidentifierw','geoplace_id', this.value) ; HideAsistant('SearchAsistant')" autocomplete='off'/>

		<input type="hidden" name="geoplace_id" value='' id='geoplace_id' />

		
			<div id="displayidentifierw" style='width:; z-index:1000; background-color:#fff !important'></div>

		</div>

             </div>
 
<div class="col-md-3 col-xs-12">
<button type="submit" class="btn btn-primary full-width fw-medium"><i class="fa-solid fa-magnifying-glass me-2"></i>
Buscar</button>

</div>			 


        </form>   
                         

					</div></center>
					
<div id='SearchAsistant' class='SearchAsistant'>
<div class='col-md-1 pull-right'> 
<a  class='closeAssistant' href=# onclick=HideAsistant('SearchAsistant');> X</a> </div>
<div class='col-md-11 pull-left'> 

<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
  <li class="nav-item">
    <a class="nav-link active SearchGuideHome" id="pills-cities-tab" data-bs-toggle="pill" href="#pills-cities" role="tab" aria-controls="pills-cities" aria-selected="true">Ciudades</a>
  </li>
  <li class="nav-item">
    <a class="nav-link SearchGuideHome" id="pills-countries-tab" data-bs-toggle="pill" href="#pills-countries" role="tab" aria-controls="pills-countries" aria-selected="false">Países</a>
  </li>
  <li class="nav-item">
    <a class="nav-link SearchGuideHome" id="pills-attractions-tab" data-bs-toggle="pill" href="#pills-attractions" role="tab" aria-controls="pills-attractions" aria-selected="false">Atracciones</a>
  </li>
</ul>
<div class='InternalSearchAsistant'>
<div class="tab-content" id="pills-tabContent">
  <div class="tab-pane fade in active show" id="pills-cities" role="tabpanel" aria-labelledby="pills-cities-tab"> <ul><div class='row'> 
<li class='col-md-3 col-xs-12 ItemSearchList' ><i class="fa-solid fa-city ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Estambul/158268/" title="Guía Estambul" >Estambul</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList' ><i class="fa-solid fa-city ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Amsterdam/96409/" title="Guía Amsterdam" >Amsterdam</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList' ><i class="fa-solid fa-city ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Atenas/91489/" title="Guía Atenas" >Atenas</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList' ><i class="fa-solid fa-city ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Bangkok/183570/" title="Guía Bangkok " >Bangkok </a></li>
<li class='col-md-3 col-xs-12 ItemSearchList' ><i class="fa-solid fa-city ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Barcelona/497893369/" title="Guía Barcelona" >Barcelona</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList' ><i class="fa-solid fa-city ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Bruselas/93429/" title="Guía Bruselas" >Bruselas</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList' ><i class="fa-solid fa-city ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Budapest/102471/" title="Guía Budapest " >Budapest </a></li>
<li class='col-md-3 col-xs-12 ItemSearchList' ><i class="fa-solid fa-city ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/El-Cairo/80/" title="Guía El Cairo" >El Cairo</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList' ><i class="fa-solid fa-city ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Dubai/187882/" title="Guía Dubai" >Dubai</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList' ><i class="fa-solid fa-city ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Venecia/498082293/" title="Guía Venecia" >Venecia</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList' ><i class="fa-solid fa-city ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Londres/123072/" title="Guía Londres" >Londres</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList' ><i class="fa-solid fa-city ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Los-Angeles/497952235/" title="Guía Los Angeles" >Los Angeles</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList' ><i class="fa-solid fa-city ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Madrid/497891732/" title="Guía Madrid" >Madrid</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList' ><i class="fa-solid fa-city ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Marrakech/497932460/" title="Guía Marrakech" >Marrakech</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList' ><i class="fa-solid fa-city ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Nueva-York/497966539/" title="Guía Nueva York" >Nueva York</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList' ><i class="fa-solid fa-city ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Paris/497864493/" title="Guía Paris " >Paris </a></li>
<li class='col-md-3 col-xs-12 ItemSearchList' ><i class="fa-solid fa-city ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Praga/498005731/" title="Guía Praga" >Praga</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList' ><i class="fa-solid fa-city ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Roma/498005754/" title="Guía Roma" >Roma</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList' ><i class="fa-solid fa-city ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/San-Francisco/497951678/" title="Guía San Francisco " >San Francisco </a></li>
<li class='col-md-3 col-xs-12 ItemSearchList' ><i class="fa-solid fa-city ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Kuala-Lumpur/179811/" title="Guía Kuala Lumpur" >Kuala Lumpur</a></li> </div></ul></div>
  <div class="tab-pane fade" id="pills-countries" role="tabpanel" aria-labelledby="pills-countries-tab"> <ul><div class='row'> 
<li class='col-md-3 col-xs-12 ItemSearchList'><i class="fa-solid fa-flag ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Croacia/529/" title="Guía Croacia" >Croacia</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList'><i class="fa-solid fa-flag ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Grecia/537/" title="Guía Grecia" >Grecia</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList'><i class="fa-solid fa-flag ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Italia/541/" title="Guía Italia" >Italia</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList'><i class="fa-solid fa-flag ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Rusia/555/" title="Guía Rusia" >Rusia</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList'><i class="fa-solid fa-flag ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Espa%C3%B1a/560/" title="Guía España" >España</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList'><i class="fa-solid fa-flag ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Turqu%C3%ADa/563/" title="Guía Turquía" >Turquía</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList'><i class="fa-solid fa-flag ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Egipto/15/" title="Guía Egipto" >Egipto</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList'><i class="fa-solid fa-flag ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Kenia/474/" title="Guía Kenia" >Kenia</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList'><i class="fa-solid fa-flag ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Marruecos/498/" title="Guía Marruecos" >Marruecos</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList'><i class="fa-solid fa-flag ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Uganda/499/" title="Guía Uganda" >Uganda</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList'><i class="fa-solid fa-flag ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Camboya/421/" title="Guía Camboya" >Camboya</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList'><i class="fa-solid fa-flag ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/China/422/" title="Guía China" >China</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList'><i class="fa-solid fa-flag ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/India/426/" title="Guía India" >India</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList'><i class="fa-solid fa-flag ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Jap%C3%B3n/428/" title="Guía Japón" >Japón</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList'><i class="fa-solid fa-flag ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Jordania/16/" title="Guía Jordania" >Jordania</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList'><i class="fa-solid fa-flag ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Sri-Lanka/446/" title="Guía Sri Lanka" >Sri Lanka</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList'><i class="fa-solid fa-flag ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Tailandia/449/" title="Guía Tailandia" >Tailandia</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList'><i class="fa-solid fa-flag ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Vietnam/454/" title="Guía Vietnam" >Vietnam</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList'><i class="fa-solid fa-flag ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/M%C3%A9xico/601/" title="Guía México" >México</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList'><i class="fa-solid fa-flag ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Estados-Unidos-de-Am%C3%A9rica/599/" title="Guía Estados Unidos de América" >Estados Unidos de América</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList'><i class="fa-solid fa-flag ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Brasil/604/" title="Guía Brasil" >Brasil</a></li>
<li class='col-md-3 col-xs-12 ItemSearchList'><i class="fa-solid fa-flag ItemSearchListIcon"></i>
 <a href="/es/guia-de-destinos/Per%C3%BA/611/" title="Guía Perú" >Perú</a></li> </div></ul></div>
  <div class="tab-pane fade" id="pills-attractions" role="tabpanel" aria-labelledby="pills-attractions-tab"> <ul><div class='row'>
<li class='col-md-4 col-xs-12 ItemSearchList'><i class="fa-solid fa-camera-retro"></i> <a href="/es/guia-de-destinos/Pir%C3%A1mide-de-Keops/11492/" title="Guía Pirámide de Keops" >Pirámide de Keops</a></li>
<li class='col-md-4 col-xs-12 ItemSearchList'><i class="fa-solid fa-camera-retro"></i> <a href="/es/guia-de-destinos/Las-murallas-de-Constantinopla/498054284/" title="Guía Las murallas de Constantinopla" >Las murallas de Constantinopla</a></li>
<li class='col-md-4 col-xs-12 ItemSearchList'><i class="fa-solid fa-camera-retro"></i> <a href="/es/guia-de-destinos/La-Gran-Muralla/498051614/" title="Guía La Gran Muralla" >La Gran Muralla</a></li>
<li class='col-md-4 col-xs-12 ItemSearchList'><i class="fa-solid fa-camera-retro"></i> <a href="/es/guia-de-destinos/Torre-Eiffel/498025086/" title="Guía Torre Eiffel" >Torre Eiffel</a></li>
<li class='col-md-4 col-xs-12 ItemSearchList'><i class="fa-solid fa-camera-retro"></i> <a href="/es/guia-de-destinos/Fuerte-rojo-de-Delhi/498052314/" title="Guía Fuerte rojo de Delhi" >Fuerte rojo de Delhi</a></li>
<li class='col-md-4 col-xs-12 ItemSearchList'><i class="fa-solid fa-camera-retro"></i> <a href="/es/guia-de-destinos/Mausoleo-Mohamed-V/498052491/" title="Guía Mausoleo Mohamed V" >Mausoleo Mohamed V</a></li>
<li class='col-md-4 col-xs-12 ItemSearchList'><i class="fa-solid fa-camera-retro"></i> <a href="/es/guia-de-destinos/El-Kremlin/498054938/" title="Guía El Kremlin" >El Kremlin</a></li>
<li class='col-md-4 col-xs-12 ItemSearchList'><i class="fa-solid fa-camera-retro"></i> <a href="/es/guia-de-destinos/Museu-del-Futbol-Club-Barcelona/498015472/" title="Guía Museu del Futbol Club Barcelona" >Museu del Futbol Club Barcelona</a></li>
<li class='col-md-4 col-xs-12 ItemSearchList'><i class="fa-solid fa-camera-retro"></i> <a href="/es/guia-de-destinos/Coliseo/498027745/" title="Guía Coliseo" >Coliseo</a></li>
<li class='col-md-4 col-xs-12 ItemSearchList'><i class="fa-solid fa-camera-retro"></i> <a href="/es/guia-de-destinos/Ac%C3%B3polis-de-Atenas/498025553/" title="Guía Acópolis de Atenas" >Acópolis de Atenas</a></li>
<li class='col-md-4 col-xs-12 ItemSearchList'><i class="fa-solid fa-camera-retro"></i> <a href="/es/guia-de-destinos/El-Parque-Arqueol%C3%B3gico-de-Angkor/498102410/" title="Guía El Parque Arqueológico de Angkor" >El Parque Arqueológico de Angkor</a></li>
<li class='col-md-4 col-xs-12 ItemSearchList'><i class="fa-solid fa-camera-retro"></i> <a href="/es/guia-de-destinos/Burj-Khalifa/498085786/" title="Guía Burj Khalifa" >Burj Khalifa</a></li>
<li class='col-md-4 col-xs-12 ItemSearchList'><i class="fa-solid fa-camera-retro"></i> <a href="/es/guia-de-destinos/Estadio-Santiago-Bernabeu/498065128/" title="Guía Estadio  Santiago Bernabeu" >Estadio  Santiago Bernabeu</a></li>
<li class='col-md-4 col-xs-12 ItemSearchList'><i class="fa-solid fa-camera-retro"></i> <a href="/es/guia-de-destinos/La-Alhambra/498009995/" title="Guía La Alhambra" >La Alhambra</a></li>
<li class='col-md-4 col-xs-12 ItemSearchList'><i class="fa-solid fa-camera-retro"></i> <a href="/es/guia-de-destinos/Parque-Tem%C3%A1tico-Disney/498031793/" title="Guía Parque Temático Disney" >Parque Temático Disney</a></li>
<li class='col-md-4 col-xs-12 ItemSearchList'><i class="fa-solid fa-camera-retro"></i> <a href="/es/guia-de-destinos/Temple-Expiatori-de-la-Sagrada-Fam%C3%ADlia/498015481/" title="Guía Temple Expiatori de la Sagrada Família" >Temple Expiatori de la Sagrada Família</a></li>
<li class='col-md-4 col-xs-12 ItemSearchList'><i class="fa-solid fa-camera-retro"></i> <a href="/es/guia-de-destinos/El-Gran-Museo-Egipcio/498122457/" title="Guía El Gran Museo Egipcio" >El Gran Museo Egipcio</a></li>
<li class='col-md-4 col-xs-12 ItemSearchList'><i class="fa-solid fa-camera-retro"></i> <a href="/es/guia-de-destinos/El-Gran-Museo-Egipcio/498122457/" title="Guía El Gran Museo Egipcio" >El Gran Museo Egipcio</a></li></div></ul></div>
</div>
</div>

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

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

		  
        </div>
        <!-- </row> -->

      </div>
</div>




	

    <!-- ============================ Hero Banner End ================================== -->

<div class="col-xs-12 Geo-Top-menu hidden-xs text-center dropdown custom-dropdown" > 

<ul  class="list-group list-group-horizontal " style='display:unset;  '>
<li><span class='Geo-Top-menu-title' >Shanghai </span></li> 
<li> <a href="/es/guia-de-destinos/Shanghai/188947/" target="_self">Guia de Viajes </a> </li>
<li><a href="/es/hoteles/China/Shanghai/188947/" target="_self">Hoteles </a></li><li><a href="/es/Actividades/Shanghai/1.p.188947/" target="_self"> Actividades </a></li><li style='position:relative;'>

        <a  class=" dropdown-toggle" role="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
    Información   </a>
    <ul class="dropdown-menu"  aria-labelledby="dropdownMenuButton" >
<li><span><a href="/es/guia-de-destinos/Shanghai/Distancias-entre--Shanghailas-ciudades-m%C3%A1s-importantes.d.188947/" target="_self">Distancias </a></span><br></li><li><span><a href="/es/el-tiempo/Shanghai/188947/" target="_self">El Tiempo </a></span><br></li><li><span><a href="/es/guia-de-destinos/Shanghai/Mapa-de-Shanghai.m.188947/" target="_self"> Mapa </a></span><br></li><li><span><a href="/es/guia-de-destinos/Shanghai/Fotos.f.1.188947/" target="_self">Fotos </a></span><br></li><li><span><a  href="/es/guia-de-destinos/Shanghai/D%C3%B3nde-Comer-Shanghai.c.188947.25/" target="_self">Dónde Comer </a></span><br></li><li><span><a  href="/es/guia-de-destinos/Shanghai/Compras-Shanghai.c.188947.33/" target="_self">Compras </a></span><br></li><li><span><a  href="/es/guia-de-destinos/Shanghai/Vida-Nocturna-Shanghai.c.188947.34/" target="_self">Vida Nocturna </a></span><br></li>
  </ul>
</li><li style='position:relative;'>
  <a class="dropdown-toggle" role="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
  Atracciones <i class="fa fa-chevron-down"></i>
  </a>
    <ul class="dropdown-menu Geo-Top-menu-sons" >
<li><a href="/es/guia-de-destinos/Shanghai/Parques-en-Shanghai.p.31.188947/" target="_self">Parques </a></li><li><a href="/es/guia-de-destinos/Shanghai/Templos-en-Shanghai.p.26.188947/" target="_self">Templos  </a></li><li><a href="/es/guia-de-destinos/Shanghai/Museos-en-Shanghai.p.30.188947/" target="_self">Museos  </a></li><li><a href="/es/guia-de-destinos/Shanghai/Mercados-en-Shanghai.p.42.188947/" target="_self">Mercados  </a></li><li><a href="/es/guia-de-destinos/Shanghai/Casas-Monumentales-en-Shanghai.p.50.188947/" target="_self">Casas Monumentales  </a></li><li><a href="/es/guia-de-destinos/Shanghai/Lugares-de-inter%C3%A9s-en-Shanghai.p.8.188947/" target="_self">Lugares de interés  </a></li>
  </ul>
</li> </ul></div>

<div class='clearfix'></div>
    <section class="border-bottom">
      <div class="container">
        <div class="row align-carousel-cells-center justify-content-between g-4">
<div class="main-carousel">
    <!-- ============================ Features Start ================================== -->

          <div class="col-xl-3 col-lg-3 col-md-6 col-sm-5 carousel-cell">
            <div class="featuresBox-wrap">

              <div class="featuresBox-captions">
                <h4 class="fw-bold fs-5 lh-base mb-0"> 
				
				<i class="fa-regular fa-images fs-1 text-primary"></i>
				
				La Mejor Selección</h4>
                <p class="m-0 pslider">Más de 200000 hoteles, apartamentos, hostales casas..</p>
              </div>
            </div>
          </div>

          <div class="col-xl-3 col-lg-3 col-md-6 col-sm-5 carousel-cell">
            <div class="featuresBox-wrap">

              <div class="featuresBox-captions">
                <h4 class="fw-bold fs-5 lh-base mb-0">
				<i class="fa-solid fa-person-walking-luggage fs-1 text-primary"></i> 
				A Tu Medida!</h4>
                <p class="m-0 pslider">Todos los Tipos de Alokamieno y diferentes medios de pago</p>
              </div>
            </div>
          </div>

          <div class="col-xl-3 col-lg-3 col-md-6 col-sm-5 carousel-cell">
            <div class="featuresBox-wrap">
              <div class="featuresBox-captions">
                <h4 class="fw-bold fs-5 lh-base mb-0">
				<i class="fa-solid fa-headset fs-1 text-primary"></i> 
				La Mejor Atención</h4>
                <p class="m-0 pslider">Respondemos a sus preguntas y solicitudes  con agilidad y rapidez</p>
              </div>
            </div>
          </div>

          <div class="col-xl-3 col-lg-3 col-md-6 col-sm-5 carousel-cell">
            <div class="featuresBox-wrap">

              <div class="featuresBox-captions">
                <h4 class="fw-bold fs-5 lh-base mb-0"> <i class="fa-solid fa-sack-dollar fs-1 text-primary"></i> Mejor Precio</h4>
                <p class="m-0 pslider">Nuestros descuentos alcanzan hasta el 70% del precio del hotel.</p>
              </div>
            </div>
          </div>

    <!-- ============================ Features End ================================== -->
</div>

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

<div class='clearfix'></div> 
<div class='container'>
<div class="card w-100" style='margin:top:20px; margin-bottom:20px;'>
<a href='/es/guia-de-destinos/Shanghai/R%C3%ADo-Huangpu/498087089/' target='guide'>
    <div class="card-img-top d-flex align-items-center bg-light">
        <div>
            <img class="img-fluid" src="/shared/images/Geographic/47/middle/huangpu-river_498087089_huangpuriver-_46528.jpg" alt="Hoteles cerca de Río Huangpu  Shanghai" style='max-height:100px;''>
        </div>
        <p class="col p-2 m-0" style='background-color:#fff;  border:0px;'>El río Huangpu (cuyo nombre en chino significa «río bahía amarilla») es un corto río de China de 113 kilómetros de longitud que cruza la ciudad de Shanghái. Es una ramificación del río Yangtsé.
<br>El río Huangpu, también conocido como Huangxiepu o rio Chunshen, es un punto de referencia de la ciudad de Shanghái, que separa la ciudad en dos partes, Pudong y Puxi. Con una longitud total de 113 kilómetros y un ancho de 300 a 770 metros, el río atraviesa más de 10 distritos de la c... <a href='/es/guia-de-destinos/Shanghai/R%C3%ADo-Huangpu/498087089/' target=guide>Más</a></p>
    </div>
</a>
</div>
</div>
<div class='clearfix'></div> 

       
    <!-- ============================ Popular Routes Design Start ================================== -->
    <section class="bgwhite">
      <div class="container">

        <div class="row align-items-center justify-content-center">
          <div class="col-xl-8 col-lg-9 col-md-11 col-sm-12">
            <div class="secHeading-wrap text-center mb-5">
              <h2>HOTELES CERCA DE RÍO HUANGPU </h2>

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

        <div class="row justify-content-center gy-4 gx-3">

 <div class="col-md-3 col-xs-12 item " style='margin-bottom: 20px;  height:300px !important ; width:300px !important; display:flex;'>
 <article class="box  pbottom10" >
 <figure>
 <a href="/es/hoteles/Shanghai/DELIGHTEL-HOTEL-WEST-Descripci%C3%B3n/h214400.1/" class="hover-effect"> 
<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/LodgePhotos/4608/big/DelightelHotelWest_174520134677.jpg"
				alt="Las mejores ofertas de Delightel Hotel West Shanghai" width="270" height="160" class="lazyload">

</a>
                                    </figure>
                                    <div class="details GuideHotelsList" style='padding:4px;'>
                                        <div class='col-sm-12 text-left' style='min-height:80px'>
										 <a href="/es/hoteles/Shanghai/DELIGHTEL-HOTEL-WEST-Descripci%C3%B3n/h214400.1/" class="hover-effect"<h4 class='fs-5 fw-bold mb-1' style='font-size:18px !important;'>Delightel Hotel West  <img src='/shared/images/stars_4.jpg' style='width:50px !important; height:10px !important; min-height: 10px !important; max-height:10px !important;'></h4></a> <br>
										<span style='font-size:11' > <b>(11.6 km)</b></span> <span class='text-primary'> Shanghai</span>
										</div>
                                    </div>
 </article>
</div>

 <div class="col-md-3 col-xs-12 item " style='margin-bottom: 20px;  height:300px !important ; width:300px !important; display:flex;'>
 <article class="box  pbottom10" >
 <figure>
 <a href="/es/hoteles/Shanghai/HOTEL-SHANGHAI-SHESHAN-ORIENTAL-HANDWRITTEN-COLLEC-Descripci%C3%B3n/h69839.1/" class="hover-effect"> 
<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/LodgePhotos/5378/big/HotelShanghaiSheshanOriental-HandwrittenCollec_174602834213.jpg"
				alt="Las mejores ofertas de Hotel Shanghai Sheshan Oriental-Handwritten Collec Shanghai" width="270" height="160" class="lazyload">

</a>
                                    </figure>
                                    <div class="details GuideHotelsList" style='padding:4px;'>
                                        <div class='col-sm-12 text-left' style='min-height:80px'>
										 <a href="/es/hoteles/Shanghai/HOTEL-SHANGHAI-SHESHAN-ORIENTAL-HANDWRITTEN-COLLEC-Descripci%C3%B3n/h69839.1/" class="hover-effect"<h4 class='fs-5 fw-bold mb-1' style='font-size:18px !important;'>Hotel Shanghai Sheshan Oriental-Handwritten Collec  <img src='/shared/images/stars_5.jpg' style='width:50px !important; height:10px !important; min-height: 10px !important; max-height:10px !important;'></h4></a> <br>
										<span style='font-size:11' > <b>(11.65 km)</b></span> <span class='text-primary'> Shanghai</span>
										</div>
                                    </div>
 </article>
</div>

 <div class="col-md-3 col-xs-12 item " style='margin-bottom: 20px;  height:300px !important ; width:300px !important; display:flex;'>
 <article class="box  pbottom10" >
 <figure>
 <a href="/es/hoteles/Shanghai/HOTEL-THE-YULUXE-SHESHAN%2C-SHANGHAI%2C-A-TRIBUTE-PORTFOLIO-Descripci%C3%B3n/h66220.1/" class="hover-effect"> 
<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/LodgePhotos/5416/big/TheYuluxeSheshanShanghaiATributePortfolio_174605324983.jpg"
				alt="Las mejores ofertas de The Yuluxe Sheshan, Shanghai, A Tribute Portfolio Shanghai" width="270" height="160" class="lazyload">

</a>
                                    </figure>
                                    <div class="details GuideHotelsList" style='padding:4px;'>
                                        <div class='col-sm-12 text-left' style='min-height:80px'>
										 <a href="/es/hoteles/Shanghai/HOTEL-THE-YULUXE-SHESHAN%2C-SHANGHAI%2C-A-TRIBUTE-PORTFOLIO-Descripci%C3%B3n/h66220.1/" class="hover-effect"<h4 class='fs-5 fw-bold mb-1' style='font-size:18px !important;'>The Yuluxe Sheshan, Shanghai, A Tribute Portfolio  <img src='/shared/images/stars_5.jpg' style='width:50px !important; height:10px !important; min-height: 10px !important; max-height:10px !important;'></h4></a> <br>
										<span style='font-size:11' > <b>(12.1 km)</b></span> <span class='text-primary'> Shanghai</span>
										</div>
                                    </div>
 </article>
</div>

 <div class="col-md-3 col-xs-12 item " style='margin-bottom: 20px;  height:300px !important ; width:300px !important; display:flex;'>
 <article class="box  pbottom10" >
 <figure>
 <a href="/es/hoteles/Shanghai/HOTEL-CROWNE-PLAZA-SHANGHAI-ANTING-Descripci%C3%B3n/h204619.1/" class="hover-effect"> 
<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/LodgePhotos/4701/big/CrownePlazaShanghaiAnting_174527285291.jpg"
				alt="Las mejores ofertas de Crowne Plaza Shanghai Anting Shanghai" width="270" height="160" class="lazyload">

</a>
                                    </figure>
                                    <div class="details GuideHotelsList" style='padding:4px;'>
                                        <div class='col-sm-12 text-left' style='min-height:80px'>
										 <a href="/es/hoteles/Shanghai/HOTEL-CROWNE-PLAZA-SHANGHAI-ANTING-Descripci%C3%B3n/h204619.1/" class="hover-effect"<h4 class='fs-5 fw-bold mb-1' style='font-size:18px !important;'>Crowne Plaza Shanghai Anting  <img src='/shared/images/stars_5.jpg' style='width:50px !important; height:10px !important; min-height: 10px !important; max-height:10px !important;'></h4></a> <br>
										<span style='font-size:11' > <b>(12.73 km)</b></span> <span class='text-primary'> Shanghai</span>
										</div>
                                    </div>
 </article>
</div>

 <div class="col-md-3 col-xs-12 item " style='margin-bottom: 20px;  height:300px !important ; width:300px !important; display:flex;'>
 <article class="box  pbottom10" >
 <figure>
 <a href="/es/hoteles/Shanghai/HOTEL-HOLIDAY-INN-SHANGHAI-HONGQIAO-WEST-Descripci%C3%B3n/h73505.1/" class="hover-effect"> 
<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/LodgePhotos/5337/big/HolidayInnShanghaiHongqiaoWest_174600265618.jpg"
				alt="Las mejores ofertas de Holiday Inn Shanghai Hongqiao West Shanghai" width="270" height="160" class="lazyload">

</a>
                                    </figure>
                                    <div class="details GuideHotelsList" style='padding:4px;'>
                                        <div class='col-sm-12 text-left' style='min-height:80px'>
										 <a href="/es/hoteles/Shanghai/HOTEL-HOLIDAY-INN-SHANGHAI-HONGQIAO-WEST-Descripci%C3%B3n/h73505.1/" class="hover-effect"<h4 class='fs-5 fw-bold mb-1' style='font-size:18px !important;'>Holiday Inn Shanghai Hongqiao West  <img src='/shared/images/stars_4.jpg' style='width:50px !important; height:10px !important; min-height: 10px !important; max-height:10px !important;'></h4></a> <br>
										<span style='font-size:11' > <b>(14.46 km)</b></span> <span class='text-primary'> Shanghai</span>
										</div>
                                    </div>
 </article>
</div>

 <div class="col-md-3 col-xs-12 item " style='margin-bottom: 20px;  height:300px !important ; width:300px !important; display:flex;'>
 <article class="box  pbottom10" >
 <figure>
 <a href="/es/hoteles/Shanghai/HOTEL-HOLIDAY-INN-EXPRESS-SHANGHAI-NEW-HONGQIAO-Descripci%C3%B3n/h164536.1/" class="hover-effect"> 
<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/LodgePhotos/4878/big/HolidayInnExpressShanghaiNewHongqiao_17454277002.jpg"
				alt="Las mejores ofertas de Holiday Inn Express Shanghai New Hongqiao Shanghai" width="270" height="160" class="lazyload">

</a>
                                    </figure>
                                    <div class="details GuideHotelsList" style='padding:4px;'>
                                        <div class='col-sm-12 text-left' style='min-height:80px'>
										 <a href="/es/hoteles/Shanghai/HOTEL-HOLIDAY-INN-EXPRESS-SHANGHAI-NEW-HONGQIAO-Descripci%C3%B3n/h164536.1/" class="hover-effect"<h4 class='fs-5 fw-bold mb-1' style='font-size:18px !important;'>Holiday Inn Express Shanghai New Hongqiao  <img src='/shared/images/keys_3.png' style='width:50px !important; height:10px !important; min-height: 10px !important; max-height:10px !important;'></h4></a> <br>
										<span style='font-size:11' > <b>(14.95 km)</b></span> <span class='text-primary'> Shanghai</span>
										</div>
                                    </div>
 </article>
</div>

 <div class="col-md-3 col-xs-12 item " style='margin-bottom: 20px;  height:300px !important ; width:300px !important; display:flex;'>
 <article class="box  pbottom10" >
 <figure>
 <a href="/es/hoteles/Shanghai/XUEYUAN-HOTEL-SHANGHAI-Descripci%C3%B3n/h209520.1/" class="hover-effect"> 
<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/LodgePhotos/4659/big/XueyuanHotel-Shanghai_174523993556.jpg"
				alt="Las mejores ofertas de Xueyuan Hotel - Shanghai Shanghai" width="270" height="160" class="lazyload">

</a>
                                    </figure>
                                    <div class="details GuideHotelsList" style='padding:4px;'>
                                        <div class='col-sm-12 text-left' style='min-height:80px'>
										 <a href="/es/hoteles/Shanghai/XUEYUAN-HOTEL-SHANGHAI-Descripci%C3%B3n/h209520.1/" class="hover-effect"<h4 class='fs-5 fw-bold mb-1' style='font-size:18px !important;'>Xueyuan Hotel - Shanghai  <img src='/shared/images/keys_3.png' style='width:50px !important; height:10px !important; min-height: 10px !important; max-height:10px !important;'></h4></a> <br>
										<span style='font-size:11' > <b>(15.07 km)</b></span> <span class='text-primary'> Shanghai</span>
										</div>
                                    </div>
 </article>
</div>

 <div class="col-md-3 col-xs-12 item " style='margin-bottom: 20px;  height:300px !important ; width:300px !important; display:flex;'>
 <article class="box  pbottom10" >
 <figure>
 <a href="/es/hoteles/Shanghai/FINITY-HOTEL-Descripci%C3%B3n/h214399.1/" class="hover-effect"> 
<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/LodgePhotos/4608/big/FinityHotel_174520135714.jpg"
				alt="Las mejores ofertas de Finity Hotel Shanghai" width="270" height="160" class="lazyload">

</a>
                                    </figure>
                                    <div class="details GuideHotelsList" style='padding:4px;'>
                                        <div class='col-sm-12 text-left' style='min-height:80px'>
										 <a href="/es/hoteles/Shanghai/FINITY-HOTEL-Descripci%C3%B3n/h214399.1/" class="hover-effect"<h4 class='fs-5 fw-bold mb-1' style='font-size:18px !important;'>Finity Hotel  <img src='/shared/images/stars_0.jpg' style='width:50px !important; height:10px !important; min-height: 10px !important; max-height:10px !important;'></h4></a> <br>
										<span style='font-size:11' > <b>(16.83 km)</b></span> <span class='text-primary'> Shanghai</span>
										</div>
                                    </div>
 </article>
</div>

 <div class="col-md-3 col-xs-12 item " style='margin-bottom: 20px;  height:300px !important ; width:300px !important; display:flex;'>
 <article class="box  pbottom10" >
 <figure>
 <a href="/es/hoteles/Shanghai/SONGJIANG-NEW-CENTURY-GRAND-HOTEL-SHANGHAI-Descripci%C3%B3n/h113760.1/" class="hover-effect"> 
<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/LodgePhotos/5014/big/SongJiangNewCenturyGrandHotelShanghai_174580612558.jpg"
				alt="Las mejores ofertas de SongJiang New Century Grand Hotel Shanghai Shanghai" width="270" height="160" class="lazyload">

</a>
                                    </figure>
                                    <div class="details GuideHotelsList" style='padding:4px;'>
                                        <div class='col-sm-12 text-left' style='min-height:80px'>
										 <a href="/es/hoteles/Shanghai/SONGJIANG-NEW-CENTURY-GRAND-HOTEL-SHANGHAI-Descripci%C3%B3n/h113760.1/" class="hover-effect"<h4 class='fs-5 fw-bold mb-1' style='font-size:18px !important;'>SongJiang New Century Grand Hotel Shanghai  <img src='/shared/images/stars_5.jpg' style='width:50px !important; height:10px !important; min-height: 10px !important; max-height:10px !important;'></h4></a> <br>
										<span style='font-size:11' > <b>(18.17 km)</b></span> <span class='text-primary'> Shanghai</span>
										</div>
                                    </div>
 </article>
</div>

 <div class="col-md-3 col-xs-12 item " style='margin-bottom: 20px;  height:300px !important ; width:300px !important; display:flex;'>
 <article class="box  pbottom10" >
 <figure>
 <a href="/es/hoteles/Shanghai/HOTEL-WYNDHAM-SHANGHAI-HONGQIAO-Descripci%C3%B3n/h164538.1/" class="hover-effect"> 
<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/LodgePhotos/4878/big/WyndhamShanghaiHongqiao_174542768084.jpg"
				alt="Las mejores ofertas de Wyndham Shanghai Hongqiao Shanghai" width="270" height="160" class="lazyload">

</a>
                                    </figure>
                                    <div class="details GuideHotelsList" style='padding:4px;'>
                                        <div class='col-sm-12 text-left' style='min-height:80px'>
										 <a href="/es/hoteles/Shanghai/HOTEL-WYNDHAM-SHANGHAI-HONGQIAO-Descripci%C3%B3n/h164538.1/" class="hover-effect"<h4 class='fs-5 fw-bold mb-1' style='font-size:18px !important;'>Wyndham Shanghai Hongqiao  <img src='/shared/images/stars_5.jpg' style='width:50px !important; height:10px !important; min-height: 10px !important; max-height:10px !important;'></h4></a> <br>
										<span style='font-size:11' > <b>(18.42 km)</b></span> <span class='text-primary'> Shanghai</span>
										</div>
                                    </div>
 </article>
</div>

 <div class="col-md-3 col-xs-12 item " style='margin-bottom: 20px;  height:300px !important ; width:300px !important; display:flex;'>
 <article class="box  pbottom10" >
 <figure>
 <a href="/es/hoteles/Shanghai/HOTEL-G-LUXE-HONGQIAO-Descripci%C3%B3n/h164645.1/" class="hover-effect"> 
<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/LodgePhotos/4877/big/G-LuxeHongqiao_174542687119.jpg"
				alt="Las mejores ofertas de G-Luxe Hongqiao Shanghai" width="270" height="160" class="lazyload">

</a>
                                    </figure>
                                    <div class="details GuideHotelsList" style='padding:4px;'>
                                        <div class='col-sm-12 text-left' style='min-height:80px'>
										 <a href="/es/hoteles/Shanghai/HOTEL-G-LUXE-HONGQIAO-Descripci%C3%B3n/h164645.1/" class="hover-effect"<h4 class='fs-5 fw-bold mb-1' style='font-size:18px !important;'>G-Luxe Hongqiao  <img src='/shared/images/stars_4.jpg' style='width:50px !important; height:10px !important; min-height: 10px !important; max-height:10px !important;'></h4></a> <br>
										<span style='font-size:11' > <b>(18.53 km)</b></span> <span class='text-primary'> Shanghai</span>
										</div>
                                    </div>
 </article>
</div>

 <div class="col-md-3 col-xs-12 item " style='margin-bottom: 20px;  height:300px !important ; width:300px !important; display:flex;'>
 <article class="box  pbottom10" >
 <figure>
 <a href="/es/hoteles/Shanghai/HOTEL-GREAT-TANG-Descripci%C3%B3n/h65787.1/" class="hover-effect"> 
<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/LodgePhotos/5419/big/GreatTang_174605588080.jpg"
				alt="Las mejores ofertas de Great Tang Shanghai" width="270" height="160" class="lazyload">

</a>
                                    </figure>
                                    <div class="details GuideHotelsList" style='padding:4px;'>
                                        <div class='col-sm-12 text-left' style='min-height:80px'>
										 <a href="/es/hoteles/Shanghai/HOTEL-GREAT-TANG-Descripci%C3%B3n/h65787.1/" class="hover-effect"<h4 class='fs-5 fw-bold mb-1' style='font-size:18px !important;'>Great Tang  <img src='/shared/images/stars_4.jpg' style='width:50px !important; height:10px !important; min-height: 10px !important; max-height:10px !important;'></h4></a> <br>
										<span style='font-size:11' > <b>(18.66 km)</b></span> <span class='text-primary'> Shanghai</span>
										</div>
                                    </div>
 </article>
</div>

 <div class="col-md-3 col-xs-12 item " style='margin-bottom: 20px;  height:300px !important ; width:300px !important; display:flex;'>
 <article class="box  pbottom10" >
 <figure>
 <a href="/es/hoteles/Shanghai/BOYUE-SHANGHAI-HONGQIAO-AIRPORT-HOTEL-AIR-CHINA-Descripci%C3%B3n/h164635.1/" class="hover-effect"> 
<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/LodgePhotos/4877/big/BoyueShanghaiHongqiaoAirportHotel-AirChina_174542693566.jpg"
				alt="Las mejores ofertas de Boyue Shanghai Hongqiao Airport Hotel - Air China Shanghai" width="270" height="160" class="lazyload">

</a>
                                    </figure>
                                    <div class="details GuideHotelsList" style='padding:4px;'>
                                        <div class='col-sm-12 text-left' style='min-height:80px'>
										 <a href="/es/hoteles/Shanghai/BOYUE-SHANGHAI-HONGQIAO-AIRPORT-HOTEL-AIR-CHINA-Descripci%C3%B3n/h164635.1/" class="hover-effect"<h4 class='fs-5 fw-bold mb-1' style='font-size:18px !important;'>Boyue Shanghai Hongqiao Airport Hotel - Air China  <img src='/shared/images/stars_5.jpg' style='width:50px !important; height:10px !important; min-height: 10px !important; max-height:10px !important;'></h4></a> <br>
										<span style='font-size:11' > <b>(19.87 km)</b></span> <span class='text-primary'> Shanghai</span>
										</div>
                                    </div>
 </article>
</div>

 <div class="col-md-3 col-xs-12 item " style='margin-bottom: 20px;  height:300px !important ; width:300px !important; display:flex;'>
 <article class="box  pbottom10" >
 <figure>
 <a href="/es/hoteles/Shanghai/JULY-PLAZA-INTERNATIONAL-HOTEL-Descripci%C3%B3n/h67763.1/" class="hover-effect"> 
<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/LodgePhotos/5397/big/JulyPlazaInternationalHotel_174604098042.jpg"
				alt="Las mejores ofertas de July Plaza International Hotel Shanghai" width="270" height="160" class="lazyload">

</a>
                                    </figure>
                                    <div class="details GuideHotelsList" style='padding:4px;'>
                                        <div class='col-sm-12 text-left' style='min-height:80px'>
										 <a href="/es/hoteles/Shanghai/JULY-PLAZA-INTERNATIONAL-HOTEL-Descripci%C3%B3n/h67763.1/" class="hover-effect"<h4 class='fs-5 fw-bold mb-1' style='font-size:18px !important;'>July Plaza International Hotel  <img src='/shared/images/keys_3.png' style='width:50px !important; height:10px !important; min-height: 10px !important; max-height:10px !important;'></h4></a> <br>
										<span style='font-size:11' > <b>(2.98 km)</b></span> <span class='text-primary'> Shanghai</span>
										</div>
                                    </div>
 </article>
</div>

 <div class="col-md-3 col-xs-12 item " style='margin-bottom: 20px;  height:300px !important ; width:300px !important; display:flex;'>
 <article class="box  pbottom10" >
 <figure>
 <a href="/es/hoteles/Shanghai/HOTEL-CROWNE-PLAZA-SHANGHAI-XIAYANG-LAKE-Descripci%C3%B3n/h164567.1/" class="hover-effect"> 
<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/LodgePhotos/4878/big/CrownePlazaShanghaiXiayangLake_174542734240.jpg"
				alt="Las mejores ofertas de Crowne Plaza Shanghai Xiayang Lake Shanghai" width="270" height="160" class="lazyload">

</a>
                                    </figure>
                                    <div class="details GuideHotelsList" style='padding:4px;'>
                                        <div class='col-sm-12 text-left' style='min-height:80px'>
										 <a href="/es/hoteles/Shanghai/HOTEL-CROWNE-PLAZA-SHANGHAI-XIAYANG-LAKE-Descripci%C3%B3n/h164567.1/" class="hover-effect"<h4 class='fs-5 fw-bold mb-1' style='font-size:18px !important;'>Crowne Plaza Shanghai Xiayang Lake  <img src='/shared/images/stars_5.jpg' style='width:50px !important; height:10px !important; min-height: 10px !important; max-height:10px !important;'></h4></a> <br>
										<span style='font-size:11' > <b>(3.23 km)</b></span> <span class='text-primary'> Shanghai</span>
										</div>
                                    </div>
 </article>
</div>

 <div class="col-md-3 col-xs-12 item " style='margin-bottom: 20px;  height:300px !important ; width:300px !important; display:flex;'>
 <article class="box  pbottom10" >
 <figure>
 <a href="/es/hoteles/Shanghai/CITIC-PACIFIC-ZHUJIAJIAO-JINJIANG-HOTEL-Descripci%C3%B3n/h210376.1/" class="hover-effect"> 
<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/LodgePhotos/4650/big/CITICPacificZhujiajiaoJinjiangHotel_174523318298.jpg"
				alt="Las mejores ofertas de CITIC Pacific Zhujiajiao Jinjiang Hotel Shanghai" width="270" height="160" class="lazyload">

</a>
                                    </figure>
                                    <div class="details GuideHotelsList" style='padding:4px;'>
                                        <div class='col-sm-12 text-left' style='min-height:80px'>
										 <a href="/es/hoteles/Shanghai/CITIC-PACIFIC-ZHUJIAJIAO-JINJIANG-HOTEL-Descripci%C3%B3n/h210376.1/" class="hover-effect"<h4 class='fs-5 fw-bold mb-1' style='font-size:18px !important;'>CITIC Pacific Zhujiajiao Jinjiang Hotel  <img src='/shared/images/stars_5.jpg' style='width:50px !important; height:10px !important; min-height: 10px !important; max-height:10px !important;'></h4></a> <br>
										<span style='font-size:11' > <b>(9.52 km)</b></span> <span class='text-primary'> Shanghai</span>
										</div>
                                    </div>
 </article>
</div>

        </div>
      </div>
    </section>
    <!-- ============================ Popular Routes Design Start ================================== -->
    <section class="gray-simple">
      <div class="container">

        <div class="row align-items-center justify-content-center">
          <div class="col-xl-8 col-lg-9 col-md-11 col-sm-12">
            <div class="secHeading-wrap text-center mb-5">
              <h2>MÁS ALOJAMIENTOS EN  SHANGHAI</h2>

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

        <div class="row justify-content-center gy-4 gx-3">
<div class='col-xl-3 col-lg-4 col-md-4 col-sm-6'>
 <div class='destination-blocks gray-simple p-2  h-100'>
<center>
              <a href="/es/hoteles/China/Shanghai/t6.Apartahoteles.1.188947/"> 

<div class='square--100 circle text-primary bg-light-primary' style='margin-bottom:5px;'>
<img src="/html/customization/travelistica.com/assets/images/hotels/types/b/6.png" alt="Las mejores ofertas de Apartahoteles en Shanghai" style='width:60%; height:60%;' class='text-center'/>
</div>

 <h4 class='city fs-5 m-0 fw-bold'>Apartahoteles <span style='font-size:11px;'>( 1 )</span></h4> 


</a>
   </center>  
 </div>
 </div><div class='col-xl-3 col-lg-4 col-md-4 col-sm-6'>
 <div class='destination-blocks gray-simple p-2  h-100'>
<center>
              <a href="/es/hoteles/China/Shanghai/t3.Apartamentos.1.188947/"> 

<div class='square--100 circle text-primary bg-light-primary' style='margin-bottom:5px;'>
<img src="/html/customization/travelistica.com/assets/images/hotels/types/b/3.png" alt="Las mejores ofertas de Apartamentos en Shanghai" style='width:60%; height:60%;' class='text-center'/>
</div>

 <h4 class='city fs-5 m-0 fw-bold'>Apartamentos <span style='font-size:11px;'>( 76 )</span></h4> 


</a>
   </center>  
 </div>
 </div><div class='col-xl-3 col-lg-4 col-md-4 col-sm-6'>
 <div class='destination-blocks gray-simple p-2  h-100'>
<center>
              <a href="/es/hoteles/China/Shanghai/t18.Boutiques.1.188947/"> 

<div class='square--100 circle text-primary bg-light-primary' style='margin-bottom:5px;'>
<img src="/html/customization/travelistica.com/assets/images/hotels/types/b/18.png" alt="Las mejores ofertas de Boutiques en Shanghai" style='width:60%; height:60%;' class='text-center'/>
</div>

 <h4 class='city fs-5 m-0 fw-bold'>Boutiques <span style='font-size:11px;'>( 15 )</span></h4> 


</a>
   </center>  
 </div>
 </div><div class='col-xl-3 col-lg-4 col-md-4 col-sm-6'>
 <div class='destination-blocks gray-simple p-2  h-100'>
<center>
              <a href="/es/hoteles/China/Shanghai/t9.Casas.1.188947/"> 

<div class='square--100 circle text-primary bg-light-primary' style='margin-bottom:5px;'>
<img src="/html/customization/travelistica.com/assets/images/hotels/types/b/9.png" alt="Las mejores ofertas de Casas en Shanghai" style='width:60%; height:60%;' class='text-center'/>
</div>

 <h4 class='city fs-5 m-0 fw-bold'>Casas <span style='font-size:11px;'>( 47 )</span></h4> 


</a>
   </center>  
 </div>
 </div><div class='col-xl-3 col-lg-4 col-md-4 col-sm-6'>
 <div class='destination-blocks gray-simple p-2  h-100'>
<center>
              <a href="/es/hoteles/China/Shanghai/t5.Casas-Rurales.1.188947/"> 

<div class='square--100 circle text-primary bg-light-primary' style='margin-bottom:5px;'>
<img src="/html/customization/travelistica.com/assets/images/hotels/types/b/5.png" alt="Las mejores ofertas de Casas Rurales en Shanghai" style='width:60%; height:60%;' class='text-center'/>
</div>

 <h4 class='city fs-5 m-0 fw-bold'>Casas Rurales <span style='font-size:11px;'>( 1 )</span></h4> 


</a>
   </center>  
 </div>
 </div><div class='col-xl-3 col-lg-4 col-md-4 col-sm-6'>
 <div class='destination-blocks gray-simple p-2  h-100'>
<center>
              <a href="/es/hoteles/China/Shanghai/t13.Complejos-Tur%C3%ADsticos.1.188947/"> 

<div class='square--100 circle text-primary bg-light-primary' style='margin-bottom:5px;'>
<img src="/html/customization/travelistica.com/assets/images/hotels/types/b/13.png" alt="Las mejores ofertas de Complejos Turísticos en Shanghai" style='width:60%; height:60%;' class='text-center'/>
</div>

 <h4 class='city fs-5 m-0 fw-bold'>Complejos Turísticos <span style='font-size:11px;'>( 3 )</span></h4> 


</a>
   </center>  
 </div>
 </div><div class='col-xl-3 col-lg-4 col-md-4 col-sm-6'>
 <div class='destination-blocks gray-simple p-2  h-100'>
<center>
              <a href="/es/hoteles/China/Shanghai/t7.Hostales.1.188947/"> 

<div class='square--100 circle text-primary bg-light-primary' style='margin-bottom:5px;'>
<img src="/html/customization/travelistica.com/assets/images/hotels/types/b/7.png" alt="Las mejores ofertas de Hostales en Shanghai" style='width:60%; height:60%;' class='text-center'/>
</div>

 <h4 class='city fs-5 m-0 fw-bold'>Hostales <span style='font-size:11px;'>( 1 )</span></h4> 


</a>
   </center>  
 </div>
 </div><div class='col-xl-3 col-lg-4 col-md-4 col-sm-6'>
 <div class='destination-blocks gray-simple p-2  h-100'>
<center>
              <a href="/es/hoteles/China/Shanghai/t1.Hoteles.1.188947/"> 

<div class='square--100 circle text-primary bg-light-primary' style='margin-bottom:5px;'>
<img src="/html/customization/travelistica.com/assets/images/hotels/types/b/1.png" alt="Las mejores ofertas de Hoteles en Shanghai" style='width:60%; height:60%;' class='text-center'/>
</div>

 <h4 class='city fs-5 m-0 fw-bold'>Hoteles <span style='font-size:11px;'>( 643 )</span></h4> 


</a>
   </center>  
 </div>
 </div><div class='col-xl-3 col-lg-4 col-md-4 col-sm-6'>
 <div class='destination-blocks gray-simple p-2  h-100'>
<center>
              <a href="/es/hoteles/China/Shanghai/t14.Moteles.1.188947/"> 

<div class='square--100 circle text-primary bg-light-primary' style='margin-bottom:5px;'>
<img src="/html/customization/travelistica.com/assets/images/hotels/types/b/14.png" alt="Las mejores ofertas de Moteles en Shanghai" style='width:60%; height:60%;' class='text-center'/>
</div>

 <h4 class='city fs-5 m-0 fw-bold'>Moteles <span style='font-size:11px;'>( 7 )</span></h4> 


</a>
   </center>  
 </div>
 </div><div class='col-xl-3 col-lg-4 col-md-4 col-sm-6'>
 <div class='destination-blocks gray-simple p-2  h-100'>
<center>
              <a href="/es/hoteles/China/Shanghai/t17.Suites.1.188947/"> 

<div class='square--100 circle text-primary bg-light-primary' style='margin-bottom:5px;'>
<img src="/html/customization/travelistica.com/assets/images/hotels/types/b/17.png" alt="Las mejores ofertas de Suites en Shanghai" style='width:60%; height:60%;' class='text-center'/>
</div>

 <h4 class='city fs-5 m-0 fw-bold'>Suites <span style='font-size:11px;'>( 11 )</span></h4> 


</a>
   </center>  
 </div>
 </div><div class='col-xl-3 col-lg-4 col-md-4 col-sm-6'>
 <div class='destination-blocks gray-simple p-2  h-100'>
<center>
              <a href="/es/hoteles/China/Shanghai/t10.Villas.1.188947/"> 

<div class='square--100 circle text-primary bg-light-primary' style='margin-bottom:5px;'>
<img src="/html/customization/travelistica.com/assets/images/hotels/types/b/10.png" alt="Las mejores ofertas de Villas en Shanghai" style='width:60%; height:60%;' class='text-center'/>
</div>

 <h4 class='city fs-5 m-0 fw-bold'>Villas <span style='font-size:11px;'>( 1 )</span></h4> 


</a>
   </center>  
 </div>
 </div>
        </div>
      </div>
    </section>
 	<div class='clearfix'></div>
<br><br>


	<div class='justify-content-center text-center' style='margin-bottom:40px; padding-top:10px;' >
<h2 class='text-center' style='margin-bottom:30px'>MÁS ALOJAMIENTOS EN   SHANGHAI POR CLASIFICACIÓN</h2>
<div class='clearfix'></div>
<div class='row justify-content-center text-center' ' >
	 <div style='width:auto; float:left; margin:auto; margin-left:10px; margin-right:10px;'>
 <a href="/es/hoteles/China/Shanghai/s2.Estrellas.1.188947/"> 
<img src="/html/customization/travelistica.com/assets/images/hotels/stars/2.png" alt="Las mejores ofertas de  en Shanghai" width="100" height=30 class='text-center'/>
<br> 2 Estrellas (150) </a>
     
 </div> <div style='width:auto; float:left; margin:auto; margin-left:10px; margin-right:10px;'>
 <a href="/es/hoteles/China/Shanghai/s3.3-Estrellas.1.188947/"> 
<img src="/html/customization/travelistica.com/assets/images/hotels/stars/3.png" alt="Las mejores ofertas de  en Shanghai" width="100" height=30 class='text-center'/>
<br> 3 Estrellas (215) </a>
     
 </div> <div style='width:auto; float:left; margin:auto; margin-left:10px; margin-right:10px;'>
 <a href="/es/hoteles/China/Shanghai/s4.4-Estrellas.1.188947/"> 
<img src="/html/customization/travelistica.com/assets/images/hotels/stars/4.png" alt="Las mejores ofertas de  en Shanghai" width="100" height=30 class='text-center'/>
<br> 4 Estrellas (253) </a>
     
 </div> <div style='width:auto; float:left; margin:auto; margin-left:10px; margin-right:10px;'>
 <a href="/es/hoteles/China/Shanghai/s5.5-Estrellas.1.188947/"> 
<img src="/html/customization/travelistica.com/assets/images/hotels/stars/5.png" alt="Las mejores ofertas de  en Shanghai" width="100" height=30 class='text-center'/>
<br> 5 Estrellas (167) </a>
     
 </div>
	</div></div>
	


	
	
    <section class="">
      <div class="container">

        <div class="row align-items-center justify-content-center">
          <div class="col-xl-8 col-lg-9 col-md-11 col-sm-12">
            <div class="secHeading-wrap text-center mb-5">
              <h2>PRINCIPALES SITIOS DE INTERÉS EN SHANGHAI</h2>

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

        <div class="row justify-content-center gy-4 gx-3 main-carousel">
	
<div class='col-xl-3 col-lg-3 col-md-3 col-sm-6' style='margin:10px;'>
     <article class="box animated fadeInLeft FeaturedAttractionsHotelsFilters" data-animation-type="fadeInLeft" 
	 style="animation-duration: 1s;
	 visibility: visible;
	 width:100%;
	 ">
             <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Bond-street.a.498087091/" title='Hoteles cerca de Bond street'>
				<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/Geographic/47/middle/bond-street_498087091_bondstreet-_46556.jpg"
				/shared/images/Geographic/47/middle/bond-street_498087091_bondstreet-_46556.jpg
				width="100%" height="160" class="lazyload">
</a>

				</a>

		 <div class=col-md-12 style='padding:10px'>
		 <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Bond-street.a.498087091/" title='Hoteles cerca de Bond street'>Hoteles cerca de 
		 
		 <h2 class="Cities-caption-title">  </h2>
		 <h4 class="fs-5 fw-bold mb-1" style="font-size:18px !important;">Bond street</h4>
		 
		 </a>
	  
		  </div>

	  
     </article>

 </div>
	<div class='col-xl-3 col-lg-3 col-md-3 col-sm-6' style='margin:10px;'>
     <article class="box animated fadeInLeft FeaturedAttractionsHotelsFilters" data-animation-type="fadeInLeft" 
	 style="animation-duration: 1s;
	 visibility: visible;
	 width:100%;
	 ">
             <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Jard%C3%ADn-Yu-yuan.a.498051791/" title='Hoteles cerca de Jardín Yu yuan'>
				<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/Geographic/46/middle/yu-garden_498051791_yugarden-_45777.png"
				/shared/images/Geographic/46/middle/yu-garden_498051791_yugarden-_45777.png
				width="100%" height="160" class="lazyload">
</a>

				</a>

		 <div class=col-md-12 style='padding:10px'>
		 <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Jard%C3%ADn-Yu-yuan.a.498051791/" title='Hoteles cerca de Jardín Yu yuan'>Hoteles cerca de 
		 
		 <h2 class="Cities-caption-title">  </h2>
		 <h4 class="fs-5 fw-bold mb-1" style="font-size:18px !important;">Jardín Yu yuan</h4>
		 
		 </a>
	  
		  </div>

	  
     </article>

 </div>
	<div class='col-xl-3 col-lg-3 col-md-3 col-sm-6' style='margin:10px;'>
     <article class="box animated fadeInLeft FeaturedAttractionsHotelsFilters" data-animation-type="fadeInLeft" 
	 style="animation-duration: 1s;
	 visibility: visible;
	 width:100%;
	 ">
             <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Lago-Dian-Shan.a.498051797/" title='Hoteles cerca de Lago Dian Shan'>
				<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/Geographic/46/middle/dianshan-lake_498051797_dianshanlake-_45759.png"
				/shared/images/Geographic/46/middle/dianshan-lake_498051797_dianshanlake-_45759.png
				width="100%" height="160" class="lazyload">
</a>

				</a>

		 <div class=col-md-12 style='padding:10px'>
		 <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Lago-Dian-Shan.a.498051797/" title='Hoteles cerca de Lago Dian Shan'>Hoteles cerca de 
		 
		 <h2 class="Cities-caption-title">  </h2>
		 <h4 class="fs-5 fw-bold mb-1" style="font-size:18px !important;">Lago Dian Shan</h4>
		 
		 </a>
	  
		  </div>

	  
     </article>

 </div>
	<div class='col-xl-3 col-lg-3 col-md-3 col-sm-6' style='margin:10px;'>
     <article class="box animated fadeInLeft FeaturedAttractionsHotelsFilters" data-animation-type="fadeInLeft" 
	 style="animation-duration: 1s;
	 visibility: visible;
	 width:100%;
	 ">
             <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Museo-de-Shanghai.a.498087097/" title='Hoteles cerca de Museo de Shanghai'>
				<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/Geographic/47/middle/shanghai-museum_498087097_46543.jpg"
				/shared/images/Geographic/47/middle/shanghai-museum_498087097_46543.jpg
				width="100%" height="160" class="lazyload">
</a>

				</a>

		 <div class=col-md-12 style='padding:10px'>
		 <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Museo-de-Shanghai.a.498087097/" title='Hoteles cerca de Museo de Shanghai'>Hoteles cerca de 
		 
		 <h2 class="Cities-caption-title">  </h2>
		 <h4 class="fs-5 fw-bold mb-1" style="font-size:18px !important;">Museo de Shanghai</h4>
		 
		 </a>
	  
		  </div>

	  
     </article>

 </div>
	<div class='col-xl-3 col-lg-3 col-md-3 col-sm-6' style='margin:10px;'>
     <article class="box animated fadeInLeft FeaturedAttractionsHotelsFilters" data-animation-type="fadeInLeft" 
	 style="animation-duration: 1s;
	 visibility: visible;
	 width:100%;
	 ">
             <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Museo-Madame-Tussauds.a.498087094/" title='Hoteles cerca de Museo Madame Tussauds'>
				<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/Geographic/47/middle/madame-tussauds-museum_498087094_madametussaudsmuseum-_46532.jpg"
				/shared/images/Geographic/47/middle/madame-tussauds-museum_498087094_madametussaudsmuseum-_46532.jpg
				width="100%" height="160" class="lazyload">
</a>

				</a>

		 <div class=col-md-12 style='padding:10px'>
		 <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Museo-Madame-Tussauds.a.498087094/" title='Hoteles cerca de Museo Madame Tussauds'>Hoteles cerca de 
		 
		 <h2 class="Cities-caption-title">  </h2>
		 <h4 class="fs-5 fw-bold mb-1" style="font-size:18px !important;">Museo Madame Tussauds</h4>
		 
		 </a>
	  
		  </div>

	  
     </article>

 </div>
	<div class='col-xl-3 col-lg-3 col-md-3 col-sm-6' style='margin:10px;'>
     <article class="box animated fadeInLeft FeaturedAttractionsHotelsFilters" data-animation-type="fadeInLeft" 
	 style="animation-duration: 1s;
	 visibility: visible;
	 width:100%;
	 ">
             <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Nanjing-Calle.a.498087090/" title='Hoteles cerca de Nanjing Calle'>
				<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/Geographic/47/middle/nanjing-road_498087090_nanjingroad-_46536.jpg"
				/shared/images/Geographic/47/middle/nanjing-road_498087090_nanjingroad-_46536.jpg
				width="100%" height="160" class="lazyload">
</a>

				</a>

		 <div class=col-md-12 style='padding:10px'>
		 <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Nanjing-Calle.a.498087090/" title='Hoteles cerca de Nanjing Calle'>Hoteles cerca de 
		 
		 <h2 class="Cities-caption-title">  </h2>
		 <h4 class="fs-5 fw-bold mb-1" style="font-size:18px !important;">Nanjing Calle</h4>
		 
		 </a>
	  
		  </div>

	  
     </article>

 </div>
	<div class='col-xl-3 col-lg-3 col-md-3 col-sm-6' style='margin:10px;'>
     <article class="box animated fadeInLeft FeaturedAttractionsHotelsFilters" data-animation-type="fadeInLeft" 
	 style="animation-duration: 1s;
	 visibility: visible;
	 width:100%;
	 ">
             <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Oceano-Acuario.a.498087092/" title='Hoteles cerca de Oceano Acuario'>
				<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/Geographic/47/middle/ocean-aquarium_498087092_oceanaquarium-_46554.jpg"
				/shared/images/Geographic/47/middle/ocean-aquarium_498087092_oceanaquarium-_46554.jpg
				width="100%" height="160" class="lazyload">
</a>

				</a>

		 <div class=col-md-12 style='padding:10px'>
		 <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Oceano-Acuario.a.498087092/" title='Hoteles cerca de Oceano Acuario'>Hoteles cerca de 
		 
		 <h2 class="Cities-caption-title">  </h2>
		 <h4 class="fs-5 fw-bold mb-1" style="font-size:18px !important;">Oceano Acuario</h4>
		 
		 </a>
	  
		  </div>

	  
     </article>

 </div>
	<div class='col-xl-3 col-lg-3 col-md-3 col-sm-6' style='margin:10px;'>
     <article class="box animated fadeInLeft FeaturedAttractionsHotelsFilters" data-animation-type="fadeInLeft" 
	 style="animation-duration: 1s;
	 visibility: visible;
	 width:100%;
	 ">
             <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Parque-Zool%C3%B3gico-de-Shanghai.a.498087093/" title='Hoteles cerca de Parque Zoológico de Shanghai'>
				<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/Geographic/47/middle/shanghai-zoo_498087093_shanghaizoo-_46547.jpg"
				/shared/images/Geographic/47/middle/shanghai-zoo_498087093_shanghaizoo-_46547.jpg
				width="100%" height="160" class="lazyload">
</a>

				</a>

		 <div class=col-md-12 style='padding:10px'>
		 <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Parque-Zool%C3%B3gico-de-Shanghai.a.498087093/" title='Hoteles cerca de Parque Zoológico de Shanghai'>Hoteles cerca de 
		 
		 <h2 class="Cities-caption-title">  </h2>
		 <h4 class="fs-5 fw-bold mb-1" style="font-size:18px !important;">Parque Zoológico de Shanghai</h4>
		 
		 </a>
	  
		  </div>

	  
     </article>

 </div>
	<div class='col-xl-3 col-lg-3 col-md-3 col-sm-6' style='margin:10px;'>
     <article class="box animated fadeInLeft FeaturedAttractionsHotelsFilters" data-animation-type="fadeInLeft" 
	 style="animation-duration: 1s;
	 visibility: visible;
	 width:100%;
	 ">
             <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Plaza-de-la-gente.a.498087095/" title='Hoteles cerca de Plaza de la gente'>
				<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/Geographic/47/middle/people-square_498087095_shanghai-people-square-_46539.jpg"
				/shared/images/Geographic/47/middle/people-square_498087095_shanghai-people-square-_46539.jpg
				width="100%" height="160" class="lazyload">
</a>

				</a>

		 <div class=col-md-12 style='padding:10px'>
		 <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Plaza-de-la-gente.a.498087095/" title='Hoteles cerca de Plaza de la gente'>Hoteles cerca de 
		 
		 <h2 class="Cities-caption-title">  </h2>
		 <h4 class="fs-5 fw-bold mb-1" style="font-size:18px !important;">Plaza de la gente</h4>
		 
		 </a>
	  
		  </div>

	  
     </article>

 </div>
	<div class='col-xl-3 col-lg-3 col-md-3 col-sm-6' style='margin:10px;'>
     <article class="box animated fadeInLeft FeaturedAttractionsHotelsFilters" data-animation-type="fadeInLeft" 
	 style="animation-duration: 1s;
	 visibility: visible;
	 width:100%;
	 ">
             <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-R%C3%ADo-Huangpu.a.498087089/" title='Hoteles cerca de Río Huangpu'>
				<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/Geographic/47/middle/huangpu-river_498087089_huangpuriver-_46528.jpg"
				/shared/images/Geographic/47/middle/huangpu-river_498087089_huangpuriver-_46528.jpg
				width="100%" height="160" class="lazyload">
</a>

				</a>

		 <div class=col-md-12 style='padding:10px'>
		 <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-R%C3%ADo-Huangpu.a.498087089/" title='Hoteles cerca de Río Huangpu'>Hoteles cerca de 
		 
		 <h2 class="Cities-caption-title">  </h2>
		 <h4 class="fs-5 fw-bold mb-1" style="font-size:18px !important;">Río Huangpu</h4>
		 
		 </a>
	  
		  </div>

	  
     </article>

 </div>
	<div class='col-xl-3 col-lg-3 col-md-3 col-sm-6' style='margin:10px;'>
     <article class="box animated fadeInLeft FeaturedAttractionsHotelsFilters" data-animation-type="fadeInLeft" 
	 style="animation-duration: 1s;
	 visibility: visible;
	 width:100%;
	 ">
             <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Shanghai-Disney.a.498087086/" title='Hoteles cerca de Shanghai Disney'>
				<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/Geographic/47/middle/shanghai-disney_498087086_shanghai-disney-resort-_46523.jpg"
				/shared/images/Geographic/47/middle/shanghai-disney_498087086_shanghai-disney-resort-_46523.jpg
				width="100%" height="160" class="lazyload">
</a>

				</a>

		 <div class=col-md-12 style='padding:10px'>
		 <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Shanghai-Disney.a.498087086/" title='Hoteles cerca de Shanghai Disney'>Hoteles cerca de 
		 
		 <h2 class="Cities-caption-title">  </h2>
		 <h4 class="fs-5 fw-bold mb-1" style="font-size:18px !important;">Shanghai Disney</h4>
		 
		 </a>
	  
		  </div>

	  
     </article>

 </div>
	<div class='col-xl-3 col-lg-3 col-md-3 col-sm-6' style='margin:10px;'>
     <article class="box animated fadeInLeft FeaturedAttractionsHotelsFilters" data-animation-type="fadeInLeft" 
	 style="animation-duration: 1s;
	 visibility: visible;
	 width:100%;
	 ">
             <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Torre-de-Shanghai.a.498051790/" title='Hoteles cerca de Torre de Shanghai'>
				<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/Geographic/46/middle/shanghai-tower_498051790_shanghaitower-_45759.png"
				/shared/images/Geographic/46/middle/shanghai-tower_498051790_shanghaitower-_45759.png
				width="100%" height="160" class="lazyload">
</a>

				</a>

		 <div class=col-md-12 style='padding:10px'>
		 <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Torre-de-Shanghai.a.498051790/" title='Hoteles cerca de Torre de Shanghai'>Hoteles cerca de 
		 
		 <h2 class="Cities-caption-title">  </h2>
		 <h4 class="fs-5 fw-bold mb-1" style="font-size:18px !important;">Torre de Shanghai</h4>
		 
		 </a>
	  
		  </div>

	  
     </article>

 </div>
	<div class='col-xl-3 col-lg-3 col-md-3 col-sm-6' style='margin:10px;'>
     <article class="box animated fadeInLeft FeaturedAttractionsHotelsFilters" data-animation-type="fadeInLeft" 
	 style="animation-duration: 1s;
	 visibility: visible;
	 width:100%;
	 ">
             <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Torre-East-Pearl.a.498087085/" title='Hoteles cerca de Torre East Pearl'>
				<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/Geographic/47/middle/east-pearl-tower_498087085_eastpearltower-_46519.jpg"
				/shared/images/Geographic/47/middle/east-pearl-tower_498087085_eastpearltower-_46519.jpg
				width="100%" height="160" class="lazyload">
</a>

				</a>

		 <div class=col-md-12 style='padding:10px'>
		 <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Torre-East-Pearl.a.498087085/" title='Hoteles cerca de Torre East Pearl'>Hoteles cerca de 
		 
		 <h2 class="Cities-caption-title">  </h2>
		 <h4 class="fs-5 fw-bold mb-1" style="font-size:18px !important;">Torre East Pearl</h4>
		 
		 </a>
	  
		  </div>

	  
     </article>

 </div>
	<div class='col-xl-3 col-lg-3 col-md-3 col-sm-6' style='margin:10px;'>
     <article class="box animated fadeInLeft FeaturedAttractionsHotelsFilters" data-animation-type="fadeInLeft" 
	 style="animation-duration: 1s;
	 visibility: visible;
	 width:100%;
	 ">
             <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Tren-Maglev.a.498087096/" title='Hoteles cerca de Tren Maglev'>
				<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/Geographic/47/middle/train-maglev_498087096_trainmaglev-_46551.jpg"
				/shared/images/Geographic/47/middle/train-maglev_498087096_trainmaglev-_46551.jpg
				width="100%" height="160" class="lazyload">
</a>

				</a>

		 <div class=col-md-12 style='padding:10px'>
		 <a href="/es/hoteles/China/Shanghai/a-Hoteles-cerca-de-Tren-Maglev.a.498087096/" title='Hoteles cerca de Tren Maglev'>Hoteles cerca de 
		 
		 <h2 class="Cities-caption-title">  </h2>
		 <h4 class="fs-5 fw-bold mb-1" style="font-size:18px !important;">Tren Maglev</h4>
		 
		 </a>
	  
		  </div>

	  
     </article>

 </div>
	
        </div>

        <div class="row align-items-center justify-content-center">
          <div class="col-xl-12 col-lg-12 col-md-12">
            <div class="text-center position-relative mt-5">
&nbsp;
            </div>
          </div>
        </div>

      </div>
    </section>	
	<div class='clearfix'></div>
<br><br>

<section class="pt-4 pb-0">
			<div class="container">
				<div class="row justify-content-between gy-4 gx-xl-4 gx-lg-3 gx-md-3 gx-4">
				
				<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
						<div class="pop-touritems">
							<a href="flight-search.html" class="card rounded-3 border m-0">
								<div class="offers-container row align-items-center">
									<div class="offers-flex position-relative col-4">
										<div class="offers-pic p-2"><i class="fa-solid fa-id-card-clip text-warning" style='font-size:75px; color:'></i></div>
									</div>
									<div class="offers-captions col-8 ps-2">
										<h4 class="city fs-5 m-0 fw-bold">
											<span>Club Travelistica</span>
										</h4>
										<div class="booking-wrapes d-flex align-items-center justify-content-between">
											<p class="fs-5 low-price m-0" style='line-height:1.2'><span class="tag-span">Registrate en travelistica.com y consigue precios exclusivos en diferentes productos</span></p>
										</div>
									</div>
								</div>
							</a>
						</div>
					</div>				


					<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
						<div class="pop-touritems">
							<a href="flight-search.html" class="card rounded-3 border m-0">
								<div class="offers-container row align-items-center">
									<div class="offers-flex position-relative col-4">
										<div class="offers-pic p-2"><i class="fa-solid fa-peseta-sign text-danger" style='font-size:92px; color:'></i></div>
									</div>
									<div class="offers-captions col-8 ps-2">
										<h4 class="city fs-5 m-0 fw-bold">
											<span>Vuelve la Peseta</span>
										</h4>
										<div class="booking-wrapes d-flex align-items-center justify-content-between">
											<p class="fs-5 low-price m-0" style='line-height:1.2'><span class="tag-span">Con cada reserva nueva ganas  Pesetas que puedes gastar en otros viajes</span></p>
										</div>
									</div>
								</div>
							</a>
						</div>
					</div>
					
					<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
						<div class="pop-touritems">
							<a href="flight-search.html" class="card rounded-3 border m-0">
								<div class="offers-container row align-items-center">
									<div class="offers-flex position-relative col-4">
										<div class="offers-pic p-2 "><i class="fa-solid fa-money-bill text-success" style='font-size:92px; color:'></i></div>
									</div>
									<div class="offers-captions col-8 ps-2">
										<h4 class="city fs-5 m-0 fw-bold">
											<span>Cupones Descuento</span>
										</h4>
										<div class="booking-wrapes d-flex align-items-center justify-content-between">
											<p class="fs-5 low-price m-0" style='line-height:1.2'><span class="tag-span">Gana cupones de descuento cuando reservas muchos productos</span></p>
										</div>
									</div>
								</div>
							</a>
						</div>
					</div>					

	

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



<br><br>
    <!-- ============================ Call To Action Start ================================== -->
    <div class="py-5 bg-primary SubScribeNewsLetter" id='SubScribeNewsLetter'>
      <div class="container">
        <div class="row align-items-center justify-content-between">

          <div class="col-xl-4 col-lg-4 col-md-6">
            <h4 class="text-light fw-bold lh-base m-0">Recibe nuestro boletin con las mejores ofertas!</h4>
          </div>

          <div class="col-xl-5 col-lg-5 col-md-6">
            <div class="newsletter-forms mt-md-0 mt-4">
              <form>
                <div class="row align-items-center justify-content-between bg-white rounded-3 p-2 gx-0">

                  <div class="col-xl-9 col-lg-8 col-md-8">
                    <div class="form-group m-0">
                      <input type="text" class="form-control bold ps-1 border-0" placeholder="Escribe Tu Email Aqui!">
                    </div>
                  </div>
                  <div class="col-xl-3 col-lg-4 col-md-4">
                    <div class="form-group m-0">
                      <button type="button" class="btn btn-dark fw-medium full-width">Suscribirse<i
                          class="fa-solid fa-arrow-trend-up ms-2"></i></button>
                    </div>
                  </div>

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

        </div>
      </div>
    </div>
<a name=footer></a>
    <!-- ============================ Footer Start ================================== -->
    <footer class="footer skin-light-footer" id='footer'>
      <div>
        <div class="container">
          <div class="row">

            <div class="col-lg-3 col-md-4">
              <div class="footer-widget">
                <div class="d-flex align-items-start flex-column mb-3">
                  <div class="d-inline-block"><img src="/html/customization/travelistica.com/assets/images/_private/travelistica.com/es/logo-site.png" class="img-fluid" width="160"
                      alt="Footer Logo">
                  </div>
                </div>
                <div class="footer-add pe-xl-3">
                  <p>Hacemos grandes tus viajes!</p>
                </div>
                <div class="foot-socials">
                  <ul>
                 <li><a href="https://www.facebook.com/Travelistica.TuGranViaje"><i class="fa-brands fa-facebook"></i></a></li><li><a href="https://www.instagram.com/travelistica.grandesviajes/"><i class="fa-brands fa-square-instagram"></i></a></li><li><a href="https://www.youtube.com/@travelistica.grandes.viajes"><i class="fa-brands fa-youtube"></i></a></li><li><a href="https://www.pinterest.com/travelisticagrandesviajes"><i class="fa-brands fa-pinterest"></i></a></li>
                  </ul>
                </div>
			
              </div>
            </div>
            <div class="col-lg-2 col-md-4">
              <div class="footer-widget">
                <h4 class="widget-title">Productos y Servicios</h4>
                <ul class="footer-menu">
				<li><a href="/es"> <i class='fa fa-home top-menu-icons'></i> INICIO</a></li><li><a href="/es/Viajes"> <i class='fa fa-suitcase top-menu-icons'></i> VIAJES</a></li><li><a href="/es/hoteles/"> <i class='fa fa-hotel top-menu-icons'></i> HOTELES</a></li><li><a href="/es/Actividades/"> <i class='fa fa-university top-menu-icons'></i> ACTIVIDADES</a></li><li><a href="/es/hoteles/Playas/"> <i class='fa fa-umbrella top-menu-icons'></i> COSTAS</a></li><li><a href="/es/ofertas-ultimo-minuto/"> <i class='fa fa-paper-plane top-menu-icons'></i> ÚLTIMA HORA</a></li>
                </ul>
              </div>
            </div>

            <div class="col-lg-2 col-md-4">
              <div class="footer-widget">
                <h4 class="widget-title">Más Recursos</h4>
                <ul class="footer-menu">
				<li><a href="/es/guia-de-destinos/"> <i class=' top-menu-icons'></i> GUíA</a></li><li><a href="/es/articulos/Travelistica/Travelistica.g.38/"> <i class=' top-menu-icons'></i> BLOG ANTES DE VIAJAR</a></li><li><a href="/es/articulos/Buceo/Buceo.g.9/"> <i class=' top-menu-icons'></i> BLOG BUCEO</a></li><li><a href="/es/Viajes/Todos-los-cruceros-de-R%C3%ADos-y-Mares.rs/"> <i class=' top-menu-icons'></i> MOTONAVES</a></li><li><a href="/es/el-tiempo/"> <i class=' top-menu-icons'></i> EL TIEMPO</a></li>
                </ul>
              </div>
            </div>

            <div class="col-lg-2 col-md-6">
              <div class="footer-widget">
                <h4 class="widget-title">Información</h4>
                <ul class="footer-menu">
      <li><a href='/es/articulos/About-Travelistica/Qui%C3%A9nes-Somos-en-Travelistica.s.37.15082/'>Quiénes somos</a></li>
<li><a href='/es/articulos/About-Travelistica/Pol%C3%ADtica-de-Privacidad.s.37.15083/'>Política de Privacidad</a></li>
<li><a href='/es/articulos/About-Travelistica/Pol%C3%ADtica-de-Cookies.n.37.16514/'></a></li>
<li><a href='/es/articulos/About-Travelistica/Condiciones-Generales.s.37.16060/'>Términos y Condiciones</a></li>
<li><a href='/es/articulos/About-Travelistica/Condiciones-Viaje-Combinado.s.37.16062/'>Condiciones Viaje Combinado</a></li>
<li><a href='/en/articles/About-Travelistica/C%C3%B3mo-darse-de-baja.s.37.16519/'>Cómo darse de baja</a></li>
<li><a href='/index.php?language_iso=es&application_id=85'>Mi Cuenta</a></li>

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

            <div class="col-lg-3 col-md-6">
              <div class="footer-widget">
                <h4 class="widget-title">Payment Methods</h4>
                <div class="pmt-wrap">
                  <img src="/html/customization/travelistica.com/assets/img/payment.png" class="img-fluid" alt="">
                </div>
                <div class="our-prtwrap mt-4">
                  <div class="prtn-title">
                    <h4 class="widget-title">Contactar</h4>
                  </div>
                  <div class="prtn-thumbs d-flex align-items-center justify-content-start">
                    <div class="pmt-wrap pe-4">
					<a href="https://api.whatsapp.com/send/?phone=34650951682&text=Hola . He visitado vuestro sitio web y tengo algunas preguntas desde este enlace https://travelistica.com//es/hoteles/China/Shanghai/a-Hoteles-cerca-de-R%C3%ADo-Huangpu.a.498087089/"target=whats>
					<i class="fa-brands fa-whatsapp" style='font-size:3em;'></i></a>					
                   </div>
                    <div class="pmt-wrap pe-4">
                     <a href='tel://+34917372367'  target=phone>
					<i class="fa-solid fa-headphones-simple" style='font-size:3em;'></i></a>
                    </div>
                    <div class="pmt-wrap pe-4">
                    <a href="/index.php?application_id=47&language_iso=es"target=ContactUs>
					<i class="fa-regular fa-envelope" style='font-size:3em;'></i></a>
                    </div>
                  </div>
                </div>
              </div>
            </div>

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

      <div class="footer-bottom border-top">
        <div class="container">
          <div class="row align-items-center justify-content-between">

            <div class="col-xl-6 col-lg-6 col-md-6">
              <p class="mb-0">© Travelistica.com ©  Todos los derechos reservados.</p>
            </div>


			<div class="col-xl-6 col-lg-6 col-md-6">
			<p class="mb-0">Spain Travel Express S.L   - CIF B86918323 CICMA : 3295</p>
            </div>

          </div>
        </div>

      </div>

    </footer>
    <!-- ============================ Footer End ================================== -->
<a href="https://api.whatsapp.com/send/?phone=34650951682&text=Hola . He visitado vuestro sitio web y tengo algunas preguntas desde este enlace https://travelistica.com//es/hoteles/China/Shanghai/a-Hoteles-cerca-de-R%C3%ADo-Huangpu.a.498087089/" class="floatButton" target=whats>
<i class="fa fa-whatsapp  my-float"></i>
</a>	

				
 <!-- Choose Currency Modal -->
    <div style='width:380px; height:auto' class="modal modal-lg fade" id="ContactModal" tabindex="-1" aria-labelledby="currenyModalLabel"
      aria-hidden="true" style='z-indx:10000' >
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
		  
            <h4 class="modal-title fs-6" id="currenyModalLabel"><b>Contactanos</b></h4>
			
            <a href="#" class="text-muted fs-4" data-bs-dismiss="modal" aria-label="Close"><i
                class="fa-solid fa-square-xmark"></i></a>
          </div>
          <div class="modal-body">

<div  class='alert alert-danger d-flex align-items-center rounded-3 mb-0'>
<center>

 <i class="fa-solid fa-user-clock"></i> 

Nuestro horario es
de 
Lunes
a
Viernes
de 

  10:00 AM  

a 

 14:00PM

  y  de 

  16:00 PM  

a 

 19:00 PM
<br>
Sábado  
 de 

 10AM

a

 14 PM 


							 
</center>					 
</div>
<div class='clearfix'></div><br>
	
<div class='row'>
<div class='col-md-3' style='font-size:12px; margin:3px'>
 <i class="faredbig fa fa-phone  "></i>Teléfono : <a href=tel:+34917372367
><span style='color:#404040; font-size:14px'>+34917372367
 </a>
</div>

<div class='col-md-3' style='font-size:12px; margin:3px''>                 
<i class="faredbig fa-solid fa-mobile-screen-button"></i> Móvil : <a href=tel:+34650951682><span style='color:#404040; font-size:14px'>+34650951682</a>
</div>

<div class='col-md-3' style='font-size:12px; margin:3px''>                 
<i class="faredbig fa-brands fa-whatsapp"></i> Whatsap :  <a href='https://wa.me/+34650951682' style='color:#404040; font-size: 14px !important;' target=whatsap>+34650951682 </a>
</div>

<div class='col-md-3' style='font-size:12px;margin:3px' '>  
<i class="faredbig fa-solid fa-envelope"></i>:  <a href='/index.php?application_id=47&language_iso=es' style='color:#404040; font-size: 14px !important;'> Enviar Mensaje</a>
</div>
        
                                   
</div> 
            </div>
          </div>
        </div>
      </div>

    <!-- Choose Currency Modal -->
    <div class="modal fade" id="menuTravel" tabindex="-1" aria-labelledby="menuTravelModalLabel"
      aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h4 class="modal-title fs-6" id="currenyModalLabel">Select Your Currency</h4>
            <a href="#" class="text-muted fs-4" data-bs-dismiss="modal" aria-label="Close"><i
                class="fa-solid fa-square-xmark"></i></a>
          </div>
          <div class="modal-body">
		  

<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6  col-xs-12" style='float:left;'>	

<ul>
<li><a href="/es/Viajes/Europa/Croacia/529/"><i class='fa fa-globe'></i> Croacia</a></li>
<li></i><a href="/es/Viajes/%C3%81frica/Egipto/15/"><i class='fa fa-globe'></i> Egipto</a></li>
<li></i><a href="/es/Viajes/Europa/Espa%C3%B1a/560/"><i class='fa fa-globe'></i> España</a></li>
<li></i><a href="/es/Viajes/Europa/Grecia/537/"><i class='fa fa-globe'></i> Grecia</a></li>
<li></i><a href="/es/Viajes/Europa/Italia/541/"><i class='fa fa-globe'></i> Italia</a></li>
<li></i><a href="/es/Viajes/Asia/Jordania/16/"><i class='fa fa-globe'></i> Jordania</a></li>
<li></i><a href="/es/Viajes/%C3%81frica/Kenia/474/"><i class='fa fa-globe'></i> Kenia</a></li>
<li></i><a href="/es/Viajes/Europa/Portugal/Madeira/78406/"><i class='fa fa-globe'></i> Madeira</a></li>
<li></i><a href="/es/Viajes/%C3%81frica/Marruecos/498/"><i class='fa fa-globe'></i> Marruecos</a></li>
<li></i><a href="/es/Viajes/Asia/Tailandia/449/"><i class='fa fa-globe'></i> Tailandia</a></li>
<li></i><a href="/es/Viajes/Europa/Turqu%C3%ADa/563/"><i class='fa fa-globe'></i> Turquía</a></li>
<li></i><a href="/es/Viajes/Asia/Vietnam/454/"><i class='fa fa-globe'></i> Vietnam</a></li>
</ul>

</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6  col-xs-12" style='float:left;'>	  
	  
<ul>
<li><a href="/es/Viajes/"><i class='fa fa-plane'></i>  Todos los Viajes</a></li>
<li><a href="/es/ofertas-ultimo-minuto/"><i class='fa-solid fa-clock'></i> Último minuto</a></li>
<li><a href="/es/Viajes/SemanaSanta.c.34/"><i class='fa-solid fa-clock'></i> Ofertas Semana Santa</a></li>



<li><a href="/es/Viajes/Europa/España/ViajesCulturales.c.27.560/"><i class='fa fa-bus'></i> Circuitos España</a></li>
<li><a href="/es/Viajes/ViajesdePlaya.c.13/"><i class='fa fa-umbrella'></i>  Vacaciones</a></li>
<li><a href="/es/Viajes/ViajesaGrandesCiudades.c.20/"> <i class='fa fa-building'></i> Grandes Ciudades</a></li>
<li><a href="/es/Viajes/GrandesCivilizaciones.c.9/"><i class='fa fa-bank'></i> Grandes Civilizaciones</a></li>


</ul>

</div>

</div>

</div>

</div>

</div>
    <!-- Log In Modal -->
    <div class="modal fade signHome" id="login" tabindex="-1" role="dialog" aria-labelledby="loginmodal" aria-hidden="true" >
      <div class="modal-dialog modal-dialog-centered login-pop-form" role="document" >
	  
	          <div class="modal-content" id="loginmodal">
			  
			 <div class="modal-header">
            <h4 class="modal-title fs-6">Mi Cuenta</h4>
            <a href="#" class="text-muted fs-4" data-bs-dismiss="modal" aria-label="Close"><i
                class="fa-solid fa-square-xmark"></i></a>
          </div>
			  
			  
	            <div class="modal-body">
            <div class="modal-login-form py-4 px-md-3 px-0">
 


<ul class="nav nav-pills primary-soft medium justify-content-center mb-3" id="tour-pills-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-bs-toggle="tab" href="#TabLoginPopup"><i class="fa-solid fa-jet-fighter me-2"></i>Entrar</a>
</li>					
<li class="nav-item">
<a class="nav-link " data-bs-toggle="tab" href="#TabRegisterPopup"><i class="fa-solid fa-user-plus me-2"></i>Registrarse</a>
</li>
</ul>
<div class="tab-content">
<div id=TabLoginPopup class="container-fluid plr0 tab-pane fade in show active">
    <div class="TCsignPage col-sm-12 mbottom50 " style='margin:auto;'>
    <div class="TCLogin col-md-12 col-sm-12  col-xs-12 white-bg padding0 "> <!---- col-sm-offset-4 is added to fix  ----->
         <h4 class="modal-title fs-6"><i class="fa fa-users"></i> Acceder Con Email</h4> <br>

<form action='/index.php' method="post"  class="form SignInFormClassNamepopup" >

  <div class="form-group col-xs-12  ">
      <div class="input">

          <input
		  type="text"
		  class="form-control"
		  name="user_user"
		  value=''
		  placeholder="Usuario o Correo Electrónico"
		  id='UserNamePopup'>
      </div>
  </div>
  <div class="form-group col-xs-12 ">
      <div class="input">
          <input type="password"
		  class="form-control"
		  name="user_password"
		  placeholder="Contrasena"
		  id='UserPasswordPopup' value=''>
      </div>
  </div>
    <div class="SignInErrorMessageClassNamePopup"></div>


<div class='col-xs-12 col-md-12 text-center'>
   <input class="LoginBy btn btn-primary full-width font--bold btn-lg SignInSubmitClassNamePopup"  style='width:260px;height:45px; padding:5px;' value="Iniciar Sesión"  type="button"> <br>
   </div> <br>
         <div class ='clearfix'></div>   
		 
          <div class="modal-flex-item d-flex align-items-center justify-content-between mb-3">
  
                  <div class="modal-flex-last">
                    <a href="/index.php?application_id=33&action_id=325&language_iso=es&" class="text-primary fw-medium">Has olvidado tu contraseña?</a>
                  </div>
                </div>		 
	
</form>
    <div class ='clearfix'><hr></div>
<div class='col-xs-12 text-center' style='margin:auto'>
  <div class='col-xs-12 col-md-12 text-center'>

    <!-- Google Button -->
    <a href='https://accounts.google.com/o/oauth2/auth?response_type=code&redirect_uri=https%3A%2F%2Ftravelistica.com%2Findex.php%3Flanguage_iso%3Des%26action_id%3D2017%26application_id%3D33&client_id=99042634187-u7oks46il4q4bagc0vbd2qvnms3vdve7.apps.googleusercontent.com&scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.profile+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email&access_type=offline&approval_prompt=force' class='social-btn google-btn'>
<img src="/html/customization/travelistica.com/assets/images/svg/google-icon.svg" alt="Google logo" width="30" height="30" style='padding-right:10px;'>
  Entrar usando Google
    </a>

    <br>

 <a href='https://www.facebook.com/v2.2/dialog/oauth?client_id=469131637637298&amp;state=36c1dd55af46f55784d5547ec53bdae9&amp;response_type=code&amp;sdk=php-sdk-5.5.0&amp;redirect_uri=https%3A%2F%2Ftravelistica.com%2Findex.php%3Flanguage_iso%3Des%26application_id%3D33%26action_id%3D2075&amp;scope=email' class='social-btn facebook-btn'>
  <span class="facebook-icon-wrapper">
    <i class='fa-brands fa-facebook-f'></i>
  </span>
  <span class="btn-text">Entrar usando Facebook</span>
</a>

  </div>
</div>

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

<div id='TabRegisterPopup' class="container-fluid plr0 tab-pane fade in ">

                    <form action='/index.php' method="post" class="form SignUpFormClassPopup ">
                        
         
                        <div class="form-group col-lg-12 col-xs-12  mbottom0">

                            <div class="input ">
                         <input type="text" class="form-control firstName " value='' name="userArray[contact_name]"  placeholder="Nombre"/>
                            </div>
                        </div>
                        <div class="form-group col-lg-12 col-xs-12 mbottom0">
                                 <div class="input">
							      <br>
                                <input type="text" class="form-control lastName " value='' name="userArray[contact_family_name]"  placeholder="Apellido"/>
                            </div>
                        </div>

                        <div class="form-group col-xs-12 mbottom0">
                            <!-- <label for="email">User Name or Email</label> -->

                            <div class="input">
                             <input type="email" class="form-control" value='' name="userArray[email]"  placeholder="Email"/>
                            </div>
                        </div>
        
                        <div class="form-group col-xs-12 mbottom0">
                           
                            <div class="input">
                              

                            <select name="userArray[phonePrefix]" class="white-pg form-control ">
                          
                               <option value=412 >Afganistán</option><option value=522 >Albania</option><option value=536 >Alemania</option><option value=523 >Andorra</option><option value=457 >Angola</option><option value=574 >Anguilla</option><option value=575 >Antigua y Barbuda</option><option value=23 >Arabia Saudí</option><option value=455 >Argelia</option><option value=602 >Argentina</option><option value=413 >Armenia</option><option value=576 >Aruba</option><option value=508 >Australia</option><option value=524 >Austria</option><option value=415 >Azerbaiyán</option><option value=577 >Bahamas</option><option value=29 >Bahréin</option><option value=416 >Bangladesh</option><option value=578 >Barbados</option><option value=526 >Bélgica</option><option value=569 >Belice</option><option value=460 >Benin</option><option value=579 >Bermudas</option><option value=525 >Bielorusia</option><option value=436 >Birmania</option><option value=603 >Bolivia</option><option value=527 >Bosnia Herzegovina</option><option value=463 >Botsuana</option><option value=604 >Brasil</option><option value=419 >Brunéi </option><option value=528 >Bulgaria</option><option value=466 >Burkina Faso</option><option value=470 >Burundi</option><option value=417 >Bután</option><option value=476 >Cabo Verde</option><option value=421 >Camboya</option><option value=473 >Camerún</option><option value=600 >Canadá</option><option value=482 >Chad</option><option value=605 >Chile</option><option value=422 >China</option><option value=530 >Chipre</option><option value=606 >Colombia</option><option value=485 >Comoras</option><option value=488 >Congo Brazzaville</option><option value=490 >Congo Kinshasa</option><option value=121702 >Costa del Marfil</option><option value=572 >Costa Rica</option><option value=529 >Croacia</option><option value=582 >Cuba</option><option value=591 >CURAÇAO</option><option value=532 >Dinamarca</option><option value=123109 >Dominica</option><option value=607 >Ecuador</option><option value=15 >Egipto</option><option value=24 >El Líbano</option><option value=565 >El Reino Unido</option><option value=565 >El Reino Unido</option><option value=571 >El Salvador</option><option value=566 >El Vaticano</option><option value=30 >Emirates Árabes Unidos</option><option value=502 >Eritrea</option><option value=558 >Eslovaquia </option><option value=559 >Eslovenia</option><option value=560 >España</option><option value=599 selected>Estados Unidos de América</option><option value=533 >Estonia</option><option value=505 >Etiopía</option><option value=441 >Filipinas</option><option value=534 >Finlandia</option><option value=509 >Fiyi </option><option value=535 >Francia</option><option value=458 >Gabón</option><option value=461 >Gambia</option><option value=424 >Georgia</option><option value=464 >Ghana</option><option value=619 >Gibraltar</option><option value=537 >Grecia</option><option value=591 >Grenada</option><option value=123119 >Groenlandia</option><option value=585 >Guadalupe</option><option value=633 >Guam</option><option value=568 >Guatemala</option><option value=123371 >Guernsey y Alderney</option><option value=468 >Guinea</option><option value=471 >Guinea Bissau</option><option value=500 >Guinea Ecuatorial</option><option value=609 >Guyana</option><option value=608 >Guyana Francesa</option><option value=586 >Haití</option><option value=550 >Holanda</option><option value=573 >Honduras</option><option value=422 >Hong Kong</option><option value=538 >Hungría</option><option value=426 >India</option><option value=427 >Indonesia</option><option value=33 >Irán</option><option value=26 >Iraq</option><option value=540 >Irlanda</option><option value=123118 >Isla de Man</option><option value=539 >Islandia</option><option value=591 >Islas Antillas</option><option value=581 >Islas Caimán</option><option value=123108 >Islas Cook</option><option value=123114 >Islas de Norfolk</option><option value=123110 >Islas Faroe</option><option value=618 >Islas Malvinas</option><option value=634 >Islas Marianas del Norte</option><option value=511 >Islas Marshall</option><option value=123113 >Islas Menores de Estados Unidos</option><option value=620 >Islas Pitcairn</option><option value=518 >Islas Salomón</option><option value=597 >Islas Turcas y Caicos </option><option value=598 >Islas Vírgenes Americanas</option><option value=580 >Islas Vírgenes Británicas</option><option value=121703 >Israel</option><option value=541 >Italia</option><option value=587 >Jamaica</option><option value=428 >Japón</option><option value=123372 >Jersey</option><option value=16 >Jordania</option><option value=429 >Kazajistán</option><option value=474 >Kenya</option><option value=430 >Kirguistán</option><option value=510 >Kiribati</option><option value=438 >Korea del Norte</option><option value=445 >Korea del Sur</option><option value=115981 >Kosovo</option><option value=27 >Kuwait</option><option value=431 >Laos</option><option value=477 >Lesoto</option><option value=542 >Letonia</option><option value=480 >Liberia</option><option value=483 >Libia</option><option value=543 >Liechtenstein</option><option value=544 >Lituania</option><option value=545 >Luxemburgo</option><option value=422 >Macau</option><option value=546 >Macedonia</option><option value=486 >Madagascar</option><option value=433 >Malasia</option><option value=489 >Malawi</option><option value=434 >Maldivas</option><option value=491 >Mali</option><option value=547 >Malta</option><option value=498 >Marruecos</option><option value=588 >Martinica</option><option value=496 >Mauricio</option><option value=493 >Mauritania</option><option value=626 >Mayotte</option><option value=601 >México</option><option value=512 >Micronesia</option><option value=548 >Moldavia</option><option value=549 >Mónaco</option><option value=435 >Mongolia</option><option value=116026 >Montenegro</option><option value=589 >Montserrat</option><option value=501 >Mozambique</option><option value=503 >Namibia</option><option value=513 >Nauru</option><option value=437 >Nepal</option><option value=570 >Nicaragua</option><option value=456 >Niger</option><option value=459 >Nigeria</option><option value=123111 >Niue</option><option value=498086975 >Norte de Chipre</option><option value=551 >Noruega</option><option value=627 >Nueva Caledonia</option><option value=514 >Nueva Zelanda</option><option value=31 >Omán</option><option value=439 >Pakistán</option><option value=515 >Palau</option><option value=440 >Palestina</option><option value=567 >Panamá</option><option value=516 >Papua Nueva Guinea</option><option value=610 >Paraguay</option><option value=611 >Perú</option><option value=628 >Polinesia Francesa</option><option value=552 >Polonia</option><option value=553 >Portugal</option><option value=592 >Puerto Rico</option><option value=28 >Qatar</option><option value=479 >Rep. Centroafricana</option><option value=531 >Rep. Checa</option><option value=583 >Rep. Dominicana</option><option value=629 >Reunión</option><option value=465 >Ruanda</option><option value=554 >Rumanía</option><option value=555 >Rusia</option><option value=517 >Samoa</option><option value=632 >Samoa Americana</option><option value=585 >San Bartolomeo</option><option value=593 >San Cristóbal y Nieves</option><option value=556 >San Marino</option><option value=630 >San Pedro y Miquelón</option><option value=595 >San Vicente y las Granadinas </option><option value=621 >Santa Helena</option><option value=594 >Santa Lucía</option><option value=469 >Santo Tomé y Príncipe</option><option value=472 >Senegal</option><option value=557 >Serbia</option><option value=557 >Serbia</option><option value=475 >Seychelles</option><option value=478 >Sierra Leona</option><option value=444 >Singapur</option><option value=25 >Siria</option><option value=481 >Somalia</option><option value=446 >Sri Lanka</option><option value=2116 >Suazilandia</option><option value=484 >Sudáfrica</option><option value=487 >Sudán</option><option value=498086939 >Sudan del Sur</option><option value=561 >Suecia</option><option value=562 >Suiza</option><option value=612 >Surinam</option><option value=123107 >Svalbard y Jan Mayen</option><option value=449 >Tailandia</option><option value=447 >Taiwan</option><option value=492 >Tanzania</option><option value=448 >Tayikistán</option><option value=423 >Timor Oriental</option><option value=494 >Togo</option><option value=123115 >Tokelau</option><option value=519 >Tonga</option><option value=596 >Trinidad y Tobago</option><option value=497 >Tunez</option><option value=452 >Turkmenistán</option><option value=563 >Turquía</option><option value=520 >Tuvalu</option><option value=564 >Ucrania</option><option value=499 >Uganda</option><option value=613 >Uruguay</option><option value=453 >Uzbekistán</option><option value=521 >Vanuatu</option><option value=614 >Venezuela</option><option value=454 >Vietnam</option><option value=631 >Wallis y Futuna</option><option value=32 >Yemen</option><option value=495 >Yibouti</option><option value=504 >Zambia</option><option value=506 >Zimbabue</option>
								
                            </select>
                            </div>
                        </div>
                        <div class="form-group col-xs-12 mbottom0">
                           
                            <div class="input">
                            <input type="tel" class="form-control" name="userArray[phone]" value=""  placeholder=Teléfono>
                            </div>
                        </div>
                            
                        <div class ='clearfix'></div>
                        <div class="ErrorMessageClassNamePopup"></div>
                        <div class="plr15 mbottom10 col-xs-12 btop ptop10 d-flex TCSubmit">
                            <span class="col-lg-8 col-md-7 col-xs-12 plr15 mbottom10">
                              <a class="underline" href="#footer" style='devider-text text-muted-2 text-md'> <p> Creando una cuenta, estas aceptando los terminos y condiciones de uso de la web .  .</p> </a><i class="<i class="fa-solid fa-circle-info"></i></i></a>
                            </span>
                            <input class="btn btn-primary full-width fw-medium SignUpSubmitFormClassPopup" value='Registrarse' type="button"/>
                        </div>
                    </form>




</div>
</div>

            </div>
    </div>
        </div>
    </div>
	    </div>
    <div id="SuccessMessageDivPopup" class="modal fade" role="dialog" >
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-body padding0">

                    <div class="col-sm-12 signUp-confirm padding0">
                        <div class="col-sm-12 text-center ptop20 confirmSuccess ">
                            <h5 class="mbottom0">El registro se ha efectuado correctamente!</h5>
                            <div><img src="/html/layouts/default/assets/images/applications/Users/SignUpPopUpMessage/divider.png"/></div>
                            <p class="mbottom20 mtop10" > </p>
							<br>
							<i class="fa-solid fa-envelope-circle-check" style='font-size:36; color:red;'></i>
                        </div>

                    </div>
                    <div class="col-sm-12 signUp-checkMsg padding0 mtop10">
                        <div class="col-sm-12 text-center padding20 fsize18">
                            <p class="fbold" style='font-size: 18px !important; color: #545b61 !important;'>Por favor comprueba tu correo para activar tu cuenta y no olvides de chequear tu carpeta de correo no deseado . </p>
							
		<button type="button" class="btn btn-primary full-width fw-medium" data-bs-dismiss="modal" data-dismiss="modal">  
  Cerrar!</button>
							

                        </div>
                    </div>

                </div><div class="clearfix"></div>
            </div>

        </div>
    </div>		
 

    <!-- Choose Currency Modal -->
    <div class="modal modal-lg fade" id="currencyModal" tabindex="-1" aria-labelledby="currenyModalLabel"
      aria-hidden="true" style='z-indx:10000'>
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
		  
            <h4 class="modal-title fs-6" id="currenyModalLabel">Elige Moneda</h4>
			
            <a href="#" class="text-muted fs-4" data-bs-dismiss="modal" aria-label="Close"><i
                class="fa-solid fa-square-xmark"></i></a>
          </div>
          <div class="modal-body">
<div  class='pull-left hidden-xs' style='padding-right:5px;' id='ChoosenCurrencyTop'>

EUR</div>		  
            <div class="allCurrencylist">

  
              <div class="suggestedCurrencylist-wrap">
                <div class="suggestedCurrencylists">
                  <ul
                    class="row align-items-center justify-content-start row-cols-xl-4 row-cols-lg-3 row-cols-md-2 row-cols-2 gy-2 gx-3 m-0 p-0">
			
	 <li class="col">
<a class="selectCurrency"  href=#  onclick="javascript: CurrencyExchange(44, 'Price', null, 'DIV',  'GBP', 1, 'es');">
<div class="text-dark text-md fw-medium"><img src='/shared/images/countries/flags/png/gb.png'>  British pound</div>
<div class="text-muted-2 text-md text-uppercase"> 
</div>
</a>
</li>

 <li class="col">
<a class="selectCurrency"  href=#  onclick="javascript: CurrencyExchange(6, 'Price', null, 'DIV',  'CRC', 1, 'es');">
<div class="text-dark text-md fw-medium"><img src='/shared/images/countries/flags/png/cr.png'>  Cólón Costricense</div>
<div class="text-muted-2 text-md text-uppercase"> 
</div>
</a>
</li>

 <li class="col">
<a class="selectCurrency"  href=#  onclick="javascript: CurrencyExchange(16, 'Price', null, 'DIV',  'CAD', 1, 'es');">
<div class="text-dark text-md fw-medium"><img src='/shared/images/countries/flags/png/ca.png'>  Dólar Canadiense</div>
<div class="text-muted-2 text-md text-uppercase"> 
</div>
</a>
</li>

 <li class="col">
<a class="selectCurrency"  href=#  onclick="javascript: CurrencyExchange(1, 'Price', null, 'DIV',  'EUR', 1, 'es');">
<div class="text-dark text-md fw-medium"><img src='/shared/images/countries/flags/png/eu.png'>  Euro Europeo</div>
<div class="text-muted-2 text-md text-uppercase"> 
</div>
</a>
</li>

 <li class="col">
<a class="selectCurrency"  href=#  onclick="javascript: CurrencyExchange(24, 'Price', null, 'DIV',  'PYG', 1, 'es');">
<div class="text-dark text-md fw-medium"><img src='/shared/images/countries/flags/png/py.png'>  Guarani Paraguayo</div>
<div class="text-muted-2 text-md text-uppercase"> 
</div>
</a>
</li>

 <li class="col">
<a class="selectCurrency"  href=#  onclick="javascript: CurrencyExchange(27, 'Price', null, 'DIV',  'HNL', 1, 'es');">
<div class="text-dark text-md fw-medium"><img src='/shared/images/countries/flags/png/hn.png'>  Lempira Honudreña</div>
<div class="text-muted-2 text-md text-uppercase"> 
</div>
</a>
</li>

 <li class="col">
<a class="selectCurrency"  href=#  onclick="javascript: CurrencyExchange(34, 'Price', null, 'DIV',  'ARS', 1, 'es');">
<div class="text-dark text-md fw-medium"><img src='/shared/images/countries/flags/png/ar.png'>  Peso Argentino</div>
<div class="text-muted-2 text-md text-uppercase"> 
</div>
</a>
</li>

 <li class="col">
<a class="selectCurrency"  href=#  onclick="javascript: CurrencyExchange(35, 'Price', null, 'DIV',  'CLP', 1, 'es');">
<div class="text-dark text-md fw-medium"><img src='/shared/images/countries/flags/png/cl.png'>  Peso Chileno</div>
<div class="text-muted-2 text-md text-uppercase"> 
</div>
</a>
</li>

 <li class="col">
<a class="selectCurrency"  href=#  onclick="javascript: CurrencyExchange(37, 'Price', null, 'DIV',  'DOP', 1, 'es');">
<div class="text-dark text-md fw-medium"><img src='/shared/images/countries/flags/png/do.png'>  Peso Dominicano</div>
<div class="text-muted-2 text-md text-uppercase"> 
</div>
</a>
</li>

 <li class="col">
<a class="selectCurrency"  href=#  onclick="javascript: CurrencyExchange(38, 'Price', null, 'DIV',  'MXN', 1, 'es');">
<div class="text-dark text-md fw-medium"><img src='/shared/images/countries/flags/png/mx.png'>  Peso Mexicano</div>
<div class="text-muted-2 text-md text-uppercase"> 
</div>
</a>
</li>

 <li class="col">
<a class="selectCurrency"  href=#  onclick="javascript: CurrencyExchange(39, 'Price', null, 'DIV',  'UYU', 1, 'es');">
<div class="text-dark text-md fw-medium"><img src='/shared/images/countries/flags/png/uy.png'>  Peso Uruguayo</div>
<div class="text-muted-2 text-md text-uppercase"> 
</div>
</a>
</li>

	

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

            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Choose Languages Modal -->
    <div class="modal fade" id="countryModal" tabindex="-1" aria-labelledby="languageModalLabel"
      aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
		  <a href=/es/>
          <img src="/shared/images/languages/small/es.png" class="img-fluid" width="17" alt="Español">&nbsp;Español</a>
	
			
            <a href="#" class="text-muted fs-4" data-bs-dismiss="modal" aria-label="Close"><i
                class="fa-solid fa-square-xmark"></i></a>
          </div>
          <div class="modal-body">
          </div>
        </div>
      </div>
    </div>




    <a id="back2Top" class="top-scroll" title="Back to top" href="#"><i class="fa-solid fa-sort-up"></i></a>
  <!-- ============================================================== -->
  <!-- End Wrapper -->
  <!-- ============================================================== -->

  </div>	
  <!-- ============================================================== -->
  <!-- All Jquery -->
  <!-- ============================================================== -->  
<script>
window.JsLanguage_iso ="es";
</script>
 <!-- <script src="/html/customization/travelistica.com/assets/js/jquery.min.js"></script> -->
 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
   <script src="/html/layouts/default/assets/js/jquery-migrate-3.1.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.min.js"></script>
  <script src="/html/customization/travelistica.com/assets/js/popper.min.js"></script>
  <script src="/html/customization/travelistica.com/assets/js/bootstrap.min.js"></script>
  <script src="/html/customization/travelistica.com/assets/js/dropzone.min.js"></script>
  <script src="/html/customization/travelistica.com/assets/js/flatpickr.js"></script>
   <script src="/html/customization/travelistica.com/assets/js/flickity.pkgd.min.js"></script>
  <script src="/html/customization/travelistica.com/assets/js/lightbox.min.js"></script>
  <script src="/html/customization/travelistica.com/assets/js/rangeslider.js"></script>
  <script src="/html/customization/travelistica.com/assets/js/select2.min.js"></script>
  <script src="/html/customization/travelistica.com/assets/js/counterup.min.js"></script>
  <script src="/html/customization/travelistica.com/assets/js/prism.js"></script>
  <script src="/html/customization/travelistica.com/assets/js/lazysizes.min.js"></script> 	
  <!-- <script src="/html/customization/travelistica.com/assets/js/addadult.js"></script> -->
  <script src="/html/customization/travelistica.com/assets/js/custom.js"></script>


<script async type='text/javascript' src='/html/layouts/default/assets/js/validate.js'></script> 
<script language="javascript" src="/shared/js/CurrencyExchange/es.js"></script>
<script language="javascript" src="/html/layouts/default/assets/js/CurrencyExchange/CurrencyExchanger.js"></script>

<script type='text/javascript' >
var DefaultCurrencyName ='Italia' ;
//var DefaultCurrencyValue =1;
//var DefaultCurrencyReverseValue =1;
var DefaultCurrencyCode ='EUR';
var DefaultCurrencySymbol ='€';
var DefaultCurrencyCodeIndex=1;
var DefaultCurrencyFlag='it';
</script> <script>
jQuery(function($) {
  $('.main-carousel').flickity({
    cellSelector: 'carousel-cell',
    cellAlign: 'left',
    contain: true,
    friction: 0.2,
    percentPosition: false,
    prevNextButtons: false,
    wrapAround: true,
    lazyLoad: 2
  })
});
</script><script type="text/javascript">
$(document).ready(function() {
    let debounceTimer;
    let currentRequest = null;

    const spinnerHTML = '<div id="searchSpinnerKeyWord" class="search-spinner-wrapper" style="display:none;">' +
        '<div class="search-spinner"></div>' +
        '<div class="search-spinner-text">Buscando ...</div>' +
    '</div>';

    // Append spinner once
    $("#displayKeyWord").append(spinnerHTML);

    function showSpinner() {
        $("#displayKeyWord").css('display', 'block');
        $("#searchSpinnerKeyWord").show();
    }

    function hideSpinner() {
        $("#searchSpinnerKeyWord").hide();
    }

    $(".searchKeyWord").on('input', function() {
        clearTimeout(debounceTimer);
        if (currentRequest) currentRequest.abort();

        let inputVal = $(this).val();
        
        let dataString = 'KeyWord='+inputVal+'&searchword='+inputVal+'&minimumwords=3&sql_fields=id,es&sql_table=keops.geoplaces&where=es&order_by=es&loaded_search_id=Required_city_2&identifier=KeyWord';

        showSpinner();

        debounceTimer = setTimeout(() => {
            if (inputVal.trim() === '') {
                $("#displayKeyWord").hide();
                hideSpinner();
                return;
            }

            currentRequest = $.ajax({
                type: "GET",
                url: "/index.php?jt=out&application_id=66&action_id=2139&language_iso=es",
                data: dataString,
                dataType: "json",
                success: function(data) {
                    let fullHTML = "";
                    let TypesIcons = {
                        "6": "fa-location-dot",
                        "H1": "fa-hotel",
                        "H3": "fa-building-user",
                        "9": "fa-plane-departure",
                        "10": "fa-umbrella-beach"
                    };

                    let grouped = {};
                    data.forEach(item => {
                        let key = item.TypeId;
                        if (!grouped[key]) grouped[key] = { typeName: item.TypeName, items: [] };
                        grouped[key].items.push(item);
                    });

                    const order = ["6", "9", "10", "H1", "H3", "H5"];
                    order.forEach(type => {
                        if (grouped[type]) {
                            let group = grouped[type];
                            let typeHTML = document.getElementById("HeaderListTypes").innerHTML
                                .replace(/{{TypeIcon}}/g, TypesIcons[type] || "")
                                .replace(/{{TypeName}}/g, group.typeName);
                            fullHTML += typeHTML;

                            group.items.forEach(item => {
                                let itemHTML = document.getElementById("ItemListTypes").innerHTML
                                    .replace(/{{ItemId}}/g, item.id)
                                    .replace(/{{TypeIcon}}/g, TypesIcons[type] || "")
                                    .replace(/{{ItemType}}/g, item.TypeName)
                                    .replace(/{{ItemTypeId}}/g, item.TypeId)
                                    .replace(/{{ItemCountryName}}/g, item.CountryName)
                                    .replace(/{{ItemProvinceName}}/g, item.ProvinceName || item.RegionName || "-")
                                    .replace(/{{ItemCityName}}/g, item.CityName || "-")
                                    .replace(/{{ItemName}}/g, item.value);
                                fullHTML += itemHTML;
                            });
                        }
                    });

                    $("#displayKeyWord").html("<ul>" + fullHTML + "</ul>");
                    $("#displayKeyWord").append(spinnerHTML);
                    hideSpinner();
                },
                error: function(xhr, status) {
                    if (status !== "abort") {
                        $("#displayKeyWord").html('<div class="search-error">Error al cargar resultados</div>').show();
                    }
                    hideSpinner();
                },
                complete: function() {
                    currentRequest = null;
                }
            });
        }, 150);
    });

    $(document).mouseup(function(e) {
        const container = $("#displayKeyWord");
        const input = $("#KeyWord");
        if (!container.is(e.target) && container.has(e.target).length === 0 && !input.is(e.target)) {
            container.hide();
        }
    });

    jQuery(() => {
        $("#KeyWord").Watermark("Ciudad, aeropuerto, zona, u hotel");
    });

    window.forceShowDropdown = function(identifier) {
        const resultsDiv = document.getElementById("display" + identifier);
        if (resultsDiv && resultsDiv.innerHTML.trim() === '') {
            const inputField = document.getElementById(identifier);
            if (inputField && inputField.value.trim() !== '') {
                const event = new Event("input", { bubbles: true, cancelable: true });
                inputField.dispatchEvent(event);
            }
        }
        resultsDiv.style.display = 'block';
    }
});
</script><script  type='text/javascript' src='/html/layouts/default/assets/js/jquery.watermarkinput.js'></script>
<script async type='text/javascript' src='/html/layouts/default/assets/js/validate.js'></script> 
<script src="/html/customization/travelistica.com/assets/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/html/customization/travelistica.com/assets/js/bootstrap-datepicker/bootstrap-datepicker.es.min.js" charset="UTF-8"></script>
<script>


var hoverDiv = document.getElementById('Hotels');
var targetDiv = document.getElementById('NationalityDiv');


hoverDiv.addEventListener('mouseover', function() {
  // Change the style of targetDiv to display block
  targetDiv.style.display = 'block';
});

// Add event listener for mouseout
hoverDiv.addEventListener('mouseout', function() {
  // Change the style of targetDiv to display none
 // targetDiv.style.display = 'none';
});



document.addEventListener('DOMContentLoaded', function () {
  fetchUniqueId();
});

function fetchUniqueId() {

	  var fieldToWrite=document.getElementById('unique_id');
	  if (fieldToWrite.value=='')	{
	
const thisUrl = 'index.php?jt=out&mode=admin&language_iso=es&application_id=66&action_id=2168&SettingType=GetUniqueId&';
	
	console.log(thisUrl);
  fetch(thisUrl)
    .then(response => response.text())
    .then(data => {
      const ThisUniqueId = data.trim();


	 
      fieldToWrite.value = ThisUniqueId;
      console.log("Unique ID set:", ThisUniqueId);
    })
    .catch(error => {
      console.error('Failed to fetch unique ID:', error);
    });
	}
}


function HotelsWriteChoosenGeoPlace(ItemId, ItemTypeId, ItemName) {

    var newValue = ItemTypeId + '-' + ItemId;
    document.getElementById('Required_city_2').value = newValue;
    document.getElementById('KeyWord').value = ItemName;
	document.getElementById('displayKeyWord').style.display = 'none';
	if(ItemTypeId=='6')	{
    var src='/shared/images/CitiesPhotos/'+ ItemId + '/1600x580/1.jpg';
	document.getElementById('BackgroundWaiting').src = src;

	}
	
	
}

function HotelsShowWaiting() {

    var errorMessage = '';
    if (document.getElementById('Required_city_2').value == '') {
        errorMessage += ' Por favor introuce ciudad, hotel o aeropuerto';
    }

    if (errorMessage != '') {
        alert(errorMessage);
        return false;
    } else {
        document.getElementById('waitingDestination').innerHTML = document.getElementById('KeyWord').value;
        var Textdates = "";
        Textdates = document.getElementById('checkin_start').value + ' - ' + document.getElementById('checkout_end').value;
        document.getElementById('WaitingDates').innerHTML = Textdates;
        document.getElementById('WaitingPassengers').innerHTML = document.getElementById('guests-input-btn').innerHTML;
        var waitingContent = document.getElementById('PreloaderContent').innerHTML;
        document.getElementById('main-wrapper').style.display = 'none';
        document.getElementById('Preloader').innerHTML = waitingContent;
        document.getElementById('Preloader').style.display = 'block';

        setTimeout(function() {

             document.getElementById('SearchForHotels').submit();
        }, 200); // Submit form after 10 seconds
    }
}

$(document).ready(function() {
            // Initialize datepicker for check-in date
            $('#checkin_start').datepicker({
                format: 'dd-mm-yyyy',
                autoclose: true,
                todayHighlight: true,
                beforeShowDay: function(date){
                    var today = new Date();
                    return {
                        classes: date < today ? 'inactive' : '' // Apply custom classes to inactive and disabled days
                    };
                }
            }).on('changeDate', function(selected) {
                var minDate = new Date(selected.date.valueOf());
                minDate.setDate(minDate.getDate() + 1);
                $('#checkout_end').datepicker('setStartDate', minDate);
                $('#checkout_end').datepicker('setDate', minDate);
            });

            // Initialize datepicker for check-out date
            $('#checkout_end').datepicker({
                format: 'dd-mm-yyyy',
                autoclose: true
            }).on('changeDate', function(selected) {
                var sDate = new Date($('#checkin_start').datepicker('getDate'));
                var eDate = new Date(selected.date.valueOf());

                checkDate(sDate, eDate);
            });

            // Function to check if check-out date is after check-in date
            function checkDate(sDate, eDate) {
                if (sDate && eDate && (eDate <= sDate)) {
                    $('#ErrorDates').text('Check-out date cannot be before or same as check-in date.');
                } else {
                    $('#ErrorDates').text("");
                }
            }
        });

</script>
		<script type="text/javascript">
			
		$(document).ready(function(){

		$(".searchidentifierw").keyup(function() 
		{
		
		var identifierw = $(this).val();
		
	
		
		var dataString = 'searchword='+identifierw+'&minimumwords=3&sql_fields=&sql_table=&where=&order_by=&loaded_search_id=geoplace_id&identifier=identifierw';

		if(identifierw==''){
		}else{

		$.ajax({
		type: "POST",
		url: "/index.php?mode=visitor&jt=out&application_id=30&action_id=1755&language_iso=es&required_type_id=6&",
		data: dataString,
		cache: false,
		success: function(html){
		$("#displayidentifierw").html(html).show();
		$("#displayidentifierw").display='block'
		}
		});
		}
		
		return false;    
		});
		});

		//jQuery(function($){
		//   $("#identifierw").Watermark("");
		//});
		
		
		// checking for search chr length and if non selected value return 0 in hidden input value
		function check_length(checked_value,div_to_hide,input_id,checked_value_value){
			if(checked_value < 3){
				document.getElementById(div_to_hide).style.border = 0;
			}else{
				document.getElementById(div_to_hide).style.border = '1px solid #CFCFCF';
			}
			
			if(checked_value == 0){
				document.getElementById(input_id).value = '0';
			}
			
		}
		
		//DO CLOSE AJAX SEARCH WIN
		function close_ajax_search_win(){
		
			document.getElementById("displayidentifierw").style.display = 'none';
			document.getElementById("identifierw").value = document.getElementById("identifierw").value;
			document.getElementById("geoplace_id").value = '0';
			jQuery(function($){
			   $("#identifierw").Watermark("");
			});
		}
		
	function ShowAsistant(AsistantId){
	document.getElementById(AsistantId).style.display = 'block';
	
	  var Thiselement = document.getElementById('SearchGuideResults');
			Thiselement.parentNode.removeChild(Thiselement);
	
	}

	function HideAsistant(AsistantId){
	document.getElementById(AsistantId).style.display = 'none';

	}
	
	</script>	
<script>

var SignInFormClassNamepopup = $('.SignInFormClassNamepopup'),
    SignInSubmitClassNamePopup = $('.SignInSubmitClassNamePopup');

function SendAjaxRequest()
{
var UserName = document.getElementById("UserNamePopup").value;
var UserPassword = document.getElementById("UserPasswordPopup").value;
var url= "/index.php?mode=user_logged&required_mode=user_logged&response_type=json&application_id=33&action_id=2044&unique_id=&language_iso=es&user_user=" + UserName + "&user_password=" + encodeURIComponent(UserPassword);;
	

var ThisFormData = SignInFormClassNamepopup.serialize();

  var request = $.ajax({
  type: 'GET',
  url:  url,
  data: ThisFormData
});

request.done(function(response){
 var responseData = $.parseJSON(response);

  if(responseData.status == '200')
  {
  //alert('Logged Successfully, reloading screen. You can see your account in the uper left icon ');
    window.location.reload(true);
  }else{

  $('.SignInErrorMessageClassNamePopup').html(responseData.message);
  }
});

}

SignInSubmitClassNamePopup.on('click',SendAjaxRequest);
</script><script>
$(function(){
var SignUpForm = $('.SignUpFormClassPopup'),
    SubmitButton = $('.SignUpSubmitFormClassPopup'),
    SuccessMessage = $('#SuccessMessageDivPopup');
	
function SubmitFormData()
{

  var formdata=SignUpForm.serialize();
   $('.ErrorMessageClassNamePopup').html="";

  var registerUrl="/index.php?jt=out&application_id=16&action_id=1733&language_iso=es&mode=visitor&";
  //console.log(registerUrl); 
  //console.log(formdata);
  
  var requestSignUp = $.ajax({
  type: 'POST',
  url:   registerUrl,
  data: formdata,    
  dataType: 'JSON',
  success: function(responseData) {
console.log(responseData.status);
if(responseData.status=='200')	{

   $('#autoSignUpModal , .signHome').modal('hide');
   $('#SuccessMessageDivPopup').modal('show');


}
else {

  $('.ErrorMessageClassNamePopup').html(responseData.message);
}


    },
  error: function (xhr, status, error) {
    console.error("AJAX ERROR:", status, error);
    console.log("Response text:", xhr.responseText);
    alert("Error parsing response — check console for details.");
  }	
});
}
SubmitButton.on('click',SubmitFormData);
});

</script>

<script>
$(function(){

  $("#LoginModal").on('show.bs.modal', function(e) {
      var tab = e.relatedTarget.hash;
        console.log(tab);
      $('.nav-tabs a[href="'+tab+'"]').tab('show')
  });
});
</script>
<script>
window.JsLanguage_iso ="es";
//JsLanguage_iso="";
window.onload = function() {
CurrencyExchange(1, 'Price', null, 'DIV', 'EUR', 'es');
console.log('es');
};
</script> 



  <!-- ============================================================== -->
  <!-- This page plugins -->
  <!-- ============================================================== -->

<style>
#BackgroundWaitingWrapper {
  position: relative;
  text-align: center;
  width: 100%;
  max-height: 400px;
  overflow: hidden;
}

#BackgroundWaitingWrapper img {
  width: 100%;
  height: auto;
  display: block;
}

.overlay-text-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* black with opacity */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  font-size: 28px;
  font-weight: bold;
  padding: 20px;
}
.overlay-text-layer h5,
.overlay-text-layer p {
  color: white;
  font-size: 28px;
  font-weight: bold;
}
</style>

<div class='PreloaderContent' id='PreloaderContent'>
  <div class='reloader-header text-center' style='margin-bottom:20px'>
    <img src='/html/customization/travelistica.com/assets/images/_private/travelistica.com/es/logo-popup.png' width="250" height='80'/>
  </div>

  <div class='clearfix'></div>

  <div class='container-fluid guide-home-img' style='text-align:center'>
    <center>
      <h1 class='Program-header-text-title' style='font-size:18px !important; text-transform: uppercase;'>
        Estamos buscando las mejores ofertas 
        <span id='GeoplaceName'>Shanghai <br></span>
      </h1>
    </center>

    <center>
      <img src='/html/layouts/default/assets/images/searching.gif' style='max-height:100px'>
    </center>

    <div style='display:none' id="progress" class="progress"></div>

    <!-- Image with black overlay and white text -->
    <div id="BackgroundWaitingWrapper">
      <img 
        src="/html/customization/travelistica.com/assets/images/hotels/generic/HoteloBanner5.jpg" 
        alt="Background" 
        id="BackgroundWaiting"
        class="ImageWaiting Ghome-img lazyload"
      />
      <div class="overlay-text-layer">
        <div class='container'>
          <div class='row text-center'>

            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 carousel-cell">
              <div class="featuresBox-wrap">
                <div class="featuresBox-captions">
                  <h5><i class="fa fa-solid fa-location-dot"></i> Destinos</h5>
                  <p id='waitingDestination' class='WaitingVars'></p>
                </div>
              </div>
            </div>

            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 carousel-cell">
              <div class="featuresBox-wrap">
                <div class="featuresBox-captions">
                  <h5><i class="fa-solid fa-calendar-days"></i> Entrada y Salida</h5>
                  <p id='WaitingDates' class='WaitingVars'></p>
                </div>
              </div>
            </div>

            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 carousel-cell">
              <div class="featuresBox-wrap">
                <div class="featuresBox-captions">
                  <h5><i class="fa fa-solid fa-users"></i> Pasajeros</h5>
                  <p id='WaitingPassengers' class='WaitingVars'></p>
                </div>
              </div>
            </div>

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

  </div>
</div> 
</body>
</html>
</body>

</html>