decameron.com

Loading...

Loading...

{
  "latency": 107,
  "ipAddresses": [
    "20.75.41.80"
  ],
  "dns": {
    "NS": [
      "ns1.decameron.com.",
      "usue2odns001s.decameron.com.",
      "ns2.decameron.com.",
      "usue2odns002s.decameron.com."
    ],
    "A": [
      "20.75.41.80"
    ],
    "TXT": [
      "v=spf1 include:spf.protection.outlook.com include:noreply.decameron.com.co -all",
      "facebook-domain-verification=o8r42jkg6ughm3n000ds2ewkz2vywx",
      "teamviewer-sso-verification=a6f3ac26d3c34a878ed062bf3dcc9a12",
      "_globalsign-domain-verification=KqthfFy8Or9Nc6HLCQSlyUx3FQl4gYYjdHyZ_wbcBw",
      "UzePDXFymVW3cf41T4zNfv78Q6caXHBGdqSdz1zbVAI=",
      "google-site-verification=dptD4c7KghwRRFdNoL3O1ESHJqUPmy5GxHWZvhIwP0M",
      "MS=ms50950907"
    ]
  }
}

[
  {
    "url": "https://decameron.com",
    "technologies": [
      {
        "slug": "youtube",
        "name": "YouTube",
        "versions": [],
        "trafficRank": 42,
        "confirmedAt": 1723688772,
        "icon": "YouTube.svg",
        "categories": [
          {
            "id": 14,
            "slug": "video-players",
            "name": "Video players"
          }
        ]
      },
      {
        "slug": "mautic",
        "name": "Mautic",
        "versions": [],
        "trafficRank": 75,
        "confirmedAt": 1724937305,
        "icon": "mautic.svg",
        "categories": [
          {
            "id": 32,
            "slug": "marketing-automation",
            "name": "Marketing automation"
          }
        ]
      },
      {
        "slug": "google-ads",
        "name": "Google Ads",
        "versions": [],
        "trafficRank": 205,
        "confirmedAt": 1724887229,
        "icon": "Google Ads.svg",
        "categories": [
          {
            "id": 36,
            "slug": "advertising",
            "name": "Advertising"
          }
        ]
      },
      {
        "slug": "blue",
        "name": "Blue",
        "versions": [],
        "trafficRank": 262,
        "confirmedAt": 1724937305,
        "icon": "Blue.svg",
        "categories": [
          {
            "id": 77,
            "slug": "retargeting",
            "name": "Retargeting"
          }
        ]
      },
      {
        "slug": "vue-js",
        "name": "Vue.js",
        "versions": [],
        "trafficRank": 268,
        "confirmedAt": 1724937305,
        "icon": "vue.svg",
        "categories": [
          {
            "id": 12,
            "slug": "javascript-frameworks",
            "name": "JavaScript frameworks"
          }
        ]
      },
      {
        "slug": "tiktok-pixel",
        "name": "TikTok Pixel",
        "versions": [],
        "trafficRank": 318,
        "confirmedAt": 1724937305,
        "icon": "TikTok.svg",
        "categories": [
          {
            "id": 10,
            "slug": "analytics",
            "name": "Analytics"
          }
        ]
      },
      {
        "slug": "core-js",
        "name": "core-js",
        "versions": [
          "3.0.0",
          "3.6.4"
        ],
        "trafficRank": 342,
        "confirmedAt": 1724937305,
        "icon": "core-js.png",
        "categories": [
          {
            "id": 59,
            "slug": "javascript-libraries",
            "name": "JavaScript libraries"
          }
        ]
      },
      {
        "slug": "sentry",
        "name": "Sentry",
        "versions": [
          "7.118.0",
          "7.119.0"
        ],
        "trafficRank": 379,
        "confirmedAt": 1724937305,
        "icon": "Sentry.svg",
        "categories": [
          {
            "id": 13,
            "slug": "issue-trackers",
            "name": "Issue trackers"
          }
        ]
      },
      {
        "slug": "criteo",
        "name": "Criteo",
        "versions": [],
        "trafficRank": 391,
        "confirmedAt": 1724937305,
        "icon": "Criteo.svg",
        "categories": [
          {
            "id": 36,
            "slug": "advertising",
            "name": "Advertising"
          },
          {
            "id": 77,
            "slug": "retargeting",
            "name": "Retargeting"
          }
        ]
      },
      {
        "slug": "microsoft-clarity",
        "name": "Microsoft Clarity",
        "versions": [
          "0.7.43",
          "0.7.44",
          "0.7.45",
          "0.7.32",
          "0.7.34"
        ],
        "trafficRank": 396,
        "confirmedAt": 1724937305,
        "icon": "Microsoft Clarity.svg",
        "categories": [
          {
            "id": 10,
            "slug": "analytics",
            "name": "Analytics"
          }
        ]
      },
      {
        "slug": "hotjar",
        "name": "Hotjar",
        "versions": [],
        "trafficRank": 396,
        "confirmedAt": 1724937305,
        "icon": "Hotjar.svg",
        "categories": [
          {
            "id": 10,
            "slug": "analytics",
            "name": "Analytics"
          }
        ]
      },
      {
        "slug": "tagpro",
        "name": "TagPro",
        "versions": [],
        "trafficRank": 396,
        "confirmedAt": 1724937305,
        "icon": "TagPro.png",
        "categories": [
          {
            "id": 42,
            "slug": "tag-managers",
            "name": "Tag managers"
          }
        ]
      },
      {
        "slug": "appnexus",
        "name": "AppNexus",
        "versions": [],
        "trafficRank": 396,
        "confirmedAt": 1724937305,
        "icon": "AppNexus.svg",
        "categories": [
          {
            "id": 36,
            "slug": "advertising",
            "name": "Advertising"
          }
        ]
      },
      {
        "slug": "whatsapp-business-chat",
        "name": "WhatsApp Business Chat",
        "versions": [],
        "trafficRank": 371,
        "confirmedAt": 1724937305,
        "icon": "WhatsApp.svg",
        "categories": [
          {
            "id": 52,
            "slug": "live-chat",
            "name": "Live chat"
          }
        ]
      },
      {
        "slug": "the-hotels-network",
        "name": "The Hotels Network",
        "versions": [
          "4.0"
        ],
        "trafficRank": 395,
        "confirmedAt": 1724937305,
        "icon": "The Hotels Network.svg",
        "categories": [
          {
            "id": 10,
            "slug": "analytics",
            "name": "Analytics"
          },
          {
            "id": 76,
            "slug": "personalisation",
            "name": "Personalisation"
          }
        ]
      },
      {
        "slug": "moment-js",
        "name": "Moment.js",
        "cpe": "cpe:2.3:a:momentjs:moment:2.17.1:*:*:*:*:*:*:*",
        "versions": [
          "2.17.1"
        ],
        "trafficRank": 432,
        "confirmedAt": 1724937305,
        "icon": "Moment.js.svg",
        "categories": [
          {
            "id": 59,
            "slug": "javascript-libraries",
            "name": "JavaScript libraries"
          }
        ]
      },
      {
        "slug": "handlebars",
        "name": "Handlebars",
        "cpe": "cpe:2.3:a:handlebars.js_project:handlebars.js:4.0.5:*:*:*:*:*:*:*",
        "versions": [
          "4.0.5"
        ],
        "trafficRank": 435,
        "confirmedAt": 1724937305,
        "icon": "Handlebars.svg",
        "categories": [
          {
            "id": 12,
            "slug": "javascript-frameworks",
            "name": "JavaScript frameworks"
          }
        ]
      },
      {
        "slug": "google-analytics",
        "name": "Google Analytics",
        "versions": [
          "GA4"
        ],
        "trafficRank": 441,
        "confirmedAt": 1724937305,
        "icon": "Google Analytics.svg",
        "categories": [
          {
            "id": 10,
            "slug": "analytics",
            "name": "Analytics"
          }
        ]
      },
      {
        "slug": "pwa",
        "name": "PWA",
        "versions": [],
        "trafficRank": 455,
        "confirmedAt": 1724937305,
        "icon": "PWA.svg",
        "categories": [
          {
            "id": 19,
            "slug": "miscellaneous",
            "name": "Miscellaneous"
          }
        ]
      },
      {
        "slug": "lightbox",
        "name": "Lightbox",
        "versions": [],
        "trafficRank": 458,
        "confirmedAt": 1724937305,
        "icon": "Lightbox.svg",
        "categories": [
          {
            "id": 59,
            "slug": "javascript-libraries",
            "name": "JavaScript libraries"
          }
        ]
      },
      {
        "slug": "google-tag-manager",
        "name": "Google Tag Manager",
        "versions": [],
        "trafficRank": 458,
        "confirmedAt": 1724937305,
        "icon": "Google Tag Manager.svg",
        "categories": [
          {
            "id": 42,
            "slug": "tag-managers",
            "name": "Tag managers"
          }
        ]
      },
      {
        "slug": "jquery-migrate",
        "name": "jQuery Migrate",
        "versions": [
          "1.4.1"
        ],
        "trafficRank": 458,
        "confirmedAt": 1724937305,
        "icon": "jQuery.svg",
        "categories": [
          {
            "id": 59,
            "slug": "javascript-libraries",
            "name": "JavaScript libraries"
          }
        ]
      },
      {
        "slug": "facebook-pixel",
        "name": "Facebook Pixel",
        "versions": [
          "2.9.160",
          "2.9.161",
          "2.9.162",
          "2.9.157",
          "2.9.158"
        ],
        "trafficRank": 458,
        "confirmedAt": 1724937305,
        "icon": "Facebook.svg",
        "categories": [
          {
            "id": 10,
            "slug": "analytics",
            "name": "Analytics"
          }
        ]
      },
      {
        "slug": "owl-carousel",
        "name": "OWL Carousel",
        "versions": [],
        "trafficRank": 458,
        "confirmedAt": 1724937305,
        "icon": "OWL Carousel.png",
        "categories": [
          {
            "id": 59,
            "slug": "javascript-libraries",
            "name": "JavaScript libraries"
          }
        ]
      },
      {
        "slug": "open-graph",
        "name": "Open Graph",
        "versions": [],
        "trafficRank": 455,
        "confirmedAt": 1724937305,
        "icon": "Open Graph.svg",
        "categories": [
          {
            "id": 19,
            "slug": "miscellaneous",
            "name": "Miscellaneous"
          }
        ]
      },
      {
        "slug": "google-font-api",
        "name": "Google Font API",
        "versions": [],
        "trafficRank": 455,
        "confirmedAt": 1724937305,
        "icon": "Google Font API.svg",
        "categories": [
          {
            "id": 17,
            "slug": "font-scripts",
            "name": "Font scripts"
          }
        ]
      },
      {
        "slug": "uikit",
        "name": "UIKit",
        "versions": [],
        "trafficRank": 458,
        "confirmedAt": 1724937305,
        "icon": "UIKit.svg",
        "categories": [
          {
            "id": 66,
            "slug": "ui-frameworks",
            "name": "UI frameworks"
          }
        ]
      },
      {
        "slug": "joomla",
        "name": "Joomla",
        "versions": [],
        "trafficRank": 455,
        "confirmedAt": 1724937305,
        "icon": "Joomla.svg",
        "categories": [
          {
            "id": 1,
            "slug": "cms",
            "name": "CMS"
          }
        ]
      },
      {
        "slug": "bootstrap",
        "name": "Bootstrap",
        "cpe": "cpe:2.3:a:getbootstrap:bootstrap:3.3.4:*:*:*:*:*:*:*",
        "versions": [
          "3.3.4",
          "3.3.5"
        ],
        "trafficRank": 503,
        "confirmedAt": 1724937305,
        "icon": "Bootstrap.svg",
        "categories": [
          {
            "id": 66,
            "slug": "ui-frameworks",
            "name": "UI frameworks"
          }
        ]
      },
      {
        "slug": "php",
        "name": "PHP",
        "versions": [],
        "trafficRank": 503,
        "confirmedAt": 1724937305,
        "icon": "PHP.svg",
        "categories": [
          {
            "id": 27,
            "slug": "programming-languages",
            "name": "Programming languages"
          }
        ]
      },
      {
        "slug": "hsts",
        "name": "HSTS",
        "versions": [],
        "trafficRank": 507,
        "confirmedAt": 1724937305,
        "icon": "default.svg",
        "categories": [
          {
            "id": 16,
            "slug": "security",
            "name": "Security"
          }
        ]
      },
      {
        "slug": "jquery",
        "name": "jQuery",
        "cpe": "cpe:2.3:a:jquery:jquery:1.11.3:*:*:*:*:*:*:*",
        "versions": [
          "1.11.3",
          "1.12.4"
        ],
        "trafficRank": 503,
        "confirmedAt": 1724937305,
        "icon": "jQuery.svg",
        "categories": [
          {
            "id": 59,
            "slug": "javascript-libraries",
            "name": "JavaScript libraries"
          }
        ]
      },
      {
        "slug": "font-awesome",
        "name": "Font Awesome",
        "versions": [
          "6.4.2"
        ],
        "trafficRank": 500,
        "confirmedAt": 1724937305,
        "icon": "Font Awesome.svg",
        "categories": [
          {
            "id": 17,
            "slug": "font-scripts",
            "name": "Font scripts"
          }
        ]
      },
      {
        "slug": "varnish",
        "name": "Varnish",
        "cpe": "cpe:2.3:a:varnish-software:varnish_cache:6.0:*:*:*:*:*:*:*",
        "versions": [
          "6.0"
        ],
        "trafficRank": 507,
        "confirmedAt": 1724937305,
        "icon": "Varnish.svg",
        "categories": [
          {
            "id": 23,
            "slug": "caching",
            "name": "Caching"
          }
        ]
      }
    ]
  }
]

{
  "Hotjar": "A heatmap, survey, feedback and funnel application.",
  "Google Analytics": "Google Analytics offers a host of compelling features and benefits for everyone from senior executives and advertising and marketing professionals to site owners and content developers.",
  "Facebook Pixel": "Facebook Pixel is Facebooks conversion tracking system for ads on Facebook to websites.",
  "Microsoft Clarity": "Free-to-use analytics product for webmasters that shows how people are using your website.",
  "Slack": "Messaging app for teams that makes working together simple and efficient.",
  "Google Font API": "The Google Font API helps you add web fonts to any web page.",
  "Google Tag Manager": "Tag management that lets you add and update website tags without changes to underlying website code.",
  "Font Awesome": "Iconic font and CSS toolkit.",
  "CrUX Dataset": "CrUX is a data collection system that gathers information about how real users interact with websites. This website is included in the user experiences data gathered from Google Chrome and thus considered sufficiently popular on the Internet.",
  "CrUX Top 100k": "Relative measure of site popularity within the CrUX dataset, measured by the total number of navigations on the origin. This site is in the top 100k.",
  "CrUX Top 50k": "Relative measure of site popularity within the CrUX dataset, measured by the total number of navigations on the origin. This site is in the top 50k.",
  "Azure Active Directory": "Enterprise identity service that provides single sign-on, multifactor authentication and more.",
  "Cloudflare Radar": "The website appears on the Cloudflare Radar Top 1m sites list",
  "Cloudflare Radar Top 200k": "The website appears in the Cloudflare Radar Top 200,000.",
  "TeamViewer": "A link or SSO Verification to Team View software.",
  "Spanish HREF LANG": "This webpage has alternate versions available in Spanish via the use of the hreflang tag.",
  "English HREF LANG": "This webpage has alternate versions available in English via the use of the hreflang tag.",
  "French HREF LANG": "This webpage has alternate versions available in French via the use of the hreflang tag.",
  "French": "Website content is written in French. Based on HTML langauge attributes on the website",
  "Spanish": "Website content is written in Spanish. Based on HTML langauge attributes on the website",
  "Facebook Domain Verification": "Domain Verification provides a way for you to claim ownership of your domain in Facebook Business Manager.",
  "GlobalSign Domain Verification": "Domain verification for SSL certificate validation.",
  "Apple Mobile Web Clips Icon": "This page contains an icon for iPhone, iPad and iTouch devices.",
  "Viewport Meta": "This page uses the viewport meta tag which means the content may be optimized for mobile content.",
  "Mobile Non Scaleable Content": "This content is formatted for mobile devices, it does not allow the content to be scaled.",
  "Apple Mobile Web App Capable": "Launches a web application for Safari on iOS in full-screen mode to look like a native application.",
  "IPhone / Mobile Compatible": "The website contains code that allows the page to support IPhone / Mobile Content.",
  "OSS CDN": "Open Source Software CDN from MaxCDN.",
  "YouTube": "Embedded videos from YouTube.",
  "Joomla!": "Joomla! is a Content Management System and Web Application Framework.",
  "Lightbox": "Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.",
  "jQuery": "JQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript.",
  "jQuery NoConflict": "Return control of $ back to the other libraries with a call to $.noConflict().",
  "jQuery UI": "jQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.",
  "jQuery Autocomplete": "Autocomplete an input field to enable users quickly finding and selecting some value, leveraging searching and filtering.",
  "jQuery Cookie": "A simple, lightweight jQuery plugin for reading, writing and deleting cookies.",
  "jQuery Placeholder": "The jQuery placeholder easily allows you to emulate the placeholder attribute on input fields for all browsers.",
  "jQuery Migrate": "APIs and features removed from jQuery core",
  "Facebook for Websites": "Allows a user to make a website more sociable and connected with integrations from the hugely popular Facebook website.",
  "OWL Carousel": "Touch enabled jQuery plugin that lets you create a carousel slider.",
  "html5shiv": "HTML5 IE enabling script shim.",
  "Facebook SDK": "JavaScript SDK enables you to access all of the features of the Graph API via JavaScript, and it provides a rich set of client-side functionality for authentication and sharing. It differs from Facebook Connect.",
  "Moment JS": "moment.js is a date library for parsing, validating, manipulating, and formatting dates.",
  "Respond": "A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)",
  "Ekko Lightbox": "A lightbox gallery plugin for Bootstrap.",
  "Typeahead.js": "typeahead.js is an autocomplete library from Twitter.",
  "Handlebars": "Handlebars provides the power necessary to let you build semantic templates effectively with no frustration.",
  "Bloodhound Typeahead": "Bloodhound is the typeahead.js suggestion engine.",
  "UIkit": "A lightweight and modular front-end framework for developing web interfaces.",
  "core-js": "Modular standard library for JavaScript.",
  "Google Remarketing": "Google code specifically for remarketing/retargeting based advertising.",
  "DoubleClick.Net": "DoubleClick enables agencies, marketers and publishers to work together successfully and profit from their digital marketing investments. Owned by Google and now referred to as DoubleClick Digital Marketing or Google Enterprise Advertising.",
  "Facebook Custom Audiences": "Custom Audiences from your website makes it possible to reach people who visit your website and deliver the right message to them on Facebook.",
  "Facebook": "The website mentions facebook.com in some form.",
  "Twitter": "The website mentions twitter.com in some form.",
  "YouTube Link": "This website mentions YouTube.com on it in some form or another.",
  "3 to 9 ccTLD Redirects": "The domain has had between 3 and 9 redirects from other ccTLDs within the same root domain name.",
  "SPF": "The Sender Policy Framework is an open standard specifying a technical method to prevent sender address forgery.",
  "Microsoft Azure DNS": "This domain is verified with Microsoft Azure.",
  "Microsoft Exchange Online": "A rich hosted Exchange environment for every user without having to manage a server.",
  "Office 365 Mail": "Email sent from this domain has records showing Office 365 usage.",
  "DMARC": "A technical specification created by a group of organizations that want to help reduce the potential for email-based abuse",
  "DMARC Quarantine": "The domain has a DMARC policy of 'Quarantine'. This tells the receiving mail server that all emails that do not have your domain name in the “From” field (or any other set criteria) should be quarantined by default.",
  "GlobalSign": "Certificate provided by GlobalSign.",
  "Microsoft": "This site is hosted on Microsoft infrastructure",
  "Microsoft Azure": "Hosted on Microsoft Azure.",
  "Microsoft Azure US East Region": "Microsoft Azure US East Region Hosted Instances",
  "Microsoft Azure US East2 Region": "Microsoft Azure US East2 Region Hosted Instances",
  "Apache": "Apache has been the most popular web server on the Internet since April 1996.",
  "Varnish": "Varnish is a web accelerator / reverse proxy caching server.",
  "Content Delivery Network": "This page contains links that give the impression that some of the site contents are stored on a content delivery network.",
  "Google Webmaster": "Webmaster tools provide you with a free and easy way to make your site more Google-friendly."
}

{
  "data": {
    "total": 99,
    "personal_emails": 65,
    "generic_emails": 34,
    "department": {
      "executive": 2,
      "it": 0,
      "finance": 3,
      "management": 5,
      "sales": 3,
      "legal": 0,
      "support": 4,
      "hr": 3,
      "marketing": 1,
      "communication": 6,
      "education": 0,
      "design": 0,
      "health": 1,
      "operations": 1
    },
    "seniority": {
      "junior": 0,
      "senior": 4,
      "executive": 2
    }
  },
  "meta": {
    "params": {
      "domain": "decameron.com",
      "company": null,
      "type": null
    }
  }
}

{
  "whois.verisign-grs.com": {
    "Domain Status": [
      "clientTransferProhibited https://icann.org/epp#clientTransferProhibited"
    ],
    "Name Server": [
      "NS1.DECAMERON.COM",
      "NS2.DECAMERON.COM",
      "USUE2ODNS001S.DECAMERON.COM",
      "USUE2ODNS002S.DECAMERON.COM"
    ],
    "Domain Name": "DECAMERON.COM",
    "Registry Domain ID": "15013208_DOMAIN_COM-VRSN",
    "Registrar WHOIS Server": "whois.networksolutions.com",
    "Registrar URL": "http://networksolutions.com",
    "Updated Date": "2024-10-07T13:11:18Z",
    "Created Date": "1999-12-10T22:47:17Z",
    "Expiry Date": "2025-12-10T22:47:17Z",
    "Registrar": "Network Solutions, LLC",
    "Registrar IANA ID": "2",
    "Registrar Abuse Contact Email": "[email protected]",
    "Registrar Abuse Contact Phone": "+1.8777228662",
    "DNSSEC": "unsigned",
    "URL of the ICANN Whois Inaccuracy Complaint Form": "https://www.icann.org/wicf/",
    ">>> Last update of whois database": "2025-02-07T23:31:30Z <<<",
    "text": [
      "For more information on Whois status codes, please visit https://icann.org/epp",
      "",
      "NOTICE: The expiration date displayed in this record is the date the",
      "registrar's sponsorship of the domain name registration in the registry is",
      "currently set to expire. This date does not necessarily reflect the expiration",
      "date of the domain name registrant's agreement with the sponsoring",
      "registrar.  Users may consult the sponsoring registrar's Whois database to",
      "view the registrar's reported date of expiration for this registration.",
      "",
      "TERMS OF USE: You are not authorized to access or query our Whois",
      "database through the use of electronic processes that are high-volume and",
      "automated except as reasonably necessary to register domain names or",
      "modify existing registrations; the Data in VeriSign Global Registry",
      "Services' (\"VeriSign\") Whois database is provided by VeriSign for",
      "information purposes only, and to assist persons in obtaining information",
      "about or related to a domain name registration record. VeriSign does not",
      "guarantee its accuracy. By submitting a Whois query, you agree to abide",
      "by the following terms of use: You agree that you may use this Data only",
      "for lawful purposes and that under no circumstances will you use this Data",
      "to: (1) allow, enable, or otherwise support the transmission of mass",
      "unsolicited, commercial advertising or solicitations via e-mail, telephone,",
      "or facsimile; or (2) enable high volume, automated, electronic processes",
      "that apply to VeriSign (or its computer systems). The compilation,",
      "repackaging, dissemination or other use of this Data is expressly",
      "prohibited without the prior written consent of VeriSign. You agree not to",
      "use electronic processes that are automated and high-volume to access or",
      "query the Whois database except as reasonably necessary to register",
      "domain names or modify existing registrations. VeriSign reserves the right",
      "to restrict your access to the Whois database in its sole discretion to ensure",
      "operational stability.  VeriSign may restrict or terminate your access to the",
      "Whois database for failure to abide by these terms of use. VeriSign",
      "reserves the right to modify these terms at any time.",
      "",
      "The Registry database contains ONLY .COM, .NET, .EDU domains and",
      "Registrars."
    ]
  },
  "whois.networksolutions.com": {
    "Domain Status": [],
    "Name Server": [],
    "text": [
      "IP Address Has Reached Rate Limit"
    ]
  }
}

