htop BCN City
htop BCN City - Official website
My Reservations
€ EUR
htop BCN City
Travessera de Gràcia 380-384 , 08025 Barcelona
Search another hotel

Book here

Book now

BOOK AT THE BEST PRICE

21/07/2024
-
Night
Select
  • Room 1

Or take a look at other nearby hotels with availability for those dates

0 Hotels found inyour selected destinations
Show on map
Show on list
Sort by
Ascending price
Descending price
Distance from city center
City
Country
Brand
Filter by
Filter by
Remove filters
City
Country
Brand
Distance from city center
Room amenities
Show rates with taxes and all fees Show available hotels only
<input type="hidden" id="internalStartDate" value="2024-07-20"/> <input type="hidden" id="internalEndDate" value="2024-07-21"/> <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">htop BCN City</span> <br/> <i class="fa fa-long-arrow-right"></i><b class="booking-title-info">Check-In: </b> <span class="notranslate">20-07-2024</span><br/> <i class="fa fa-long-arrow-left"></i><b class="booking-title-info">Check-Out: </b> <span class="notranslate ">21-07-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://htop-bcn-city-dot-htop-hotels.appspot.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" 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="htop-bcn-city" /> <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 2 to 13 years) </label> </div> <div class="numero_personas bebes"> <label class="selector_bebes">Babies </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; } $("<img/>").attr('src', ''); text_popup = '<div class="container_popup_booking" style="text-align:center;"><img src=""><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) { 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 = $('<video src="https://storage.googleapis.com/cdn.paraty.es/htop-corpo/files/loading-htop.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 +"'>"); } var loading_popup_bottom_text = "<div style='color:#222222'>We are working on your request.<br> Please do not close this page. </div><br><br><br><br><div class='advantages_traveler_popup'><div class='icons_advantages'><div class='icon_element'><img src='https://storage.googleapis.com/cdn.paraty.es/htop-corpo/files/icon1.png'> <span>Free cancellation up to 48 hours before arrival</span> </div><div class='icon_element'><img src='https://storage.googleapis.com/cdn.paraty.es/htop-corpo/files/icon3.png'> <span>The best rooms</span> </div><div class='icon_element'><img src='https://storage.googleapis.com/cdn.paraty.es/htop-corpo/files/icon2.png'> <span>Welcome cocktail</span> </div><div class='icon_element'><img src='https://storage.googleapis.com/cdn.paraty.es/htop-corpo/files/icon4.png'> <span>Payment at the hotel</span></div></div></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': '#FFFFFF'}, 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', '#FFFFFF'); 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', ''); 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="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> <option value="12" >12</option> <option value="13" >13</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> <option value="12" >12</option> <option value="13" >13</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> <option value="12" >12</option> <option value="13" >13</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> <option value="12" >12</option> <option value="13" >13</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> <option value="12" >12</option> <option value="13" >13</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> <option value="12" >12</option> <option value="13" >13</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> <option value="12" >12</option> <option value="13" >13</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> <option value="12" >12</option> <option value="13" >13</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> <option value="12" >12</option> <option value="13" >13</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> <option value="12" >12</option> <option value="13" >13</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> <option value="12" >12</option> <option value="13" >13</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> <option value="12" >12</option> <option value="13" >13</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('htop-bcn-city', '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('htop-bcn-city','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="htop-bcn-city-dot-htop-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>
Hotel pictures 3
htop Olympic
Carrer de Benavente, s/n, 08370 Calella, Barcelona
500m from the beach | See map
View hotel details
Flexible with dates?
from
110
105.32104.0
Sólo Alojamiento

Price per room/night

Including taxes

htop Olympic

Carrer de Benavente, s/n, 08370 Calella, Barcelona
500m from the beach | See map
  • Children's animation
  • Swimming pools
  • Solarium
  • Bar
WELCOME TO HTOP: OLYMPIC
Located next to the Costa del Maresme, htop Olympic is an all-inclusive hotel with entertainment and a swimming pool in Calella that fuses cultures, ages and lifestyles with the best of the Mediterranean climate. Surprise yourself with its 517 bright and comfortable rooms, the vibrant atmosphere and its daily shows. There is no time to get bored!
Hotel pictures 3
htop Palm Beach
Carrer Aribau, 3, 17310 Lloret de Mar, Girona
600m from the beach | See map
View hotel details
Flexible with dates?
from
112
108.32107.0
Solo Alojamiento

Price per room/night

Including taxes

htop Palm Beach

Carrer Aribau, 3, 17310 Lloret de Mar, Girona
600m from the beach | See map
  • 24 hours reception
  • Spa
  • Outdoor pool
  • Miniclub
