here<br />
<b>Warning</b>:  Undefined variable $jt in <b>/var/www/vhosts/travelistica.com/httpdocs/index.php</b> on line <b>38</b><br />
   		<title>travelistica.com: Hoteles de 3 Estrellas en Spagna| 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='Hoteles de 3 Estrellas en Spagna| travelistica.com Ofertas de hoteles, reserva de hoteles, oportunidades de hoteles, guía de hoteles,, ' />
<meta name='description' content='Hoteles de 3 Estrellas en Spagna| travelistica.com Ofertas de hoteles, reserva de hoteles, oportunidades de hoteles, guía de hoteles,, ' />
<meta name='rating' content='Hoteles de 3 Estrellas en Spagna| travelistica.com Ofertas de hoteles, reserva de hoteles, oportunidades de hoteles, guía de hoteles,, ' />
<meta name='revisit-after' content='1 Days' />
<meta name='VW96.objecttype' content='Spagna' />
<meta name='robots' content='INDEX,FOLLOW' /> 
<meta name='Title' content='Hoteles de 3 Estrellas en Spagna| travelistica.com' />
<meta name='DC.Creator' content='travelistica.com' />
<meta name='DC.Subject' content='Viajes' />
<meta name='DC.Description' content='Hoteles de 3 Estrellas en Spagna| travelistica.com Ofertas de hoteles, reserva de hoteles, oportunidades de hoteles, guía de hoteles,, ' />
<meta name='DC.Publisher' content='travelistica.com' />
<meta name='DC.Language' content='es' />
<meta name='DC.Coverage.PlaceName' content='Spagna' />
<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/Italia/Spagna/s3.3-Estrellas.1.498102181/'/>
<meta property='og:description' content='Hoteles de 3 Estrellas en Spagna| travelistica.com Ofertas de hoteles, reserva de hoteles, oportunidades de hoteles, guía de hoteles,, '/>
<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/Italia/Spagna/s3.3-Estrellas.1.498102181/" />

  <!-- 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/Europa/6/>Europa</a></li>   <li class='breadcrumb-item'><a href=/es/hoteles/Italia/541/> Italia </a></li>   <li class='breadcrumb-item'><a href=/es/hoteles/Italia/Lazio/28831/>Lazio</a></li>   <li class='breadcrumb-item'><a href=/es/hoteles/Italia/Roma/28883/>Roma </a></li>   <li class='breadcrumb-item'><a href=/es/hoteles/Italia/Spagna/498102181/>Spagna</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 de 3 Estrellas en Spagna</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='' 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="25-09-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="26-09-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//" 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//" 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//" 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//" 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//" 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//" 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//" 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//" 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//" 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//" 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//" 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//" 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//" 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//" 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//" 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//" title="Guía Temple Expiatori de la Sagrada Família" >Temple Expiatori de la Sagrada Família</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' >Spagna </span></li> 
<li> <a href="/es/guia-de-destinos/Spagna/498102181/" target="_self">Guia de Viajes </a> </li>
<li><a href="/es/hoteles/Italia/Spagna/498102181/" target="_self">Hoteles </a></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> 

    <!-- ============================ 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>DONDE DORMIR EN SPAGNA</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:470px !important ; width:300px !important; display:flex;'>
 <article class="box  pbottom10" >
 <figure>
 <a href="/es/hoteles/Italia/Spagna/HOTEL-GREGORIANA-Descripci%C3%B3n/h298921.1/" class="hover-effect"> 
<img 
				src="/html/layouts/default/assets/images/1.jpg" 
				data-sizes="auto" 
				data-src="/shared/images/LodgePhotos/4196/middle/HOTELGREGORIANA_174464208741.jpg"
				alt="Las mejores ofertas de HOTEL GREGORIANA Spagna" width="270" height="160" class="lazyload" style='width:100%; height:160px;'> 