<!DOCTYPE html>
        
<html lang="en" dir="ltr"
      class='com_content view-article itemid-155 j31 mm-hover'>
    <head>
  <meta name="title" content="Vacaciones All Inclusive | Decameron Hoteles y Resorts " />
<meta name="google-site-verification" content="TEfJvdBZVhWGlrumG_mtvxBhnDtb6TlO62JRQs0A73g" />
        <base href="https://www.decameron.com/en/otr-home" />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="Vacaciones All Inclusive | Decameron Hoteles y Resorts " />
	<meta name="description" content="Encuentra la mejor opción en hoteles todo incluido para que disfrutes de unas vacaciones inolvidables junto a tus seres queridos. ¡Entra ahora !" />
	<meta name="generator" content="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX" X>
	<title>Vacaciones All Inclusive | Decameron Hoteles y Resorts </title>
	<link href="/templates/ja_rent/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
	<link href="/templates/ja_rent/css/bootstrap.css" rel="stylesheet" type="text/css" />
	<link href="/media/jui/css/chosen.css?8fbde243b8e1182d5f707d47ce67884c" rel="stylesheet" type="text/css" />
	<link href="/templates/system/css/system.css?v=202502071831" rel="stylesheet" type="text/css" />
	<link href="/media/tabs-responsive/css/zozo.tabs.min.css?v=202502071831" rel="stylesheet" type="text/css" />
	<link href="/media/VenoBox-master/venobox/venobox.css?v=202502071831" rel="stylesheet" type="text/css" />
	<link href="/media/tabs-responsive/css/zozo.tabs.flat.min.css?v=202502071831" rel="stylesheet" type="text/css" />
	<link href="/media/accordion-responsive/css/zozo.accordion.min.css?v=202502071831" rel="stylesheet" type="text/css" />
	<link href="/libraries/lightboxm/dist/ekko-lightbox.min.css?v=202502071831" rel="stylesheet" type="text/css" />
	<link href="/templates/ja_rent/css/legacy-grid.css" rel="stylesheet" type="text/css" />
	<link href="/plugins/system/t3/base-bs3/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
	<link href="/templates/ja_rent/css/template.css" rel="stylesheet" type="text/css" />
	<link href="/templates/ja_rent/css/off-canvas.css" rel="stylesheet" type="text/css" />
	<link href="/templates/ja_rent/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
	<link href="//fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900>" rel="stylesheet" type="text/css" />
	<link href="/templates/ja_rent/js/owl-carousel/owl.carousel.css" rel="stylesheet" type="text/css" />
	<link href="/templates/ja_rent/js/owl-carousel/owl.theme.css" rel="stylesheet" type="text/css" />
	<link href="/templates/ja_rent/css/extras/com_vikrentcar.css" rel="stylesheet" type="text/css" />
	<link href="/templates/ja_rent/css/home.css" rel="stylesheet" type="text/css" />
	<link href="/media/jreject/css/jquery.reject.min.css" rel="stylesheet" type="text/css" />
	<link href="/media/mod_languages/css/template.css" rel="stylesheet" type="text/css" />
	<link href="/media/widgetkit/wk-styles-29c58155.css" rel="stylesheet" type="text/css" id="wk-styles-css" />
	<script type="application/json" class="joomla-script-options new">{"csrf.token":"b41c938e94c4e68191eda9e08a013ad2","system.paths":{"root":"","base":""}}</script>
	<script src="/media/jui/js/jquery.min.js?8fbde243b8e1182d5f707d47ce67884c" type="text/javascript"></script>
	<script src="/media/jui/js/jquery-noconflict.js?8fbde243b8e1182d5f707d47ce67884c" type="text/javascript"></script>
	<script src="/media/jui/js/jquery-migrate.min.js?8fbde243b8e1182d5f707d47ce67884c" type="text/javascript"></script>
	<script src="/plugins/system/t3/base-bs3/bootstrap/js/bootstrap.js?8fbde243b8e1182d5f707d47ce67884c" type="text/javascript"></script>
	<script src="/media/jui/js/chosen.jquery.min.js?8fbde243b8e1182d5f707d47ce67884c" type="text/javascript"></script>
	<script src="/plugins/system/t3/base-bs3/js/jquery.tap.min.js" type="text/javascript"></script>
	<script src="/plugins/system/t3/base-bs3/js/off-canvas.js" type="text/javascript"></script>
	<script src="/plugins/system/t3/base-bs3/js/script.js" type="text/javascript"></script>
	<script src="/plugins/system/t3/base-bs3/js/menu.js" type="text/javascript"></script>
	<script src="/templates/ja_rent/js/jquery.inview.min.js" type="text/javascript"></script>
	<script src="/templates/ja_rent/js/jquery.cookie.js" type="text/javascript"></script>
	<script src="/templates/ja_rent/js/owl-carousel/owl.carousel.js" type="text/javascript"></script>
	<script src="/templates/ja_rent/js/script.js" type="text/javascript"></script>
	<script src="/media/system/js/core.js?8fbde243b8e1182d5f707d47ce67884c" type="text/javascript"></script>
	<script src="/media/jreject/js/jquery.reject.min.js?v=15" type="text/javascript"></script>
	<script src="/media/widgetkit/uikit-83aedb02.js" type="text/javascript"></script>
	<script src="/media/widgetkit/wk-scripts-ae92d215.js" type="text/javascript"></script>
	<script type="text/javascript">
jQuery(window).on('load',  function() {
				
			});
jQuery(function($){ initTooltips(); $("body").on("subform-row-add", initTooltips); function initTooltips (event, container) { container = container || document;$(container).find(".hasTooltip").tooltip({"html": true,"container": "body"});} });
	jQuery(function ($) {
		initChosen();
		$("body").on("subform-row-add", initChosen);

		function initChosen(event, container)
		{
			container = container || document;
			$(container).find("select").chosen({"disable_search_threshold":10,"search_contains":true,"allow_single_deselect":true,"placeholder_text_multiple":"Type or select some options","placeholder_text_single":"Select an option","no_results_text":"No results match"});
		}
	});
	
jQuery(document).ready(function(){jQuery.reject({reject:{msie5:true,msie6:true,msie7:true,msie8:true,msie9:true,msie10:true,firefox1:true,firefox2:true,firefox3:true,firefox4:true,firefox5:true,firefox6:true,firefox7:true,firefox8:true,firefox9:true,firefox10:true,firefox11:true,firefox12:true,firefox13:true,firefox14:true,firefox15:true,firefox16:true,firefox17:true,firefox18:true,firefox19:true,firefox20:true,firefox21:true,firefox22:true,firefox23:true,firefox24:true,firefox25:true,firefox26:true,firefox27:true,firefox28:true,firefox29:true,firefox30:true,firefox31:true,firefox32:true,firefox33:true,firefox34:true,firefox35:true,firefox36:true,firefox37:true,firefox38:true,konqueror1:true,konqueror2:true,chrome1:true,chrome2:true,chrome3:true,safari2:true,safari3:true,safari4:true,safari5:true,safari6:true,safari7:true,safari8:true,opera7:true,opera8:true,},display:['firefox','chrome','msie','safari'],browserInfo:{firefox:{text:'Firefox',},chrome:{text:'Chrome',},msie:{text:'Internet Explorer',},safari:{text:'Safari',},},header:'Did you know that your Internet Browser is out of date?',paragraph1:'Your browser is out of date, and may not be compatible with our website. A list of the most popular web browsers can be found below.',paragraph2:'Just click on the icons to get to the download page',close:false,closeMessage:'By closing this window you acknowledge that your experience on this website may be degraded',closeLink:'Close This Window',closeESC:false,imagePath:'/media/jreject/images/',overlayBgColor:'#004795',overlayOpacity:0.8,})});
	jQuery(function ($) {
		initChosen();
		$("body").on("subform-row-add", initChosen);

		function initChosen(event, container)
		{
			container = container || document;
			$(container).find("#_some_iidd").chosen({"disable_search_threshold":10,"search_contains":true,"allow_single_deselect":true,"placeholder_text_multiple":"Type or select some options","placeholder_text_single":"Select an option","no_results_text":"No results match"});
		}
	});
	
 jQuery.fn.chosen = function(){}; 

function do_nothing() { return; }
	</script>
	<meta property="og:title" content="Inicio - Home OTR EN" />
	<meta property="og:type" content="article" />
	<meta property="og:url" content="https://www.decameron.com/en/otr-home" />
	<meta property="og:site_name" content="https://www.decameron.com/" />
	<meta property="og:description" content="Encuentra la mejor opción en hoteles todo incluido para que disfrutes de unas vacaciones inolvidables junto a tus seres queridos. ¡Entra ahora !" />
	<!-- Joomla Facebook Integration Begin -->
<script type='text/javascript'>
!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', '2345611439085367', {}, {agent: 'pljoomla'});
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1" style="display:none" alt="fbpx"
src="https://www.facebook.com/tr?id=2345611439085367&ev=PageView&noscript=1"/>
</noscript>
<!-- DO NOT MODIFY -->
<!-- Joomla Facebook Integration end -->

        
<!-- Para forzar la compatibilidad de documento con IE -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

<!--META FOR IOS & HANDHELD -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <style type="text/stylesheet">
        @-webkit-viewport   { width: device-width; }
        @-moz-viewport      { width: device-width; }
        @-ms-viewport       { width: device-width; }
        @-o-viewport        { width: device-width; }
        @viewport           { width: device-width; }
    </style>
    <script type="text/javascript">
        //<![CDATA[
        if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
            var msViewportStyle = document.createElement("style");
            msViewportStyle.appendChild(
                    document.createTextNode("@-ms-viewport{width:auto!important}")
                    );
            document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
        }
        //]]>
    </script>
<meta name="HandheldFriendly" content="true"/>
<meta name="apple-mobile-web-app-capable" content="YES"/>
<link rel="apple-touch-icon" sizes="57x57" href="/images/icons/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/images/icons/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/images/icons/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/images/icons/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/images/icons/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/images/icons/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/icons/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/images/icons/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/images/icons/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192"  href="/images/icons/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/icons/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/images/icons/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/images/icons/favicon/favicon-16x16.png">
<link rel="manifest" href="/images/icons/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/images/icons/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<script src="/media/tabs-responsive/js/zozo.tabs.min.js?v=202502071831"></script>
<script src="/media/accordion-responsive/js/zozo.accordion.min.js?v=202502071831"></script>
<script src="/media/VenoBox-master/venobox/venobox.min.js?v=202502071831"></script>
<script src="/libraries/lightboxm/dist/ekko-lightbox.js?v=202502071831"></script>
<!-- //META FOR IOS & HANDHELD -->





<link rel="stylesheet" href="/templates/ja_rent/css/custom.css?v=21082019" type="text/css" />


<!-- Le HTML5 shim and media query for IE8 support -->
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script type="text/javascript" src="/plugins/system/t3/base-bs3/js/respond.min.js"></script>
<![endif]-->

<!-- You can add Google Analytics here or use T3 Injection feature -->



<link rel="stylesheet" href="/web_pagGDS/media/css/font-awesome.min.css?v=202502071831">
<link rel="stylesheet" href="/web_pagGDS/media/css/procesando.css?v=202502071831">

	<!-- Identificacion de canonicas -->
        <link rel="canonical" href="https://www.decameron.com/en/otr-home" />
    <!-- End Identificacion de canonicas -->

    <!-- Multiregional mapping -->
            <link rel="alternate" href="https://www.decameron.com/es/co-inicio" hreflang="es-co" />
            <link rel="alternate" href="https://www.decameron.com/es/pe-inicio" hreflang="es-pe" />
            <link rel="alternate" href="https://www.decameron.com/es/ec-inicio" hreflang="es-ec" />
            <link rel="alternate" href="https://www.decameron.com/es/mx-inicio" hreflang="es-mx" />
            <link rel="alternate" href="https://www.decameron.com/es/pa-inicio" hreflang="es-pa" />
            <link rel="alternate" href="https://www.decameron.com/es/ceca-inicio" hreflang="es" />
            <link rel="alternate" href="https://www.decameron.com/es/otr-inicio" hreflang="es" />
            <link rel="alternate" href="https://www.decameron.com/en/ceca-home" hreflang="en" />
            <link rel="alternate" href="https://www.decameron.com/en/otr-home" hreflang="en" />
            <link rel="alternate" href="https://www.decameron.com/pt/otr-inicio" hreflang="pt" />
            <link rel="alternate" href="https://www.decameron.com/fr/otr-accueil" hreflang="fr" />
    
            <link rel="alternate" href="https://www.decameron.com/es/otr-inicio" hreflang="x-default" />
    <!-- End Multilanguage mapping -->

<script src="/language/sites/es_sites.ini?v=202502071831"></script>

<script>window.dataLayer = [];</script>

                                                    <!-- 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-5TPMB4');</script>
            <!-- End Google Tag Manager -->
                    <!-- 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-T6FWQGL4');</script>
            <!-- End Google Tag Manager -->
                        </head>

                                        <body>
                                    <!-- Google Tag Manager (noscript) -->
                <noscript>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX;visibility:hidden"></iframe></noscript>
                <!-- End Google Tag Manager (noscript) -->
                            <!-- Google Tag Manager (noscript) -->
                <noscript>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX;visibility:hidden"></iframe></noscript>
                <!-- End Google Tag Manager (noscript) -->
                            
        <div class="t3-wrapper"> <!-- Need this wrapper for off-canvas menu. Remove if you don't use of-canvas -->
            
<!-- TOPBAR -->
<div id="t3-topbar" class="wrap t3-topbar">
	<div class="container">
	<div class="row">
		<div class="topbar-1 col-xs-12 col-sm-5 hidden-xs">
					</div>
		<div class="topbar-2 col-xs-12 col-sm-7">
			
							<!-- LANGUAGE SWITCHER -->
				<div class="languageswitcherload">
					
<div class="dropdown mod-languages">
	<a class="dropdown-toggle" data-toggle="dropdown" href="/">
					<img src="/media/mod_languages/images/en_us.gif" alt="EN" title="EN" />				<i class="fa fa-caret-down"></i>
	</a>
	<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
						<li class="">
			<a href="/es/">
							<img src="/media/mod_languages/images/es_es.gif" alt="ES" title="ES" />				<span>ES</span>
						</a>
			</li>
								<li class="">
			<a href="/pt/">
							<img src="/media/mod_languages/images/pt_br.gif" alt="PT" title="PT" />				<span>PT</span>
						</a>
			</li>
							</ul>

</div>



<div class="custom"  >
	<div id="countrySwitcher">
  <img src="/images/Banderas/otr-flag.png" alt="Other Countries" title="Other Countries">
  <span>Other Countries</span>
  <i class="fa fa-angle-down" aria-hidden="true"></i>
</div>
<div id="countryInfo" class="hide">
  <strong>Customer service line:</strong><br>
   +1 855 308 03 75<br>
  <span>Toll free number in the USA</span>
</div>

<ul id="countryMenu" class="dropdown-menu" role="menu" aria-labelledby="dLabel">
  <li class="">
    <a href="/es/co-inicio">
      <img src="/images/Banderas/co-flag.png" alt="Colombia" title="Colombia"> <span>Colombia</span>
    </a>
  </li>
 
  <li class="">
    <a href="/es/ec-inicio">
      <img src="/images/Banderas/ec-flag.png" alt="Ecuador" title="Ecuador"> <span>Ecuador</span>
    </a>
  </li>
  <li class="">
    <a href="/es/mx-inicio">
      <img src="/images/Banderas/mx-flag.png" alt="México" title="México"> <span>Mexico</span>
    </a>
  </li>
  <li class="">
    <a href="/es/pa-inicio">
      <img src="/images/Banderas/pty-flag.png" alt="Panamá" title="Panamá"> <span>Panama</span>
    </a>
  </li>
  <li class="">
    <a href="/es/pe-inicio">
      <img src="/images/Banderas/pe-flag.png" alt="Perú" title="Perú"> <span>Peru</span>
    </a>
  </li>
  <li class="">
    <a href="/en/ceca-home">
      <img src="/images/Banderas/ceca-flag.png" alt="Central America and Caribbean" title="Central America and Caribbean"> <span>Central America and Caribbean</span>
    </a>
  </li>
</ul>
<style type="text/css">
  .languageswitcherload >  div.custom:nth-of-type(2){
    padding: 0px 0px !important;
  }
	div.mod-languages{
		opacity: 0;
		margin-top: 2px;
		transition: opacity 0.5s;
	}
</style>
<script type="text/javascript">
  var jq = jQuery.noConflict();

  jQuery(document).ready(function ($) {

    jq("#countrySwitcher").on( "click", function() {
      jq('.languageswitcherload > .custom:nth-of-type(2)').addClass('open');
      jq('.languageswitcherload > .mod-languages').removeClass('open');
      jq('#countrySwitcher').css('pointer-events', 'none');
    });

    jq(".dropdown-toggle img").after("<span> EN</span>");

    var oldES = '/media/mod_languages/images/es_es.gif';
    var newES = '/images/Banderas/es-flag.png';
    jq('img[src="' + oldES + '"]').attr('src', newES);

    var oldPT = '/media/mod_languages/images/pt_pt.gif';
    var newPT = '/images/Banderas/pt-flag.png';
    jq('img[src="' + oldPT + '"]').attr('src', newPT);

    var oldFR = '/media/mod_languages/images/fr_fr.gif';
    var newFR = '/images/Banderas/fr-flag.png';
    jq('img[src="' + oldFR + '"]').attr('src', newFR);

    var oldEN = '/media/mod_languages/images/en.gif';
    var newEN = '/images/Banderas/en-flag.png';
    jq('img[src="' + oldEN + '"]').attr('src', newEN);

    jq('.languageswitcherload i.fa-caret-down').addClass('fa-angle-down');
    jq('.languageswitcherload i.fa-caret-down').removeClass('fa-caret-down');

    setInterval(mostrarBanderas, 1000);
	function mostrarBanderas() {
	    jq('div.mod-languages').css('opacity','1');
	    clearInterval();
	}

    jq(document).mouseup(function (e) {
      var container = jq(".dropdown-menu");

      if (!container.is(e.target) // if the target of the click isn't the container...
        && container.has(e.target).length === 0) // ... nor a descendant of the container
      {
        jq('#countrySwitcher').click(false);
        jq('.languageswitcherload > .custom:nth-of-type(2)').removeClass('open');
        jq('#countrySwitcher').css('pointer-events', 'auto');
      }
    });
  });
</script></div>


<div class="custom"  >
	<div id="countryCall" class="hidden-sm">
  <i class="fa fa-phone-square" aria-hidden="true"></i>
  <span class="hidden-xs">International Sales Line</span>
  <i class="fa fa-angle-down" aria-hidden="true"></i>
</div>

<ul id="callMenu" class="dropdown-menu" role="menu" aria-labelledby="dLabel">
  <li class="">
    <a href="tel:+18553080375">
      +1 855 308 03 75 <em>(Toll free number in the USA)</em>
    </a>
  </li>
</ul>
<script type="text/javascript">
	var jq = jQuery.noConflict();

	jQuery(document).ready(function ($) {

		jq("#countryCall").on( "click", function(e) {
			jq('.languageswitcherload > .custom:nth-of-type(3)').addClass('open');
			jq('#countryCall').css('pointer-events', 'none');
			e.preventDefault();
		});

		jq('.languageswitcherload i.fa-caret-down').addClass('fa-angle-down');
		jq('.languageswitcherload i.fa-caret-down').removeClass('fa-caret-down');

		jq(document).mouseup(function (e) {
			var container = jq(".dropdown-menu");

      if (!container.is(e.target) // if the target of the click isn't the container...
        && container.has(e.target).length === 0) // ... nor a descendant of the container
      {
      	jq('#countryCall').click(false);
      	jq('.languageswitcherload > .custom:nth-of-type(3)').removeClass('open');
      	jq('#countryCall').css('pointer-events', 'auto');
      }
  });
	});
</script></div>

				</div>
				<!-- //LANGUAGE SWITCHER -->
					</div>
	</div>
	</div>
</div>
<!-- //TOPBAR -->

            
<!-- HEADER -->
<header id="t3-header" class="wrap t3-header">
	<div class="container">
		<div class="row">

			<!-- LOGO -->
			<div class="col-xs-12 col-sm-2 logo">
				<div class="logo-image">
					<a href="https://www.decameron.com/en/otr-home" title="Decameron">
													<img class="logo-img" src="/images/logos/logo-decameron-all-inclusive.png" alt="Decameron" />
																		<span>Decameron</span>
					</a>
					<small class="site-slogan">All Inclusive Hotels & Resorts</small>
				</div>
			</div>
			<!-- //LOGO -->

			<!-- MAIN NAVIGATION -->
			<nav id="t3-mainnav" class="col-xs-12 col-sm-10 navbar navbar-default t3-mainnav">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
					
						
													
<button class="btn btn-primary off-canvas-toggle " type="button" data-pos="right" data-nav="#t3-off-canvas" data-effect="off-canvas-effect-7">
  <i class="fa fa-bars"></i>
</button>

<!-- OFF-CANVAS SIDEBAR -->
<div id="t3-off-canvas" class="t3-off-canvas ">

  <div class="t3-off-canvas-header">
    <h2 class="t3-off-canvas-header-title">Sidebar</h2>
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  </div>

  <div class="t3-off-canvas-body">
    <div class="t3-module module " id="Mod469"><div class="module-inner"><div class="module-ct">

<div class="custom"  >
	<script type="text/javascript">
  var jq = jQuery.noConflict();
  jQuery(document).ready(function ($) {
    jq('.login-bar.hidden-xs').removeClass('hidden-xs');
    jq('.login-message.hidden-xs').removeClass('hidden-xs');
  });
</script></div>
</div></div></div><div class="t3-module module " id="Mod2789"><div class="module-inner"><div class="module-ct">

<div class="custom"  >
	<style>
.t3-wrapper.headerSticky header#t3-header,
.t3-copyright,
.item-215{
  background-color: #2C5C74 !important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
  border-bottom-color: #ffffff !important;
}
.t3-copyright hr{
  border-color: #ffffff;
}
div.copyright div.row:first-of-type{
  border-bottom-color: #ffffff;
}