WELCOME TO HTOP: PALM BEACH
htop Palm Beach is a space dedicated to wellness and relaxation. Only 700 meters separate it from Playa Grande in Lloret de Mar, with facilities to cool off and tan in the pool and solarium. Certified by the British Agency On The Beach 2017 and 2018 and the Holidaycheck 2015, our hotel near the beach with spa in Lloret de Mar offers entertainment for all audiences.
Hotel pictures 2
htop Molinos Park
Carrer del Bosc del Quec, 1-9, 43840 Salou, Tarragona
300m from the beach | See map
View hotel details
Flexible with dates?
from
120
115.32114.0
Solo Alojamiento

Price per room/night

Including taxes

htop Molinos Park

Carrer del Bosc del Quec, 1-9, 43840 Salou, Tarragona
300m from the beach | See map
  • Pool
  • Terrace with Jacuzzis
  • Miniclub
  • 24 hours reception
WELCOME TO HTOP: MOLINOS PARK
The HTOP Molinos Park hotel is the ideal option to visit Salou with family, friends or in a group. Located on the Costa Daurada and just 15 minutes from PortAventura World, it offers the best of the Catalan coastline with its sea and mountain landscapes.
Hotel pictures 3
htop Planamar
Passeig Marítim, 10, 08380 Malgrat de Mar, Barcelona
In front of the beach | See map
View hotel details
Flexible with dates?
from
124
119.32118.0
Sólo Alojamiento

Price per room/night

Including taxes

htop Planamar

Passeig Marítim, 10, 08380 Malgrat de Mar, Barcelona
In front of the beach | See map
  • Swimming pool with solarium
  • Terraces and gardens
  • Miniclub
  • 24 hours reception
WELCOME TO HTOP: PLANAMAR
Only 25 meters separate the golden sand beaches from the htop Planamar hotel, a family space to enjoy the Costa de Barcelona. Our hotel for children with a swimming pool in Malgrat de Mar is ideal for couples and groups looking to have fun and unwind in the epicenter of the city.
Hotel pictures 2
htop Royal Star
Avinguda Vila de Blanes, 70, 17310 Lloret de Mar, Girona
650m from the beach | See map
View hotel details
Flexible with dates?
from
124
120.64118.0
Sólo Alojamiento

Price per room/night

Including taxes

htop Royal Star

Avinguda Vila de Blanes, 70, 17310 Lloret de Mar, Girona
650m from the beach | See map
  • Swimming pools with solarium
  • Miniclub
  • Spa
  • Indoor pool
WELCOME TO HTOP: ROYAL STAR
The htop Royal Star hotel is an all-inclusive space for wellness, fun and relaxation. Its attractive surroundings, the welcoming atmosphere of the facilities and the wide range of leisure activities make it a perfect 4-star family hotel with spa in Lloret de Mar to enjoy your stay with maximum comfort.
Hotel pictures 4
htop Royal Sun
Passeig Marítim, s/n, 08398 Santa Susanna, Barcelona
In front of the beach | See map
View hotel details
Flexible with dates?
from
132
127.64125.0
Solo Alojamiento

Price per room/night

Including taxes

htop Royal Sun

Passeig Marítim, s/n, 08398 Santa Susanna, Barcelona
In front of the beach | See map
  • Children's animation
  • 24 hours reception
  • Restoration
  • Pool
WELCOME TO HTOP: ROYAL SUN
Located on the beach next to the city's picturesque promenade, it has sea views and a warm atmosphere, typical of the Catalan coast. With family tourism certification and nearby and accessible natural sites, the htop Royal Sun is our 4-star family hotel with sea views in Santa Susanna.
Hotel pictures 3
htop Royal Sun Suites
Carrer Marina, 1, 08398 Santa Susanna, Barcelona
300m from the beach | See map
View hotel details
Flexible with dates?
from
134
129.64127.0
Solo Alojamiento

Price per room/night

Including taxes

htop Royal Sun Suites

Carrer Marina, 1, 08398 Santa Susanna, Barcelona
300m from the beach | See map
  • Pet friendly
  • Private indoor parking
  • Miniclub
  • Swimming pool with solarium
WELCOME TO HTOP: ROYAL SUN SUITES
Located in the epicenter of the city, the htop Royal Sun Suites hotel is ideal if you are looking for a superior 4-star hotel in Santa Susanna and want to enjoy a family vacation. Just 300 meters from the Llevant beach, its 106 rooms with capacity for up to 6 people offer all kinds of facilities to disconnect from the routine in lounges and independent rooms perfect for large families.
Hotel pictures 3
htop Amatista
Avinguda Amèrica, 15-23, 17310 Lloret de Mar, Girona
200 m from the beach | See map
View hotel details
Flexible with dates?
from
160
154.64152.0
Sólo Alojamiento

Price per room/night

Including taxes

htop Amatista

Avinguda Amèrica, 15-23, 17310 Lloret de Mar, Girona
200 m from the beach | See map
  • Outdoor pool
  • Children's area
  • Restoration
  • Rooftop with jacuzzis
