Or take a look at other nearby hotels with availability for those dates <input type="hidden" id="internalStartDate" value="2024-07-27"/>
<input type="hidden" id="internalEndDate" value="2024-11-01"/>
<input type="hidden" id="internalNumRooms" value="1" />
<input type="hidden" id="internalPromocode" 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 seearch_without_availability ">
<div class="booking-search-results booking-box__content seearch_without_availability">
<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">Hotel Marsol</span>
<br/>
<i class="fa fa-long-arrow-right"></i><b class="booking-title-info">Check-In: </b>
<span class="notranslate">27-07-2024</span><br/>
<i class="fa fa-long-arrow-left"></i><b class="booking-title-info">Check-Out: </b>
<span class="notranslate ">01-11-2024
</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="https://www.marsolhotels.com/booking1" 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"/>
<input type="hidden" value="https://www.marsolhotels.com/booking1?startDate=30/12/2023&endDate=01/11/2024&adultsRoom1=2&namespace=marsol-hotel&language=ENGLISH" name="original_referer"/>
<input type="hidden" id="gclid" name="gclid" value="" />
<input type="hidden" id="using_booking_0" name="using_booking_0" value="" />
<input type="hidden" id="namespace" name="namespace" value="marsol-hotel" />
<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">
<div id="fecha_entrada" class="colocar_fechas fecha_entrada">
<label id="titulo_fecha_entrada" class="float_fecha">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">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" >
<label> 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">
<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 3 to 12 years)
</label>
</div>
<div class="numero_personas bebes">
<label class="selector_bebes">Babies <span class="range-age">(0-2 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">
<input type="text" id="promocode" class="colocar_envio promocode_input_class" placeholder="Promocode" name="promocode" tabindex="16" >
<button type="submit" onclick="$(this).addClass('clicked_button');return bookingSearchWithAgeSelection2() " id="search-button" class="colocar_envio buttonsearch-ratecheck" tabindex="17">Book here</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 = [
]
var popup_description = "";
if (typeof(custom_popup_loading_description) != 'undefined') {
popup_description = custom_popup_loading_description;
}
showGallery(elements);
myForm.submit();
}
function openBookingSearchPopup_v2(myForm, show_popup=true) {
var container_booking_popup = $('<div></div>').addClass('container_popup_booking').css('text-align', 'center'),
loading_popup_top_text = "Updating to continue with your booking";
var loading_popup_top_text = $("<img src='https://cdn2.paraty.es/marsol-corpo/images/38b83b59e7a67c3'>");
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 +"'>");
}
var loading_popup_bottom_text = "<div style='color:#f68e5f'>Updating to continue with your booking </div>",
descipription_top_booking_popup = $("<div></div>").addClass('description_top_popup_booking').html(loading_popup_top_text),
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[name='startDate']").val(),
selected_end_date = $("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.95)'},
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.95)');
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();
}
}
}
}
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="/static_1/lib/spin.min.js"></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="3" selected="selected">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>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom1_2" name="name" tabindex="1">
<option value="3" selected="selected">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>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom1_3" name="name" tabindex="1">
<option value="3" selected="selected">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>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom1_4" name="name" tabindex="1">
<option value="3" selected="selected">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>
<option value="12" >12</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="3" selected="selected">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>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom2_2" name="name" tabindex="1">
<option value="3" selected="selected">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>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom2_3" name="name" tabindex="1">
<option value="3" selected="selected">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>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom2_4" name="name" tabindex="1">
<option value="3" selected="selected">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>
<option value="12" >12</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="3" selected="selected">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>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom3_2" name="name" tabindex="1">
<option value="3" selected="selected">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>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom3_3" name="name" tabindex="1">
<option value="3" selected="selected">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>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom3_4" name="name" tabindex="1">
<option value="3" selected="selected">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>
<option value="12" >12</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.booking_version.indexOf('2') == -1) {
$(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 only_once_rescueseeker == "undefined") {
only_once_rescueseeker = 1;
$.getScript("https://global-dot-rescue-seeker.appspot.com/static/rescue-seeker/common/js/rescue-seeker-widget.js?v=2")
.done(function (script, textStatus) {
console.log("RESCUE SEEKER: Main rescue seeker script loaded!");
RescueSeeker.load('marsol-hotel', 'en', 'paraty');
})
.fail(function (jqxhr, settings, exception) {
console.error("RESCUE SEEKER: Main rescue seeker script NOT loaded!");
console.error(exception);
});
}
})(jQuery);
</script>
<script async>
$(window).on('load', function () {
if (typeof only_once_ratecheck == "undefined"){
var only_once_ratecheck = 1;
var countryCode = "us";
$.getScript("https://global-dot-rescue-seeker.appspot.com/static/rate-check/common/js/rate-check-widget.js" )
.done(function( script, textStatus ) {
console.log("RATE CHECK: Main rate chek script loaded!" );
RateCheck.load('marsol-hotel','us_en', 'paraty');
})
.fail(function( jqxhr, settings, exception ) {
console.error("RATE CHECK: Main rate chek script NOT loaded!");
console.error(exception);
});
}
if(!$('body').hasClass('rate_check')) {
$('body').addClass('rate_check')
}
});
</script>
<input type="hidden" name="rc_paraty_application_id" value="marsol-hotel-dot-marsol-hotels.appspot.com">
</div>
<input type="hidden" name="truncate_prices" id="truncate_prices" value="">
</div>
</div>
</div>
<div class="hidden_booking_summary ">
<div class="center_container"></div>
</div>
<div class="booking-box--search">
<div class="clearfix booking-box__content flexible-message" style="background: #da9500 url(static_1/images/booking_2/ojo.png) no-repeat 15px center;color: white;padding-left: 55px;">
Unfortunately there is no availability at the selected hotel on the requested dates. You might be interested in the following hotels in the same location. Thank you very much!
</div>
</div>
APARTAMENTS CONDADO All the space for your comfort
Spacious apartments, fully equipped. In Fenals, between sea and mountains, 600m from the beach.
The infinity pool of the Condado Apartments, recently refurbished, is located in the attic of the building, from where you can enjoy excellent views of Fenals and the sea on its sun terrace.
Unavailable Availability Calendar
See Apartments
APARTHOTEL COSTA ENCANTADA
Fun for all the family
4* Aparthotel, all the services of a hotel, with the autonomy and facilities of an apartment. Ideal for families with children due to its magnificent swimming pool, water park and leisure areas.
Located in a residential area, in Lloret de Mar, 600m from the beach. With an area of 25,000m2, incredible 800m2 outdoor pools, a heated pool and a large leisure area for adults and children. An Aparthotel designed for families, with all-inclusive service.
We have entertainment all day for children and adults, a mini club, sports facilities: paddle tennis, basketball, and five-a-side football, and a wide range of fun and well-being for your holidays.
Unavailable Availability Calendar
See Apartments
APARTAMENTS BLAU Fun for all the family
Very well equipped apartments, ideal for staying 50 meters from the beach, on the main avenue, in the leisure center of Lloret de Mar.
Unavailable Availability Calendar
See Apartments