#socialWrapper i:nth-of-type(2){
  color: #2C5C74;
}
#socialWrapper a:hover{
  color: #469fc5;
}
</style></div>
</div></div></div><div class="t3-module module " id="Mod94"><div class="module-inner"><div class="module-ct"><ul class="nav  nav-pills nav-stacked ">
<li class="item-155 current active"><a href="/en/" >Home</a></li><li class="item-156">	<a href="/en/otr-offers" >Offers</a></li><li class="item-157">	<a href="/en/otr-destinations" >Hotels</a></li><li class="item-158"><a href="/en/otr-all-inclusive" >All Inclusive</a></li><li class="item-159"><a href="/en/otr-activities" >Activities</a></li><li class="item-160">	<a href="/en/otr-events" >Events</a></li><li class="item-5676"><a href="/en/otr-online-registration" >Online Registration</a></li></ul>
</div></div></div><div class="t3-module module " id="Mod551"><div class="module-inner"><div class="module-ct">

<div class="custom"  >
	<style type="text/css">
  a.venobox,
  a.venoboxOne{
    opacity: 0;
    transition: opacity 0.5s;
  }
</style>
<script type="text/javascript">
  var jq = jQuery.noConflict();

  jQuery(document).ready(function ($) {

    setInterval(mostrarBotones, 2000);
    function mostrarBotones() {
      jq('a.venobox').css('opacity','1');
      jq('a.venoboxOne').css('opacity','1');
      clearInterval();
    }
    
  });

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

</div>
<!-- //OFF-CANVAS SIDEBAR -->
						
					</div>

					
					<div class="t3-navbar navbar-collapse collapse">
								<ul class="nav navbar-nav">
			<li class="item-155 current active">				<a href="/en/" >Home</a>
				</li><li class="item-156">				<a href="/en/otr-offers" >Offers</a>
				</li><li class="item-157">				<a href="/en/otr-destinations" >Hotels</a>
				</li><li class="item-158">				<a href="/en/otr-all-inclusive" >All Inclusive</a>
				</li><li class="item-159">				<a href="/en/otr-activities" >Activities</a>
				</li><li class="item-160">				<a href="/en/otr-events" >Events</a>
				</li><li class="item-5676">				<a href="/en/otr-online-registration" >Online Registration</a>
				</li>		</ul>
	
					</div>
			</nav>
			<!-- //MAIN NAVIGATION -->

		</div>
	</div>
</header>
<!-- //HEADER -->
                          
<div id="backimagendos" >
     <div id="divCargando">
        <img src="/images/logos/decameron-logo.png">
                <p></p>
        <img id="todoIncluido" src="/images/logos/todo-incluido.gif">
    </div>
</div>

            

            
            <!-- BREADCRUMB -->
<nav class="wrap t3-breadcrumb ">
<div class="container">

</div>
</nav>
<!-- //BREADCRUMB -->
            
<div id="t3-features-intro" class="features-intro">
			<div class="wrap t3-section   " id="Mod1219"  ><div class="container"><div class="section-header "><p class="container-sm module-intro"><video autoplay loop muted poster="/images/promociones/colombia/2024/videohome/home-video-dile-si.jpg" class="fillWidth">
  <source src="https://www.decameron.com/media/360/video-home/dile-si-2/dile-si-vacaciones-todo-incluido.mp4" type="video/mp4"/>
  <source src="https://www.decameron.com/media/360/video-home/dile-si-2/dile-si-vacaciones-todo-incluido.ogg" type="video/ogg"/>
  <source src="https://www.decameron.com/media/360/video-home/dile-si-2/dile-si-vacaciones-todo-incluido.webm" type="video/webm"/>
</video>

<style type="text/css">

video + img{
  position: absolute;
  top: 200px;
  right: 10%;
  width: 350px;
}
/* Video */
#Mod1219 .module-intro {
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
.module-intro > video.fillWidth {
  position:absolute;
  width: 100%;
  z-index: -1;
}
@media (max-width: 1200px) { 
  .module-intro > video.fillWidth {
    left: -50%;
    width: 150%;
  }
}
@media (max-width: 768px) {
      div#Mod1219{
        background-image: url(/images/promociones/colombia/2024/videohome/dile-si.jpg);
        background-repeat: no-repeat;
        background-position: center right;
        background-size: cover;
      }
      div#Mod1219 .section-inner{
        margin-top: -60px;
      }
    }


/* Booking */

div#Mod1219{
  position: relative;
}

div#Mod1219 .section-inner{
  margin-top: -60px;
}

@media (min-width: 800px) and (min-height: 600px) {
  div#bookingEngine{
    margin-top: 340px;
  }
}

@media (min-width: 800px) and (min-height: 700px) {
  div#bookingEngine{
    margin-top: 450px;
  }
}

</style>

  <script>

    setTimeout(function() {
        const bookTitle = document.querySelector('#tituloBooking')
        bookTitle.innerHTML = '';
        bookTitle.style.height = '150px'
        console.log('erased');
    }, 1000);

  </script></p></div><div class="section-inner">
<style>
    #contenido{
        background-color: transparent;
        width: 100%;
        opacity: 0;
        -webkit-transition: all 0.5s; /* Safari */
        transition: all 0.5s;
    }
</style>

<!DOCTYPE html>
<html lang="en">
    <head>
<meta name="google-site-verification" content="TEfJvdBZVhWGlrumG_mtvxBhnDtb6TlO62JRQs0A73g" />
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

        <title>Booking</title>

        
        <!-- Externos -->
        <link rel="stylesheet" href="/web_pagGDS/media/css/bootstrap-select.css?v=202502071831">
        <link rel="stylesheet" href="/web_pagGDS/media/css/font-awesome.min.css?v=202502071831">
        <link rel="stylesheet" href="/web_pagGDS/media/css/daterangepicker.css?v=202502071831">
        <link rel="stylesheet" href="/web_pagGDS/media/css/jquery.autocomplete.css?v=202502071831">

        <!-- Internos -->
        <link rel="stylesheet" href="/web_pagGDS/media/css/bookingEngine.css?v=202502071831">

        <!-- Kognitiv -->
                
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
            <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->       
    </head>

    <body>

        <div id="infoModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 id="myModalLabel" class="modal-title"></h4>
                    </div>
                    <div class="modal-body embed-container">
                        <iframe id="iframeDataLegal" width="570px" height="350px" frameborder="0" allowfullscreen></iframe>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>

        
<div id="bookingEngine">
    <div id="tituloBooking"> </div>

    <div id="infoFormulario" class="hide" role="alert">
        <div class="closeBox"><i class="fa fa-times-circle" aria-hidden="true"></i></div>
        <div id="alertMsg"><i class="fa fa-exclamation-circle" aria-hidden="true"></i><span></span></div>
    </div>

    <div id="alertaFormulario" class="hide" role="alert">
        <div id="alertMsg"><i class="fa fa-exclamation-circle" aria-hidden="true"></i><span></span></div>
        <div class="triangle"></div>
    </div>
    <div class="col-xs-12 tab-content">
        <!-- block-mask -->
        <div id="blockMask" class="col-xs-12" title="This booking will be available when the agent is logged"></div>
        <div id="component-selector" class="form-group gruposBooking contDerecho col-xs-12">
            <div class="radioButton radioButtonComponent hide" data-code="1">
                <input id="sinTransporte" name="selectorComponente" type="radio" value="Hotel" checked />
                <label for="sinTransporte"><span class="radio">Hotel</span></label>
            </div>
            <div class="radioButton radioButtonComponent hide" data-code="2">
                <input id="tiquetesAereos" name="selectorComponente" type="radio" value="Aereo"   />
                <label for="tiquetesAereos"><span class="radio">Hotel + Flight</span></label>
            </div>
            <div class="radioButton radioButtonComponent hide" data-code="3">
                <input id="tiquetesTerrestres" name="selectorComponente" type="radio" value="Terrestre" />
                <label for="tiquetesTerrestres"><span class="radio">Hotel + Bus</span></label>
            </div>
        </div>

                <input id="msgNinios" type="hidden" value="Exact ages" />
        <input id="typeSource" name="typeSource" type="hidden" value="typeahead" />
        <input id="webpackage" name="webpackage" type="hidden" class="additional-inputs" value="/web_pagGDS/" />
        <input id="originType" name="originType" type="hidden" class="additional-inputs" value="" />
        <input id="accomodation-data" name="accomodation-data" type="hidden" class="additional-inputs" value="" />
        <input id="passengers-data" name="passengers-data" type="hidden" class="additional-inputs" value="eyI1OCI6eyJ0eXBlSWQiOjU4LCJ0eXBlIjoiQWR1bHRzIiwibGFiZWwiOiJBZHVsdHMiLCJtYXhQYXgiOjQsIm1pblBheCI6MCwiYWdlTGFiZWwiOiImR1Q7IDEyIiwibWluU2VsZWN0ZWQiOjAsImRlZmF1bHRTZWxlY3RlZCI6MiwiYWdlTWluIjoiMTIiLCJhZ2VNYXgiOiI5OSIsImFnZU1pblRpdCI6IjE4IiwiYXZlcmFuZ2VBZ2UiOjU1LjV9LCI0NSI6eyJ0eXBlSWQiOjQ1LCJ0eXBlIjoiQ2hpbGRyZW4iLCJsYWJlbCI6IkNoaWxkcmVuIiwibWF4UGF4Ijo0LCJtaW5QYXgiOjAsImFnZUxhYmVsIjoiMi0xMSIsIm1pblNlbGVjdGVkIjowLCJkZWZhdWx0U2VsZWN0ZWQiOjAsImFnZU1pbiI6IjIiLCJhZ2VNYXgiOiIxMSIsImFnZU1pblRpdCI6IjE4IiwiYXZlcmFuZ2VBZ2UiOjYuNX0sIjcwIjp7InR5cGVJZCI6NzAsInR5cGUiOiJJbmZhbnRzIiwibGFiZWwiOiJJbmZhbnRzIiwibWF4UGF4Ijo0LCJtaW5QYXgiOjAsImFnZUxhYmVsIjoiJkxUOyAyIiwibWluU2VsZWN0ZWQiOjAsImRlZmF1bHRTZWxlY3RlZCI6MCwiYWdlTWluIjoiMCIsImFnZU1heCI6IjEiLCJhZ2VNaW5UaXQiOiIxOCIsImF2ZXJhbmdlQWdlIjowLjV9fQ==" />
        <input id="guests-data" name="guests-data" type="hidden" class="additional-inputs" value="" />
        <input id="currency" name="currency" type="hidden" class="additional-inputs" value="USD" />
        <input id="kognitiv-actived" type="hidden" value="0" />
        <input id="booking-date-ranges" type="hidden" value="eyJPVFJPUyI6eyJIT1RFTCI6eyJtaW5EYXlzIjoyLCJtYXhEYXlzIjo1NDh9LCJBRVJFTyI6eyJtaW5EYXlzIjoyLCJtYXhEYXlzIjozNjV9LCJURVJSRVNUUkUiOnsibWluRGF5cyI6MiwibWF4RGF5cyI6MzY1fX19" />
        
        <input id="isQuoting" name="isQuoting" type="hidden" value="" />
        
                <!-- Forms -->
                                                            <form target="_parent" role="form" id="frm_hotel" name="frm_hotel" method="GET" action="https://www.decameron.com/index.php" class="form-component hide hotel"
                    autocomplete="off" data-code="1" data-component="Hotel"> 
                    <div data-error="hotel" class="error_hotel errorAlert" style="display: none;">Required Fields</div>

                    <div class="col-xs-12 col-md-11">

                        <!-- Ciudad de Origen -->
                        <div id="ciudadOrigenWrapper" class="form-group gruposBooking col-xs-12 col-sm-6 col-md-3">
                            <label for="origenCompHotel">Origin/City Name</label>
                            <div id="origenCompHotelWrapper" class="inputWrapper">
                                <span class="iconInput"><i class="fa fa-map-marker"></i></span>
                                <input id="ciudadHotelOrigen" name="ciudadHotelOrigen" type="hidden" class="hotelpicker" data-ciudad="required" value="" data-msg-required="Going to?" />
                                <input id="origenCompHotel" name="origenCompHotel" data-component="Hotel" type="text" placeholder="Origin, Flying from" class="form-control typeahead input-lg"  >
                                                                <div id="origenCompHotelError" class="alertaFormulario col-lg-12" role="alert">
    <div id="alertMsg"><i class="fa fa-exclamation-circle" aria-hidden="true"></i><span></span></div>
    <div class="triangle"></div>
</div>                            </div>
                        </div>

                        <!-- Hotel -->
                        <div class="form-group gruposBooking ajusteIpad col-xs-12 col-sm-6 col-md-3">
                            <label for="hotelCompHotel1">Hotel</label>
                            <div class="inputWrapper">
                                <span class="iconInput"><i class="fa fa-building-o"></i></span>
                                <select name="hotel" id="hotelCompHotel1" data-msg-required="Choose your favorite hotel and destination" class="form-control input-lg selectpicker hotelpicker" title="Select the hotel of your preference" data-live-search="true" data-container="body" data-size="10">
                                    <option selected disabled style="display: none;"></option>
                                    <optgroup label='Colombia - Cartagena - Baru Island' data-icon='fa fa-map-marker'><option data-icon='fa fa-building-o' data-tokens='Colombia Bolivar Baru Island Decameron' value='3552|CARTAGENA (RAFAEL NUNEZ)|42|Colombia|8985|DECAMERON BARU BEACH RESORT, SPA Y CENTRO DE CONVENCIONES||CTG'>Barú</option></optgroup><optgroup label='Colombia - Bolivar - Cartagena' data-icon='fa fa-map-marker'><option data-icon='fa fa-building-o' data-tokens='Colombia Bolivar Cartagena Decameron' value='3552|CARTAGENA (RAFAEL NUNEZ)|42|Colombia|8670|DECAMERON CARTAGENA||CTG'>Cartagena</option><option data-icon='fa fa-building-o' data-tokens='Colombia Bolivar Cartagena Decameron Apartahotel Boutique San Pedro' value='3552|CARTAGENA (RAFAEL NUNEZ)|42|Colombia|42290|APARTAHOTEL BOUTIQUE SAN PEDRO||CTG'>Apartahotel Boutique San Pedro</option></optgroup><optgroup label='Colombia - Magdalena - Santa Marta' data-icon='fa fa-map-marker'><option data-icon='fa fa-building-o' data-tokens='Colombia Magdalena Santa Marta Galeón Galeon Decameron' value='3649|SANTA MARTA (SIMON BOLIVAR)|42|Colombia|8675|DECAMERON GALEON||SMR'>Galeón</option></optgroup><optgroup label='Colombia - San Andres Island' data-icon='fa fa-map-marker'><option data-icon='fa fa-building-o' data-tokens='Colombia San Andres Island San Luis Decameron' value='3775|SAN ANDRES ISLAND|42|Colombia|8668|DECAMERON SAN LUIS||ADZ'>San Luis</option><option data-icon='fa fa-building-o' data-tokens='Colombia San Andres Island Aquarium Decameron' value='3775|SAN ANDRES ISLAND|42|Colombia|8669|DECAMERON AQUARIUM||ADZ'>Aquarium</option><option data-icon='fa fa-building-o' data-tokens='Colombia San Andres Island Isleño Isleno Decameron' value='3775|SAN ANDRES ISLAND|42|Colombia|8671|DECAMERON ISLENO BEACH RESORT, SPA & CENTRO DE CONVENCIONES||ADZ'>Isleño</option><option data-icon='fa fa-building-o' data-tokens='Colombia San Andres Island Los Delfines Decameron' value='3775|SAN ANDRES ISLAND|42|Colombia|8691|DECAMERON BOUTIQUE LOS DELFINES||ADZ'>Los Delfines</option><option data-icon='fa fa-building-o' data-tokens='Colombia San Andres Island Marazul Decameron' value='3775|SAN ANDRES ISLAND|42|Colombia|8672|DECAMERON MARAZUL||ADZ'>Marazul</option><option data-icon='fa fa-building-o' data-tokens='Colombia San Andres Island Maryland Decameron' value='3775|SAN ANDRES ISLAND|42|Colombia|8673|DECAMERON MARYLAND||ADZ'>Maryland</option></optgroup><optgroup label='Colombia - Quindio - Quimbaya' data-icon='fa fa-map-marker'><option data-icon='fa fa-building-o' data-tokens='Colombia Quindio Quimbaya Las Heliconias Decameron' value='3773|QUIMBAYA (QUINDIO)|42|Colombia|17955|DECAMERON CINCO HERRADURAS S.A.S LAS HELICONIAS||FVK'>Las Heliconias</option><option data-icon='fa fa-building-o' data-tokens='Colombia Quindio Quimbaya Panaca Decameron' value='3773|QUIMBAYA (QUINDIO)|42|Colombia|8693|DECAMERON PANACA||FVK'>Panaca</option></optgroup><optgroup label='Colombia - Amazon - Leticia' data-icon='fa fa-map-marker'><option data-icon='fa fa-building-o' data-tokens='Colombia Amazon Amazonas Leticia Decalodge Ticuna Decameron' value='3587|LETICIA (GEN. A.V. COBO)|42|Colombia|8690|DECAMERON DECALODGE TICUNA||LET'>Decalodge Ticuna</option></optgroup><optgroup label='Ecuador - Esmeraldas - Mompiche' data-icon='fa fa-map-marker'><option data-icon='fa fa-building-o' data-tokens='Ecuador Esmeraldas Mompiche Royal Decameron' value='2850|ESMERALDAS|55|Ecuador|9029|ROYAL DECAMERON MOMPICHE||ESM'>Mompiche</option></optgroup><optgroup label='Ecuador - Santa Elena - Santa Elena' data-icon='fa fa-map-marker'><option data-icon='fa fa-building-o' data-tokens='Ecuador Santa Elena Punta Centinela Royal Decameron' value='2852|GUAYAQUIL (SIMON BOLIVAR)|55|Ecuador|12742|ROYAL DECAMERON PUNTA CENTINELA||GYE'>Punta Centinela</option></optgroup><optgroup label='Peru - Lima - Santa Clara' data-icon='fa fa-map-marker'><option data-icon='fa fa-building-o' data-tokens='Peru Lima Santa Clara Convention Center El Pueblo Resort &' value='2895|LIMA (J CHAVEZ INTL)|144|Perú|24445|DECAMERON EL PUEBLO||LIM'>El Pueblo</option></optgroup><optgroup label='Peru - Tumbes - Punta Sal' data-icon='fa fa-map-marker'><option data-icon='fa fa-building-o' data-tokens='Peru Tumbes Punta Sal Royal Decameron' value='2899|TUMBES|144|Perú|13038|ROYAL DECAMERON PUNTA SAL||TBP'>Punta Sal</option></optgroup><optgroup label='Mexico - Baja California - San Jose del Cabo' data-icon='fa fa-map-marker'><option data-icon='fa fa-building-o' data-tokens='Mexico Baja California Sur San Jose del Cabo Los Cabos' value='2114|SAN JOSE CABO (LOS CABOS)|119|México|16545|GRAND DECAMERON LOS CABOS, A TRADEMARK ALL INCLUSIVE RESORT||SJD'>Los Cabos</option></optgroup><optgroup label='Mexico - Nayarit - Bucerias' data-icon='fa fa-map-marker'><option data-icon='fa fa-building-o' data-tokens='Mexico Nayarit Bucerias Puerto Vallarta Complex Royal Decameron' value='13230|BUCERIAS|119|México|8697|GRAND DECAMERON COMPLEX BUCERIAS, A TRADEMARK ALL INCLUSIVE RESORT||BUC'>Complex</option></optgroup><optgroup label='Mexico - Nayarit - Rincon de Guayabitos' data-icon='fa fa-map-marker'><option data-icon='fa fa-building-o' data-tokens='Mexico Nayarit Rincon de Guayabitos Puerto Vallarta Isla Coral Decameron' value='13228|RINCON DE GUAYABITOS|119|México|42741|DECAMERON ISLA CORAL GUAYABITOS, RAMADA ALL INCLUSIVE RESORT||RGU'>Isla Coral</option><option data-icon='fa fa-building-o' data-tokens='Mexico Nayarit Rincon de Guayabitos Puerto Vallarta La Marina Decameron' value='13228|RINCON DE GUAYABITOS|119|México|42742|DECAMERON LA MARINA GUAYABITOS, RAMADA ALL INCLUSIVE RESORT||RGU'>La Marina</option><option data-icon='fa fa-building-o' data-tokens='Mexico Nayarit Rincon de Guayabitos Puerto Vallarta Los Cocos Decameron' value='13228|RINCON DE GUAYABITOS|119|México|8698|DECAMERON LOS COCOS GUAYABITOS, RAMADA ALL INCLUSIVE RESORT||RGU'>Los Cocos</option></optgroup><optgroup label='El Salvador - Sonsonate - Acajutla' data-icon='fa fa-map-marker'><option data-icon='fa fa-building-o' data-tokens='El Salvador - Sonsonate Acajutla Salinitas Royal Decameron' value='2150|SAN SALVADOR (COMALAPA INTERNATIONAL)|57|El Salvador|8699|ROYAL DECAMERON SALINITAS||SAL'>Salinitas</option></optgroup><optgroup label='Jamaica - Saint James - Montego Bay' data-icon='fa fa-map-marker'><option data-icon='fa fa-building-o' data-tokens='Jamaica Saint James Montego Bay Cornwall Beach Royal Decameron' value='2058|MONTEGO BAY (SANGSTER INTL)|94|Jamaica|24853|GRAND DECAMERON CORNWALL BEACH, A TRADEMARK ALL INCLUSIVE RESORT||MBJ'>Cornwall</option><option data-icon='fa fa-building-o' data-tokens='Jamaica Saint James Montego Bay Beach Royal Decameron' value='2058|MONTEGO BAY (SANGSTER INTL)|94|Jamaica|1078|GRAND DECAMERON MONTEGO BEACH, A TRADEMARK ALL INCLUSIVE RESORT||MBJ'>Montego</option></optgroup><optgroup label='Jamaica - Saint Ann - Runaway Bay' data-icon='fa fa-map-marker'><option data-icon='fa fa-building-o' data-tokens='Jamaica Saint Ann Runaway Bay Club Caribbean Royal Decameron' value='5030|RUNAWAY BAY|94|Jamaica|1077|DECAMERON CLUB CARIBBEAN RUNAWAY BAY, RAMADA ALL INCLUSIVE RESORT||MBJ'>Club Caribbean</option></optgroup><optgroup label='Panama - Rio Hato - Farallon' data-icon='fa fa-map-marker'><option data-icon='fa fa-building-o' data-tokens='Panama Rio Hato Farallon Costa Blanca Golf Beach Resort & Villas Beach Royal Decameron' value='2139|CIUDAD DE PANAMA|141|Panama|8695|GRAND DECAMERON PANAMA A TRADEMARK ALL INCLUSIVE RESORT||PTY'>Panamá</option></optgroup>                                </select>
                                                                <div id="hotelCompHotel1Error" class="alertaFormulario col-lg-12" role="alert">
    <div id="alertMsg"><i class="fa fa-exclamation-circle" aria-hidden="true"></i><span></span></div>
    <div class="triangle"></div>
</div>                            </div>
                        </div>

                        <!-- Fechas -->
                        <div class="form-group gruposBooking col-xs-12 col-sm-6 col-md-3">
                            <label for="fechasCompHotel1" style="font-weight: bold;"><span style="font-weight: normal;">Date</span> ( <i class="fa fa-moon-o" aria-hidden="true"></i> <span id="nochesHotel1" class="night1"></span> )</label>
                            <div class="inputWrapper">
                                <span class="iconInput"><i class="fa fa-calendar"></i></span>
                                <input id="fechasCompHotel1" name="fechasCompHotel1" 
                                    type="text" class="form-control input-lg date-comp-1" autocomplete="off" 
                                    placeholder="Entry - Departure" 
                                    data-msg-required="Starting date of your get away" readonly>
                                                                                                <div id="fechasCompHotel1Error" class="alertaFormulario col-lg-12" role="alert">
    <div id="alertMsg"><i class="fa fa-exclamation-circle" aria-hidden="true"></i><span></span></div>
    <div class="triangle"></div>