WELCOME TO HTOP: AMATISTA
In the heart of the Costa Brava we find htop Amatista, our 4-star hotel for children in Lloret de Mar near the beach and the main tourist attractions. Its privileged location and its wide range of entertainment activities make it an ideal getaway to enjoy the Mediterranean climate with the family.
Hotel pictures 3
htop Platja Park
Av. Estrasburg, 10, 17250 Platja d'Aro, Girona
550m from the beach | See map
View hotel details
Flexible with dates?
from
180
173.64171.0
Solo Alojamiento

Price per room/night

Including taxes

htop Platja Park

Av. Estrasburg, 10, 17250 Platja d'Aro, Girona
550m from the beach | See map
  • Restoration
  • 24 hours reception
  • Private indoor parking
  • Swimming pool with solarium
WELCOME TO HTOP: PLATJA PARK
With a cosmopolitan style, the htop Platja Park hotel is a space for wellness and fun just 30km from Girona airport. Its strategic location near bars, restaurants and shops make it a perfect option for traveling with the Family Destination guarantee seal.
Hotel pictures 3
htop Calella Palace 4*S
C/ Maria Cardona S/N, 08370 Calella, Barcelona
0.5 km from the beach | See map
View hotel details
Flexible with dates?
from
188
181.64179.0
Sólo Alojamiento

Price per room/night

Including taxes

htop Calella Palace 4*S

C/ Maria Cardona S/N, 08370 Calella, Barcelona
0.5 km from the beach | See map
  • Free WIFI
  • Wellness
  • Swimming pools
  • Restaurant
WELCOME TO HTOP: CALELLA PALACE
Surrounded by the sea and natural landscapes, the htop Calella Palace is a privileged enclave, close to the beach and the old town. Its Mediterranean atmosphere and children's facilities make it a family hotel in Calella with an ideal spa for children, adults and lovers of the Catalan Coast.
Hotel pictures 3
htop Amaika Adults Only
C/ Diputació 2, 08370 Calella, Barcelona
150m from the beach | See map
View hotel details
Flexible with dates?
from
200
192.64190.0
Solo Alojamiento

Price per room/night

Including taxes

htop Amaika Adults Only

C/ Diputació 2, 08370 Calella, Barcelona
150m from the beach | See map
  • Pool
  • Gym
  • Private mini spa
  • Bar
WELCOME TO HTOP: AMAIKA
The htop Amaika hotel is not only a space for wellness, tanning and disconnection in 228 rooms. It is also a reference to the famous Titanic with its majestic decoration and marine-inspired facilities. Start your trip along the Coast of Barcelona in the first and only 4-star hotel for adults only (+16) in Calella.
Hotel pictures 3
htop Pineda Palace
Passeig Marítim, 9, 08397 Pineda de Mar, Barcelona
In front of the beach | See map
View hotel details
Flexible with dates?
from
248
237.64235.0
Solo alojamiento

Price per room/night

Including taxes

htop Pineda Palace

Passeig Marítim, 9, 08397 Pineda de Mar, Barcelona
In front of the beach | See map
  • Private Mini-Spa
  • Animation
  • 24 hours reception
  • Pool with sea views
WELCOME TO HTOP: PINEDA PALACE
Clean and safe beaches, natural landscapes and the Q tourist quality seal make the difference in our quiet 4-star hotel in Pineda de Mar. htop Pineda Palace is a unique privileged space, with 194 rooms designed to guarantee your rest in an unforgettable stay.
Hotel pictures 3
htop Caleta Palace
Av. del Cavall Bernat, 122, 17250 Platja d'Aro, Girona
In front of the beach | See map
View hotel details
Flexible with dates?
from
325
311.64309.0
Solo Alojamiento

Price per room/night

Including taxes

htop Caleta Palace

Av. del Cavall Bernat, 122, 17250 Platja d'Aro, Girona
In front of the beach | See map
  • Pool with sea views
  • Terrace with solarium
  • Miniclub
  • 24 hour reception
WELCOME TO HTOP: CALETA PALACE
HTOP Caleta Palace is a special disconnection space, with a vibrant environment that will not cease to surprise you. Our 4-star hotel in Platja d'Aro near the beach is located in Cala Rovira, surrounded by shops, restaurants and bars that offer the best of the Costa Brava just a few steps from the hotel.
Hotel pictures 2
htop Summer Sun
Avinguda del Mar, s/n, 08398 Santa Susanna, Barcelona
In front of the beach | See map
View hotel details
No Availability for selected criteria
Flexible with dates?

htop Summer Sun

Avinguda del Mar, s/n, 08398 Santa Susanna, Barcelona
In front of the beach | See map
  • Solarum
  • 24 hours reception
  • Pool
  • Restoration
WELCOME TO HTOP: SUMMER SUN
Central, in front of the beach and for the whole family. This is htop Summer Sun, our all-inclusive family hotel in Santa Susanna is perfect for an unforgettable vacation. Live the authentic Mediterranean experience 45km from Girona and 1 hour from Barcelona.