<input type="hidden" id="internalStartDate" value="2026-08-22"/>
<input type="hidden" id="internalEndDate" value="2026-08-26"/>
<input type="hidden" id="internalNumRooms" value="1" />
<input type="hidden" id="internalNumNights" value="4" />
<input type="hidden" id="internalPromocode" value=""/>
<input type="hidden" id="internalHiddenPromocode" value=""/>
<input type="hidden" class="internalSource" value="Web">
<input type="hidden" id="internalNum1AdultsRooms" value="2" />
<input type="hidden" id="internalNum1KidsRooms" value="0" />
<div class="clearfix">
<div class="booking-box booking-box--search ">
<div class="booking-search-results booking-box__content ">
<h3 class="title_booking_breakdown">Booking Summary</h3>
<div class="booking-search-results__search-data">
<b class="booking-title-info booking-hotel-name">Hotel: </b>
<span class="booking-3-info">O7 Hotels</span>
<br/>
<i class="fa fa-long-arrow-right"></i><b class="booking-title-info">Check-In: </b>
<span class="notranslate">22-08-2026</span><br/>
<i class="fa fa-long-arrow-left"></i><b class="booking-title-info">Check-Out: </b>
<span class="notranslate ">26-08-2026
</span><br/>
</div>
<div class="booking-search-results__rooms-list rooms_amount_1">
<i class="fa fa-users"></i>
<b class="booking-title-info rooms_amount_label"> Rooms: </b><span class="rooms_amount_number">1</span><br/>
<div class="search-item">
<span class="booking-title-info"> Room 1: </span>2 Adults
, 0 Children
, 0 Babies
<br>
</div>
</div>
<div class="booking-search-results__new-search">
<button type="submit" class="booking-button booking-button--action" id="modify-button">View price calendar</button>
</div>
<!-- TODO: remove inline styles -->
<div class="booking-widget">
<div style="float:left">
<h1 class="booking-widget__title">Modify search</h1>
</div>
<div style="float:right"><a class="booking-widget__close-button">X</a></div>
<div id="motor_reserva">
<!-- booking engine 2 -->
<form action="/booking0" name="searchForm" id="searchForm" method="post" class="paraty-booking-form motor2">
<input type="hidden" id="language" name="language" value="ENGLISH" />
<input type="hidden" id="agesKid1" name="agesKid1" value="None" />
<input type="hidden" id="agesKid2" name="agesKid2" value="None" />
<input type="hidden" id="agesKid3" name="agesKid3" value="None" />
<input id="roomType" type="hidden" name="roomType" value="">
<input class="roomTypeValue" type="hidden" name="roomTypeValue" value="">
<input id="roomFilter" type="hidden" name="roomFilter" value="">
<input id="roomFilterName" type="hidden" name="roomFilterName" value="">
<input type="hidden" id="roomtype_list_json" name="roomtype_list_json" value="">
<input id="boardFilter" type="hidden" name="boardFilter" value="">
<input id="keyBooking0Source" type="hidden" name="keyBooking0Source" value="">
<input type="hidden" value="" name="priceSeekerHotel" id="priceSeekerHotel"/>
<!-- EXTRA PARAMS -->
<!-- END EXTRA PARAMS -->
<input type="hidden" id="gclid" name="gclid" value="" />
<input type="hidden" id="using_booking_0" name="using_booking_0" value="" />
<input type="hidden" id="applicationIds" name="applicationIds" value="o7-tenerife;o7-bellevue-aquarius;o7-bluebay-lanzarote" />
<input type="hidden" id="namespace" name="namespace" value="o7-corpo" />
<div id="booking_engine_title">
<h4 id="booking_title1">Book here</h4>
<h4 id="booking_title2">Book now</h4>
<h3 id="best_price">BEST PRICE GUARANTEED</h3>
</div>
<div id="contenedor_hotel">
</div>
<fieldset id="contenedor_fechas">
<legend class="sr-only">Dates</legend>
<div id="fecha_entrada" class="colocar_fechas fecha_entrada">
<label id="titulo_fecha_entrada" class="float_fecha" for="datepicker1">Check-In Date</label>
<input type="text" class="float_fecha classdatepicker1" name="startDate" id="datepicker1" tabindex="4" readonly="readonly" autocomplete="off"/>
</div>
<div id="fecha_salida" class="colocar_fechas fecha_salida">
<label id="titulo_fecha_salida" class="float_fecha" for="datepicker2">Check-Out Date</label>
<input type="text" class="float_fecha classdatepicker2" name="endDate" id="datepicker2" tabindex="5" readonly="readonly" autocomplete="off"/>
</div>
<div id="contador_noches" class="colocar_fechas">
<p class="float_fecha">Number of Nights: X</p>
</div>
</fieldset>
<fieldset id="contenedor_habitaciones" >
<legend class="sr-only">Rooms</legend>
<label for="selector_habitaciones"> Rooms </label>
<select id="selector_habitaciones" name="numRooms" onchange="mostrarHabitaciones(this.value);" tabindex="6">
<option value="1" selected="selected">1</option>
<option value="2" >2</option>
<option value="3" >3</option>
</select>
</fieldset>
<fieldset id="contenedor_opciones" class="contenedor_opciones_babies">
<legend class="sr-only">Occupancy</legend>
<div id="hab1">
<label class="numero_habitacion"> Room 1</label>
<div class="adultos numero_personas">
<label class="selector_adultos" id="titulo_adultos">Adults</label>
<select class="selector_adultos" id="hab1_adultos" name="adultsRoom1" tabindex="7">
<option value="1" >1</option>
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
</select>
</div>
<div class="ninos numero_personas ninos-con-babies" title="Babies go free">
<label for="childrenRoom1" id="titulo_ninos" class="selector_ninos">Children</label>
<select id="hab1_ninos" class="selector_ninos" name="childrenRoom1" onchange="" tabindex="8">
<option value="0" selected="selected" >
0
</option>
<option value="1" >
1
</option>
<option value="2" >
2
</option>
<option value="3" >
3
</option>
<option value="4" >
4
</option>
</select>
<label id="info_ninos" class="selector_ninos">
(from 2 to 11 years)
</label>
</div>
<div class="numero_personas bebes">
<label class="selector_bebes">Babies <span class="range-age">(0-1 years)</label>
<select id="hab1_bebes" class="selector_bebes" name="babiesRoom1" onchange="" tabindex="9">
<option value="0" >0</option>
<option value="1" >1</option>
<option value="2" >2</option>
</select>
</div>
</div>
<div id="hab2">
<label class="numero_habitacion">Room 2</label>
<div class="adultos numero_personas">
<select class="selector_adultos" id="hab2_adultos" name="adultsRoom2" tabindex="10">
<option value="1" >1</option>
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
</select>
</div>
<div class="ninos numero_personas ninos-con-babies" title="Babies go free">
<select id="hab2_ninos" class="selector_ninos" name="childrenRoom2" onchange="" tabindex="11">
<option value="0" selected="selected" >
0
</option>
<option value="1" >
1
</option>
<option value="2" >
2
</option>
<option value="3" >
3
</option>
<option value="4" >
4
</option>
</select>
</div>
<div class="numero_personas bebes">
<select id="hab2_bebes" class="selector_bebes" name="babiesRoom2" onchange="" tabindex="12">
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
</div>
</div>
<div id="hab3">
<label class="numero_habitacion">Room 3</label>
<div class="adultos numero_personas">
<select class="selector_adultos" id="hab3_adultos" name="adultsRoom3" tabindex="13">
<option value="1" >1</option>
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
</select>
</div>
<div class="ninos numero_personas ninos-con-babies" title="Babies go free">
<select id="hab3_ninos" class="selector_ninos" name="childrenRoom3" onchange="" tabindex="14">
<option value="0" selected="selected" >
0
</option>
<option value="1" >
1
</option>
<option value="2" >
2
</option>
<option value="3" >
3
</option>
<option value="4" >
4
</option>
</select>
</div>
<div class="numero_personas bebes">
<select id="hab3_bebes" class="selector_bebes" name="babiesRoom3" onchange="" tabindex="15">
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
</div>
</div>
</fieldset>
<fieldset id="envio">
<legend class="sr-only">Reserve</legend>
<input type="text" id="promocode" class="colocar_envio promocode_input_class" name="promocode" aria-label="Promotional code"
placeholder="Promotional code"
value=""
tabindex="16">
<button type="submit" onclick="$(this).addClass('clicked_button');return bookingSearchWithAgeSelection2() " id="search-button" class="colocar_envio buttonsearch-ratecheck" tabindex="17">Reserve</button>
<div id="envio_spinner"></div>
</fieldset>
<input type="hidden" id="booking-search-popup" name="booking-search-popup" value="true">
<script>
function show_booking_search_popup(myForm) {
if (typeof(sending_form_custom_from_paraty) == 'undefined'){
sending_form_custom_from_paraty = true;
setTimeout( function(myForm) { openBookingSearchPopup(myForm); }, 1000, myForm );
}
};
function openBookingSearchPopup(myForm) {
return openBookingSearchPopup_v2(myForm);
var elements = [
{
href : 'https://lh6.ggpht.com/NwYbotDBKNCXNwW9WJlEfB0z0JxAx6Sv_s0_3CoYF3R-1Lk4DCl3w9oWaZajlcDBfRBjm1d89PFlJ4kZkUQjuZFo3w=s800'
},
]
var popup_description = "";
if (typeof(custom_popup_loading_description) != 'undefined') {
popup_description = custom_popup_loading_description;
}
$("<img/>").attr('src', 'https://lh6.ggpht.com/NwYbotDBKNCXNwW9WJlEfB0z0JxAx6Sv_s0_3CoYF3R-1Lk4DCl3w9oWaZajlcDBfRBjm1d89PFlJ4kZkUQjuZFo3w');
text_popup = '<div class="container_popup_booking" style="text-align:center;"><img src="https://lh6.ggpht.com/NwYbotDBKNCXNwW9WJlEfB0z0JxAx6Sv_s0_3CoYF3R-1Lk4DCl3w9oWaZajlcDBfRBjm1d89PFlJ4kZkUQjuZFo3w"><div class="description_popup_booking">' + popup_description + '</div></div>';
var fancybox_params = {
width : 'auto',
maxWidth: 800,
height: 'auto',
fitToView: false,
autoSize: false,
padding: 0,
closeClick: false,
closeBtn: false,
wrapCSS: 'booking_popup_waiting',
helpers: {
overlay: {closeClick: false} // prevents closing when clicking OUTSIDE fancybox
}
};
if ($.fancybox.version.slice(0,2) === '3.') {
fancybox_params['baseClass'] = 'fancy-booking-search';
fancybox_params['modal'] = true;
$.fancybox.open(text_popup, fancybox_params);
} else {
$.fancybox(text_popup, fancybox_params);
}
myForm.submit();
}
function openBookingSearchPopup_v2(myForm, show_popup=true) {
if ((window.location !== window.parent.location) && show_popup) {
const parentMessage = {
message: 'resize_iframe',
height: 700,
};
window.parent.postMessage(parentMessage, '*');
}
var container_booking_popup = $('<div></div>').addClass('container_popup_booking').css('text-align', 'center'),
loading_popup_top_text = `We will take care of your request. Please do not leave this page.`;
var loading_popup_top_text = $("<img src='https://cdn2.paraty.es/o7-alea/images/d73a9bd0051e17d=s100'>");
var loading_popup_top_text = $('<video src="https://storage.googleapis.com/cdn.paraty.es/o7-corpo/files/o7hotelesanimacion.webm" muted="muted" autoplay loop></video>');
if ($('.logo_namespace').length) {
var logo_namespace = $("input[name='namespace']").val();
var url_logo = $('#logo_' + logo_namespace).val();
loading_popup_top_text = $("<img src='"+ url_logo +"'>");
}
let loading_popup_bottom_text = `<div style='color:#275e67'>Checking the availability of your search:<br><br> From <strong>@@start_date@@</strong> to <strong>@@end_date@@</strong></div>`,
descipription_top_booking_popup = $("<div></div>").addClass('description_top_popup_booking').html(loading_popup_top_text);
const specialLoadingTextElem = $('input[name="special_loading_text"]');
if(specialLoadingTextElem.length && specialLoadingTextElem.val()){
loading_popup_bottom_text = specialLoadingTextElem.val();
}
let descipription_bottom_booking_popup = $("<div></div>").addClass('description_bottom_popup_booking').html(loading_popup_bottom_text),
gif_wrapper = $("<div></div>").addClass('gif_wrapper'),
number_of_lines = 20;
for (var x = 0; x < number_of_lines; x++) {
var target_delay_css = {
'-webkit-animation-delay': -(1.5 - (0.1 * x)) + 's',
'-moz-animation-delay': -(1.5 - (0.1 * x)) + 's',
'-o-animation-delay': -(1.5 - (0.1 * x)) + 's',
'animation-delay': -(1.5 - (0.1 * x)) + 's'
};
var element_line_to_append = $("<div></div>").addClass("default_line_loading").css(target_delay_css);
element_line_to_append.css('background', '#FFFFFF');
element_line_to_append.appendTo(gif_wrapper);
}
container_booking_popup.css('border', '1px solid #FFFFFF');
container_booking_popup.append(descipription_top_booking_popup).append(gif_wrapper).append(descipription_bottom_booking_popup);
var selected_start_date = $("input.has_datepicker[name='startDate']").val() || $("input[name='startDate']").val();
selected_end_date = $("input.has_datepicker[name='endDate']").val() || $("input[name='endDate']").val();
if(selected_start_date === ''){
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!
var yyyy = today.getFullYear();
if(dd<10) {dd = '0'+dd}
if(mm<10) {mm = '0'+mm}
today = dd + '/' + mm + '/' + yyyy;
selected_start_date = today;
}
var custom_format_date = "";
if (custom_format_date) {
var splitted_start_date = selected_start_date.split("/"),
start_day = splitted_start_date[0],
start_month = splitted_start_date[1],
start_year = splitted_start_date[2],
start_datetime = new Date(start_year, start_month - 1, start_day),
week_start_day = start_datetime.getDay();
var splitted_end_date = selected_end_date.split("/"),
end_day = splitted_end_date[0],
end_month = splitted_end_date[1],
end_year = splitted_end_date[2],
end_datetime = new Date(end_year, end_month - 1, end_day),
week_end_day = end_datetime.getDay();
var days_list = $.datepicker._defaults.dayNames;
//Start date
selected_start_date = custom_format_date.replace("%m", start_month).replace("%d", start_day).replace("%Y", start_year);
selected_start_date = selected_start_date.replace("%a", days_list[week_start_day]).replace("%bb", _monthNames[start_month - 1]).replace("%b", _monthNames[start_month - 1]);
//End date
selected_end_date = custom_format_date.replace("%m", end_month).replace("%d", end_day).replace("%Y", end_year);
selected_end_date = selected_end_date.replace("%a", days_list[week_end_day]).replace("%bb", _monthNames[end_month - 1]).replace("%b", _monthNames[end_month - 1]);
}
//Protection for failures
if(selected_start_date.indexOf('NaN') > -1 || selected_end_date.indexOf('NaN')){
container_booking_popup.html(container_booking_popup.html().replace("@@start_date@@", selected_start_date).replace("@@end_date@@", selected_end_date));
} else {
container_booking_popup.find(".description_bottom_popup_booking").remove();
}
if (show_popup) {
var fancybox_params = {
width: 'auto',
maxWidth: 800,
height: 'auto',
fitToView: false,
autoSize: false,
padding: 0,
closeClick: false,
closeBtn: false,
helpers: {
overlay: {
css:
{'background': 'rgba(255, 255, 255, 0.9)'},
closeClick: false
} // prevents closing when clicking OUTSIDE fancybox
},
wrapCSS: 'fancy-booking-search_v2 full_screen_engine custom_color_overlay',
beforeShow: function () {
$('.fancybox-bg').css('background', 'rgba(255, 255, 255, 0.9)');
if (typeof (cookiesController) !== 'undefined' && cookiesController.search_cookie("step_history_back")) {
cookiesController.delete_cookie("step_history_back");
}
}
};
if ($.fancybox.version.slice(0, 2) === '3.') {
fancybox_params['baseClass'] = 'fancybox-wrap fancy-booking-search_v2 full_screen_engine custom_color_overlay';
fancybox_params['modal'] = true;
$.fancybox.open(container_booking_popup, fancybox_params);
} else {
$.fancybox(container_booking_popup, fancybox_params);
}
if (myForm) {
if (!navigator.userAgent.match(/chrome/i) && (navigator.userAgent.match(/safari/i) || !navigator.userAgent.match(/firefox/i))) {
setTimeout(function () {
myForm.submit();
}, 700);
} else {
myForm.submit();
}
}
}
}
$("<img/>").attr('src', 'https://lh6.ggpht.com/NwYbotDBKNCXNwW9WJlEfB0z0JxAx6Sv_s0_3CoYF3R-1Lk4DCl3w9oWaZajlcDBfRBjm1d89PFlJ4kZkUQjuZFo3w');
function showGallery(elements) {
$.fancybox(elements, {
'modal': true,
'closeBtn': false,
'autoPlay': true,
'playSpeed': 3000,
'prevEffect': 'none',
'nextEffect': 'none',
'type': 'image',
'arrows': false,
'nextClick': false,
'mouseWheel': false,
'helpers': {
title: {
type: 'outside'
},
overlay: {
opacity: 0.8,
css: {
'background-color': '#000'
}
}
},
'padding': 0
});
}
</script>
</form>
</div>
<!-- Javascript at the bottom to increase speed -->
<script type="text/javascript" src="https://cdn.paraty.es/static_files/o7hotels/generic/202607311146/lib/spin.min.js" crossorigin="anonymous" integrity="sha512-V8YgI4rsECe0shqE5P2p/ecolN3asrnTMTChlJ1pwxjrtc2nxJyYDP3k55/9Yxp+qsTDUMrUoAd7q62sC998Gw=="></script>
<!-- Javascript at the bottom to increase speed -->
<style>
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 21px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
text-align: center;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
/*float: right;*/
float: none;
text-align: center;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px;
}
.ui-dialog .ui-button-text {
/*padding: 10px;*/
/*margin: 10px;*/
}
.ui-dialog .ui-button{
/*height: 30px;*/
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-dialog {
min-width: 300px;
z-index: 9999;
}
</style>
<style>
.ui-dialog-titlebar-close {
display: none !important;
}
#dialog-form{
padding: 10px;
}
.ui-dialog-titlebar{
padding: 5px;
}
.kidAgesSelect{
margin-left: 10px;
}
</style>
<!-- New style Age popup -->
<style>
body .ui-widget-overlay.ui-front {
background: rgba(0, 0, 0, 0.6);
opacity: 1;
z-index: 9998;
position: fixed;
}
body .ui-dialog.ui-widget {
padding: 20px 10px;
border: 0;
border-radius: 0;
line-height: 1;
max-width: 370px;
width: 100% !important;
box-sizing: border-box;
}
body .ui-dialog.ui-widget .ui-dialog-titlebar {
background: none!important;
padding: 0 0 20px 0;
border-radius: 0;
border: 0;
color: black!important;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
text-align: center;
margin-bottom: 20px;
}
body .ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title {
width: 100%;
margin: 0;
}
body .ui-dialog.ui-widget #dialog-form {
padding: 0;
text-align: left;
width: 100% !important;
max-width: 350px;
}
body .ui-dialog.ui-widget #dialog-form form label {
clear: both;
width: 100%;
float: left;
}
body .ui-dialog.ui-widget #dialog-form form .wrapper_age_kids {
display: inline-block;
width: 100%;
float: left;
}
body .ui-dialog.ui-widget #dialog-form form .wrapper_age_kids select {
width: calc((100% - 10px)/2);
margin: 0px 10px 10px 0;
float: left;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
padding: 5px 10px;
}
body .ui-dialog.ui-widget #dialog-form form .wrapper_age_kids select:nth-child(even) {
margin-right: 0;
}
body .ui-dialog.ui-widget #dialog-form form .wrapper_age_kids select:nth-child(-n+2) {
margin-top: 10px;
}
body .ui-dialog.ui-widget .ui-dialog-buttonpane {
margin: 0;
padding: 0;
vertical-align: bottom;
display: inline-block;
float: left;
width: 100% !important;
max-width: 350px;
border-radius: 0;
margin-top: 10px;
}
body .ui-dialog.ui-widget .ui-dialog-buttonpane .ui-button {
margin: 0;
display: inline-block;
width: 100% !important;
max-width: 350px;
border-radius: 0;
background: #446ca9;
color:white;
}
body .ui-dialog.ui-widget .ui-resizable-handle {
display: none;
}
</style>
<!-- <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" type="text/css"/> -->
<div id="dialog-form" title="Children's ages" style="display:none">
<form>
<label id="label1" for="name">Room 1</label>
<div class="wrapper_age_kids clearfix">
<select class="kidAgesSelect" id="agesRoom1_1" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
</select>
<select class="kidAgesSelect" id="agesRoom1_2" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
</select>
<select class="kidAgesSelect" id="agesRoom1_3" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
</select>
<select class="kidAgesSelect" id="agesRoom1_4" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
</select>
</div>
<label id="label2" for="name">Room 2</label>
<div class="wrapper_age_kids clearfix">
<select class="kidAgesSelect" id="agesRoom2_1" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
</select>
<select class="kidAgesSelect" id="agesRoom2_2" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
</select>
<select class="kidAgesSelect" id="agesRoom2_3" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
</select>
<select class="kidAgesSelect" id="agesRoom2_4" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
</select>
</div>
<label id="label3" for="name">Room 3</label>
<div class="wrapper_age_kids clearfix">
<select class="kidAgesSelect" id="agesRoom3_1" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
</select>
<select class="kidAgesSelect" id="agesRoom3_2" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
</select>
<select class="kidAgesSelect" id="agesRoom3_3" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
</select>
<select class="kidAgesSelect" id="agesRoom3_4" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
</select>
</div>
</form>
</div>
<script type="text/javascript">
function sendActiveForm_booking_engine2() {
$(".booking_form").each(function () {
if ($(this).find(".submit_button").css("display") == "none" || $(this).find(".submit_button").hasClass('clicked_button')) {
if ($('#booking-search-popup').length) {
show_booking_search_popup($(this));
return false;
}
$(this).submit();
return true;
}
});
$("#searchForm").each(function () {
if ($(this).find("#search-button").css("display") == "none") {
if ($('#booking-search-popup').length) {
show_booking_search_popup($(this));
return false;
}
$(this).submit();
return true;
}
});
}
function bookingSearchWithAgeSelection2(){
if (!checkDates()){
return false;
};
kids1 = $('#hab1_ninos').val();
kids2 = $('#hab2_ninos').val();
kids3 = $('#hab3_ninos').val();
numRooms = $("input[name='numRooms']").val();
if (kids1 == "0" && (kids2 == "0" || numRooms == '1') && (kids3 == "0" || numRooms == '1' || numRooms == '2')){
if (bookingSearch()){
$('#searchForm').submit();
}
} else {
updateAgesOptions2();
$("#dialog-form").dialog("open");
return false;
}
}
function updateAgesOptions2() {
var numHab = $("#selector_habitaciones").val();
for ( var i = 3; i > 0; i--) {
$("#label" + i).hide();
$("#dialog-form #agesRoom" + i + "_1, #full_wrapper_booking #agesRoom" + i +"_1").hide();
$("#dialog-form #agesRoom" + i + "_2, #full_wrapper_booking #agesRoom" + i +"_2").hide();
$("#dialog-form #agesRoom" + i + "_3, #full_wrapper_booking #agesRoom" + i +"_3").hide();
$("#dialog-form #agesRoom" + i + "_4, #full_wrapper_booking #agesRoom" + i +"_4").hide();
}
for ( var i = numHab; i > 0; i--) {
numKids = $("#hab" + i + "_ninos").val();
if (numKids > 0){
$("#label" + i).show();
$("#dialog-form #agesRoom" + i + "_1, #full_wrapper_booking #agesRoom" + i +"_1").show();
if (numKids > 1)
$("#dialog-form #agesRoom" + i + "_2, #full_wrapper_booking #agesRoom" + i +"_2").show();
if (numKids > 2)
$("#dialog-form #agesRoom" + i + "_3, #full_wrapper_booking #agesRoom" + i +"_3").show();
if (numKids > 3)
$("#dialog-form #agesRoom" + i + "_4, #full_wrapper_booking #agesRoom" + i +"_4").show();
}
}
}
$(function() {
if (!$("#dialog-form").hasClass('ui-dialog-content')) {
$("#dialog-form").dialog({
width: "auto",
autoOpen: false,
modal: true,
buttons: {
"Next": function() {
$( this ).dialog( "close" );
var dialog_wrapper = $(this);
$("input[name='agesKid1']").each(function() {
var age_1_1 = dialog_wrapper.find("#agesRoom1_1").val();
var age_1_2 = dialog_wrapper.find("#agesRoom1_2").val();
var age_1_3 = dialog_wrapper.find("#agesRoom1_3").val();
var age_1_4 = dialog_wrapper.find("#agesRoom1_4").val();
$(this).val(age_1_1 + ";" + age_1_2 + ";" + age_1_3 + ";" + age_1_4);
});
$("input[name='agesKid2']").each(function () {
var age_2_1 = dialog_wrapper.find("#agesRoom2_1").val();
var age_2_2 = dialog_wrapper.find("#agesRoom2_2").val();
var age_2_3 = dialog_wrapper.find("#agesRoom2_3").val();
var age_2_4 = dialog_wrapper.find("#agesRoom2_4").val();
$(this).val(age_2_1 + ";" + age_2_2 + ";" + age_2_3 + ";" + age_2_4);
});
$("input[name='agesKid3']").each(function () {
var age_3_1 = dialog_wrapper.find("#agesRoom3_1").val();
var age_3_2 = dialog_wrapper.find("#agesRoom3_2").val();
var age_3_3 = dialog_wrapper.find("#agesRoom3_3").val();
var age_3_4 = dialog_wrapper.find("#agesRoom3_4").val();
$(this).val(age_3_1 + ";" + age_3_2 + ";" + age_3_3 + ";" + age_3_4);
});
bookingSearch();
sendActiveForm_booking_engine2();
}
}
});
}
updateAgesOptions2(1);
});
</script>
<script type="text/javascript">
var datePicker1Selector = ".classdatepicker1";
var datePicker2Selector = ".classdatepicker2";
$("#hotel_destino").change(function() {
var action = $(this).val();
$("#searchForm").attr("action", action);
var newNamespace = namespaces[action];
$("#namespace").val(newNamespace);
});
if (typeof $.datepicker !== "undefined"){
$.datepicker.regional['en'] = {
closeText: 'Done',
prevText: 'Prev',
nextText: 'Next',
currentText: 'Today',
monthNames: ['January','February','March','April','May','June',
'July','August','September','October','November','December'],
monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
dayNamesMin: ['Su','Mo','Tu','We','Th','Fr','Sa'],
weekHeader: 'Wk',
dateFormat: 'dd/mm/yy',
firstDay: 1,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''};
$.datepicker.setDefaults($.datepicker.regional['en-GB']);
}
$(function(){
$.datepicker.setDefaults($.datepicker.regional["en"]);
});
var checkDates = function() {
var date1_str = $(datePicker1Selector).val();
var date2_str = $(datePicker2Selector).val();
if (date1_str == "" || date2_str == ""){
return false;
} else {
return true;
}
}
$(document).ready(function () {
if ($('#internalStartDate').length != 0) {
var startDate = $('#internalStartDate').val();
var startYear = startDate.substring(0,4);
var startMonth = startDate.substring(5,7);
var startDay = startDate.substring(8,10);
var startParse = startDay + "/" + startMonth + "/" + startYear;
var endDate = $('#internalEndDate').val();
var endYear = endDate.substring(0,4);
var endMonth = endDate.substring(5,7);
var endDay = endDate.substring(8,10);
var endParse = endDay + "/" + endMonth + "/" + endYear;
} else {
var startParse = "";
var endParse = "";
}
$(datePicker1Selector).val(startParse);
$(datePicker2Selector).val(endParse);
if ($(".internalUrlParamsTransfer").length){
let target_value = $(".internalUrlParamsTransfer").val();
if (!$(".transfer_to_booking").length) {
$(".paraty-booking-form").each(function(){
$(this).append($("<input type='hidden' class='transfer_to_booking' name='transfer_url_params' value='" + target_value + "'>"));
})
} else {
$(".transfer_to_booking").val(target_value)
}
}
if ($('#internalNumRooms').length != 0){
$("#selector_habitaciones").val($("#internalNumRooms").val());
$("#selector_habitaciones").change();
var internalNum1AdultsRooms = 2;
var internalNum2AdultsRooms = 2;
var internalNum3AdultsRooms = 2;
var internalNum1BabiesRooms = 0;
var internalNum2BabiesRooms = 0;
var internalNum3BabiesRooms = 0;
if ($('#internalNum1AdultsRooms').length != 0) internalNum1AdultsRooms = $("#internalNum1AdultsRooms").val()
if ($('#internalNum2AdultsRooms').length != 0) internalNum2AdultsRooms = $("#internalNum2AdultsRooms").val()
if ($('#internalNum3AdultsRooms').length != 0) internalNum3AdultsRooms = $("#internalNum3AdultsRooms").val()
if ($('#internalNum1BabiesRooms').length != 0) internalNum1BabiesRooms = $("#internalNum1BabiesRooms").val()
if ($('#internalNum2BabiesRooms').length != 0) internalNum2BabiesRooms = $("#internalNum2BabiesRooms").val()
if ($('#internalNum3BabiesRooms').length != 0) internalNum3BabiesRooms = $("#internalNum3BabiesRooms").val()
$("#hab1_adultos").val(internalNum1AdultsRooms);
$("#hab2_adultos").val(internalNum2AdultsRooms);
$("#hab3_adultos").val(internalNum3AdultsRooms);
$("#hab1_ninos").val($("#internalNum1KidsRooms").val());
$("#hab2_ninos").val($("#internalNum2KidsRooms").val());
$("#hab3_ninos").val($("#internalNum3KidsRooms").val());
$("#hab1_bebes").val(internalNum1BabiesRooms);
$("#hab2_bebes").val(internalNum2BabiesRooms);
$("#hab3_bebes").val(internalNum3BabiesRooms);
}
if ($("#internalPromocode") && $("#internalPromocode").val()){
$("#promocode").val($("#internalPromocode").val());
}
if (typeof(DP_extend_info) === 'undefined' || !DP_extend_info.config.initialized || DP_extend_info.config.start_datepicker_input !== datePicker1Selector) {
$(datePicker1Selector).datepicker({
minDate: new Date(),
altFormat: "dd/mm/yy",
dateFormat: "dd/mm/yy",
onClose: function (selectedDate, inst) {
if (selectedDate) {
var theDate = $.datepicker.parseDate("dd/mm/yy", selectedDate);
var theSelectedDate = $.datepicker.parseDate("dd/mm/yy", selectedDate);
theSelectedDate.setDate(theSelectedDate.getDate());
$(datePicker1Selector).datepicker('setDate', theSelectedDate);
if (typeof(min_stay_number) != 'undefined'){
theDate.setDate(theDate.getDate() + min_stay_number);
} else {
theDate.setDate(theDate.getDate() + 1);
}
$(datePicker2Selector).datepicker("option", "minDate", theDate);
$(datePicker2Selector).datepicker('setDate', theDate);
$(this).closest("#contenedor_fechas").find(datePicker2Selector).datepicker("show");
}
}
});
$(datePicker2Selector).datepicker({
minDate: minDateDeparture(),
altFormat: "dd/mm/yy",
dateFormat: "dd/mm/yy"
});
$(datePicker1Selector).change(function () {
var date2 = $(this).datepicker('getDate', '+3d');
$(datePicker1Selector).datepicker('setDate', date2);
date2.setDate(date2.getDate() + 1);
$(datePicker2Selector).datepicker('setDate', date2);
checkDates();
});
$(datePicker2Selector).change(function () {
var date2 = $(this).datepicker('getDate', '+3d');
$(datePicker2Selector).datepicker('setDate', date2);
checkDates();
});
$(datePicker1Selector).removeAttr('disabled');
$(datePicker2Selector).removeAttr('disabled');
}
});
function minDateDeparture(){
if ($(datePicker1Selector).val()){
var theDate = $.datepicker.parseDate("dd/mm/yy", $(datePicker1Selector).val());
theDate.setDate(theDate.getDate() + 1 );
}
else{
var theDate = new Date();
}
return theDate;
}
function mostrarHabitaciones(selector_habitaciones) {
for ( var i = 3; i > selector_habitaciones; i--) {
//$('#hab' + i).hide();
$('[id="hab'+ i + '"]').each(function() {
$(this).hide();
});
//$('#childrenRoom' + (i + 1)).val("0");
$('[id="childrenRoom'+ (i + 1) + '"]').each(function() {
$(this).val("0");
});
}
for ( var i = selector_habitaciones; i > 0; i--) {
//$('#hab' + i).show();
$('[id="hab'+ i + '"]').each(function() {
$(this).show();
});
}
}
function bookingSearch(){
if (!checkDates()){
return false;
}
var destination_input = $("form.paraty-booking-form.motor2").find(".destination");
if(destination_input.length && destination_input.val() == ''){
$("form.paraty-booking-form .destination_field, form.paraty-booking-form.motor2 .destination_wrapper").show();
return false;
}
try {
ga(function (tracker) {
client_id = tracker.get('clientId');
});
$('<input>').attr({
type: 'hidden',
id: '_ga',
name: '_ga',
value: client_id
}).appendTo($("#search-button").closest('form'));
}
catch (err) {
console.log("Google Analytics defined incorrectly (May use a old version)");
}
var opts = {
lines: 13, // The number of lines to draw
length: 4, // The length of each line
width: 3, // The line thickness
radius: 10, // The radius of the inner circle
rotate: 0, // The rotation offset
color: '#e1e1e1', // #rgb or #rrggbb
speed: 1.5, // Rounds per second
trail: 60, // Afterglow percentage
shadow: false, // Whether to render a shadow
hwaccel: false, // Whether to use hardware acceleration
className: 'spinner', // The CSS class to assign to the spinner
zIndex: 2e9, // The z-index (defaults to 2000000000)
top: 'auto', // Top position relative to parent in px
left: 'auto' // Left position relative to parent in px
};
var target = document.getElementById('envio_spinner');
if( $('#booking-search-popup').length ) {
show_booking_search_popup($('#searchForm'));
return false;
} else {
$("#search-button").hide();
var spinner = new Spinner(opts).spin(target);
$('#searchForm').submit();
}
};
</script>
<script>
adult_tag = "Adult";
adults_tag = "Adults";
kid_tag = "Child";
kids_tag = "Children";
baby_tag = "Baby";
babies_tag = "Babies";
no_dispo_text = "Unavailable";
</script>
<script async>
($ => {
if (typeof window.only_once_rescueseeker == "undefined") {
// Reserve synchronously so a concurrent re-injection does not fire a second load.
window.only_once_rescueseeker = 1;
$.getScript("https://rescueseeker-default-697653561069.europe-west1.run.app/static/rescue-seeker/common/js/rescue-seeker-widget.js?v=2")
.done(function (script, textStatus) {
if (typeof RescueSeeker === 'undefined') {
console.error("RESCUE SEEKER: script loaded but global missing");
window.only_once_rescueseeker = undefined; // release so a later load can retry
return;
}
console.log("RESCUE SEEKER: Main rescue seeker script loaded!");
RescueSeeker.load('o7-corpo', 'en', 'paraty');
})
.fail(function (jqxhr, settings, exception) {
window.only_once_rescueseeker = undefined; // release on failure so a later load can retry
console.error("RESCUE SEEKER: Main rescue seeker script NOT loaded!");
console.error(exception);
});
}
})(jQuery);
</script>
</div>
<input type="hidden" name="truncate_prices" id="truncate_prices" value="">
</div>
</div>
</div>
<div class="hidden_booking_summary with_babies ">
<div class="center_container"></div>
</div>
O7 Tenerife
Telephone: 822 72 07 70
O7 Tenerife
Located in one of the jewels of the Canary Islands, the Hotel O7 Tenerife invites you to enjoy an unforgettable holiday in Puerto de la Cruz. Just a few steps from the beach and the emblematic La Orotava Acclimatization Garden, this hotel in Puerto de la Cruz (Tenerife) is the perfect refuge for those looking to rest and unwind in a unique and charming setting.
Price from
Price per room/night
Including taxes
View rooms
Bellevue Aquarius Telephone: (+34) 928 519 940
The Bellevue Aquarius Hotel in Puerto del Carmen, Lanzarote, is a welcoming family apartment complex ideal for those seeking sun, beach, and relaxation. Located next to the picturesque Varadero, a former fishing village, it offers a peaceful, family-friendly atmosphere with excellent value.
Price from
Price per room/night
Including taxes
View rooms
BlueBay Lanzarote
Telephone: (+34) 928 59 02 46
BlueBay Lanzarote
Located in the quiet area of Costa Teguise, on the east coast of Lanzarote, BlueBay Lanzarote is the perfect place for those looking to enjoy a holiday with family, as a couple, or with friends, combining comfort, relaxation, and fun in a unique volcanic setting. Just minutes from the beach and surrounded by gardens, this resort offers easy access to the island's main attractions. Furthermore, its proximity to the center of Costa Teguise allows you to enjoy shops, restaurants, and a vibrant atmosphere without sacrificing the tranquility of your accommodation.
Price from
Price per room/night
Including taxes
View rooms