</div>                            </div>
                        </div>

                        <!-- Acomodaciones -->
                        <div class="form-group gruposBooking ajusteIpad selectorHabitaciones col-xs-12 col-sm-6 col-md-3">
                            <label for="selectorAcomodacionHotel">Rooms</label>
                            <div class="inputWrapper">
                                <span class="iconInput"><i class="fa fa-user"></i></span>
                                <input id="selectorAcomodacionHotel" name="selectorAcomodacionHotel" type="text" class="form-control input-lg acomodacionInput" onclick="cambia_datos('Hotel')" autocomplete="off" readonly placeholder="Accommodation">
                                <div class="alertaAcomodacion" role="alert">
                                    The access only is available for people older than 18                                    <span aria-hidden="true">
                                        Close &times;
                                    </span>
                                </div>
                                                                <div class="alertAgentPax" role="alert">
                                    <strong>
                                                                            </strong>
                                                                    </div>
                                <div class="alertMaxPaxAerTer" role="alert">
                                    <strong>
                                                                            </strong>
                                    In groups larger than 9 passengers, please contact Decameron                                </div>
                                                                                            </div>                       

                            <div id="acomodacionWrapperHotel" name="acomodacionWrapperHotel" class="acomodacionWrapper col-xs-12" style="display: none;">
                                                                                                    <div id="hab1Hotel" class="col-xs-12 ">
        <div class="tituloHabitacion"> Room 1 <span></span>
            <a class="tooltipHabitacion" data-toggle="tooltip" data-placement="bottom" data-container="body" title="It is important that you take into account that if a minor under 18 years of age is included in the trip without the company of his or her parents, regardless of whether the child or adult rate (older than 12 years of age) applies, it is required that the documents that are expressly listed in the document section are submitted upon entry to the hotel.">
                <i class="fa fa-question-circle"></i>
            </a>
                    </div>

                    <div id="hab1Adults" class="form-group gruposBooking col-sm-5ths col-xs-6 incrementalWrapper">
                <label for="selectHotelHab1Adults">Adults <span class="texto_58_Hotel" data-val="&GT; 12">&GT; 12</span></label> 
                                <div>
                    <button type="button" class="incrementalButton" id="restarHab1AdultsHotel"
                        data-selector="selectHotelHab1Adults" 
                        data-operation="0" data-form="frm_hotel"
                        data-component="Hotel" data-hab-number="1"
                        data-ptype-name="Adults" data-ptype="58"
                        data-min-selected="0" >
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-minus fa-stack-1x"></i>
                        </span>
                    </button>
                    <div class="selectWrapper selectNumbers">
                        <select id="selectHotelHab1Adults" 
                                name="selectHotelHab1Adults" 
                                class="form-control input-lg incrementalSelects" data-max-pax="4" 
                                data-min-pax="0"                                 data-hab-number="1" data-ptype="58"
                                data-def-select="2"
                                data-age-min="12" >
                                                            <option value="0"  >0</option>
                                                            <option value="1"  >1</option>
                                                            <option value="2" selected >2</option>
                                                            <option value="3"  >3</option>
                                                            <option value="4"  >4</option>
                                                    </select>
                        <input type="hidden" id="datamax" data-max="4">
                    </div>
                    <button type="button" class="incrementalButton" id="adicionarHab1AdultsHotel"
                        data-selector="selectHotelHab1Adults" 
                        data-operation="1" data-component="Hotel" data-form="frm_hotel" 
                        data-component="Hotel" data-hab-number="1"
                        data-ptype-name="Adults" data-ptype="58"                        
                        data-min-selected="0" > 
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-plus fa-stack-1x"></i>
                        </span>
                    </button>
                </div>
            </div>
                    <div id="hab1Children" class="form-group gruposBooking col-sm-5ths col-xs-6 incrementalWrapper">
                <label for="selectHotelHab1Children">Children <span class="texto_45_Hotel" data-val="2-11">2-11</span></label> 
                                <div>
                    <button type="button" class="incrementalButton" id="restarHab1ChildrenHotel"
                        data-selector="selectHotelHab1Children" 
                        data-operation="0" data-form="frm_hotel"
                        data-component="Hotel" data-hab-number="1"
                        data-ptype-name="Children" data-ptype="45"
                        data-min-selected="0" >
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-minus fa-stack-1x"></i>
                        </span>
                    </button>
                    <div class="selectWrapper selectNumbers">
                        <select id="selectHotelHab1Children" 
                                name="selectHotelHab1Children" 
                                class="form-control input-lg incrementalSelects" data-max-pax="4" 
                                data-min-pax="0"                                 data-hab-number="1" data-ptype="45"
                                data-def-select="0"
                                data-age-min="2" >
                                                            <option value="0" selected >0</option>
                                                            <option value="1"  >1</option>
                                                            <option value="2"  >2</option>
                                                            <option value="3"  >3</option>
                                                            <option value="4"  >4</option>
                                                    </select>
                        <input type="hidden" id="datamax" data-max="4">
                    </div>
                    <button type="button" class="incrementalButton" id="adicionarHab1ChildrenHotel"
                        data-selector="selectHotelHab1Children" 
                        data-operation="1" data-component="Hotel" data-form="frm_hotel" 
                        data-component="Hotel" data-hab-number="1"
                        data-ptype-name="Children" data-ptype="45"                        
                        data-min-selected="0" > 
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-plus fa-stack-1x"></i>
                        </span>
                    </button>
                </div>
            </div>
                    <div id="hab1Infants" class="form-group gruposBooking col-sm-5ths col-xs-6 incrementalWrapper">
                <label for="selectHotelHab1Infants">Infants <span class="texto_70_Hotel" data-val="&LT; 2">&LT; 2</span></label> 
                                <div>
                    <button type="button" class="incrementalButton" id="restarHab1InfantsHotel"
                        data-selector="selectHotelHab1Infants" 
                        data-operation="0" data-form="frm_hotel"
                        data-component="Hotel" data-hab-number="1"
                        data-ptype-name="Infants" data-ptype="70"
                        data-min-selected="0" >
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-minus fa-stack-1x"></i>
                        </span>
                    </button>
                    <div class="selectWrapper selectNumbers">
                        <select id="selectHotelHab1Infants" 
                                name="selectHotelHab1Infants" 
                                class="form-control input-lg incrementalSelects" data-max-pax="4" 
                                data-min-pax="0"                                 data-hab-number="1" data-ptype="70"
                                data-def-select="0"
                                data-age-min="0" >
                                                            <option value="0" selected >0</option>
                                                            <option value="1"  >1</option>
                                                            <option value="2"  >2</option>
                                                            <option value="3"  >3</option>
                                                            <option value="4"  >4</option>
                                                    </select>
                        <input type="hidden" id="datamax" data-max="4">
                    </div>
                    <button type="button" class="incrementalButton" id="adicionarHab1InfantsHotel"
                        data-selector="selectHotelHab1Infants" 
                        data-operation="1" data-component="Hotel" data-form="frm_hotel" 
                        data-component="Hotel" data-hab-number="1"
                        data-ptype-name="Infants" data-ptype="70"                        
                        data-min-selected="0" > 
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-plus fa-stack-1x"></i>
                        </span>
                    </button>
                </div>
            </div>
            </div>
    <div id="hab2Hotel" class="col-xs-12 room-container">
        <div class="tituloHabitacion"> Room 2 <span></span>
            <a class="tooltipHabitacion" data-toggle="tooltip" data-placement="bottom" data-container="body" title="It is important that you take into account that if a minor under 18 years of age is included in the trip without the company of his or her parents, regardless of whether the child or adult rate (older than 12 years of age) applies, it is required that the documents that are expressly listed in the document section are submitted upon entry to the hotel.">
                <i class="fa fa-question-circle"></i>
            </a>
                            <span class="eliminarHabButton" data-room="2" data-component="Hotel"> <i class="fa fa-minus"></i> Remove Room</span>
                    </div>

                    <div id="hab2Adults" class="form-group gruposBooking col-sm-5ths col-xs-6 incrementalWrapper">
                <label for="selectHotelHab2Adults">Adults <span class="texto_58_Hotel" data-val="&GT; 12">&GT; 12</span></label> 
                                <div>
                    <button type="button" class="incrementalButton" id="restarHab2AdultsHotel"
                        data-selector="selectHotelHab2Adults" 
                        data-operation="0" data-form="frm_hotel"
                        data-component="Hotel" data-hab-number="2"
                        data-ptype-name="Adults" data-ptype="58"
                        data-min-selected="0" >
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-minus fa-stack-1x"></i>
                        </span>
                    </button>
                    <div class="selectWrapper selectNumbers">
                        <select id="selectHotelHab2Adults" 
                                name="selectHotelHab2Adults" 
                                class="form-control input-lg incrementalSelects" data-max-pax="4" 
                                data-min-pax="0" disabled                                data-hab-number="2" data-ptype="58"
                                data-def-select="2"
                                data-age-min="12" >
                                                            <option value="0"  >0</option>
                                                            <option value="1"  >1</option>
                                                            <option value="2" selected >2</option>
                                                            <option value="3"  >3</option>
                                                            <option value="4"  >4</option>
                                                    </select>
                        <input type="hidden" id="datamax" data-max="4">
                    </div>
                    <button type="button" class="incrementalButton" id="adicionarHab2AdultsHotel"
                        data-selector="selectHotelHab2Adults" 
                        data-operation="1" data-component="Hotel" data-form="frm_hotel" 
                        data-component="Hotel" data-hab-number="2"
                        data-ptype-name="Adults" data-ptype="58"                        
                        data-min-selected="0" > 
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-plus fa-stack-1x"></i>
                        </span>
                    </button>
                </div>
            </div>
                    <div id="hab2Children" class="form-group gruposBooking col-sm-5ths col-xs-6 incrementalWrapper">
                <label for="selectHotelHab2Children">Children <span class="texto_45_Hotel" data-val="2-11">2-11</span></label> 
                                <div>
                    <button type="button" class="incrementalButton" id="restarHab2ChildrenHotel"
                        data-selector="selectHotelHab2Children" 
                        data-operation="0" data-form="frm_hotel"
                        data-component="Hotel" data-hab-number="2"
                        data-ptype-name="Children" data-ptype="45"
                        data-min-selected="0" >
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-minus fa-stack-1x"></i>
                        </span>
                    </button>
                    <div class="selectWrapper selectNumbers">
                        <select id="selectHotelHab2Children" 
                                name="selectHotelHab2Children" 
                                class="form-control input-lg incrementalSelects" data-max-pax="4" 
                                data-min-pax="0" disabled                                data-hab-number="2" data-ptype="45"
                                data-def-select="0"
                                data-age-min="2" >
                                                            <option value="0" selected >0</option>
                                                            <option value="1"  >1</option>
                                                            <option value="2"  >2</option>
                                                            <option value="3"  >3</option>
                                                            <option value="4"  >4</option>
                                                    </select>
                        <input type="hidden" id="datamax" data-max="4">
                    </div>
                    <button type="button" class="incrementalButton" id="adicionarHab2ChildrenHotel"
                        data-selector="selectHotelHab2Children" 
                        data-operation="1" data-component="Hotel" data-form="frm_hotel" 
                        data-component="Hotel" data-hab-number="2"
                        data-ptype-name="Children" data-ptype="45"                        
                        data-min-selected="0" > 
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-plus fa-stack-1x"></i>
                        </span>
                    </button>
                </div>
            </div>
                    <div id="hab2Infants" class="form-group gruposBooking col-sm-5ths col-xs-6 incrementalWrapper">
                <label for="selectHotelHab2Infants">Infants <span class="texto_70_Hotel" data-val="&LT; 2">&LT; 2</span></label> 
                                <div>
                    <button type="button" class="incrementalButton" id="restarHab2InfantsHotel"
                        data-selector="selectHotelHab2Infants" 
                        data-operation="0" data-form="frm_hotel"
                        data-component="Hotel" data-hab-number="2"
                        data-ptype-name="Infants" data-ptype="70"
                        data-min-selected="0" >
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-minus fa-stack-1x"></i>
                        </span>
                    </button>
                    <div class="selectWrapper selectNumbers">
                        <select id="selectHotelHab2Infants" 
                                name="selectHotelHab2Infants" 
                                class="form-control input-lg incrementalSelects" data-max-pax="4" 
                                data-min-pax="0" disabled                                data-hab-number="2" data-ptype="70"
                                data-def-select="0"
                                data-age-min="0" >
                                                            <option value="0" selected >0</option>
                                                            <option value="1"  >1</option>
                                                            <option value="2"  >2</option>
                                                            <option value="3"  >3</option>
                                                            <option value="4"  >4</option>
                                                    </select>
                        <input type="hidden" id="datamax" data-max="4">
                    </div>
                    <button type="button" class="incrementalButton" id="adicionarHab2InfantsHotel"
                        data-selector="selectHotelHab2Infants" 
                        data-operation="1" data-component="Hotel" data-form="frm_hotel" 
                        data-component="Hotel" data-hab-number="2"
                        data-ptype-name="Infants" data-ptype="70"                        
                        data-min-selected="0" > 
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-plus fa-stack-1x"></i>
                        </span>
                    </button>
                </div>
            </div>
            </div>
    <div id="hab3Hotel" class="col-xs-12 room-container">
        <div class="tituloHabitacion"> Room 3 <span></span>
            <a class="tooltipHabitacion" data-toggle="tooltip" data-placement="bottom" data-container="body" title="It is important that you take into account that if a minor under 18 years of age is included in the trip without the company of his or her parents, regardless of whether the child or adult rate (older than 12 years of age) applies, it is required that the documents that are expressly listed in the document section are submitted upon entry to the hotel.">
                <i class="fa fa-question-circle"></i>
            </a>
                            <span class="eliminarHabButton" data-room="3" data-component="Hotel"> <i class="fa fa-minus"></i> Remove Room</span>
                    </div>

                    <div id="hab3Adults" class="form-group gruposBooking col-sm-5ths col-xs-6 incrementalWrapper">
                <label for="selectHotelHab3Adults">Adults <span class="texto_58_Hotel" data-val="&GT; 12">&GT; 12</span></label> 
                                <div>
                    <button type="button" class="incrementalButton" id="restarHab3AdultsHotel"
                        data-selector="selectHotelHab3Adults" 
                        data-operation="0" data-form="frm_hotel"
                        data-component="Hotel" data-hab-number="3"
                        data-ptype-name="Adults" data-ptype="58"
                        data-min-selected="0" >
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-minus fa-stack-1x"></i>
                        </span>
                    </button>
                    <div class="selectWrapper selectNumbers">
                        <select id="selectHotelHab3Adults" 
                                name="selectHotelHab3Adults" 
                                class="form-control input-lg incrementalSelects" data-max-pax="4" 
                                data-min-pax="0" disabled                                data-hab-number="3" data-ptype="58"
                                data-def-select="2"
                                data-age-min="12" >
                                                            <option value="0"  >0</option>
                                                            <option value="1"  >1</option>
                                                            <option value="2" selected >2</option>
                                                            <option value="3"  >3</option>
                                                            <option value="4"  >4</option>
                                                    </select>
                        <input type="hidden" id="datamax" data-max="4">
                    </div>
                    <button type="button" class="incrementalButton" id="adicionarHab3AdultsHotel"
                        data-selector="selectHotelHab3Adults" 
                        data-operation="1" data-component="Hotel" data-form="frm_hotel" 
                        data-component="Hotel" data-hab-number="3"
                        data-ptype-name="Adults" data-ptype="58"                        
                        data-min-selected="0" > 
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-plus fa-stack-1x"></i>
                        </span>
                    </button>
                </div>
            </div>
                    <div id="hab3Children" class="form-group gruposBooking col-sm-5ths col-xs-6 incrementalWrapper">
                <label for="selectHotelHab3Children">Children <span class="texto_45_Hotel" data-val="2-11">2-11</span></label> 
                                <div>
                    <button type="button" class="incrementalButton" id="restarHab3ChildrenHotel"
                        data-selector="selectHotelHab3Children" 
                        data-operation="0" data-form="frm_hotel"
                        data-component="Hotel" data-hab-number="3"
                        data-ptype-name="Children" data-ptype="45"
                        data-min-selected="0" >
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-minus fa-stack-1x"></i>
                        </span>
                    </button>
                    <div class="selectWrapper selectNumbers">
                        <select id="selectHotelHab3Children" 
                                name="selectHotelHab3Children" 
                                class="form-control input-lg incrementalSelects" data-max-pax="4" 
                                data-min-pax="0" disabled                                data-hab-number="3" data-ptype="45"
                                data-def-select="0"
                                data-age-min="2" >
                                                            <option value="0" selected >0</option>
                                                            <option value="1"  >1</option>
                                                            <option value="2"  >2</option>
                                                            <option value="3"  >3</option>
                                                            <option value="4"  >4</option>
                                                    </select>
                        <input type="hidden" id="datamax" data-max="4">
                    </div>
                    <button type="button" class="incrementalButton" id="adicionarHab3ChildrenHotel"
                        data-selector="selectHotelHab3Children" 
                        data-operation="1" data-component="Hotel" data-form="frm_hotel" 
                        data-component="Hotel" data-hab-number="3"
                        data-ptype-name="Children" data-ptype="45"                        
                        data-min-selected="0" > 
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-plus fa-stack-1x"></i>
                        </span>
                    </button>
                </div>
            </div>
                    <div id="hab3Infants" class="form-group gruposBooking col-sm-5ths col-xs-6 incrementalWrapper">
                <label for="selectHotelHab3Infants">Infants <span class="texto_70_Hotel" data-val="&LT; 2">&LT; 2</span></label> 
                                <div>
                    <button type="button" class="incrementalButton" id="restarHab3InfantsHotel"
                        data-selector="selectHotelHab3Infants" 
                        data-operation="0" data-form="frm_hotel"
                        data-component="Hotel" data-hab-number="3"
                        data-ptype-name="Infants" data-ptype="70"
                        data-min-selected="0" >
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-minus fa-stack-1x"></i>
                        </span>
                    </button>
                    <div class="selectWrapper selectNumbers">
                        <select id="selectHotelHab3Infants" 
                                name="selectHotelHab3Infants" 
                                class="form-control input-lg incrementalSelects" data-max-pax="4" 
                                data-min-pax="0" disabled                                data-hab-number="3" data-ptype="70"
                                data-def-select="0"
                                data-age-min="0" >
                                                            <option value="0" selected >0</option>
                                                            <option value="1"  >1</option>
                                                            <option value="2"  >2</option>
                                                            <option value="3"  >3</option>
                                                            <option value="4"  >4</option>
                                                    </select>
                        <input type="hidden" id="datamax" data-max="4">
                    </div>
                    <button type="button" class="incrementalButton" id="adicionarHab3InfantsHotel"
                        data-selector="selectHotelHab3Infants" 
                        data-operation="1" data-component="Hotel" data-form="frm_hotel" 
                        data-component="Hotel" data-hab-number="3"
                        data-ptype-name="Infants" data-ptype="70"                        
                        data-min-selected="0" > 
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-plus fa-stack-1x"></i>
                        </span>
                    </button>
                </div>
            </div>
            </div>
    <div id="hab4Hotel" class="col-xs-12 room-container">
        <div class="tituloHabitacion"> Room 4 <span></span>
            <a class="tooltipHabitacion" data-toggle="tooltip" data-placement="bottom" data-container="body" title="It is important that you take into account that if a minor under 18 years of age is included in the trip without the company of his or her parents, regardless of whether the child or adult rate (older than 12 years of age) applies, it is required that the documents that are expressly listed in the document section are submitted upon entry to the hotel.">
                <i class="fa fa-question-circle"></i>
            </a>
                            <span class="eliminarHabButton" data-room="4" data-component="Hotel"> <i class="fa fa-minus"></i> Remove Room</span>
                    </div>

                    <div id="hab4Adults" class="form-group gruposBooking col-sm-5ths col-xs-6 incrementalWrapper">
                <label for="selectHotelHab4Adults">Adults <span class="texto_58_Hotel" data-val="&GT; 12">&GT; 12</span></label> 
                                <div>
                    <button type="button" class="incrementalButton" id="restarHab4AdultsHotel"
                        data-selector="selectHotelHab4Adults" 
                        data-operation="0" data-form="frm_hotel"
                        data-component="Hotel" data-hab-number="4"
                        data-ptype-name="Adults" data-ptype="58"
                        data-min-selected="0" >
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-minus fa-stack-1x"></i>
                        </span>
                    </button>
                    <div class="selectWrapper selectNumbers">
                        <select id="selectHotelHab4Adults" 
                                name="selectHotelHab4Adults" 
                                class="form-control input-lg incrementalSelects" data-max-pax="4" 
                                data-min-pax="0" disabled                                data-hab-number="4" data-ptype="58"
                                data-def-select="2"
                                data-age-min="12" >
                                                            <option value="0"  >0</option>
                                                            <option value="1"  >1</option>
                                                            <option value="2" selected >2</option>
                                                            <option value="3"  >3</option>
                                                            <option value="4"  >4</option>
                                                    </select>
                        <input type="hidden" id="datamax" data-max="4">
                    </div>
                    <button type="button" class="incrementalButton" id="adicionarHab4AdultsHotel"
                        data-selector="selectHotelHab4Adults" 
                        data-operation="1" data-component="Hotel" data-form="frm_hotel" 
                        data-component="Hotel" data-hab-number="4"
                        data-ptype-name="Adults" data-ptype="58"                        
                        data-min-selected="0" > 
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-plus fa-stack-1x"></i>
                        </span>
                    </button>
                </div>
            </div>
                    <div id="hab4Children" class="form-group gruposBooking col-sm-5ths col-xs-6 incrementalWrapper">
                <label for="selectHotelHab4Children">Children <span class="texto_45_Hotel" data-val="2-11">2-11</span></label> 
                                <div>
                    <button type="button" class="incrementalButton" id="restarHab4ChildrenHotel"
                        data-selector="selectHotelHab4Children" 
                        data-operation="0" data-form="frm_hotel"
                        data-component="Hotel" data-hab-number="4"
                        data-ptype-name="Children" data-ptype="45"
                        data-min-selected="0" >
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-minus fa-stack-1x"></i>
                        </span>
                    </button>
                    <div class="selectWrapper selectNumbers">
                        <select id="selectHotelHab4Children" 
                                name="selectHotelHab4Children" 
                                class="form-control input-lg incrementalSelects" data-max-pax="4" 
                                data-min-pax="0" disabled                                data-hab-number="4" data-ptype="45"
                                data-def-select="0"
                                data-age-min="2" >
                                                            <option value="0" selected >0</option>
                                                            <option value="1"  >1</option>
                                                            <option value="2"  >2</option>
                                                            <option value="3"  >3</option>
                                                            <option value="4"  >4</option>
                                                    </select>
                        <input type="hidden" id="datamax" data-max="4">
                    </div>
                    <button type="button" class="incrementalButton" id="adicionarHab4ChildrenHotel"
                        data-selector="selectHotelHab4Children" 
                        data-operation="1" data-component="Hotel" data-form="frm_hotel" 
                        data-component="Hotel" data-hab-number="4"
                        data-ptype-name="Children" data-ptype="45"                        
                        data-min-selected="0" > 
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-plus fa-stack-1x"></i>
                        </span>
                    </button>
                </div>
            </div>
                    <div id="hab4Infants" class="form-group gruposBooking col-sm-5ths col-xs-6 incrementalWrapper">
                <label for="selectHotelHab4Infants">Infants <span class="texto_70_Hotel" data-val="&LT; 2">&LT; 2</span></label> 
                                <div>
                    <button type="button" class="incrementalButton" id="restarHab4InfantsHotel"
                        data-selector="selectHotelHab4Infants" 
                        data-operation="0" data-form="frm_hotel"
                        data-component="Hotel" data-hab-number="4"
                        data-ptype-name="Infants" data-ptype="70"
                        data-min-selected="0" >
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-minus fa-stack-1x"></i>
                        </span>
                    </button>
                    <div class="selectWrapper selectNumbers">
                        <select id="selectHotelHab4Infants" 
                                name="selectHotelHab4Infants" 
                                class="form-control input-lg incrementalSelects" data-max-pax="4" 
                                data-min-pax="0" disabled                                data-hab-number="4" data-ptype="70"
                                data-def-select="0"
                                data-age-min="0" >
                                                            <option value="0" selected >0</option>
                                                            <option value="1"  >1</option>
                                                            <option value="2"  >2</option>
                                                            <option value="3"  >3</option>
                                                            <option value="4"  >4</option>
                                                    </select>
                        <input type="hidden" id="datamax" data-max="4">
                    </div>
                    <button type="button" class="incrementalButton" id="adicionarHab4InfantsHotel"
                        data-selector="selectHotelHab4Infants" 
                        data-operation="1" data-component="Hotel" data-form="frm_hotel" 
                        data-component="Hotel" data-hab-number="4"
                        data-ptype-name="Infants" data-ptype="70"                        
                        data-min-selected="0" > 
                        <span class="fa-stack fa">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-plus fa-stack-1x"></i>
                        </span>
                    </button>
                </div>
            </div>
            </div>
                                <div class="col-xs-12 addRoomWrapper">
                                    <span class="agregarHabButton" data-component="Hotel">
                                        <i class="fa fa-plus"></i> Add Room                                    </span>
                                </div>
                            </div>
                                                        	<input id="ageAdultCompareHotel" type="hidden" value="12" />
                                                    </div>

                        <!-- Combinados -->
                        <div id="divPlanCombinadoHotel" class="form-group gruposBooking hide contDerecho col-xs-12 checkBooking">
                            <div class="radioButton">
                                <input id="combinarHotel" name="combinarHotel" type="checkbox" data-code="hotel" value="0"  >
                                <label for="combinarHotel"><span class="checkbox"><div>Choose Another Hotel</div></span></label>
                            </div>
                        </div>

                        <!-- Combinado Hotel -->
                        <div class="form-group gruposBooking ajusteIpad segundoHotel hide col-xs-12 col-sm-6 col-md-3">
                            <label for="hotelCompHotel2">Hotel</label>
                            <div class="inputWrapper" id="hotelWrapper2">
                                <span class="iconInput"><i class="fa fa-building-o"></i></span>
                                <select data-msg-required="Choose your favorite hotel and destination" name="hotelAdicional" class="form-control input-lg selectpicker hotel-adicional" id="hotelCompHotel2" data-live-search="true" data-container="body" title="Select the hotel of your preference" ></select>
                            </div>
                                                        <div id="hotelCompHotel2Error" class="alertaFormulario col-lg-12" role="alert">
    <div id="alertMsg"><i class="fa fa-exclamation-circle" aria-hidden="true"></i><span></span></div>
    <div class="triangle"></div>
