</noscript> <!-- header start --> <header class="header clearfix"> <!-- Header Top Start --> <div class="h-top clearfix"> <div class="container"> <!-- Header Left Start --> <div class="h-top__left"> <ul> <li class="hidden-xs hidden-sm"><a id="cta-head-contact" href="contacto">Contacto</a></li> <li class="hidden-xs hidden-sm u-pl-10"><a href="quienes-somos">Quienes Somos</a></li> <li class="booking-num hidden-xs"><a id="cta-head-telf" href="tel:+34971200222">RESERVAS (+34) 971 200 222</a></li> </ul> </div> <!-- Header Left End --> <!-- Header Right Start --> <div class="h-top__right"> <div class="h-top__right__language"> <ul style="display: flex; align-content: center; align-items: center;justify-content: flex-end;"> <!-- <li class="li-monsafety"> <a href="http://habitaciones.monport.com.pages.services/prueba-app/?ts=1597157161197" class="monsafety-link" target="_blank" rel="nofollow"> <img class="mon-safety-icon" src="/images/monsafety.png" alt=""> <span>MON SAFETY</span> </a> </li> --> <li style="padding:5px!important; align-self: center;"> <div id="roi-loyalty-icon" data-projectcode="monport" data-rendericon="true" data-isdesktop="true" data-domain="https://reservas.hotelmonport.com"> <script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script> <script src="https://booking.hotelmonport.com/bookcore/static/loyalty/builds/loyalty.min.js"></script> <link rel="stylesheet" type="text/css" href="https://booking.hotelmonport.com/bookcore/static/loyalty/builds/loyalty.css"> <!-- <div id="roi-loyalty-icon" data-projectcode="monport" data-rendericon="true" data-isdesktop="true" data-domain="https://reservas.hotelmonport.com" data-settingsURL="https://reservas.hotelmonport.com/bookcore/partempresas/loyalty/settings/" data-signinURL="https://reservas.hotelmonport.com/bookcore/loyalty/ajax/signin/" data-signupURL="https://reservas.hotelmonport.com/bookcore/loyalty/ajax/signup/" data-getUserURL="https://reservas.hotelmonport.com/bookcore/loyalty/ajax/user/" data-passwordRecoveryURL="https://reservas.hotelmonport.com/bookcore/loyalty/ajax/password/recovery/" data-changePasswordURL="https://reservas.hotelmonport.com/bookcore/loyalty/ajax/password/recovery/change/" data-socialSigninURL="https://reservas.hotelmonport.com/bookcore/partempresas/login-particular-integracion/" data-socialCheckUserURL="https://reservas.hotelmonport.com/bookcore/partempresas/comprobar-registro-particular/" data-logoutURL="https://reservas.hotelmonport.com/bookcore/partempresas/ajax/logout/" data-loginURL="https://reservas.hotelmonport.com/bookcore/partempresas/login-particular/" data-dropURL="https://reservas.hotelmonport.com/bookcore/shopping-cart/drop/" data-resetAvailabilityURL="https://reservas.hotelmonport.com/bookcore/availability/reset/" data-loyaltyDispoURL="https://reservas.hotelmonport.com/bookcore/availability/loyalty/" data-setCookieURL="https://reservas.hotelmonport.com/bookcore/set-cookie/"> </div> --> <style> #roi-auth * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 600px) { .d-none-sm { display: none !important; } } } </style> </li> <li class="hidden-xs"> <select class="form-control changeLang"> <option value="https://www.hotelmonport.com/en/promotions" >English</option> <option value="https://www.hotelmonport.com/promociones" selected>Español</option> <option value="https://www.hotelmonport.com/de/promotions" >Deutsch</option> </select> </li> <li class="visible-xs"> <select class="form-control changeLang"> <option value="https://www.hotelmonport.com/en/promotions" >En</option> <option value="https://www.hotelmonport.com/promociones" selected>Es</option> <option value="https://www.hotelmonport.com/de/promotions" >De</option> </select> </li> <li class="book-now visible-xs visible-sm visible-md"><a id="cta-head-book" href="#">Reservar hotel</a></li> <!--<li class="book-now book-now-fly-hotel visible-xs visible-sm visible-md"><a href="#"></a></li>--> <li class="visible-xs visible-sm"> <div class="navigation clearfix"> <a href="#" class="menu"> <span></span> <span></span> <span></span> </a> </div> </li> </ul> </div> </div> <!-- Header Right End --> </div> </div> <!-- Header Top End --> <!-- Header Bottom Start --> <div id="header" class="h-bottom clearfix"> <div class="bg-white"> <div class="container"> <div class="row"> <div class="col-md-2"> <!-- Logo Start --> <div class="logo"> <a href=""><img class="img-responsive" src="/images/logo.svg" alt="Hotel MonPort"></a> </div> <!-- Logo End --> </div> <div class="col-sm-9 col-md-10"> <!-- Navigation Start --> <div class="navigation clearfix"> <a href="#" class="menu hidden-xs hidden-sm"><span></span><span></span><span></span></a> <ul id="main-menu" class="sm sm-simple"> <a href="#" class="close-icon visible-xs visible-sm"><i class="fa fa-times" aria-hidden="true"></i></a> <li ><a href="/">Home</a></li> <li class="menu-subitems"> <a class="submenu">Hotel</a> <ul class="menu-item-submenu"> <li ><a href="galeria">Galería</a></li> <li ><a href="servicios">Servicios</a></li> <li><a href="opiniones" >Opiniones</a></li> <li ><a href="trabaja-con-nosotros">Trabaja con nosotros</a></li> </ul> </li> <li ><a href="habitaciones">Habitaciones</a></li> <li class="active"><a href="promociones">Promociones</a></li> <li><a href="https://www.hoteltreats.com/es/espana/baleares/mallorca/mon-port-hotel-spa" target="_blank">Experiencias</a></li> <li ><a href="spa">Spa</a> </li> <li ><a href="blog">Blog</a></li> <li ><a href="eventos">Eventos</a></li> <!-- <li ><a href="mon-sports">Mon Sports</a></li> --> <li ><a href="mon-sports">Mon Sports</a> <li > <a href="monamics">Mon Amics</a> </li> <!-- <li ><a href="quienes-somos" rel="nofollow">Quienes Somos</a> </li> --> <li class="visible-xs"><a href="contacto">Contacto</a></li> </ul> </div> <!-- Navigation End --> </div> </div> </div> </div> <!-- <div class="offer-bar"> <div class="container"> <div class="discount-number"> <p>5%</p> </div> <div class="discount-text"> <p class="color upper">MEJOR PRECIO GARANTIZADO EN NUESTRA WEB</p> <p></p> </div> </div> </div> --> </div> <!-- Header Bottom End --> </header> <!-- header end --> <style> .book_now__title { font-size: 1.5em !important; line-height: 1.5em !important; text-transform: capitalize; color: #bfae71 !important; margin: 0 0 10px; text-align: center; } .c-input__text{ border: 1px solid #DDD; padding: 10px; } .c-promocode__title{ padding-top: 10px ; text-transform: uppercase; } </style> <div class="booking-block clearfix wow fadeInLeft" data-wow-duration="0.4s"> <div class="booking-block__date clearfix"> <p class="book_now__title">Reservar Ahora</p> <div class="booking-block__date-list"> <a href="#" class="calender">Llegada <span>23</span> SEP 2023</a> <a href="#" class="calender">Salida <span>24</span> SEP 2023</a> <a href="#" rel="nofollow" class="silver hotelicon calender" id="cta-middle-booknow"> <img src="images/hotelicon.png" /> <span>RESERVAR HOTEL</span> </a> <!--<a href="#" class="silver vuelohotelicon"> <img src="images/vuelohotelicon.png" /> <span>RESERVAR VUELO+HOTEL</span> </a>--> </div> </div> </div> <style> .calendar__details { font-family: UnitSlabProLight,Helvetica,Arial,sans-serif; margin: 0; text-transform: uppercase; color: #fff; text-align: center; background-color: #3d4752; letter-spacing: 5px; font-weight: 300; padding: 8px; } .holiday_check__title { color: white !important; float: right !important; font-size: 1.271em !important; line-height: 1.486em !important; margin: 0 !important; min-height: 55px !important; } .holiday_check__span { color: #fff; display: block; font-size: 2.227em; } .holiday_check__review { color: #325faa !important; min-height: 55px; font-size: 1.3em !important; } .review__title { font-size: 1.5em !important; color: #bfae71; letter-spacing: .4px; line-height: 1.229em; } .review__subtitle { font-family: UnitSlabProMedi; font-size: 1.286em !important; letter-spacing: .2px; line-height: 1.286em; } .booking-block__date-list a.silver span { position: initial; left: initial; top: initial; transform: initial; font-size: 13px; text-align: center; } .booking-block__date-list a.silver:hover { background: #bfae71; } .hotelicon { } .vuelohotelicon img { width: 100%; } </style> <div class="booking-date-detail subscribe-block clearfix"> <div class="close-icon"> <a href="#"><img class="img-responsive" src="images/close-icon.png" alt="ICON"></a> </div> <div class="booking-popup clearfix"> <div class="row"> <div class="col-sm-4 col-md-4"> <div class="booking-popup__left"> <p><span>Consigue nuestra última guía</span> Mejores Calas de <br>MALLORCA</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tellus libero, egestas sit amet justo sit amet, congue iaculis massa. Cras bibendum tempor nulla, quis scelerisque neque cursus a.</p> </div> </div> <div class="col-sm-4 col-md-4"> <div class="booking-popup__middle"> <img class="img-responsive" src="images/booking-popup-img.jpg" alt="IMAGE"> </div> </div> <div class="col-sm-4 col-md-4"> <div class="booking-popup__right offers-info"> <form action="" method="post" class="offer-form clearfix formNewsletterBook"> <!-- Name Surname Start --> <div class="name-surname clearfix"> <div class="row"> <div class="form-group clearfix"> <div class="col-sm-12 col-md-12"> <input type="text" class="form-control nombre-form" name="nombre" placeholder="Nombre"> </div> <div class="col-sm-12 col-md-12"> <input type="text" class="form-control apellidos-form" name="apellidos" placeholder="Apellido"> </div> </div> </div> </div> <!-- Name Surname End --> <!-- Email Start --> <div class="mail-info clearfix"> <div class="row"> <div class="form-group clearfix"> <div class="col-sm-12 col-md-12"> <input type="email" class="form-control email-form" name="email" placeholder="Mi email es..."> </div> <div class="col-sm-12 col-md-12"> <button type="submit" class="btn btn-default">DESCARGAR PDF</button> <p class="send-ok">¡Gracias por suscribirte!</p> </div> </div> </div> </div> <!-- Email End --> <div class="checkbox"> <label> <input type="checkbox" name="terms" class="terms"> He leído y acepto los <a href="#" class="terms-link">términos y condiciones</a> </label> </div> </form> </div> </div> </div> </div> </div> <div class="booking-date-detail calender-block clearfix"> <div class="booking-popup-padding" style="background-color: white; overflow: scroll !important; height: 100%;"> <div class="close-icon"> <a href="#"><img id="closeBooking" class="img-responsive" src="images/close-icon.png" alt="ICON"></a> </div> <div class="booking-popup clearfix" id="scrollArea"> <form action="https://reservas.hotelmonport.com/bookcore/v1pax/search-dispo.htm" method="post" id="formCalendarBooking"> <div class="col-sm-8 col-md-8 col-lg-9"> <div class="calender-block__left"> <p> <input type="hidden" id="input1" name="entrada" class="bk_from" /> <input type="hidden" id="input2" name="salida" class="bk_to" /> </p> <div class="datepicker"></div> </div> </div> <div class="col-sm-4 col-md-4 col-lg-3"> <div class="calender-block__right"> <p class="calendar__details" id="detailScroll">Detalles</p> <div class="persone-detail clearfix"> <div class="row"> <div class="col-sm-12 col-md-6"> <p>ADULTOS</p> <select name="adultos" class="bk_adu"> <option>1</option> <option selected>2</option> <option>3</option> <option>4</option> </select> </div> <div class="col-sm-12 col-md-6"> <p>NIÑOS</p> <select name="ninos" class="bk_hab" id="ninoSelect"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> </select> </div> <div class="col-sm-12 col-md-6"> <p class="c-promocode__title">Promocode</p> <input class="c-input__text" type="text" name="codpromo" id="id_codpromo" value=""> <!-- <select name="ninos" class="bk_hab" id="ninoSelect">--> <!-- <option>0</option>--> <!-- <option>1</option>--> <!-- <option>2</option>--> <!-- <option>3</option>--> <!-- </select>--> </div> </div> <div class="row row-ninos"> <div class=" wrap-nino-0 wrap-nino hidden"> <p>EDAD</p> <select name="nino_edad_0" id="nino_edad_0" class="bk_hab"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> </select> </div> <div class="wrap-nino-1 wrap-nino hidden"> <p>EDAD</p> <select name="nino_edad_1" id="nino_edad_1" class="bk_hab"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> </select> </div> <div class=" wrap-nino-2 wrap-nino hidden" id="detail_scroll"> <p>EDAD</p> <select name="nino_edad_2" id="nino_edad_2" class="bk_hab"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> </select> </div> </div> </div> <div class="detail-button clearfix"> <a class="btn btn-default reservar-hotel" href="" rel="nofollow" role="button" id="form_booking_button"> <img src="images/hotelicon.png"> <span>RESERVAR HOTEL</span> </a> <!--<a class="btn btn-default vueloMasHotel-open" href="#" role="button"> <img src="images/vuelohotelicon.png" /> <span>RESERVAR VUELO+HOTEL</span> </a>--> </div> </div> </div> <input type="hidden" id="edadesNinos" name="edades" value="" /> <input type="hidden" class="bk_hotel" name="hotel" value="monport" /> </form> </div> </div> </div> <div class="booking-date-detail vuelo-hotel-form clearfix" style="display: block;"> <div class="close-icon"> <a href="#"><img class="img-responsive" src="images/close-icon.png" alt="ICON"></a> </div> <div class="booking-popup-padding"> <div class="booking-popup clearfix"> <form action="" method="post" id="formFlyWithHotel"> <p class="titulaso upper">Vuelo + hotel</p> <div class="part-left"> <label>Origen</label> <input type="text" name="origen" class="autocomplete origen ui-autocomplete-input" /> <input type="hidden" name="origen-code" class="origen-code" /> <label>Destino</label> <input type="text" name="destino" value="Palma de Mallorca" readonly class="destino" /> <div class="dates-wrapper"> <div class="date"> <label>Fecha de salida</label> <input type="text" name="fecha_salida" class="fecha-salida" required /> </div> <div class="date"> <label>Fecha de llegada</label> <input type="text" name="fecha_llegada" class="fecha-llegada" required /> </div> <p class="text-right"> <input type="checkbox" name="check_bussiness" id="check-bussiness" /> Bussiness class </p> </div> </div> <div class="part-right"> <div class="room room-1 active"> <div class="block rooms"> <label>Habitación 1</label> </div> <div class="block adults-ninos"> <div class="mini-block"> <label>ADULTOS</label> <select name="room_1_adultos" class="adults-selector"> <option>1 <option>2 <option>3 </select> </div> <div class="mini-block"> <label>NIÑOS</label> <select name="room_1_ninos" class="ninos-selector"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 </select> </div> </div> <div class="block ages-wrapper"> <label>Edades de los niños</label> <div class="mini-block ages"> <select name="room_1_edad_nino_1"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_1_edad_nino_2"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_1_edad_nino_3"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_1_edad_nino_4"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> </div> </div> </div> <div class="room room-2"> <div class="block rooms"> <label>Habitación 2</label> </div> <div class="block adults-ninos"> <div class="mini-block"> <label>ADULTOS</label> <select name="room_2_adultos" class="adults-selector"> <option>1 <option>2 <option>3 </select> </div> <div class="mini-block"> <label>NIÑOS</label> <select name="room_2_ninos" class="ninos-selector"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 </select> </div> </div> <div class="block ages-wrapper"> <label>Edades de los niños</label> <div class="mini-block ages"> <select name="room_2_edad_nino_1"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_2_edad_nino_2"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_2_edad_nino_3"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_2_edad_nino_4"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> </div> </div> </div> <div class="room room-3"> <div class="block rooms"> <label>Habitación 3</label> </div> <div class="block adults-ninos"> <div class="mini-block"> <label>ADULTOS</label> <select name="room_3_adultos" class="adults-selector"> <option>1 <option>2 <option>3 </select> </div> <div class="mini-block"> <label>NIÑOS</label> <select name="room_3_ninos" class="ninos-selector"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 </select> </div> </div> <div class="block ages-wrapper"> <label>Edades de los niños</label> <div class="mini-block ages"> <select name="room_3_edad_nino_1"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_3_edad_nino_2"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_3_edad_nino_3"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_3_edad_nino_4"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> </div> </div> </div> <button class="remove-room">- Eliminar habitación</button> <button class="add-room">+ Añadir habitación</button> </div> <button class="consult">Consultar disponibilidad</button> <input type="hidden" name="lang" class="lang" value="es" /> </form> </div> </div> </div> <style> .ui-widget-content { z-index: 99999; } .ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; } * html .ui-autocomplete { height: 200px; } .ui-state-active, .ui-widget-content .ui-state-active { color: #000!important; border: 0px solid #9da1a6!important; border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { color: #fff !important; background: #bfae71 !important; } /*.vuelo-hotel-form { left: 0 !important; overflow-y: scroll !important; }*/ .vuelo-hotel-form .booking-popup { overflow-y: scroll; /*max-height: initial;*/ } .vuelo-hotel-form .part-left, .vuelo-hotel-form .part-right, .vuelo-hotel-form .dates-wrapper .date, .vuelo-hotel-form .part-left .mini-block { width: 48%; display: inline-block; vertical-align: top; } .vuelo-hotel-form .titulaso { text-align: center; background: #3d4752; color: #fff; padding-top: 15px; padding-bottom: 15px; font-size: 20px; } .vuelo-hotel-form button { width: 48%; } .vuelo-hotel-form button { border: none; background: #bfae71; color: #fff; font-size: 18px; padding: 15px; } .vuelo-hotel-form .part-right button { width: 100%; background: #3d4752; } .vuelo-hotel-form .part-left { margin-right: 36px; } .vuelo-hotel-form .part-left input[type=text] { width: 100%; border: 1px solid #3d4752; padding: 12px; margin-bottom: 10px; } .vuelo-hotel-form .part-left .dates-wrapper .date:first-of-type { margin-right: 16px; } .vuelo-hotel-form label { display: block; font-size: 12px; text-transform: uppercase; font-weight: normal; } .vuelo-hotel-form .room { border-bottom: 1px solid gray; padding-bottom: 35px; margin-bottom: 15px; } .vuelo-hotel-form .room:not(.active) { display: none; } .vuelo-hotel-form .room .block { width: 33.33333333%; display: inline-block; vertical-align: top; margin-right: -3px; padding-right: 11px; } .vuelo-hotel-form .room .block:not(:first-of-type) { border-left: 1px dashed gray; padding-left: 13px; } .vuelo-hotel-form .part-right .mini-block .selectric-wrapper { width: 48%; display: inline-block; vertical-align: top; margin-bottom: 3px; border: 1px solid #3d4752; } .vuelo-hotel-form .part-right .rooms .selectric-wrapper { border: 1px solid #3d4752; } .vuelo-hotel-form .part-right .adults-ninos .mini-block { width: 48%; display: inline-block; vertical-align: top; } .vuelo-hotel-form .part-right .adults-ninos .mini-block .selectric-wrapper { width: 100%; } .vuelo-hotel-form .part-right .ages-wrapper:not(.active) { display: none; } .vuelo-hotel-form .part-right .ages .selectric-wrapper { border: 1px solid #bfae71; } .vuelo-hotel-form .part-right .ages .selectric-wrapper:not(.active) { display: none; } .vuelo-hotel-form .part-right .ages .selectric-wrapper .selectric { background: #bfae71; border: 1px solid #bfae71; } .vuelo-hotel-form .part-right .remove-room { background: #710e0e; margin-bottom: 5px; display: none; } .vuelo-hotel-form .choices { margin-bottom: 10px; border: 1px solid #3d4752; } .vuelo-hotel-form .choices__inner { background: #fff; } @media screen and (max-width: 1300px) { .vuelo-hotel-form form { margin-left: 15px; margin-right: 15px; } } @media screen and (max-width: 1090px) { .vuelo-hotel-form .part-left, .vuelo-hotel-form .part-right { width: 100%; } .vuelo-hotel-form .part-left { margin-right: 0; } .vuelo-hotel-form .part-left .dates-wrapper .date:first-of-type { margin-right: 0; } .vuelo-hotel-form .part-left .dates-wrapper .date { width: 100%; } .vuelo-hotel-form button { width: 100%; } .vuelo-hotel-form button.consult { margin-top: 20px; } } </style> <div class="booking-date-detail reviews-list-block clearfix" style="max-height: 100%; height: 100%;"> <div class="booking-popup-padding" style="height: 100%;"> <div class="booking-popup clearfix" style="height: 100%; touch-action: auto !important;"> <div class="close-icon"> <a href="#"><img class="img-responsive" src="images/close-icon.png" alt="ICON"></a> </div> <div class="container h-100"> <div class="recommend-booking clearfix"> <div class="col-sm-3 col-md-3 padding"> <script src="https://www.holidaycheck.de/widgets?step=code&type=code&options=hotel-1-34559-de_DE-s-b-1-1---0" type="text/javascript"></script> <div id="holidaycheck-widget-hotel-1-34559-de_DE-s-b-1-1---0"> <div id="holidaycheck_widget_placeholder-34559" style="width:120px;padding:5px;background:#0058a2;"> <a href="https://www.holidaycheck.de/hi/mon-port-hotel-spa/3b28babd-7425-33f6-9015-8adf9cab38f8"> <img alt="Hotels mit Hotelbewertungen bei HolidayCheck" src="https://www.holidaycheck.de/widgets/logo_xlarge.png" border="0"> </a> </div> </div> </div> <div class="col-sm-3 col-md-3 padding"> <div class="recommend-booking__block"> <p class="holiday_check__review">"gerne wieder"</p> <p>Michael, 61-65, September 2018</p> </div> </div> <div class="col-sm-3 col-md-3 padding"> <div class="recommend-booking__block"> <p class="holiday_check__review">"Symphatisches Hotel. Top Preis-Leistungs-Verhältnis"</p> <p>Florian, 31-35, May 2019</p> </div> </div> <div class="col-sm-3 col-md-3 padding"> <div class="recommend-booking__block"> <p class="holiday_check__review">"1 Woche voller Freunde mit der Familie"</p> <p>Babsy, 41-45, June 2019</p> </div> </div> </div> <section class="regular slider review-slider"> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Tripadvisdor Review – June 2019</p> </div> <span class="review__subtitle">Lovely hotel in Port Andratx</span> <p>We have been to this hotel 4 times, it is outstanding in every area. The location is perfect. The quality is by far outstanding. The staff are extremely helpful and friendly.</p> </div> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Booking review – June 2019</p> </div> <span class="review__subtitle">Excellent spa hotel</span> <p>Fantastic location everything about Monport is first class surrounded with beautiful maintained landscape.</p> </div> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Tripadvisdor Review – May 2019</p> </div> <span class="review__subtitle">Lovely hotel</span> <p>Stayed here with my wife for four nights in May. The breakfast is outstanding. We had half board and evening meals were great. Staff and service lovely and our room was huge. Nice walk down to the port and nice little town.</p> </div> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Tripadvisdor Review – April 2019</p> </div> <span class="review__subtitle">Yet another Lovely Stay</span> <p>This is a lovely, relaxing hotel with great facilities and within walking distance of the Port with its bars and restaurants. The pool and pool bar are clean and tidy and all of the hotel staff are friendly and will assist with any requests.</p> </div> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Booking Review – Sept 2018</p> </div> <span class="review__subtitle">Excellent hotel to stay</span> <p>We traveled with our 4 month old baby, the hotel staff was very helpful throughout the stay. Breakfast was superb and other facilities such as pool, pool bar were excellent.</p> </div> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Expedia Review – May 2019</p> </div> <span class="review__subtitle">Wonderful and peaceful hotel</span> <p>We stay at this hotel regularly. The pool area is great with brilliant lifeguard. Breakfast has everything you need. We feel very comfortable here.</p> </div> </section> </div> </div> </div> </div> <script> let detailScroll = document.getElementById('detailScroll'); let scrollArea = document.getElementById('scrollArea'); if (window.innerWidth < 758) { $(detailScroll).on('click', () => { console.log('Click'); $(scrollArea).animate({scrollTop: 700}, 'slow'); return false; }); } </script> <!-- content start --> <div class="content inner-pg promotion-pg clearfix"> <!-- Service List Start --> <div class="service-list clearfix"> <div class="container"> <div class="row"> <div class="col-sm-6 col-md-6"> <!-- Service Block Start --> <div class="service-block clearfix wow fadeInUp" data-wow-duration="0.4s"> <div class="service-block__image"> <img class="img-responsive lazyload" loading="lazy" data-src="/intranet/images/thumbs/tn_555_360_14_12_218_19_37arthurleblanc_99.jpg" alt="Reserva Anticipada 2023"> </div> <div class="service-block__detail clearfix"> <!-- Price With Tax Start --> <div class="tax-price clearfix"> <div class="price"> <h3><span>Desde</span>110€</h3> </div> <div class="tax"> <span>IMPUESTOS INCLUIDOS</span> </div> </div> <!-- Price With Tax End --> <h1>Reserva Anticipada 2023</h1> <p><p>Hasta un 20% de descuento en tus vacaciones para 2023</p><p>Te esperamos en lugar más acogedor de Port d'Andratx</p></p> <a class="btn btn-default js-promo-page" href="https://reservas.hotelmonport.com/bookcore/availability/monport/2023-10-23/2023-10-25" role="button" data-index="bloque-0" data-promo='Reserva Anticipada 2023'>Reservar Ahora</a> </div> </div> <!-- Service Block Start --> </div> <div class="col-sm-6 col-md-6"> <!-- Service Block Start --> <div class="service-block clearfix wow fadeInUp" data-wow-duration="0.4s"> <div class="service-block__image"> <img class="img-responsive lazyload" loading="lazy" data-src="/intranet/images/thumbs/tn_555_360_12_04_2213_41_06arthurleblanc_35___copia.jpg" alt="Reserva de Larga Estancia"> </div> <div class="service-block__detail clearfix"> <!-- Price With Tax Start --> <div class="tax-price clearfix"> <div class="price"> <h3><span>Desde</span>120€</h3> </div> <div class="tax"> <span>IMPUESTOS INCLUIDOS</span> </div> </div> <!-- Price With Tax End --> <h3>Reserva de Larga Estancia</h3> <p><p>Su reserva de larga estancia tiene un descuento asegurado.</p><p>Reserve al menos 4 noches, y obtenga un 15% de descuento directo.</p></p> <a class="btn btn-default js-promo-page" href="https://reservas.hotelmonport.com/bookcore/availability/monport/2023-10-23/2023-10-25" role="button" data-index="bloque-1" data-promo='Reserva de Larga Estancia'>Reservar Ahora</a> </div> </div> <!-- Service Block Start --> </div> <div class="col-sm-6 col-md-6"> <!-- Service Block Start --> <div class="service-block clearfix wow fadeInUp" data-wow-duration="0.4s"> <div class="service-block__image"> <img class="img-responsive lazyload" loading="lazy" data-src="/intranet/images/thumbs/tn_555_360_19_05_207_07_16monamics.JPG" alt="Mon Amics"> </div> <div class="service-block__detail clearfix"> <!-- Price With Tax Start --> <div class="tax-price clearfix"> <div class="price"> <h3><span>Desde</span>105€</h3> </div> <div class="tax"> <span>IMPUESTOS INCLUIDOS</span> </div> </div> <!-- Price With Tax End --> <h3>Mon Amics</h3> <p><p> Forma parte de MonAmics y obtén ventajas exclusivas: </p><ul><li><strong>- Descuento inmediato del 10%</strong></li><li> - Pack de bienvenida. </li><li> - Prioridad Check in - check out</li><li> - Uso gratuito instalaciones después del check out</li><li> - 15% tratamientos Spa</li><li> - 10% descuento en próximas estancias</li></ul></p> <a class="btn btn-default js-promo-page" href="https://booking.hotelmonport.com/bookcore/partempresas/login-particular/ " role="button" data-index="bloque-2" data-promo='Mon Amics'>Reservar Ahora</a> </div> </div> <!-- Service Block Start --> </div> </div> </div> </div> <!-- Service List End --> </div> <!-- content end --> <!-- Sitemap Start --> <div class="sitemap light-cream-bg clearfix"> <div class="container"> <div class="row"> <div class="col-sm-6 col-md-6"> <div class="sitemap__left wow fadeInUp" data-wow-duration="0.4s"> <h5>sitemap</h5> </div> </div> <div class="col-sm-5 col-md-4"> <div class="sitemap__right clearfix"> <div class="row"> <div class="col-sm-6 col-md-6 wow fadeInUp" data-wow-duration="0.6s"> <ul> <li><a href="">Home</a></li> <li><a href="habitaciones">Habitaciones</a></li> <li><a href="promociones">Promociones</a></li> <li><a href="spa">Spa</a> <li><a href="quienes-somos">Quienes Somos</a> </li> </ul> </div> <div class="col-sm-6 col-md-6 wow fadeInUp" data-wow-duration="0.8s"> <ul> <li><a href="eventos">Eventos</a></li> <li><a href="servicios">Servicios</a></li> <li><a href="galeria">Galería</a></li> <li><a href="mon-sports">Mon Sports</a></li> <li><a href="opiniones">Opiniones</a></li> <li><a href="trabaja-con-nosotros">Trabaja con nosotros</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> <!-- Sitemap End --> <!-- footer start --> <footer class="footer clearfix"> <!-- Footer Top Start --> <div class="f-top clearfix"> <div class="container"> <div class="row"> <div class="col-sm-4 col-md-4"> <div class="f-top__left wow fadeInUp" data-wow-duration="0.4s"> <a href="/"><img class="img-responsive" src="/images/logo.svg" alt="LOGO"></a> <div class="f-top__contact"> <p>T (+34) <a style="text-decoration: none;color: #bfae71;" href="tel:34971238623" id="tel-hotel-footer"> 971 238 623</a></p> <p>FAX 971 23 86 24</p> <p>Cala d'Egos, Finca la Noria</p> <p>07157 - Port D'andratx - Mallorca</p> <br> <p><b>Teléfono del Departamento de Booking: </b><a style="text-decoration: none;color: #bfae71;" href="tel:34971200222" id="tel-booking-footer"> 971 200 222</a></p> <p><b>Horario de: </b>08:00 hasta las 17:00 de L a V.</p> <br> <p>Los fines de semana y las horas que no estén dentro del horario de Booking Department el teléfono será el propio del hotel.</p> </div> </div> </div> <div class="col-sm-4 col-md-4"> <div class="f-top__middle wow fadeInUp" data-wow-duration="0.6s"> <!-- Footer Social Icons Start --> <div class="f-top__f-social clearfix visible-xs"> <ul> <li><a href="https://www.facebook.com/hotelmonport" rel="nofollow" target="_blank"><span><i class="fa fa-facebook" aria-hidden="true"></i></span></a></li> <li><a href="https://www.youtube.com/user/monportpergola" rel="nofollow" target="_blank"><span><i class="fa fa-youtube-play" aria-hidden="true"></i></span></a></li> <li><a href="https://www.instagram.com/mon_port_hotel_spa/?hl=es" rel="nofollow" target="_blank"><span><i class="fa fa-instagram" aria-hidden="true"></i></span></a></li> </ul> </div> <!-- Footer Social Icons End --> <p>Vive una experiencia de vacaciones diferente en nuestros hoteles en Mallorca</p> <a href="https://www.esprincep.com/" target="_blank" class="hidden-xs logo-princep"><img class="img-responsive" src="/images/f-logo1.svg" alt="Es Princep"></a> <a href="https://www.hotelpergolamallorca.com/" target="_blank" class="hidden-xs logo-pergola"><img class="img-responsive" src="/images/f-logo2.svg" alt="Hotel La Pérgola Mallorca"></a> </div> <style> .f-bottom__middle { display: flex; flex-direction: row; flex-wrap: wrap; } .logo-wrapper { display: flex; justify-content: center; width: 50%; } .logo-wrapper p { font-size: 1.071em; line-height: 1.5em; color: #bfae71; } .logo-wrapper img { max-width: 120px; margin: 0 auto; } .f-bottom__middle p { font-size: 1.071em; line-height: 1.5em; color: #bfae71; } .logo-wrapper .logo-wrapper-body { display: flex; flex-direction: column; justify-content: center; } </style> <div class="f-bottom__middle wow fadeInUp hidden-xs" data-wow-duration="0.6s" style="margin-top: 25px;"> <!-- <div class="logo-wrapper"> <a href="/pdf/MONPORT_certificado_safety.pdf" target="_blank" style="text-decoration:none;"> <img class="img-responsive" src="/images/Safe_Tourism_Certified.png" alt="Mon safety"> </a> </div> --> <div class="logo-wrapper" itemscope itemtype="http://schema.org/Organization"> <span style='display: none' itemprop="name">Mon Port Hotel & Spa</span> <div class="logo-wrapper-body" itemprop=aggregateRating itemscope itemtype="http://schema.org/AggregateRating"> <a href='https://www.kayak.es/Andratx-Hoteles-Mon-Port-Hotel-Spa.192517.ksp' target='_blank' data-lang=""> <img class="img-responsive" src='https://content.r9cdn.net/seo-res/badges/v2/ORANGE_LARGE_BEST_HOTEL_ES_es.png' /> </a> <p style="color: #bfae71;"> <span itemprop="ratingvalue">7,1</span> <meta itemprop="bestRating" content="10"></meta> <meta itemprop="ratingCount" content='29'></meta></p> </div> </div> </div> </div> <div class="col-sm-4 col-md-4"> <div class="f-top__right wow fadeInUp" data-wow-duration="0.8s"> <!-- Footer Social Icons Start --> <div class="f-top__f-social clearfix hidden-xs"> <ul> <li><a href="https://www.facebook.com/hotelmonport" rel="nofollow" target="_blank"><span><i class="fa fa-facebook" aria-hidden="true"></i></span></a></li> <li><a href="https://www.youtube.com/user/monportpergola" rel="nofollow" target="_blank"><span><i class="fa fa-youtube-play" aria-hidden="true"></i></span></a></li> <li><a href="https://www.instagram.com/mon_port_hotel_spa/?hl=es" rel="nofollow" target="_blank"><span><i class="fa fa-instagram" aria-hidden="true"></i></span></a></li> </ul> </div> <!-- Footer Social Icons End --> <div class="f-top__middle visible-xs"> <a href="https://www.esprincep.com/" target="_blank"><img class="img-responsive" src="/images/f-logo1.svg" alt="Es Princep"></a> <a href="https://www.hotelpergolamallorca.com/" target="_blank"><img class="img-responsive" src="/images/f-logo2.svg" alt="Hotel La Pérgola Mallorca"></a> </div> <!-- Copyright Start --> <div class="copyright clearfix"> <p>© 2023, Hotel Monport</p> <p>Todos los derechos reservados</p> <div class="keywords-footer"> <a href="https://www.hotelmonport.com/">hotel spa mallorca</a> </div> <div class="c-footer__cards"> <img src="/images/credit-cards.jpg" alt="credit cards" class="c-footer__cards--img"> </div> </div> <!-- Copyright End --> </div> </div> </div> </div> </div> <!-- Footer Top End --> <!-- Footer Bottom Start --> <div class="f-bottom clearfix"> <div class="container"> <div class="row"> <div class="col-sm-3 col-md-3"> <div class="f-bottom__left"> <ul> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> </ul> </div> </div> <div class="col-sm-6 col-md-6 col-xs-12"> <div class="f-bottom__middle"> <ul> <li> <a href="aviso_legal" rel="nofollow">Aviso Legal</a> </li> <!-- <li> <a href="politicas_redes_sociales" rel="nofollow">Política Redes Sociales</a> </li> --> <li> <a href="cookies" rel="nofollow">Política de cookies</a> </li> <li> <a href="terminos_condiciones" rel="nofollow">Términos & Condiciones</a> </li> </ul> </div> </div> <div class="col-sm-3 col-md-3 hidden-xs"> <div class="f-bottom__right"> <ul> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> </ul> </div> </div> </div> </div> </div> <!-- Footer Bottom End --> </footer> <!-- footer end --> <script src="/js/jquery-3.2.1.min.js"></script> <script src="//maps.googleapis.com/maps/api/js?key=AIzaSyB5K-gKr0-ZHqOlmWM8bacfh8EkemGUUWg"></script> <script src="https://cdn.jsdelivr.net/momentjs/2.3.1/moment.min.js"></script> <script src="/js/cookies/gdpr-rw-cookie-notice.js"></script> <script src="/js/all.min.js"></script> <script src="/js/main.js"></script> <script src="/js/jquery-ui.min.js"></script> <script src="/js/flatpickr.js"></script> <script> $('#formCV button').on('click', function(e) { e.preventDefault(); var fieldsName = ['nombre-form', 'apellido-form', 'email-form', 'location-form', 'position-form','cv-form','check-form'], $form = $(this).parent(); if (checkFieldsForm($form, fieldsName)) { var serializedData = $form.serialize(); $.ajax({ url : 'js/sendCV.php', type : 'POST', dataType: "json", data : new FormData(document.getElementById('formCV')), processData: false, // tell jQuery not to process the data contentType: false, // tell jQuery not to set contentType success : function(data) { if (data == 1) { $form.find('button').fadeOut(function() { $form.find('.send-ok').fadeIn(); }); } } }); } }); $('#ninoSelect').on('change', function() { if ($(this).val() == 0) { $('#edadesNinos').val(''); } $('.wrap-nino-0, .wrap-nino-1, .wrap-nino-2').addClass('hidden'); $('#nino_edad_0, #nino_edad_1, #nino_edad_2').prop('disabled', true); for (var a = 0; a < $(this).val(); a++) { $('.wrap-nino-' + a).removeClass('hidden'); $('#nino_edad_' + a).prop('disabled', false); } var edades = ''; if ($(this).val() == 1) { edades = '3'; } else if ($(this).val() == 2) { edades = '3;3'; } else if ($(this).val() == 3) { edades = '3;3;3'; } $('#edadesNinos').val(edades); }); $('#nino_edad_0, #nino_edad_1, #nino_edad_2').on('change', function() { var edades = ''; for (var a = 0; a < 3; a++) { if ($('#nino_edad_' + a).prop('disabled') == false) { edades += $('#nino_edad_' + a).val() + ';'; } } $('#edadesNinos').val(edades.slice(0, -1)); }); var proportionVideo = [1920, 1070]; $(document).ready(function() { if ($('#slide-video').length) { $('#carousel-example-generic').bind('slide.bs.carousel', function(e) { $('.slide-video-iframe')[0].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*'); }); $('#slide-video iframe').height(($(window).outerWidth() * proportionVideo[1]) / proportionVideo[0]); $('.slide-video-mobile').height(($(window).outerWidth() * proportionVideo[1]) / proportionVideo[0]); } }); $(window).resize(function() { if ($('#slide-video').length) { $('#slide-video iframe').height(($(window).outerWidth() * proportionVideo[1]) / proportionVideo[0]); $('.slide-video-mobile').height(($(window).outerWidth() * proportionVideo[1]) / proportionVideo[0]); } }); //Todos los post de blog deben tener la clase lazy load $('.service-block').find('img').each(function(){ $(this).attr('data-src', $(this).attr('src')).attr('loading','lazy').addClass('lazyload'); }); // Si el navegador soporta lazy-load, tomamos todas las imágenes que tienen la clase // `lazyload`, obtenemos el valor de su atributo `data-src` y lo inyectamos en el `src`. // if ('loading' in HTMLImageElement.prototype) { if(false){ var images = document.querySelectorAll("img.lazyload"); images.forEach(img => { img.src = img.dataset.src; }); } else { // Importamos dinámicamente la libreria `lazysizes` var script = document.createElement("script"); script.async = true; script.src = "https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.2.0/lazysizes.min.js"; document.body.appendChild(script); } </script> <!-- Fastory widget: Use data-offset parameter to change the vertical position of the widget --> <!-- <script id="fastoryWidget" async src="https://yam.li/widget/script/widget.min.js" data-offset="90" data-id="nq2T0heS"></script> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KFXR2KW" height="0" width="0" style="display:none;visibility:hidden">
-->