</a>
                                    </figure>
                                    <div class="details GuideHotelsList" style='padding:4px;'>
                                        <div class='col-sm-12 text-left' style='min-height:80px'>
										 <a href="/es/hoteles/Italia/Spagna/HOTEL-GREGORIANA-Descripci%C3%B3n/h298921.1/" class="hover-effect"> 
										<h4 class='fs-5 fw-bold mb-1' style='font-size:18px !important;'>HOTEL GREGORIANA  </h4>
										</a>
										<span class='GuideHotelsSubHeadingSatrs text-warning'><i class='fa fa-star'></i><i class='fa fa-star'></i><i class='fa fa-star'></i></span><span class='text-primary'> Spagna</span>
										</div>
										
                                    <div class='col-sm-12' style='min-height:100px;; font-size:12px; margin-bottom:10px;'> Haz click aquí para ver más información y reservar HOTEL GREGORIANA . Puedes ver las photos, facilidades de las habitaciones, instalaciones del establecimiento, facilidades de ocio  ...
									</div>
									<div class='clearfix'></div>
									<div class="text-center">
                                          <a class="btn btn-primary " href="/es/hoteles/Italia/Spagna/HOTEL-GREGORIANA-Descripci%C3%B3n/h298921.1/" style='padding:1px; height:40px;'>Ahorra hasta 60%</a>
                                    </div>
                                    </div>
 </article>
</div>

        </div>
      </div>
    </section>
<div class='text-center'></div>	
<div class='clearfix'></div>
<br><br>
 <div class='bgwhite'>
    <!-- ============================ 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  SPAGNA</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/Italia/Spagna/t3.Apartamentos.1.498102181/"> 

<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 Spagna" style='width:60%; height:60%;' class='text-center'/>
</div>

 <h4 class='city fs-5 m-0 fw-bold'>Apartamentos <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/Italia/Spagna/t1.Hoteles.1.498102181/"> 

<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 Spagna" style='width:60%; height:60%;' class='text-center'/>
</div>

 <h4 class='city fs-5 m-0 fw-bold'>Hoteles <span style='font-size:11px;'>( 12 )</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   SPAGNA 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/Italia/Spagna/s2.Estrellas.1.498102181/"> 
<img src="/html/customization/travelistica.com/assets/images/hotels/stars/2.png" alt="Las mejores ofertas de  en Spagna" width="100" height=30 class='text-center'/>
<br> 2 Estrellas (2) </a>
     
 </div> <div style='width:auto; float:left; margin:auto; margin-left:10px; margin-right:10px;'>
 <a href="/es/hoteles/Italia/Spagna/s3.3-Estrellas.1.498102181/"> 
<img src="/html/customization/travelistica.com/assets/images/hotels/stars/3.png" alt="Las mejores ofertas de  en Spagna" width="100" height=30 class='text-center'/>
<br> 3 Estrellas (5) </a>
     
 </div> <div style='width:auto; float:left; margin:auto; margin-left:10px; margin-right:10px;'>
 <a href="/es/hoteles/Italia/Spagna/s4.4-Estrellas.1.498102181/"> 
<img src="/html/customization/travelistica.com/assets/images/hotels/stars/4.png" alt="Las mejores ofertas de  en Spagna" width="100" height=30 class='text-center'/>
<br> 4 Estrellas (1) </a>
     
 </div>
	</div></div>
	
	<div class='clearfix'></div>
<br><br>
	<div class='clearfix'></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 SPAGNA</h2>

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

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

        </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>


<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>
		

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


<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/Italia/Spagna/s3.3-Estrellas.1.498102181/"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/Italia/Spagna/s3.3-Estrellas.1.498102181/" 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" 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='min-height:40; 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'>
					<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' ><div class='LoginBy' style='background-color:#4285f4;'><i class='fa-brands fa-google'></i> Entrar usando Google</div></a>
					<br>
				    <a href='https://www.facebook.com/v2.2/dialog/oauth?client_id=469131637637298&amp;state=e3287baf114c991fe191944cb114876e&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'><div class='LoginBy'><i class='fa-brands fa-facebook'></i> Entrar usando Facebook</div> </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>
 

    <!-- 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=visitor&required_mode=user_logged&response_type=json&application_id=33&action_id=2044&unique_id=&language_iso=es&user_user=" + UserName + "&user_password=" + UserPassword ;
	

var ThisFormData = SignInFormClassNamepopup.serialize();

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

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

  if(responseData.status == '200')
  {
    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 requestSignUp = $.ajax({
  type: 'POST',
  url: "/index.php?jt=out&application_id=16&action_id=1733&language_iso=es&mode=visitor",
  data: SignUpForm.serialize(),     
  dataType: 'JSON',
  success: function(responseData) {
console.log(responseData[status]);
if(responseData.status=='200')	{

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

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


    }
});
}
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'>Spagna <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>