</div>                        </div>                            

                        <!-- Combinado Fechas -->
                        <div class="form-group gruposBooking segundoHotel hide col-xs-12 col-sm-6 col-md-3">
                            <label for="fechasCompHotel2">Date ( <i class="fa fa-moon-o" aria-hidden="true"></i> <span id="nochesHotel2" class="night2"></span> )</label>
                            <div class="inputWrapper">
                                <span class="iconInput"><i class="fa fa-calendar"></i></span>
                                <input id="fechasCompHotel2" name="fechasCompHotel2" type="text" class="form-control input-lg date-comp-2" autocomplete="off" placeholder="Entry - Departure" data-msg-required="Starting date of your get away" readonly>
                            </div>
                                                        <div id="fechasCompHotel2Error" class="alertaFormulario col-lg-12" role="alert">
    <div id="alertMsg"><i class="fa fa-exclamation-circle" aria-hidden="true"></i><span></span></div>
    <div class="triangle"></div>
</div>                        </div>
                        
                        <!-- Check Codigo Promocional -->
                        <div id="divCodigoPromocionalHotel" class="form-group gruposBooking contDerecho col-xs-12 checkBooking">
                            <div class="radioButton">
                                <input id="tieneCodigoPromocionalHotel" name="tieneCodigoPromocionalHotel" type="checkbox" data-code="hotel" value="0" >
                                <label for="tieneCodigoPromocionalHotel"><span class="checkbox"><div>Do you have a promotional code?</div></span></label>
                            </div>
                        </div>

                        <!-- Codigo Promocional -->
                        <div class="form-group gruposBooking col-xs-12 hide">
                            <div class="form-group gruposBooking col-xs-12 col-sm-6 col-md-3">
                                <label for="codPromHotel">Promo Code</label>
                                <div class="inputWrapper">
                                    <span class="iconInput"><i class="fa fa-tag"></i></span>
                                    <input type="text" class="form-control input-lg codPromo" id="codPromHotel" placeholder="Promo Code" name="codPromocional" style="color: rgb(114, 114, 114);">
                                </div>
                            </div>
                        </div>

                    </div>
                    
                    
                    <div class="form-group gruposBooking contDerecho col-xs-12 col-md-1">
                        <label style="color: transparent;">Search</label>
                        <button form="frm_hotel" type="submit" class="btn btn-default enviar input-lg col-xs-12" id="buscarHotel">Search</button>
                    </div>

                                        <input id="entradaCompHotel1" name="fechaEntrada" class="fechaEntrada" type="hidden" data-value=""  />
                    <input id="salidaCompHotel1" name="fechaSalida" class="fechaSalida" type="hidden" data-value=""  />
                    <input id="entradaCompHotel2" name="fechaEntradaAdicional" class="fechaEntradaAdicional" type="hidden" data-value=""  />
                    <input id="salidaCompHotel2" name="fechaSalidaAdicional" class="fechaSalidaAdicional" type="hidden" data-value=""  />
                    <input id="numHabHotel" name="numHabHotel" type="hidden" value="1" />
                    <input id="numNochesHotel" name="numNoches" type="hidden" class="numNoches" value="" />
                    <input id="numNochesHotelAdicional" name="numNochesAdicional" type="hidden" class="numNochesAdicional" value="" />
                    <input id="planeHotel" name="planeHotel" type="hidden" value="H" class="plHotel" />
                    <input id="componenteHotel" name="componente" type="hidden" value="Hotel" />
                </form>
                                        <div id="inputsRepeat" name="inputsRepeat">
            <input id="plane" name="plane" type="hidden" class="plHotel" data-hasvalue  />
            <input id="componente" name="componente" type="hidden" data-hasvalue />
            <input id="utmParams" name="utmParams" type="hidden"  />
            <input id="waiting" name="waiting" type="hidden" value="1"  />
            <input id="sigPais" name="sigPais" type="hidden" class="sigPais" value="OTROS"  />
            <input id="idioma" name="idioma" type="hidden" class="idioma" value="en"  />
            <input id="realBase" name="realBase" type="hidden" value="otr" />
            <input id="codPais" name="codPais" type="hidden" value="243" />
            <input id="url_home" name="url_home" type="hidden" value="https://www.decameron.com/en/otr-home"  />
            <input id="fechaEntradaf" name="fechaEntradaf" class="fechaEntradaf" type="hidden" value=""  />
            <input id="fechaSalidaf" name="fechaSalidaf" class="fechaSalidaf" type="hidden" value=""  />
            <input id="fechaEntradaAdicionalf" name="fechaEntradaAdicionalf" class="fechaEntradaAdicionalf" type="hidden" value=""  />
            <input id="fechaSalidaAdicionalf" name="fechaSalidaAdicionalf" class="fechaSalidaAdicionalf" type="hidden" value=""  />
            <input id="option" name="option" type="hidden" value="com_wrapper" />
            <input id="view" name="view" type="hidden" value="wrapper" />
            <input id="id" name="id" type="hidden" value="6" />
            <input id="Itemid" name="Itemid" type="hidden" class="Itemid" value="1041" />
            <input id="lang" name="lang" type="hidden" class="lang" value="en"  />
            <input id="segIdCli" name="segIdCli" type="hidden" value="8fe574bf4a83fb2624bbca5ff43af6dc"  />
            <input id="edadMax" name="edadMax" type="hidden" value="2" />
            <input id="isCombinated" name="isCombinated" type="hidden" value="" />
            <input id="pagina" name="pagina" type="hidden" value="Particulares" />
            <input id="session" name="session" type="hidden" value=""  />
            <input id="hidePaxType" name="hidePaxType" type="hidden" value=""  />
            <input id="isSojern" name="isSojern" type="hidden" value="0" />
            <input id="sojernExe" name="sojernExe" type="hidden" value="0" />
            <input id="sojernSRP" name="sojernSRP" type="hidden" value="0" /> <!-- Search Results Pixel -->
            <input id="sojernSCP" name="sojernSCP" type="hidden" value="0" /> <!-- Shopping Cart Pixel -->
            <input id="sojernTYP" name="sojernTYP" type="hidden" value="0" /> <!-- Conversion Pixel - Thank you page -->
        </div>
    </div> 
</div>

        
        <!-- Externos -->
        <script src="/web_pagGDS/media/js/bootstrap-select.js?v=202502071831"></script>
        <script src="/web_pagGDS/media/js/jquery.validate.js?v=202502071831"></script>
        <script src="/web_pagGDS/media/js/messages_en.js?v=202502071831"></script>
        <script src="/web_pagGDS/media/js/moment-with-locales.js?v=202502071831"></script>
        <script src="/web_pagGDS/media/js/daterangepicker.js?v=202502071831"></script>
        <script src="/web_pagGDS/media/js/php.js?v=202502071831"></script>
        <script src="/web_pagGDS/media/js/jquery.placeholder.min.js?v=202502071831"></script>

        <script src="/web_pagGDS/media/js/typeahead.js?v=202502071831"></script><script src="/web_pagGDS/media/js/handlebars.js?v=202502071831"></script>
        <!-- Internos -->
        <script src="/language/sites/en_sites.ini?v=202502071831"></script>
        <script src="/web_pagGDS/media/js/general.js?v=202502071831"></script>
        <script>
            if (ieVersion() == true) {
                document.write('<link rel="stylesheet" href="/media/css/explorer.css?v=202502071831">');
            }
        </script>
        <script src="/web_pagGDS/media/js/bookingLiquidacionApp.js?v=202502071831"></script>
        <script src="/web_pagGDS/media/js/bookingEngine.js?v=202502071831"></script>

        <script>window.__app = new App();</script>
    </body>
</html>
</div></div></div><div class="wrap t3-section   " id="Mod2001"  ><div class="container"><div class="section-inner">

<div class="custom"  >
	<div class="thumbnailWrapper col-xs-12" style="margin-top: 60px;">

    <a href="https://www.decameron.com/en/otr-offers/royal-decameron-montego-beach" target="_blank">
      <img class="col-xs-12 hidden-xs" src="/images/promociones/otros-paises/2024/febrero/lets-celebrate-montego_1.jpg" alt="Jamaica" style="min-width: initial;">
      <img class="col-xs-12 visible-xs" src="/images/promociones/otros-paises/2024/febrero/lets-celebrate-montego-movil.jpg" alt="Jamaica" style="min-width: initial;">
    </a>

    </div></div>
</div></div></div>
	
      <div class="wrap t3-section   " id="Mod2989"  ><div class="container"><div class="section-inner">

<div class="custom"  >
	<Style>

  strong span {
    font-size:0.8rem ;
    color: #575757;
  }

  .card1Title, .card2Title, .card3Title {
    color: #155D76;
    text-transform: capitalize;
  }


  .deskCard, .mobileCard {
    background-position: center;
    background-size: cover;
  }

  .dotnavMargin {
    margin-top: -10px !important;
  }

  .fa.fa-map-marker-alt.fa-lg {
    font-size: 0.8rem;
    position: relative;
    bottom: 3px;
  }

  .noOffer {
    height: 190px;
  }

  .uk-card-media-top.card1 {
    background-image: url('/images/thumbnail/cards/el-salvador/salinitas/hotel-2.jpg');
  }

  .uk-card-media-top.card2 {
    background-image: url('/images/thumbnail/cards/jamaica/cornwall/hotel-3.jpg');
  }

  .uk-card-media-top.card3 {
    background-image: url('/images/thumbnail/cards/colombia/baru/hotel-3.jpg');
  }


  .uk-card-media-top.deskCard {
    height: 350px;
  }

  .uk-dotnav li a {
    border: 1px solid #757575 !important;
  }

  .uk-card-media-top.mobileCard {
    height: 300px;
  }

  .ribbon {
    background-color: #F8D300;
    color: #fff;
    font-weight: bold;
    padding: 8px 16px;
    position: sticky;
    right: 190px;
    top: 75px;
    transform-origin: 0 100%;
    transform: rotate(-35deg);
  }

  .ribbonMobile {
    background-color: #F8D300;
    color: #fff;
    padding: 8px 16px;
    position: sticky;
    right: 190px;
    top: 90px;
    transform-origin: 0 100%;
    transform: rotate(-35deg);
  }

</Style>

<div class="uk-container uk-padding-remove-horizontal uk-margin-large-top cardDelayed" style="max-width: 1220px; display: none;">
  <div class="">
    <h2 class="text-center" style="padding: 75px 0 40px; margin-bottom: 10px !important"><strong style="color: #757575;">DON'T MISS THESE OFFERS</strong></h2>
  </div>


 <!--  Desktop -->
  <div class="uk-child-width-1-2@s uk-child-width-1-3@m uk-grid uk-grid-match uk-visible@s cardDelayed" style="display: none;" uk-grid>
    <a class="card1Link" href="/" style="text-decoration: none;">
      <div class="uk-transition-toggle" tabindex="1">
        <div class="uk-card uk-card-default uk-transition-scale-up uk-transition-opaque">
          <div class="uk-card-media-top deskCard card1">
          <!-- <img src="/images/thumbnail/colombia/isleno-06.png" width="800" height="800" alt="" loading="lazy"> -->
          </div>
          <div class="uk-card-body uk-padding-remove" style="margin: 10px 10px 10px 10px;">
            <div class="uk-flex uk-flex-between uk-margin-top uk-margin-left ">
              <div>
                <p class="uk-margin-remove-vertical"><span class="uk-margin-remove-vertical card1Title" style="font-size: 30px; line-height: 30px; font-weight: bold;"></span></p>
                <p style="width: 0.5rem; display: inline; color: #757575;">
                  <i class="fa fa-map-marker-alt fa-lg" aria-hidden="true" style="color: #757575;"></i>
                  <span class="card1Des"></span>
                </p>
                <p class="uk-margin-remove-vertical" style="color: #757575;">Before: <span class="card1Bef" style="text-decoration: line-through; color: #757575;"></span></p>
                <p style="padding: 0; margin: 0;"><strong style="color: #757575">Starting at:</strong></p>
                <p style="padding: 0; margin: 0;"><strong class="card1Now" style="font-size: 2rem; font-weight: bold; color: #155D76; line-height: 30px" ></strong></p>
                <p class="uk-margin-remove-top card1Nights" style="color: #757575;"></p>
              </div>
              <div class="uk-flex uk-flex-column">
              <button class="uk-text-bolder" style="background-color: #DE424A; padding: 2px 10px 2px 10px; border: none;cursor: default;"><p class="uk-margin-remove-vertical card1Discount" style="color: #ffffff;font-weight: 700;"></p></button>
              </div>
            </div>
            <button class="uk-width-1-1 hoverBtnCards" style="background-color: #DE424A;  border: none; padding: 10px; margin-bottom: 10px;"><span style="font-size: 1rem;color: #ffffff;">VER MÁS</span></button>
          </div>
        </div>
      </div>
    </a>
    <a class="card2Link" href="/" style="text-decoration: none;">
      <div class="uk-transition-toggle" tabindex="1">
        <div class="uk-card uk-card-default uk-transition-scale-up uk-transition-opaque">
          <div class="uk-card-media-top deskCard card2" style="overflow: hidden; position: relative;">
            <div class="ribbon hide">
              <span class="ribbon-text" style="color: #575757;"><i class="fa fa-lg fa-star" aria-hidden="true" style="color: #575757; margin: 5px; white-space: nowrap;"></i>ALL INCLUSIVE PLUS</span>
            </div>
            <!--           <img src="https://www.decameron.com/images/home/2023/cornwall-jamaica-hotel-playa.jpg" width="800" height="800" alt="" loading="lazy"> -->
          </div>
          <div class="uk-card-body uk-padding-remove" style="margin: 10px 10px 10px 10px">
            <div class="uk-flex uk-flex-between uk-margin-top uk-margin-left ">
              <div>
                <p class="uk-margin-remove-vertical"><span class="uk-margin-remove-vertical card2Title" style="font-size: 30px; line-height: 30px; font-weight: bold;"></span></p>
                <p style="width: 0.5rem; display: inline; color: #757575;">
                  <i class="fa fa-map-marker-alt fa-lg" aria-hidden="true" style="color: #757575;"></i>
                  <span class="card2Des"></span>
                </p>
                <p class="uk-margin-remove-vertical hide" style="color: #757575;">Before: <span class="card2Bef" style="text-decoration: line-through; color: #757575;"></span></p>
                <p style="padding: 0; margin: 0;"><strong style="color: #757575">Starting at:</strong></p>
                <p style="padding: 0; margin: 0;"><strong class="card2Now" style="font-size: 2rem; font-weight: bold; color: #155D76; line-height: 30px" ></strong></p>
                <p class="uk-margin-remove-top card2Nights" style="color: #757575;"></p>
              </div>
              <div class="uk-flex uk-flex-column" hidden>
                <button class="uk-text-bolder" style="background-color: #DE424A; padding: 2px 10px 2px 10px; border: none;cursor: default;"><p class="uk-margin-remove-vertical card2Discount" style="color: #ffffff;font-weight: 700;"></p></button>
              </div>
            </div>
            <button class="uk-width-1-1 hoverBtnCards" style="background-color: #DE424A; border: none; padding: 10px; margin-bottom: 10px;" ><span style="font-size: 1rem;color: #ffffff;">VER MÁS</span></button>
          </div>
        </div>
      </div>
    </a>
    <a class="card3Link" href="/" style="text-decoration: none;">
      <div class="uk-transition-toggle uk-visible@m" tabindex="1">
        <div class="uk-card uk-card-default uk-transition-scale-up uk-transition-opaque">
          <div class="uk-card-media-top deskCard card3">
          </div>
          <div class="uk-card-body uk-padding-remove" style="margin: 10px 10px 10px 10px">
            <div class="uk-flex uk-flex-between uk-margin-top uk-margin-left ">
              <div>
                <p class="uk-margin-remove-vertical"><span class="uk-margin-remove-vertical card3Title" style="font-size: 30px; line-height: 30px; font-weight: bold;"></span></p>
                <p style="width: 0.5rem; display: inline; color: #757575;">
                  <i class="fa fa-map-marker-alt fa-lg" aria-hidden="true" style="color: #757575;"></i>
                  <span class="card3Des"></span>
                </p>
                <p class="uk-margin-remove-vertical " style="color: #757575;" hidden>Before: <span class="card3Bef" style="text-decoration: line-through; color: #757575;"></span></p>
                <p style="padding: 0; margin: 0;"><strong style="color: #757575">Starting at:</strong></p>
                <p style="padding: 0; margin: 0;"><strong class="card3Now" style="font-size: 2rem; font-weight: bold; color: #155D76; line-height: 30px" ></strong></p>
                <p class="uk-margin-remove-top card3Nights" style="color: #757575;"></p>
              </div>
              <div class="uk-flex uk-flex-column " hidden>
                <button class="uk-text-bolder" style="background-color: #DE424A; padding: 2px 10px 2px 10px; border: none;cursor: default;"><p class="uk-margin-remove-vertical card3Discount" style="color: #ffffff;font-weight: 700;"></p></button>
              </div>
            </div>
            <button class="uk-width-1-1 hoverBtnCards" style="background-color: #DE424A; border: none; padding: 10px; margin-bottom: 10px;" ><span style="font-size: 1rem;color: #ffffff;">VER MÁS</span></button>
            </div>
          </div>
        </div>
      </div>
    </a>


<!--   Mobile -->
  <div uk-slideshow="min-height: 600; max-height: 600; animation: slide; autoplay: true;" >

    <div class="uk-position-relative uk-visible-toggle uk-light uk-hidden@s cardDelayed" tabindex="-1">

      <ul class="uk-slideshow-items">
        <li>
          <div class="uk-card uk-card-default uk-transition-opaque">
            <div class="uk-card-media-top mobileCard card1">
<!--               <img src="https://www.decameron.com/images/home/2023/complex-mexico-atardecer.jpg" width="800" height="800" alt="" loading="lazy"> -->
            </div>
            <div class="uk-card-body uk-padding-remove" style="margin: 10px 10px 10px 10px;">
              <div class="uk-flex uk-flex-between uk-margin-left ">
                <div>
                  <p class="uk-margin-remove-vertical"><span class="uk-margin-remove-vertical card1Title" style="font-size: 30px; line-height: 30px; font-weight: bold;"></span></p>
                  <p style="width: 0.5rem; display: inline; color: #757575;">
                    <i class="fa fa-map-marker-alt fa-lg" aria-hidden="true" style="color: #757575;"></i>
                    <span class="card1Des"></span>
                  </p>
                  <p class="uk-margin-remove-vertical" style="color: #757575;">Before: <span class="card1Bef" style="text-decoration: line-through; color: #757575;"></span></p>
                  <p style="padding: 0; margin: 0;"><strong style="color: #757575">Starting at:</strong></p>
                  <p style="padding: 0; margin: 0;"><strong class="card1Now" style="font-size: 2rem; font-weight: bold; color: #155D76; line-height: 30px" ></strong></p>
                  <p class="uk-margin-remove-top card1Nights" style="color: #757575;"></p>
                </div>
                <div class="uk-flex uk-flex-column">
                  <button class="uk-text-bolder" style="background-color: #DE424A; padding: 2px 10px; border: none;cursor: default;"><p class="uk-margin-remove-vertical card1Discount" style="color: #ffffff;font-weight: 700;"></p></button>
                </div>
              </div>
                <a class="card1Link" href="/" style="text-decoration: none;">
                  <button class="uk-width-1-1 hoverBtnCards" style="background-color: #DE424A;  border: none; padding: 10px; margin-bottom: 10px;"><span style="font-size: 1rem;color: #ffffff;">VER MÁS</span></button>
                </a>
            </div>
          </div>
        </li>
        <li>
          <div class="uk-card uk-card-default uk-transition-opaque">
            <div class="uk-card-media-top mobileCard card2" style="overflow: hidden; position: relative;">
              <div class="ribbonMobile hide">
                <span class="ribbon-text" style="color: #575757;"><i class="fa fa-lg fa-star" aria-hidden="true" style="margin: 5px; white-space: nowrap;"></i>ALL INCLUSIVE PLUS</span>
              </div>
            </div>
            <div class="uk-card-body uk-padding-remove" style="margin: 10px 10px 10px 10px">
              <div class="uk-flex uk-flex-between uk-margin-left">
                <div>
                  <p class="uk-margin-remove-vertical"><span class="uk-margin-remove-vertical card2Title" style="font-size: 30px; line-height: 30px; font-weight: bold;"></span></p>
                  <p style="width: 0.5rem; display: inline; color: #757575;">
                    <i class="fa fa-map-marker-alt fa-lg" aria-hidden="true" style="color: #757575;"></i>
                    <span class="card2Des"></span>
                  </p>
                  <p class="uk-margin-remove-vertical hide" style="color: #757575;">Before: <span class="card2Bef" style="text-decoration: line-through; color: #757575;"></span></p>
                  <p style="padding: 0; margin: 0;"><strong style="color: #757575">Starting at:</strong></p>
                  <p style="padding: 0; margin: 0;"><strong class="card2Now" style="font-size: 2rem; font-weight: bold; color: #155D76; line-height: 30px" ></strong></p>
                  <p class="uk-margin-remove-top card2Nights" style="color: #757575;"></p>
                </div>
                <div class="uk-flex uk-flex-column" hidden>
                  <button class="uk-text-bolder" style="background-color: #DE424A; padding: 2px 10px 2px 10px; border: none;cursor: default;"><p class="uk-margin-remove-vertical card2Discount" style="color: #ffffff;font-weight: 700;"></p></button>
                </div>
              </div>
              <a class="card2Link" href="/" style="text-decoration: none;">
                <button class="uk-width-1-1 hoverBtnCards" style="background-color: #DE424A; border: none; padding: 10px; margin-bottom: 10px;" ><span style="font-size: 1rem;color: #ffffff;">VER MÁS</span></button>
              </a>
            </div>
          </div>
        </li>
        <li class="">
          <div class="uk-card uk-card-default uk-transition-opaque">
            <div class="uk-card-media-top mobileCard card3">
<!--               <img src="https://www.decameron.com/images/home/2023/salinitas-el-salvador-playas.jpg" width="800" height="800" alt="" loading="lazy"> -->
            </div>
            <div class="uk-card-body uk-padding-remove" style="margin: 10px 10px 10px 10px">
              <div class="uk-flex uk-flex-between uk-margin-left ">
                <div>
                  <p class="uk-margin-remove-vertical"><span class="uk-margin-remove-vertical card3Title" style="font-size: 30px; line-height: 30px; font-weight: bold;"></span></p>
                  <p style="width: 0.5rem; display: inline; color: #757575;">
                    <i class="fa fa-map-marker-alt fa-lg" aria-hidden="true" style="color: #757575;"></i>
                    <span class="card3Des"></span>
                  </p>
                  <p class="uk-margin-remove-vertical " style="color: #757575;" hidden="">Before: <span class="card3Bef" style="text-decoration: line-through; color: #757575;"></span></p>
                  <p style="padding: 0; margin: 0;"><strong style="color: #757575">Starting at:</strong></p>
                  <p style="padding: 0; margin: 0;"><strong class="card3Now" style="font-size: 2rem; font-weight: bold; color: #155D76; line-height: 30px" ></strong></p>
                  <p class="uk-margin-remove-top card3Nights" style="color: #757575;"></p>
                </div>
                <div class="uk-flex uk-flex-column " hidden>
                  <button class="uk-text-bolder" style="background-color: #DE424A; padding: 2px 10px 2px 10px; border: none;cursor: default;"><p class="uk-margin-remove-vertical card3Discount" style="color: #ffffff;font-weight: 700;"></p></button>
                </div>
              </div>
              <a class="card3Link" href="/" style="text-decoration: none;">
                <button class="uk-width-1-1 hoverBtnCards" style="background-color: #DE424A; border: none; padding: 10px; margin-bottom: 10px;" ><span style="font-size: 1rem;color: #ffffff;">VER MÁS</span></button>
              </a>
            </div>
          </div>
        </li>
      </ul>
    </div>
    <ul class="uk-slideshow-nav uk-dotnav uk-flex-center uk-hidden@s dotnavMargin"></ul>
  </div>


</div>

<script>
  // +++ This adds the text to desktop and mobile elements +++

  //Card 1
  const card1Title = document.getElementsByClassName('card1Title')
  for (const item of card1Title) {
    item.innerHTML = 'Salinitas' // Title Here
  }
  const card1Des = document.getElementsByClassName('card1Des')
  for (const item of card1Des) {
    item.innerHTML = 'Sonsonate, El Salvador'
  }
  const card1Bef = document.getElementsByClassName('card1Bef')
  for (const item of card1Bef) {
    item.innerHTML = 'USD 230.00' // Before here
  }
  const card1Now = document.getElementsByClassName('card1Now')
  for (const item of card1Now) {
    item.innerHTML = 'USD 184.00'
  }
  const card1Nights = document.getElementsByClassName('card1Nights')
  for (const item of card1Nights) {
    item.innerHTML = '2 nights/person'
  }
  const card1Discount = document.getElementsByClassName('card1Discount')
  for (const item of card1Discount) {
    item.innerHTML = 'UP TO<br>20% OFF'
  }
  const card1Link = document.getElementsByClassName('card1Link')
  for (const item of card1Link) {
    item.href = '/en/otr-offers/royal-decameron-salinitas'
  }

    //Card 2
  const card2Title = document.getElementsByClassName('card2Title')
  for (const item of card2Title) {
    item.innerHTML = 'Cornwall Beach' // Title Here
  }
  const card2Des = document.getElementsByClassName('card2Des')
  for (const item of card2Des) {
    item.innerHTML = 'Montego Bay, Jamaica'
  }
  const card2Bef = document.getElementsByClassName('card2Bef')
  for (const item of card2Bef) {
    item.innerHTML = 'USD 182.02'
  }
  const card2Now = document.getElementsByClassName('card2Now')
  for (const item of card2Now) {
    item.innerHTML = 'USD 247.54'
  }
  const card2Nights = document.getElementsByClassName('card2Nights')
  for (const item of card2Nights) {
    item.innerHTML = '2 nights/person'
  }
  const card2Discount = document.getElementsByClassName('card2Discount')
  for (const item of card2Discount) {
    item.innerHTML = 'UP TO<br>32% OFF'
  }
  const card2Link = document.getElementsByClassName('card2Link')
  for (const item of card2Link) {
    item.href = '/en/otr-offers/royal-decameron-cornwall-beach'
  }


    //Card 3
  const card3Title = document.getElementsByClassName('card3Title')
  for (const item of card3Title) {
    item.innerHTML = 'Barú' // Title Here
  }
  const card3Des = document.getElementsByClassName('card3Des')
  for (const item of card3Des) {
    item.innerHTML = 'Cartagena, Colombia'
  }
  const card3Bef = document.getElementsByClassName('card3Bef')
  for (const item of card3Bef) {
    item.innerHTML = 'USD 1,064.00'
  }
  const card3Now = document.getElementsByClassName('card3Now')
  for (const item of card3Now) {
    item.innerHTML = 'USD 592.00'
  }
  const card3Nights = document.getElementsByClassName('card3Nights')
  for (const item of card3Nights) {
    item.innerHTML = '4 nights/person'
  }
  const card3Discount = document.getElementsByClassName('card3Discount')
  for (const item of card3Discount) {
    item.innerHTML = 'UP TO <br> 48% OFF'
  }
  const card3Link = document.getElementsByClassName('card3Link')
  for (const item of card3Link) {
    item.href = '/en/otr-offers/hotel/decameron-baru'
  }



  //this changes the "reservar ahora" buton color on hover

  cardBtn = document.querySelectorAll('.hoverBtnCards')
  cardBtn.forEach(e => {
    e.addEventListener('mouseover', () => {
      e.style.backgroundColor = '#f0889f'
    });
  })
  cardBtn.forEach(e => {
    e.addEventListener('mouseout', () => {
      e.style.backgroundColor = '#DE424A'
    });
  })

  //This delays the render time so it don't loads unorganized
  const cardElem = document.querySelectorAll('.cardDelayed')
  setTimeout(()=>{
    if (cardElem) {
      cardElem.forEach(e => {
        e.style.display = 'block'
      });
    }
  }, 1000)

//this removes the extra padding class (t3-section)
  const cardContainer = document.querySelector("#Mod2403");
  cardContainer.classList.remove('t3-section')

  function maxHeightCards() {
    if (window.visualViewport.width < 500) {
      cardContainer.childNodes[0].style.maxHeight = '750px'
    } else {
      cardContainer.childNodes[0].style.maxHeight = '850px'
    }
  }
  maxHeightCards();
</script></div>
</div></div></div><div class="wrap t3-section   " id="Mod2125"  ><div class="container"><div class="section-inner">

<div class="custom"  >
	<div id="seoTextOtrEN" uk-slideshow="animation: fade; autoplay: true; autoplay-interval: 15000" style="display: none;">
  <div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1">
      <ul class="uk-slideshow-items">
        <li class="uk-text-center">
          <h1 style="color: #575757;">Decameron Hotels</h1>
          <p style="font-size: 20px;">All-inclusive hotels in Colombia, Peru, Mexico, Jamaica, Panama, El Salvador and more in the Caribbean</p>
        </li>
        <li class="uk-text-center">
          <h2 style="color: #575757;">Tourist resorts</h1>
          <p style="font-size: 20px;">Our resorts have lots of fun, entertainment and comfort for children and adults</p>
        </li>
        <li class="uk-text-center">
          <h2 style="color: #575757;">Decameron Offers</h1>
          <p style="font-size: 20px;">Enjoy your vacation in hotels and resorts with incredible offers, book online now!</p>
          </li>
      </ul>
  </div>
</div>

<script>
  document.querySelector('#Mod2125').style.cssText = `
  max-height: 130px;
  /* max-height: 75px; */
  margin-top: 30px;
`;

  const seoTextOtrEN = document.querySelectorAll('#seoTextOtrEN')
  setTimeout(()=>{
    if (seoTextOtrEN) {
      seoTextOtrEN.forEach(e => {
        e.style.display = 'block'
      });
    }
  }, 1000)
</script></div>
</div></div></div><div class="wrap t3-section   " id="Mod2124"  ><div class="container"><div class="section-inner">

<div class="custom"  >
	<link rel="stylesheet" href="/media/widgetkit_3_15/css/normalize.css">

<!-- This module requieres UIkit (uikit.min.css) and fontawesomw 6.4 (all.min.css) -->

<style type="text/css">
  .uk-container h1, h2, h3, h4, p, strong, button {font-family: 'Akrobat', sans-serif; color: #575757}

  .hoverBtns {
    color: #575757;
  }

  .uk-slideshow img, .uk-container img, .uk-container-expand img, .uk-slider img {
    max-width: 100%;
  }

</style>


<!-- Slider -->

<!-- Desktop -->

<div class="uk-container uk-padding-remove-horizontal uk-margin-auto uk-visible@s" style=" max-width: 1135px; display: none;" >
  <div class="uk-position-relative uk-visible-toggle uk-light uk-margin-auto uk-margin-medium-top" tabindex="-1" uk-slider>
    <ul class="uk-slider-items uk-child-width-1-1 uk-child-width-1-3@s uk-child-width-1-4@m" uk-scrollspy="target: > a; cls: uk-animation-fade; delay: 350; repeat: true">
      <a href="/en/otr-destinations/el-salvador/acajutla/royal-decameron-salinitas">
        <li class="uk-margin-small-right">
          <img src="https://www.decameron.com/images/home/2023/el-salvador-piramides.jpg" class="uk-width-1-1" alt="" loading="lazy">
          <div class="uk-position-center uk-panel"><h4>EL SALVADOR</h4></div>
        </li>
      </a>
      <a href="/en/otr-destinations#caribe">
        <li class="uk-margin-small-right">
          <img src="https://www.decameron.com/images/home/2023/colombia.jpg" class="uk-width-1-1" alt="Ciudad amurallada. Cartagena, Colombia" loading="lazy">
          <div class="uk-position-center uk-panel"><h4>COLOMBIA</h4></div>
        </li>
      </a>
      <a href="/en/otr-destinations#mexico">
        <li class="uk-margin-small-right">
          <img src="https://www.decameron.com/images/home/2023/mexico.jpg" class="uk-width-1-1" alt="Los cabos, Mexico" loading="lazy">
          <div class="uk-position-center uk-panel"><h4>MEXICO</h4></div>
        </li>
      </a>
      <a href="/en/otr-destinations#panama">
        <li class="uk-margin-small-right">
          <img src="https://www.decameron.com/images/home/2023/panama-canal.jpg" class="uk-width-1-1" alt="" loading="lazy">
          <div class="uk-position-center uk-panel"><h4>PANAMA</h4></div>
        </li>
      </a>
      <a href="/en/otr-destinations#colombiajamaica">
        <li class="uk-margin-small-right">
          <img src="https://www.decameron.com/images/home/2023/jamaica.jpg" class="uk-width-1-1" alt="playa y mar con tablas de surfing apoyadas en palmeras" loading="lazy">
          <div class="uk-position-center uk-panel"><h4>JAMAICA</h4></div>
        </li>
      </a>
      <a href="/en/otr-destinations#peru">
        <li class="uk-margin-small-right">
          <img src="https://www.decameron.com/images/home/2023/peru.jpg" class="uk-width-1-1" alt="Playa y mar, PerU" loading="lazy">
          <div class="uk-position-center uk-panel"><h4>PERU</h4></div>
        </li>
      </a>
      <a href="/en/otr-destinations#ecuador">
        <li class="uk-margin-small-right">
          <img src="https://www.decameron.com/images/home/2023/ecuador-playa.jpg" class="uk-width-1-1" alt="" loading="lazy">
          <div class="uk-position-center uk-panel"><h4>ECUADOR</h4></div>
        </li>
      </a>
      <a href="/en/otr-destinations#haiti">
        <li class="uk-margin-small-right">
          <img src="https://www.decameron.com/images/home/2023/haiti-rios-casacadas.jpg" class="uk-width-1-1" alt="" loading="lazy">
          <div class="uk-position-center uk-panel"><h4>HAITI</h4></div>
        </li>
      </a>
    </ul>

<!-- NAVBUTTONS m -->
    <a class="uk-position-center-left uk-visible@s uk-hidden@m" href="#" uk-slider-item="previous"><img src="https://www.decameron.com/images/home/2023/left-arrow-in-circular-button.png" width="20" style="opacity: 0.7;" aria-hidden="true"></a>
    <a class="uk-visible@s uk-hidden@m" style="position: absolute; left: 95%; top: 48%; width: 20px;" href="#" uk-slider-item="next"><img src="https://www.decameron.com/images/home/2023/right-arrow-in-circular-button.png" style="opacity: 0.7; width: 20px;" aria-hidden="true"></a>
    <!-- NAVBUTTONS m -->
    <a class="uk-position-center-left uk-padding-small uk-visible@m" href="#" uk-slider-item="previous"><img src="https://www.decameron.com/images/home/2023/left-arrow-in-circular-button.png" width="20" style="opacity: 0.7;" aria-hidden="true"></a>
    <a class="uk-visible@m" style="position: absolute; left: 96%; top: 46%; width: 20px;" href="#" uk-slider-item="next"><img src="https://www.decameron.com/images/home/2023/right-arrow-in-circular-button.png" style="opacity: 0.7; width: 20px;" aria-hidden="true"></a>


  </div>
</div>
<!-- MOBILE -->
<div class="uk-container uk-padding-remove-horizontal uk-margin-auto uk-hidden@s" style=" max-width: 1135px; display: none;" >
  <div class="uk-position-relative uk-visible-toggle uk-light uk-margin-auto uk-margin-medium-top" tabindex="-1" uk-slider>
    <ul class="uk-slider-items uk-child-width-1-1 uk-child-width-1-3@s uk-child-width-1-4@m" uk-scrollspy="target: > a; cls: uk-animation-fade; delay: 200; repeat: true">
      <a href="/en/otr-destinations#el-salvador">
        <li class="">
          <img src="https://www.decameron.com/images/home/2023/el-salvador-piramides.jpg" class="uk-width-1-1" alt="" loading="lazy">
          <div class="uk-position-center uk-panel"><h4>EL SALVADOR</h4></div>
        </li>
      </a>
      <a href="/en/otr-destinations#caribe">
        <li class="">
          <img src="https://www.decameron.com/images/home/2023/colombia.jpg" class="uk-width-1-1" alt="Ciudad amurallada. Cartagena, Colombia" loading="lazy">
          <div class="uk-position-center uk-panel"><h4>COLOMBIA</h4></div>
        </li>
      </a>
      <a href="/en/otr-destinations#panama">
        <li class="">
          <img src="https://www.decameron.com/images/home/2023/panama-canal.jpg" class="uk-width-1-1" alt="" loading="lazy">
          <div class="uk-position-center uk-panel"><h4>PANAMA</h4></div>
        </li>
      </a>
      <a href="/en/otr-destinations#mexico">
        <li class="">
          <img src="https://www.decameron.com/images/home/2023/mexico.jpg" class="uk-width-1-1" alt="Los cabos, Mexico" loading="lazy">
          <div class="uk-position-center uk-panel"><h4>MEXICO</h4></div>
        </li>
      </a>
      <a href="/en/otr-destinations#peru">
        <li class="">
          <img src="https://www.decameron.com/images/home/2023/peru.jpg" class="uk-width-1-1" alt="Playa y mar, PerU" loading="lazy">
          <div class="uk-position-center uk-panel"><h4>PERU</h4></div>
        </li>
      </a>
      <a href="/en/otr-destinations#jamaica">
        <li class="">
          <img src="https://www.decameron.com/images/home/2023/jamaica.jpg" class="uk-width-1-1" alt="playa y mar con tablas de surfing apoyadas en palmeras" loading="lazy">
          <div class="uk-position-center uk-panel"><h4>JAMAICA</h4></div>
        </li>
      </a>
      <a href="/en/otr-destinations#ecuador">
        <li class="">
          <img src="https://www.decameron.com/images/home/2023/ecuador-playa.jpg" class="uk-width-1-1" alt="" loading="lazy">
          <div class="uk-position-center uk-panel"><h4>ECUADOR</h4></div>
        </li>
      </a>
      <a href="/en/otr-destinations#haiti">
        <li class="">
          <img src="https://www.decameron.com/images/home/2023/haiti-rios-casacadas.jpg" class="uk-width-1-1" alt="" class="" loading="lazy">
          <div class="uk-position-center uk-panel"><h4>HAITI</h4></div>
        </li>
      </a>
    </ul>

<!-- NAVBUTTONS s -->

    <a class="uk-position-center-left uk-hidden@s" href="#" uk-slider-item="previous" style="padding-left: 8px;"><img src="https://www.decameron.com/images/home/2023/left-arrow-in-circular-button.png" width="20" style="opacity: 0.7;" aria-hidden="true"></a>
    <a class="uk-hidden@s" style="position: absolute; left: 92%; top: 47%; width: 20px;" href="#" uk-slider-item="next"><img src="https://www.decameron.com/images/home/2023/right-arrow-in-circular-button.png" style="opacity: 0.7; width: 20px;" aria-hidden="true"></a>
    <!-- NAVBUTTONS m -->


  </div>
</div>

<script>
  const destinosElem = document.querySelectorAll('.uk-container.uk-padding-remove-horizontal.uk-margin-auto')
  setTimeout(()=>{
    if (destinosElem) {
      destinosElem.forEach(e => {
        e.style.display = 'block'
      });
    }
  }, 1000)
</script></div>
</div></div></div>
  
      <div class="wrap t3-section   " id="Mod2785"  ><div class="container"><div class="section-inner">

<div class="custom"  >
	<style type="text/css">

  .kenBurns:hover {
       transform: scale(1.2);
  }

</style>

<!-- RECOMENDADO -->
<div class=" uk-container uk-padding-remove-horizontal uk-margin-large-top recommendedDelay" style="max-width: 1620px; display: none">
  <div class="uk-inline uk-margin-small uk-width-1-1 uk-visible@m">
    <h2 class="text-center" style="padding: 0px 25px; margin-bottom: 50px;"><strong>RECOMMENDED DESTINATION</strong></h2>
    <div class="uk-align-right uk-margin-medium-right uk-overflow-hidden">
      <img id="destacadoImg" src="/" width="1000" height="600" alt="Decameron Barú"  style="transition: transform 1.9s" class="kenBurns" loading="lazy">
    </div>
    <div class="uk-position-small uk-position-bottom-left uk-width-2-5 text-center uk-padding uk-box-shadow-medium" style="background-color: #ffffff; max-height: 100%;">
      <h3 class="uk-margin-remove-bottom" style="font-weight: 700; text-transform: uppercase; font-size: 1.2rem;">A CARIBBEAN PARADISE FOR YOUR IDEAL GETAWAY</h3>
      
        <p class="uk-padding-small" style="font-size: 1rem; ">
        On the Caribbean coast of Colombia, there is a paradise place with white sand beaches and turquoise waters. Its virgin landscapes and the warmth of the sea create an idyllic environment for rest and adventure. Enjoy its natural charm and relaxing atmosphere. </p>

        

      <a href="/en/otr-destinations/colombia/baru-island/decameron-baru">
        <button class="uk-button-default hoverBtns" style="color: #575757; padding: 16px 32px; font-size: 1rem;">VER MÁS</button>
      </a>
    </div>
  </div>
</div>

<script>
  const mod2085 = document.querySelector('#Mod2785');
  mod2085.childNodes[0].style.marginBottom = '40px'

  //array with images URLs
  const destacadoImg = ['/images/thumbnail/recomendado/colombia/baru-01.jpg', '/images/thumbnail/recomendado/colombia/piscinasjuegos.jpg', '/images/thumbnail/recomendado/colombia/areascomunes.jpg']

  //Generates Random number for each target
  const ranNumDestacado = Math.floor(Math.random() * destacadoImg.length)

  //From random number select random image in images array
  const randomDestacadoImg = destacadoImg[ranNumDestacado];

  //Select img tag
  const destacadoImgTag = document.getElementById('destacadoImg')

  //Asign src to img tags
  if (destacadoImgTag) {
    destacadoImgTag.setAttribute('src', randomDestacadoImg)
  }

  //This delays the render time so it don't loads unorganized
  const recomElem = document.querySelectorAll('.recommendedDelay')
    setTimeout(()=>{
      if (recomElem) {
        recomElem.forEach(e => {
        e.style.display = 'block'
      });
    }
  }, 1000)

</script></div>
</div></div></div><div class="wrap t3-section   " id="Mod2127"  ><div class="container"><div class="section-inner">

<div class="custom"  >
	<div class="text-center uk-margin-large-top uk-visible@l">
  <h2 class="text-center" style="padding: 0 20px 12px 20px"><strong style="font-size: 46px; text-transform: initial; font-weight: 400; color: #575757;">BE AMAZED WITH ALL-INCLUSIVE</strong></h2>
</div>

<!-- Heros xl-->
<div class="uk-visible@l heroesDelayed heroDesk" style="width: 100%; display: none;">
  <div uk-slideshow="animation: slide; autoplay: true" tabindex="-1" style="max-height: 1000px; max-width: 2000px; margin: auto;">
    <div class="uk-position-relative uk-visible-toggle ">
      <ul class="uk-slideshow-items ">
        <li>
          <div class="uk-text-center">
            <div class="uk-width-expand uk-inline">
              <div class="uk-width-3-5">
                <img uk-parallax="x: -200,0; end: 40vh + 100%;" style="width: 100%;" src="/images/home/2024/todoincluido/cenas.png" alt="platos a la carta todo incluido" loading="lazy">
              </div>
              <div class="uk-width-2-5 uk-position-center-right uk-padding-large">
                <h3 style="font-weight: 700;">SAY YES TO TRYING NEW FLAVORS</h3>
                <p class="uk-visible" style="font-size: 1rem;">With the gastronomic variety of our buffet and a la carte restaurants, you can taste delicious flavor over and over in your breakfasts, lunches, snacks, and dinners.</p>
                <a href="https://www.decameron.com/en/otr-all-inclusive">
                  <button class="uk-button-default uk-padding-small uk-margin hoverBtns">KNOW MORE</button>
                </a>
              </div>
            </div>
            <div class="uk-text-center uk-grid-collapse uk-visible@l" uk-grid>
              <div class=" uk-width-2-5@m" style="margin: auto;">
                <div class="uk-padding-large">
                  <h3 style="font-weight: 700;">SAY YES TO NIGHT PACKED WITH CULTURE  </h3>
                  <p class="uk-visible@m uk-margin-auto" style="font-size: 1rem;">And be blown aeay by the epic performances of the Decameron Ballet, taking you to a different country every night.</p>
                  <a href="https://www.decameron.com/en/otr-all-inclusive">
                    <button class="uk-button-default uk-padding-small uk-visible@l hoverBtns">KNOW MORE</button>
                  </a>
                </div>
              </div>
              <div class="uk-width-expand@s">
                <div class="uk-visible@m">
                  <img uk-parallax="x: 200,0; end: 60vh + 100%;" src="/images/home/2024/todoincluido/shows.png" style="height: 100%;" alt="show nocturno en decameron" loading="lazy">
                </div>
              </div>
          </div>
        </li>
        <li>
          <div class="uk-text-center">
            <div class="uk-width-expand uk-inline">
              <div class="uk-width-3-5">
                <img uk-parallax="x: -200,0; end: 40vh + 100%;" style="width: 100%;" src="/images/home/2024/todoincluido/playas.png" alt="Playa con todo incluido" loading="lazy">
              </div>
              <div class="uk-width-2-5 uk-position-center-right uk-padding-large">
                <h3 style="font-weight: 700;">SAY YES TO FUN AND GOOD TIMES </h3>
                <p class="uk-visible" style="font-size: 1rem;">With the variety of daytime and nighttime activities lined up daily at the hotels, so our travelers, no matter their age, can enjoy their vacations from start to finish. </p>
                <a href="https://www.decameron.com/en/otr-all-inclusive">
                  <button class="uk-button-default uk-padding-small uk-margin hoverBtns">KNOW MORE</button>
                </a>
              </div>
            </div>
            <div class="uk-text-center uk-grid-collapse uk-visible@l" uk-grid>
              <div class=" uk-width-2-5@m uk-padding-large" style="margin: auto;">
                <div class="" style="margin: auto;">
                  <h3 style="font-weight: 700;">SAY YES TO ANOTHER ROUND OF COCKTAILS </h3>
                  <p class="uk-visible@m uk-margin-auto " style="font-size: 1rem;">Colorful and refreshing drinks, with or without alcohol, for those who dare to try new things and know how to make the most of the open bar. </p>
                  <a href="https://www.decameron.com/en/otr-all-inclusive">
                    <button class="uk-button-default uk-padding-small uk-visible@l hoverBtns">KNOW MORE</button>
                  </a>
                </div>
              </div>
              <div class="uk-width-expand@s">
                <div class="uk-visible@m">
                  <img uk-parallax="x: 200,0; end: 60vh + 100%;" src="/images/home/2024/todoincluido/bebidas.png" style="height: 100%;" alt="Bebidas todo incluido" loading="lazy">
                </div>
              </div>
          </div>
        </li>
        <li>
          <div class="uk-text-center">
            <div class="uk-width-expand uk-inline">
              <div class="uk-width-3-5">
                <img uk-parallax="x: -200,0; end: 40vh + 100%;" style="width: 100%;" src="/images/home/2024/todoincluido/piscina.png" alt="Entretenimiento todo incluido" loading="lazy">
              </div>
              <div class="uk-width-2-5 uk-position-center-right uk-padding-large">
                <h3 style="font-weight: 700;">SAY YES TO HAVING IT ALL, IN ONE PLACE </h3>
                <p class="uk-visible" style="font-size: 1rem;">With cozy rooms, spacious facilities, outdoor chill zones, beachfront bliss, pools, kids playgrounds, cinema, gym, sports courts, parking, restaurants, bars, nautical zone, and loads more benefits, that's the Decameron travel experience.  <br><span class="uk-text-small">*Services and areas might vary by hotel.</span>
                </p>
                <a href="https://www.decameron.com/en/otr-all-inclusive">
                  <button class="uk-button-default uk-padding-small uk-margin hoverBtns">KNOW MORE</button>
                </a>
              </div>
            </div>
            <div class="uk-text-center uk-grid-collapse uk-visible@l" uk-grid>
              <div class=" uk-width-2-5@m" style="margin: auto;">
                <div class="uk-padding-large" style="margin: auto; ">
                  <h3 style="font-weight: 700;">SAY YES TO CHECKIN’ OUT EVERY CORNER OF A NEW DESTINATION </h3>
                  <p class="uk-visible@m uk-margin-auto" style="font-size: 1rem;">And book some epic tours with Decameron Explorer for cultural journeys filled with adventure, magic, history, tradition, and tourist richness.</p>
                  <a href="https://www.decameron.com/en/otr-all-inclusive">
                    <button class="uk-button-default uk-padding-small uk-visible@l hoverBtns">KNOW MORE</button>
                  </a>
                </div>
              </div>
              <div class="uk-width-expand@s">
                <div class="uk-visible@m">
                  <img uk-parallax="x: 200,0; end: 60vh + 100%;" src="/images/home/2024/todoincluido/actividades.png" style="height: 100%;" alt="Explorer en decameron" loading="lazy">
                </div>
              </div>
          </div>
        </li>
      </ul>
      <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slideshow-item="previous" style="top: 63%;"><img src="https://www.decameron.com/images/home/2023/left-arrow-in-circular-button.png" width="30" style="opacity: 0.7;" aria-hidden="true"></a>
    </div>
    <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slideshow-item="next" style="top: 19%;"><img src="https://www.decameron.com/images/home/2023/right-arrow-in-circular-button.png" width="30" style="opacity: 0.7;" aria-hidden="true"></a>
  </div>
</div>

<div class="text-center uk-margin-large-top uk-hidden@s">
  <h2 class="text-center" style="padding: 0 20px 12px 20px"><strong>BE AMAZED WITH ALL-INCLUSIVE</strong></h2>
</div>


<!-- HERO MOBILE -->

<div class="uk-hidden@s heroesDelayed" style="display: none;">
  <div class="uk-slider-container-offset" uk-slider="autoplay: true">
    <div class="uk-position-relative uk-visible-toggle uk-dark" tabindex="-1">
        <ul class="uk-slider-items uk-child-width-1-1@s uk-grid">
            <li>
                <div class="uk-card uk-card-default">
                    <div class="uk-card-media-top ">
                        <img src="/images/home/2024/todoincluido/movile/movile-cenas.png" width="1800" height="1200" alt="Cenas todo incluido" loading="lazy">
                    </div>
                    <div class="uk-card-body">
                        <h3 class="uk-card-title uk-margin-top" style="color: #757575;">SAY YES TO TRYING NEW FLAVORS</h3>
                        <p style="color: #757575;">With the gastronomic variety of our buffet and a la carte restaurants, you can taste delicious flavor over and over in your breakfasts, lunches, snacks, and dinners.</p>
                        <a href="https://www.decameron.com/en/otr-all-inclusive">
                          <button class="uk-button-default uk-padding-small uk-margin hoverBtns">KNOW MORE</button>
                        </a>
                    </div>
                </div>
            </li>
            <li>
                <div class="uk-card uk-card-default">
                    <div class="uk-card-media-top">
                        <img src="/images/home/2024/todoincluido/movile/movile-shows.png" width="1800" height="1200" alt="Shows todo incluido" loading="lazy">
                    </div>
                    <div class="uk-card-body">
                        <h3 class="uk-card-title uk-margin-top" style="color: #757575;">SAY YES TO FUN AND GOOD TIMES</h3>
                        <p style="color: #757575;">With the variety of daytime and nighttime activities lined up daily at the hotels, so our travelers, no matter their age, can enjoy their vacations from start to finish.</p>
                        <a href="https://www.decameron.com/en/otr-all-inclusive">
                          <button class="uk-button-default uk-padding-small uk-margin hoverBtns">KNOW MORE</button>
                        </a>
                    </div>
                </div>
            </li>
            <li>
                <div class="uk-card uk-card-default">
                    <div class="uk-card-media-top">
                        <img src="/images/home/2024/todoincluido/movile/movile-playas.png" width="1800" height="1200" alt="Playa todo incluido" loading="lazy">
                    </div>
                    <div class="uk-card-body">
                        <h3 class="uk-card-title uk-margin-top" style="color: #757575;">SAY YES TO HAVING IT ALL, IN ONE PLACE</h3>
                        <p style="color: #757575;">With cozy rooms, spacious facilities, outdoor chill zones, beachfront bliss, pools, kids playgrounds, cinema, gym, sports courts, parking, restaurants, bars, nautical zone, and loads more benefits, that’s the Decameron travel experience.
                          <br>
                          <span class="uk-text-small">*Services and areas might vary by hotel.</span>
                        </p>
                        <a href="https://www.decameron.com/en/otr-all-inclusive">
                          <button class="uk-button-default uk-padding-small uk-margin hoverBtns">KNOW MORE</button>
                        </a>
                    </div>
                </div>
            </li>
        </ul>
        <!--
          <a class="uk-position-center-left" href="#" uk-slider-item="previous"><img src="https://www.decameron.com/images/home/2023/left-arrow-in-circular-button.png" width="20" style="opacity: 0.7;" aria-hidden="true"></a>
          <a class="uk-position-center-right" href="#" uk-slider-item="next"><img src="https://www.decameron.com/images/home/2023/right-arrow-in-circular-button.png" width="20" style="opacity: 0.7;" aria-hidden="true"></a> -->
        </div>
      </div>
    <ul class="uk-slideshow-nav uk-dotnav uk-flex-center uk-margin"></ul>
</div>

<script>
  const heroesElem = document.querySelectorAll('.heroesDelayed');
  setTimeout(()=>{
    if (heroesElem) {
      heroesElem.forEach(e => {
        e.style.display = 'block';
      });
    }
  }, 1000);

  const heroContainer = document.querySelector("#Mod2127");
  heroContainer.classList.remove('t3-section');
  heroContainer.firstChild.classList.remove('container');
  heroContainer.firstChild.classList.add('container-fluid');
  heroContainer.firstChild.style.padding = 0;

  function maxHeight() {
    if (window.visualViewport.width < 500) {
      heroContainer.firstChild.style.minHeight = '850px';
      heroContainer.firstChild.style.maxHeight = '851px';
    } else {
      heroContainer.firstChild.style.maxHeight = '1060px';
    }
  }
  maxHeight();

  function setAspectRatio() {
    const desiredAspectRatio = 16 / 9;
    let maxHeight = Math.floor(window.innerWidth / desiredAspectRatio);
    heroContainer.firstChild.style.maxHeight = `${maxHeight}px`;
  };

  setAspectRatio();
  window.addEventListener('resize', setAspectRatio);


</script></div>
</div></div></div><div class="wrap t3-section   " id="Mod2429"  ><div class="container"><div class="section-inner">

<div class="custom"  >
	<!-- START Botmaker Webchat-->

<script>

  (function () {
    let chatSrc = {
      'CO': {
              'url': 'https://go.botmaker.com/rest/webchat/p/6GFHULBNO4/init.js',
              'whatsApp': 573212188718
      },
      'EC': {
              'url': 'https://go.botmaker.com/rest/webchat/p/05IEZABHNE/init.js',
              'whatsApp': 5930993625527
      },
      "MX": {
              'url': 'https://go.botmaker.com/rest/webchat/p/W33TPLTIKN/init.js',
              'whatsApp': 5215575004661
      },
      "PA": {
              'url': 'https://go.botmaker.com/rest/webchat/p/UKU541BPCQ/init.js',
              'whatsApp': 50763793052
      },
      "PE": {
              'url':'https://go.botmaker.com/rest/webchat/p/TPJQKH06EF/init.js',
              'whatsApp': 51989211707
      },
      "SV": {
              'url':'https://go.botmaker.com/rest/webchat/p/6ZNQWOO147/init.js',
              'whatsApp': 50378410953
      },
      "OTRESA": {
              'url':'https://go.botmaker.com/rest/webchat/p/P3PI25DALN/init.js',
              'whatsApp': 18553080375
      },
      "OTRENA": {
              'url':'https://go.botmaker.com/rest/webchat/p/GHNZYKBBDV/init.js',
              'whatsApp': 18553080375
      },
      "OTREN": {
              'url':'https://go.botmaker.com/rest/webchat/p/62FEFSQVWO/init.js',
              'whatsApp': 18553080375
      },
    };
    let sigla_pais_origen = "OTREN ";
    let baseCod = "OTREN";
    if(sigla_pais_origen.trim() =="OTREN"){
      baseCod = "OTREN";
    }

    const wappBtn = `<div style="margin: auto 1px 1px auto; margin-bottom:30px; padding: 0px; font-style: normal; font-weight: normal; background-repeat: repeat-x; background-position: left bottom; display: block; z-index: 2147483650; position: fixed; bottom: 70px; right: 16px">
      <a href="https://api.whatsapp.com/send/?phone=18553080375&text&type=phone_number&app_absent=0&utm_source=sms&utm_medium=mobile&utm_campaign=co-jul24-decameron-contactanos_whats_app-perf&utm_term=na-trafico-na-texto-na&utm_content=whatsapp-lanzamiento" target="_blank">
        <img src="https://www.decameron.com/images/icons/liveperson/whatsapp.png" alt="Contacto Whatsapp" width="55" height="55" style="cursor: pointer;">
        </a>
    </div>`;
    let wapp = document.createElement('div');
    wapp.id= "wsDecameron";
    let js = document.createElement('script');
    js.type = 'text/javascript';
    js.async = 1;
    js.src = chatSrc[baseCod].url;
    wapp.innerHTML = wappBtn;
    wapp.onmouseover = function(){
      botmaker.frameWrapper.style.height = "70px";
    };
    document.body.appendChild(wapp);
    document.body.appendChild(js);
    })();
    $( document ).ready(function() {
      setTimeout(function() {
        botmaker.frameWrapper.id = "chatBotmaker";
        botmaker.frameWrapper.style.height = "70px";
      }, 10000);
    });
  </script>
  
  <!-- END Botmaker Webchat--></div>
</div></div></div>
  
      <div class="wrap t3-section   " id="Mod2589"  ><div class="container"><div class="section-inner">

<div class="custom"  >
	<!--NEW NEWS EN-->

<style>

  #Mod2589 {
    min-height: 400px;
  }

  .newsArrowImgs {
    width: 40px;
  }

  .newsBtn {
    width: 150px;
    background: transparent;
    color: #575757;
    border: 1px solid #e5e5e5;
    font-size: 17px !important;
    width: 116px;
    height: 52px;
    white-space: nowrap;
  }

  .newsContainer {
    max-height: 420px;
    min-height: 419px;
  }

  .newsLimitPanel {
    min-height: 400px;
    max-height: 400px;
  }

  .newsLimitPanel a {
    color: #575757 !important;
  }

  .newsNoShadow {
    box-shadow: none !important;
  }

  .newsText {
    font-size: 21px !important;
  }

  .newsTitle {
    font-size: 46px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    margin: 0 !important;
    color: #575757 !important;
  }

  .newsRightArrow {
    position: absolute;
    left: 96%;
    top: 45%;
  }

  .newsleftArrow {
    position: absolute;
    left: 1.5%;
    top: 45%;
  }

  .newSizeAdjust {
    width: 60%;
    margin-left: 130px !important;
  }

  .newsHoverZoom {
    transition: transform .5s
  }
  .newsHoverZoom:hover {
    transform: scale(1.5);
  }

  @media (max-width: 1366px) {
    .newSizeAdjust {
      margin-left: 50px !important;
      width: 75%;
    };
  }

</style>

<div class="uk-visible@m" style="display: block;">
  <h2 class="text-center" style="padding: 80px 20px 30px 20px"><strong style="color: #575757; font-size: 46px; font-weight: 400; text-transform: initial;">Discover our news</strong></h2>
</div>
<div class="uk-container-expand uk-visible@m">
  <div class="uk-position-relative uk-visible-toggle uk-light newsContainer" tabindex="-1" uk-slider="center: false; finite: false">
    <div class="uk-slider-items uk-grid" uk-height-viewport="min-height: 300">



  <div class="newsLimitPanel newSizeAdjust">
        <div class="uk-panel">
          <div class="uk-card uk-card-default uk-grid-collapse uk-child-width-1-2@s uk-margin uk-overflow-hidden newsLimitPanel newsNoShadow" uk-grid>
            <div class="uk-card-media-left uk-cover-container">
              <img src="/images/noticias/2024/modulo/temporada-navidena-all-inclusive-decameron.jpg" alt="Christmas has arrived at Decameron!" uk-cover>
            </div>
            <div>
              <div class="uk-card-body uk-height-1-1 uk-flex uk-flex-column uk-flex-around uk-padding-small uk-margin-left">
                <h3 class="uk-card-title newsTitle">Christmas has arrived at Decameron!</h3>
                <p class="uk-margin-remove newsText"> Christmas has arrived at Decameron! A magical experience filled with lights, joy, and unforgettable moments.</p>
                  <a href="/en/otr-news/christmas-has-arrived-at-decameron">
                    <button class="uk-button newsBtn">SEE</button>
                  </a>
              </div>
            </div>
          </div>
        </div>
      </div>


      

     <div class="newsLimitPanel newSizeAdjust">
        <div class="uk-panel">
          <div class="uk-card uk-card-default uk-grid-collapse uk-child-width-1-2@s uk-margin uk-overflow-hidden newsLimitPanel newsNoShadow" uk-grid>
            <div class="uk-card-media-left uk-cover-container">
              <img src="/images/noticias/2024/modulo/life-our-journey-home.jpg" alt="Life, Our Journey" uk-cover>
            </div>
            <div>
              <div class="uk-card-body uk-height-1-1 uk-flex uk-flex-column uk-flex-around uk-padding-small uk-margin-left">
                <h3 class="uk-card-title newsTitle">"Life, Our Journey"</h3>
                <p class="uk-margin-remove newsText"> Our new campaign where we highlight our commitment to Sustainability</p>
                  <a href="/en/otr-news/life-our-journey">
                    <button class="uk-button newsBtn">SEE</button>
                  </a>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="newsLimitPanel newSizeAdjust">
        <div class="uk-panel">
          <div class="uk-card uk-card-default uk-grid-collapse uk-child-width-1-2@s uk-margin uk-overflow-hidden newsLimitPanel newsNoShadow" uk-grid>
            <div class="uk-card-media-left uk-cover-container">
              <img src="/images/noticias/2024/modulo/home_nota_otr_EN_cameron.jpg" alt="Meet Cameron" uk-cover>
            </div>
            <div>
              <div class="uk-card-body uk-height-1-1 uk-flex uk-flex-column uk-flex-around uk-padding-small uk-margin-left">
                <h3 class="uk-card-title newsTitle">Meet Cameron</h3>
                <p class="uk-margin-remove newsText">At Decameron, we are excited to take a significant step into the future with the launch of CAMERON.</p>
                  <a href="https://www.decameron.com/en/otr-news/new-virtual-assistant">
                    <button class="uk-button newsBtn">SEE MORE</button>
                  </a>
              </div>
            </div>
          </div>
        </div>
      </div>


      <div class="newsLimitPanel newSizeAdjust">
        <div class="uk-panel">
          <div class="uk-card uk-card-default uk-grid-collapse uk-child-width-1-2@s uk-margin uk-overflow-hidden newsLimitPanel newsNoShadow" uk-grid>
            <div class="uk-card-media-left uk-cover-container">
              <img src="https://www.decameron.com/images/noticias/2024/modulo/nota-deca.jpg" alt="Deca Olympics 2024" uk-cover>
            </div>
            <div>
              <div class="uk-card-body uk-height-1-1 uk-flex uk-flex-column uk-flex-around uk-padding-small uk-margin-left">
                <h3 class="uk-card-title newsTitle">Deca Olympics 2024</h3>
                <p class="uk-margin-remove newsText">This summer, the olympic spirit comes to our hotels with the exciting Deca Olympics! Delight yourself with days full of fun and competition.</p>
                  <a href="https://www.decameron.com/en/otr-news/deca-olympics-2024">
                    <button class="uk-button newsBtn">SEE MORE</button>
                  </a>
              </div>
            </div>
          </div>
        </div>
      </div>


    




    </div>
    <a class="uk-hidden-hover newsleftArrow newsHoverZoom" uk-slider-item="previous">
      <img class="newsArrowImgs" src="https://www.decameron.com/images/icons/icono-flecha-izquierda.png" aria-hidden="true">
    </a>
    <a class="uk-hidden-hover newsRightArrow newsHoverZoom" uk-slider-item="next">
      <img class="newsArrowImgs" src="https://www.decameron.com/images/icons/icono-flecha-derecha.png" aria-hidden="true">
    </a>
  </div>
</div>

<script>
    document.getElementById('Mod2589').firstChild.classList.remove("container");
</script></div>
</div></div></div>
  
  
      <div class="wrap t3-section   " id="Mod372"  ><div class="container"><div class="section-inner">

<div class="custom"  >
	<div class="col-xs-12 hide" id="tituloSubscribe">PROMOCIONES EXCLUSIVAS EN TU EMAIL</div>
<div class="col-xs-12">
  <iframe id="contenido" name="contenido" src="/web_pagGDS/lightbox.php?sigPais=OTROS&idioma=en-GB&page=newsletterNew" onload="reSize(true);" frameborder="0" scrolling="no" style="width:100%; height:50px; opacity: 1; background:transparent;"></iframe>
</div>

<script>
  function myFunction(x) {
    newsLetterContainer = document.getElementById('Mod372')
    if (x.matches) { // If media query matches
      newsLetterContainer.style.backgroundColor = '#efefef'
      newsLetterContainer.style.backgroundImage = 'url("")'
    } else {
      newsLetterContainer = document.querySelector('#Mod372')
      newsLetterContainer.style.backgroundColor = '#efefef'
      newsLetterContainer.style.backgroundImage = 'url("https://www.decameron.com/web_pagGDS/media/images/island-with-two-palms.png")'
      newsLetterContainer.style.backgroundPosition = "right bottom"
      newsLetterContainer.style.backgroundRepeat = "no-repeat"
    }
  }

  var x = window.matchMedia("(max-width: 1300px)")
  myFunction(x)
  x.addListener(myFunction)
</script></div>
</div></div></div>
  
  <div class="wrap">
    <div class="container">
          </div>
  </div>
</div>

            
<!--Modal Time expired-->
<div class="modal fade" id="modal-time-expired" data-keyboard="false" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" id="btn-top-close-modal-time-expired" class="close" data-dismiss="modal" aria-label="Close" onclick="window.location.href = window.location.pathname + window.location.search + window.location.hash;">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel"></h4>
            </div>
            <div class="modal-body text-center" style="overflow-y: hidden !important;">
                <h2 class="title-modal-expired">
                    Time to make a reservation has expired                </h2>
                <h3 class="subtitle-modal-expired">
                    Apparently inactivity has caused it!                </h3>
            </div>
            <div class="modal-footer">
                <button type="button" id="btn-close-modal-time-expired" class="btn btn-purple" data-dismiss="modal" onclick="window.location.href = window.location.pathname + window.location.search + window.location.hash;">Back to</button>
            </div>
        </div>
    </div>
</div>
<a class="linkPopUp" id="link-modal-time-expired" data-toggle="modal" data-target="#modal-time-expired" style="display:none;"></a>
<style id="modalStyle">
    .title-modal-expired, .title-modal-inactivity
    {
        font-size: 26px;
        color: #702f6d;
        font-weight: bolder;
    }

    .subtitle-modal-expired, .subtitle-modal-inactivity
    {
        font-size: 20px;
        color: #702f6d;
        text-transform: inherit;
    }

    .btn-purple
    {
        background-color: #702f6d !important;
        color: white;
        border: 0;
        text-transform: uppercase;
        padding: .5em 1.8em;
        outline: none !important;
        width: 160px;
        line-height: 20px !important;
    }

    .btn-purple.focus, .btn-purple:focus, .btn-purple:hover
    {
        color: #fefefe;
        text-decoration: none;
    }

    .modal-content {
        border-radius: 8px !important;
    }

    #CerrarModal, .modal-header .close {
        position: sticky !important;
        top: 10px !important;
        right: 5px !important;
        padding: 10px;
        border: solid 3px #702f6d !important;
    }

    #CerrarModal > span {
        color: #702f6d !important;
        top: -13.6px !important;
        right: 5px !important;
        font-size: 25px !important;
        font-weight: bolder !important;
    }

    .modal-title
    {
        text-align: center !important;
    }

    .modal-header
    {
        border-bottom: 0 !important;
    }

    .modal-header .close
    {
        width: 25px;
        height: 25px;
        display: inline-block;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        border-radius: 100% !important;
        background: transparent;
        opacity: 1;
        top: 8px !important;
        right: 8px !important;
        position: relative !important;
        outline: none;
    }

    .modal-header .close span
    {
        color: #702f6d !important;
        top: -4px;
        left: 4.5px;
        position: absolute;
        font-size: 27px !important;
        font-weight: bolder !important;
    }

    .modal-body
    {
        max-height: 90vh !important;
        overflow: auto !important;
        overflow-x: hidden !important;
        padding-top: 0px;
        margin-top: -10px;
        margin-left: -8px;
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .modal-footer
    {
        padding: 25px 15px !important;
        border-top: none !important;
        text-align: center !important;
    }

    #myModalMensaContent h1
    {
        text-align: center;
        text-transform: uppercase;
    }

    #myModalMensaContent p, #myModalMensaContent ul
    {
        text-align: justify;
    }

    .modal-content
    {
        -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
        box-shadow:0 5px 15px rgba(0,0,0,.5)
    }
    .modal-sm
    {
        width:300px
    }

    @media (min-width:992px)
    {
        .modal-lg
        {
            width:900px
        }
    }

</style>
<!--End Modal Time expired-->

<!-- FOOTER -->
<footer id="t3-footer" class="wrap t3-footer">

    
    <section class="t3-copyright">
        <div class="container">
            <div class="row">
                <div class="col-md-12 copyright ">
                    

<div class="custom"  >
	<style>
#t3-features-intro > div:first-of-type {
    min-height: 450px;
}
</style></div>


<div class="custom"  >
	<!-- FOOTER -->
<link rel="stylesheet" href="https://www.decameron.com/media/uikit_3_21_6/css/uikit.min.css">
<link rel="stylesheet" href="https://www.decameron.com/media/assets/fonts/fontawesome-free-6.4.2-web/css/all.min.css">

<style>
 .flexCol .fa-brands:hover {
   color: #155D76;
 }

  em {
    color: inherit;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  ul,
  ol{
    color: #575757;
    font-family:Akrobat;
  }

  h1,
  h2,
  h3{
    font-weight: bold;
  }

  h4,
  h5,
  h6,
  p,
  ul,
  ol{
    font-weight: normal;
  }

  h1{
    font-size: 30px;
    margin-bottom: 0px;
    text-transform: uppercase;
  }

  h2{
    font-size: 25px;
    text-transform: uppercase;
  }

  h3 {
    margin-top: 0;
  }

  h3,
  p,
  ul,
  ol{
    font-size: 18px;
  }

  h4{
    font-size: 24px;
  }

  h5{
    font-size: 22px;
  }

  h6{
    font-size: 20px;
  }

  img {
    max-width: none;
  }

  @media (max-width: 800px) {
    .flexCol {
      flex-direction: column;
    }

    .marBott {
      margin-bottom: 20px;
    }
  }

</style>

<!-- FOOTER -->

<!-- FOOTER -->

<div class="uk-container-expand" style="max-height: 390px;">
  <div class="uk-container-expand uk-visible@m" style="background-color: #fff; margin-top: 60px;">
    <div class="uk-container" style="background-color: #fff; padding: 0;">
      <div class="uk-child-width-1-2 uk-child-width-1-4@m uk-text-center" uk-grid>
        <div>
          <a href="https://www.decameron.com/en/otr-activities">
            <div class="uk-card uk-card-hover uk-card-body uk-padding-small">
              <img src="https://www.decameron.com/images/home/2023/footer/decameron-explorer-logo.png" aria-hidden="true">
            </div>
          </a>
        </div>
        <div>
          <a onclick="latestNews()">
            <div class="uk-card uk-card-hover uk-card-body uk-padding-small">
              <img src="https://www.decameron.com/images/home/2023/footer/news-decameron.png" aria-hidden="true">
            </div>
          </a>
        </div>
        <div>
          <a href="https://www.decameron.com/en/otr-online-registration">
            <div class="uk-card uk-card-hover uk-card-body uk-padding-small">
              <img src="https://www.decameron.com/images/home/2023/footer/registro-en-linea-en.png" aria-hidden="true">
            </div>
          </a>
        </div>
        <div>
          <a href="https://www.decameron.com/en/otr-events">
            <div class="uk-card uk-card-hover uk-card-body uk-padding-small">
              <img src="https://www.decameron.com/images/home/2023/footer/en-decameron-eventos.png" aria-hidden="true">
            </div>
          </a>
        </div>
      </div>
    </div>
  </div>

   <div class="uk-container-expand uk-text-center uk-padding uk-padding-remove-horizontal" style="background-color: #DEDEDE;">
    <h2 style="margin-top: 5px; font-family: 'Akrobat'; font-size: 25px; color: #999;">INFORMATION</h2>
    <div class="uk-container">
      <div class="uk-child-width-1-2@s uk-child-width-1-3@m uk-text-center uk-visible@m uk-flex ">
        <div class="uk-padding uk-padding-remove-bottom">
          <ul  class="uk-list">
            <li>
              <a href="https://www.decameron.com/en/otr-contact-us" class="uk-link-muted">
                Contact Us
              </a>
            </li>
            <li>
              <a href="https://www.decameron.com/en/otr-about-us" class="uk-link-muted">
                About Us
              </a>
            </li>
            <li>
              <a href="https://www.decameron.com/en/otr-terms-and-conditions" class="uk-link-muted">
                Terms and Conditions
              </a>
            </li>
            <li>
              <a href="https://www.decameron.com/en/otr-privacy-policy" class="uk-link-muted">
                Privacy Policy
              </a>
            </li>
          </ul>
        </div>
        <div class="uk-padding uk-padding-remove-bottom">
          <ul  class="uk-list">
            <li>
              <a href="https://www.decameron.com/en/otr-search-and-pay-your-reservation-online" class="uk-link-muted">
                Search and pay your reservation
              </a>
            </li>
            <li>
              <a href="https://www.decameron.com/en/otr-complete-your-request" class="uk-link-muted">
                Complaints and requests
              </a>
            </li>
            <li>
              <a href="https://www.decameron.com/images/documentos/2021/canal-etico/codigo-de-etica-ingles.pdf" target="_blank" class="uk-link-muted">
                Code of conduct and Ethics
              </a>
            </li>
            <li>
              <a href="https://www.decameron.com/en/otr-process-query" class="uk-link-muted">
                Process query
              </a>
            </li>
          </ul>
        </div>
        <div class="uk-padding uk-padding-remove-bottom">
          <ul  class="uk-list">
            <li>
              <a href="https://www.resguarda.com/decameron" class="uk-link-muted">
                Ethic Line
              </a>
            </li>
            <li>
              <a onclick="latestNews()" class="uk-link-muted">
                News
              </a>
            </li>
            <li>
              <a href="https://www.decameron.com/en/otr-events" class="uk-link-muted">
                Events
              </a>
            </li>
            <li>
              <a href="https://travelagents.decameron.com/en/agy-otr-home" class="uk-link-muted">
                Travel Agents
              </a>
            </li>
          </ul>
        </div>
      </div>
    <div>
    </div>
    </div>
        <div class="uk-hidden@m">
          <div class="uk-width-2-5@m">
            <ul class="uk-nav-default" uk-nav>
                <li class="uk-parent uk-padding-remove-horizontal">
                  <a style="font-size: 1.3rem; margin: 0 25px 0 25px;">Contact <span uk-nav-parent-icon></span></a>
                  <ul class="uk-nav-sub" style="background-color: #efefef; font-size: 16px;">
                    <li><a href="https://www.decameron.com/en/otr-contact-us" class="uk-text-default" style="padding: 5px; margin-left: 30px;">Contact Us</a></li>
                    <li><a href="https://www.decameron.com/en/otr-complete-your-request" class="uk-text-default" style="padding: 5px; margin-left: 30px;">Complaints and requests</a></li>
                    <li><a href="https://etica.resguarda.com/decameron/co_en.html" class="uk-text-default" style="padding: 5px; margin-left: 30px;">Ethic Line</a></li>
                  </ul>
                  <hr class="uk-margin-remove" style="border-color: #EFEFEF;">
                </li>
                <li class="uk-parent">
                  <a style="font-size: 1.3rem; margin: 0 25px 0 25px">Services<span uk-nav-parent-icon></span></a>
                  <ul class="uk-nav-sub" style="background-color: #EFEFEF;">
                    <li><a href="https://www.decameron.com/en/otr-search-and-pay-your-reservation-online" class="uk-text-default" style="padding: 5px; margin-left: 30px;">Search and pay your reservation</a></li>
                    <li><a href="https://www.decameron.com/en/otr-process-query" class="uk-text-default" style="padding: 5px; margin-left: 30px;">Process query</a></li>
                    <li><a href="https://travelagents.decameron.com/en/agy-otr-home" class="uk-text-default" style="padding: 5px; margin-left: 30px;">Travel Agents</a></li>
                    <li><a href="https://www.decameron.com/en/otr-events" class="uk-text-default" style="padding: 5px; margin-left: 30px;">Events</a></li>
                    <li><a onclick="latestNews()" class="uk-text-default" style="padding: 5px; margin-left: 30px;">News</a></li>
                  </ul>
                  <hr class="uk-margin-remove " style="border-color: #EFEFEF;">
                </li>
                <li class="uk-parent">
                  <a style="font-size: 1.3rem; margin: 0 25px 0 25px">About Us <span uk-nav-parent-icon></span></a>
                  <ul class="uk-nav-sub" style="background-color: #EFEFEF;">
                    <li><a href="https://www.decameron.com/en/otr-about-us" class="uk-text-default" style="padding: 5px; margin-left: 30px;">About Us </a></li>
                    <li><a href="https://www.decameron.com/en/otr-terms-and-conditions" class="uk-text-default" style="padding: 5px; margin-left: 30px;">Terms and Conditions</a></li>
                    <li><a href="https://www.decameron.com/en/otr-privacy-policy" class="uk-text-default" style="padding: 5px; margin-left: 30px;">Privacy Policy</a></li>
                    <li><a href="https://www.decameron.com/images/documentos/2021/canal-etico/codigo-de-etica-ingles.pdf" target="_blank" class="uk-text-default" style="padding: 5px; margin-left: 30px;">Code of conduct and Ethics</a></li>
                  </ul>
                  <hr class="uk-margin-remove" style="border-color: #EFEFEF;">
                </li>
            </ul>
        </div>
        </div>
      </div>
      
   <div class="uk-container uk-flex-middle uk-text-center uk-flex uk-flex-center uk-padding-small uk-padding-remove-horizontal flexCol">
        <div class="uk-inline marBott" style="display: inline-block; font-size: 20px; color: #acacac;">
          <span>Follow Us:</span>
          <a href="https://www.facebook.com/DecameronHotels" target="_blank" style="padding: 8px; color: #acacac; text-decoration: none;">
            <i class="fa-brands fa-facebook-f"></i>
          </a>
          <a href="https://instagram.com/decameronhotels" target="_blank" style="padding: 10px; color: #acacac; text-decoration: none;">
            <i class="fa-brands fa-instagram"></i>
          </a>
<!--           <a href="https://twitter.com/DecameronHotels" target="_blank" style="padding: 10px; color: #acacac; text-decoration: none;">
            <i class="fa-brands fa-x-twitter"></i>
          </a> -->
          <a href="https://www.tiktok.com/@hotelesdecameron?lang=en" target="_blank" style="padding: 10px; color: #acacac; text-decoration: none;">
            <i class="fa-brands fa-tiktok"></i>
          </a>
          <a href="https://www.youtube.com/hdecameron" target="_blank" style="padding: 10px; color: #acacac; text-decoration: none;">
            <i class="fa-brands fa-youtube"></i>
          </a>
          <a href="https://www.linkedin.com/company/decameronhotels" target="_blank" style="padding: 10px; color: #acacac; text-decoration: none;">
            <i class="fa-brands fa-linkedin"></i>
          </a>
        </div>
      <div class="uk-inline uk-width-1-2 uk-text-center">
        <span><strong class="" style="color: #acacac;font-size: 20px; font-weight: 300; vertical-align: middle; margin-right: 10px;">Is not your country?</strong></span>
        <button class="uk-button uk-button-default" type="button" style="width: 170px; border-radius: 20px; color: #aeaeae; padding-left: 20px; text-align: initial;">
          <div class="uk-flex uk-flex-middle" style="font-size: 16px; padding: 5px;">
            <i class="fa-solid fa-globe"></i>
            <span style="display: inline ;padding-left: 5px; white-space: nowrap;">Other Countries</span>
            <span uk-nav-parent-icon></span>
          </div>
        </button>
        <div uk-dropdown="mode: click; pos: top-center; animation: uk-animation-slide-top-small; duration: 300; shift: false; flip: false" style="border-radius: 10px; border: 1px solid #dedede;">
          <ul class="uk-nav uk-dropdown-nav" style="font-size: 18px;">
            <li><a href="https://www.decameron.com/es/co-inicio">Colombia</a></li>
            <li><a href="https://www.decameron.com/es/ec-inicio">Ecuador</a></li>
            <li><a href="https://www.decameron.com/es/mx-inicio">Mexico</a></li>
            <li><a href="https://www.decameron.com/es/pe-inicio">Peru</a></li>
            <li><a class="uk-text-left" href="https://www.decameron.com/en/ceca-home">Central America and Caribbean</a></li>
          </ul>
        </div>
      </div>
</div>


      <div class="uk-container uk-container-expand uk-text-center uk-padding-small uk-flex uk-flex-center uk-flex-column" style="background-color: #DEDEDE;">
        <div>
          <p style="font-size: 14px; color: #999;">Promotions offered in this website do not apply for passengers departing from Colombia, Ecuador and El Salvador
            Decameron All Inclusive Hotels & Resorts - Copyright © 2023</p>
        </div>
        <div class="uk-flex uk-margin-auto uk-flex-middle">
          <img src="https://www.decameron.com/images/home/2023/footer/buy-securely-lock.png" style="width: 100px; height: 30px; margin-right: 20px;" aria-hidden="true">
        </div>
      </div>
     </div>



<script>

const footerWraper = document.getElementById('t3-footer')
footerWraper.classList.remove('wrap', 't3-footer')
footerWraper.childNodes[1].classList.remove('t3-copyright')
footerWraper.childNodes[1].childNodes[1].classList.remove('container')
footerWraper.childNodes[1].childNodes[1].childNodes[1].classList.remove('row')
footerWraper.childNodes[1].childNodes[1].childNodes[1].childNodes[1].classList.remove('col-md-12')

//This delays the render time so it don't loads unorganized
 const footerElem = document.querySelectorAll('.footerDelay')
  setTimeout(()=>{
    if (footerElem) {
      footerElem.forEach(e => {
        e.style.display = 'block';
      });
    }
  }, 1000)

const iconsEdits = () => {
    let homeVideo = document.querySelector(".fillWidth")
    if (homeVideo) {
      homeVideo.style.maxWidth = '400%'
    }

    let ytIcon = document.querySelectorAll(".fa-youtube-play")
    if (ytIcon.length > 0) {
      ytIcon.forEach(e => {
        e.classList.remove('fa')
        e.classList.remove('fa-youtube-play')
        e.classList.add('fa-brands')
        e.classList.add('fa-youtube')
      });
    }

    let locationIcon = document.querySelectorAll('.fa-map-marker')
    if (locationIcon.length > 0) {
      locationIcon.forEach(e => {
        e.classList.remove('fa')
        e.classList.remove('fa-map-marker')
        e.classList.add('fa-solid')
        e.classList.add('fa-location-dot')
      });
    }

    let hotelIcon = document.querySelectorAll(".fa-building-o")
    if (hotelIcon.length > 0) {
      hotelIcon.forEach(e => {
        e.classList.remove('fa')
        e.classList.remove('fa-building-o')
        e.classList.add('fa-building')
        e.classList.add('fa-regular')
      });
    }

    let CalendarIcon = document.querySelectorAll(".fa-calendar")
    if (CalendarIcon.length > 0) {
      CalendarIcon.forEach(e => {
        e.classList.remove('fa')
        e.classList.remove('fa-calendar')
        e.classList.add('fa-regular')
        e.classList.add('fa-calendar-days')
      });
    }

    let userIcon = document.querySelectorAll(".fa-user")
    if (userIcon > 0) {
      userIcon.forEach(e => {
        e.classList.remove('fa')
        e.classList.add('fa-regular')
      });
    }
  }

  document.addEventListener("DOMContentLoaded", (e) => {
    iconsEdits();
  });


  //Carga pagina a url de ultima noticia en modulo noticias.
  const latestNews = () => {
    const externalUrl = 'https://www.decameron.com/en/otr-news/fathers-day-at-decameron';

    fetch(externalUrl)
      .then(response => {
        if (response.status === 200) {
          return response.text();
        } else {
          throw new Error('URL no existe! Actualiza URL en variable "externalUrl".');
        }
      })
      .then(htmlContent => {
        const parser = new DOMParser();
        const doc = parser.parseFromString(htmlContent, 'text/html');
        const newsThumbnails = doc.querySelector('.noticiaThumbnail');
        if (newsThumbnails) {
          const urlNews = newsThumbnails.firstElementChild?.getAttribute('href');
          window.location.href = '' + urlNews
        } else {
          console.log('No se encontró elemento "noticiaThumbnail" en Url de noticias.');
        }
      })
      .catch(error => {
        console.error('Error:', error);
    });
  };

</script>

<script src="https://www.decameron.com/media/uikit_3_21_6/js/uikit.min.js"></div>

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

</footer>
<!-- //FOOTER -->




    
<script>

    if ( jQuery(".iframepreregistro").length > 0 ) {
        
            window.$zopim || (function (d, s) {
                var z = $zopim = function (c) { z._.push(c); }, $ = z.s = d.createElement(s), e = d.getElementsByTagName(s)[0];
                z.set = function (o) { z.set._.push(o); };
                z._ = [];
                z.set._ = [];
                $.async = !0;
                $.setAttribute("charset", "utf-8");
                $.src = "//v2.zopim.com/?39FO5wiZiVXs2EvnaOmPYJol8nNZDkmt";
                z.t = +new Date;
                $.type = "text/javascript";
                e.parentNode.insertBefore($, e)
            })(document, "script");
            //$zopim(function () { $zopim.livechat.departments.setVisitorDepartment('OTROS-cliente-directo'); });
            //$zopim(function () { $zopim.livechat.departments.filter('OTROS-cliente-directo'); });
            }
    var load = false;
    function reSize(forzar) {

        if (load || typeof (forzar) !== "undefined") {
            var maxHeight = 0;
            var newHeight = 0;

            jq("iframe[src^='/web_pagGDS'], iframe[src*='decameron/frm'], iframe[id*='blockrandom']").each(function (i, o) {
                newHeight = jq(o).contents().find("html").height();
                if (jq(o).contents().find("#bookingEngine").height()) {
                    newHeight += 10;
                }

                if (/cotizacionGrupos/.test(jq(o).attr("src"))) {
                    newHeight += 37;
                }
                jq(o).height(newHeight);
                maxHeight = jq(o).height() > maxHeight ? jq(o).height() : maxHeight;
                jq(o).css({"opacity": 1, "visibility": "visible"});
            });

            return maxHeight;
        }
        load = true;
    }

    function divCargando(show) {
        if (show == true) {
            if (typeof (window["divCargando"]) != "undefined") {
                document.getElementById("divCargando").className = "";
                document.getElementById('divCargando').style.height = (reSize() + 150) + "px";
            }
        } else {
            if (typeof (window["divCargando"]) != "undefined") {
                document.getElementById("divCargando").className = "hide";
            }
        }
    }

    function scrollIframe(id) {
        if (jq(window).width() < 1185) {
            jq('html,body').animate({
                scrollTop: jq("#blockrandom").contents().find("#" + id).offset().top
            }, 1000);

        }
    }

    /**
     * Evento que nos muestra el procesando en la pagina completa de joomla
     * @param {boolean} show true mostrar - false ocultar
     * @returns
     */
    function divProcesar(show) {
        var display;
        if (show == true) {
            display = "block";
            if (document.getElementById('blockrandom')) {
                document.getElementById('blockrandom').height = 0;
            }
        } else {
            display = "none";
            if (typeof (window["blockrandom"]) != "undefined") {
                 setTimeout(function (){
                    document.getElementById('blockrandom').height = reSize() + "px";
                }, 1500);
            }
        }
        if (typeof (window["backimagen"]) != "undefined") {
            document.getElementById('backimagen').style.display = display;
        }
        return;
    }
    

    
</script>

<script src="/templates/ja_rent/js/custom.js?v=202502071831"></script>

<script>
     function resizeWCK(msg) {
        if (msg.data.viz == "resizeWCK") {
            jq("#blockrandom").height(msg.data.height);
        } else if (msg.data.viz == "scrollTop") {
            window.scrollTo(0,500);
        }
    }
    window.addEventListener("message", resizeWCK);
</script>

        </div>        
        
    </body>
    
    <!-- DATALAYER -->
<script type="text/javascript">
    var data = JSON.parse('{"country":"OTROS","baseUrl":"https:\/\/www.decameron.com\/en\/otr-home","currency":"USD","language":"en-gb","countryDescription":"OTROS PAISES"}');
    parent.dataLayer.push(data);
</script>
<!-- //DATALAYER -->
    
</html>