View Source code:

Tidy UP & Clean HTML Code - View Source of http://europlayas.es


<html>

<head>
    <link rel="icon" type="image/png" href="http://backnuevo.europlayas.net/backnuevo/content/images/favicon_europlayas.png">
    <title>Home</title>


    


<link rel="icon" type="image/png" href="/web-eplSH/content/images/favicon_europlayas.png">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script src="/web-eplSH/content/js/jquery-2.0.3.min.js"></script>
<script src="/web-eplSH/content/js/jquery.cookie.js"></script>
<script src="/web-eplSH/content/js/jquery-ui.min.js"></script>
<link href="/web-eplSH/content/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="/web-eplSH/content/css/bootstrap-theme.min.css" rel="stylesheet" media="screen">

<link href="/web-eplSH/content/css/trenHotelDispo.css?v3.2" rel="stylesheet" media="screen">
<link href="/web-eplSH/content/css/vueloHotelDispo.css?v10" rel="stylesheet" media="screen">

<link href="/web-eplSH/content/css/general.css?v5.2" rel="stylesheet" media="screen">
<link href="/web-eplSH/content/css/europlayas.css?v24" rel="stylesheet" media="screen">
<link href="/web-eplSH/content/css/barcoHotelDispo.css?v5.2" rel="stylesheet" media="screen">
<link href="/web-eplSH/content/css/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" media="screen">

<link href="/web-eplSH/content/js/silviomoreto-bootstrap-select-df2059c/bootstrap-select.min.css" rel="stylesheet" media="screen">

<script src="/web-eplSH/content/js/bootstrap.min.js"></script>

<script src="/web-eplSH/content/js/silviomoreto-bootstrap-select-df2059c/bootstrap-select.min.js"></script>


<link href="/web-eplSH/content/fonts/font-awesome-4.0.3/css/font-awesome.min.css" rel="stylesheet">
<link href="/web-eplSH/content/css/select2/select2.css" rel="stylesheet"/>
<script src="/web-eplSH/content/js/select2/select2.min.js"></script>
<script src="/web-eplSH/content/js/select2/select2_locale_es.js"></script>



<link href='//fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
<link href="/web-eplSH/content/css/plantillasDin.css?v3" rel="stylesheet" media="screen">



    
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-129421796-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'UA-129421796-1');
    </script>


    <link href="/web-eplSH/content/css/epl.css" rel="stylesheet" media="all">

  
  <script type="text/javascript">
    $(document).ready(function () {
      
        $('#carouselPortada').carousel({
            interval: 5000,
            pause: "false"
        });
    });
  </script>

    <style>
        .eplHomep1 .tab-content {
            float: right;
            width: 100%;
        }
        .sliderCargandoPortada {
            width:100%;
        }
        .sliderCargandoPie {
            width:100%;
        }
        
    </style>
    
</head>
<body >


<div class="fondoimageSearch" style="display:none;visibility:hidden;"></div>



    




<script type="text/javascript">
    $(document).ready(function(){

        $('#carousel').carousel({
            interval: 5000,
            pause: "false"
        });

    });

    function initLoadingFilter(){
        var loadingFilt = '';
        loadingFilt += '<div class="bg-loading">\n';
        loadingFilt += '    <div>\n';
        loadingFilt += '        <i class="fa fa-spinner fa-pulse"></i>\n';
        loadingFilt += '        <span class="textFilt">Filtrando su búsqueda</span>\n';
        loadingFilt += '        <span class="textBarcoHotelMas1" style="display: none;">Calculando los precios según la nueva estancia de hotel seleccionada.</span>\n';
        loadingFilt += '        <p>Espere, por favor...</p>\n';
        loadingFilt += '    </div>\n';
        loadingFilt += '</div>\n';

        if ( !$('.bg-loading').length > 0 ){ //Comprobamos si ya existe
            $('body').append(loadingFilt);
        }
    }
    function showLoadingFilter(){$('.bg-loading').addClass('show');}
    function removeLoadingFilter(){
        $('.bg-loading').removeClass('show');
        $('html, body').animate({
            scrollTop: parseInt($(".tab-content").offset().top)
        }, 700);
    }

    $(window).load(function(){
        initLoadingFilter(); //init loadingFilter
    });

</script>



    <div class="sliderCargando" style="visibility:hidden;display:none;margin-left: 0; margin-top: 5%; position: fixed; width: 75%; z-index: 9999;">
        <div id="carousel" class="carousel slide carousel-fade">
            <div class="carousel-inner">
                
                    <div class="item active">
                        <a href="" target="_blank">
                            <img src="https://backnuevo.europlayas.net/backnuevo/content/web/images/images/BUSCADOR ESPERA/ANIMADO_CHARTER_2019-03(1).jpg" alt="" title=" " />
                        </a>
                    </div>
                
            </div>
        </div>
    </div>



    
    





    <script type="text/javascript">

        $(document).ready(function () {
            
            // Añadimos animacion SLIDEDOWN al hacer CLICK en todos los menus desplegables //
//            $('.dropdown').on('show.bs.dropdown', function (e) {
//                $(this).find('.dropdown-menu').first().stop(true, true).slideDown(300);
//            });

            //Centra modal pvp-netos 1a vez
            $('.modalPvpNetos .modal-box').css('margin-top', ( (window.innerHeight / 2) - 204) );
            //Watcher centra modal-pvp al hace resize
            $( window ).resize(function() {
                var viewH = window.innerHeight;
//                console.log('window resize2 and h2 is:' + viewH);
                $('.modalPvpNetos .modal-box').css('margin-top', ( (viewH / 2) - 204) );
            });
            $(".btn-modal").click(function(){
                $(".modalPvpNetos").hide();

            });
            $("#selectorIdioma").change(function(){
                if ($(this).val() != "") {
                    $(this).parent().prop("action", $(this).parent().prop("action") + $(this).val() + "/");
                }
                $(this).parent().submit();
            });

            $(".btn-modal.pvp").click(function(){
                $("input#codsys").val("LMO");
                $("form#formSistema").submit();
            });
            $(".btn-modal.neto").click(function(){
                $("input#codsys").val("NET");
                $("form#formSistema").submit();
            });
            $(".btnModificarCom").click(function(){
                $("input#codsys").val("NET");
                $("input#cambiarComision").val("S");
                $("form#formSistema").submit();
            });

            
//                var margen = $.cookie("comisionNetoAgencia");
                var ultimaComision = 0; //TODO ATENTOS QUE ESTO TIENE MALA PINTA

                if (isNaN(ultimaComision) || ultimaComision == undefined || ultimaComision == "" || parseFloat(ultimaComision) < 0){
                    ultimaComision = 0;
                }
//                if (margen != ultimaComision){
//                    margen = ultimaComision;
//
//                    $.cookie("comisionNetoAgencia", null,{path:"/"});
//                    $.cookie("comisionNetoAgencia", margen,{path:"/", expires:30});
//                }

                $("#margenConfigurado").html(ultimaComision + "%");
                $(".modalPvpNetos").css("display","block");

            

//            $('.btnModificarCom').on('click', function(){
//                $(".modalPvpNetos").hide();
//                $("input#codsys").val("NET");
//
//                $("form#formSistema").submit();
//
//            });


            $(".btnCambiarComisionNetoAgencia, .btnModificarCom").click(function(){
                $.ajax({
                    async: false,
                    type: 'POST',
                    url: "/web-eplSH/historicoMargen",
                    dataType: "xml",
                    success: function (msg) {
                        var resultado = $(msg).find("resultado").text();
                        $("div.historicoMargen").html(resultado);
                    }
                });

                $(".modalComisionNetos").show();
                return false;
            });

            


            $(".cerrarModalComisionNetos").click(function(){
                $(".modalComisionNetos").hide();
                return false;
            });
            

            


        }); // END DOCUMENT READY

        $(window).on("load", function () {
            var headerTopPos = $('#headerSection').position().top;
            $(this).on("scroll", function () {
                if ($(this).scrollTop() > headerTopPos) {
                    $("#headerSection").addClass("top-bar-fixed");
                }
                else {
                    $("#headerSection").removeClass("top-bar-fixed");
                }
            });
//            controlClicksSubmenus();
//            preventInitSubmenus();
        });


        

        function startTimer(duration, modal, mask) {
            var timer = duration, minutes, seconds;
            setInterval(function () {
                minutes = parseInt(timer / 60, 10);
                seconds = parseInt(timer % 60, 10);

                minutes = minutes < 10 ? "0" + minutes : minutes;
                seconds = seconds < 10 ? "0" + seconds : seconds;

                if (--timer < 0) {
                    timer = duration;
                } else if (minutes == 0 && seconds == 1){
                        // Añadir sesion terminada
                        var context = "/web-eplSH";
                        window.location.href = context + "/logout";
                } else if (minutes == 15 && seconds == 0) {
                    modal.style.display = "block";
                    mask.style.display = "block";
                }
            }, 1000);
        }

        function continueSession(){
            var modal = document.getElementById('modal-time');
            var mask =  document.getElementById('modal-mask');

            modal.style.display = "none";
            mask.style.display = "none";

        }

            window.onload = function () {
                // Tiempo de sesion, predeterminado a 60 minutos;
                var timeSession = 60;

                var duration = timeSession * 60;
                var modal = document.getElementById('modal-time');
                var mask =  document.getElementById('modal-mask');

                if (document.getElementsByClassName("cliente").length == 1) {
                    startTimer(duration, modal, mask);
                }
            };

        //Función para mostrar/ocultar hijos de submenú
        /*
        var controlClicksSubmenus = function(){
            $('.has-sub-menu').on('click', function(){
                //Si el submenú ya está desplegado, saltamos al link
                if ( $(this).hasClass('open') ){
                    $(this).removeClass('open');
                    $(this).find('> a').click();
                }
                else {
                    $('.has-sub-menu').removeClass('open');
                    $(this).addClass('open');
                    return false; //Evitamos el primer salto del link
                }
            });
        };
        //Reiniciamos estado del subsubmenu
        var preventInitSubmenus = function() {
            $('.epl-mw-item').hover(function () {
            //                    console.log("in");
            }, function () {
                    $('.has-sub-menu').removeClass('open');
                }
            );
        };
        */



    </script>

    <style>

        .menuBack-item:hover .dropdown-menu {
            display: block;
            margin-top: 0;
        }
        
    </style>

    

    <div id="modal-time">
        <i class="fa fa-clock-o"></i>
        <label>
            Su sesi&oacute;n caducar&aacute; en 15 minutos, realice alguna acci&oacute;n para refrescar su sesi&oacute;n.
        </label>
        <button type="button" class="btn btn-warning" onclick="continueSession()">Continuar</button>
    </div>

    <div id="modal-mask"></div>
    <section id="headerSection" class="">
        <div class="franjaCabecera"></div>

        <div class="clearFranjaCabecera">
            <div class="accesos-cabecera">
                
            </div>
            <div class="cabeceraBienvenido">
                
                
                    <div class="acceso">
                        <img src="/web-eplSH/content/images/login-ico-user.png"/>
                        <a href="/web-eplSH/login">Acceso Agencias</a>
                    </div>
                    <div class="altas">
                        <a href="formulario-altas">Formulario Alta Agencia</a>
                    </div>
                    <div class="selectorIdioma">
                        <form action="/web-eplSH/" method="post">
                            <select name="idioma" id="selectorIdioma">
                                <option value="" selected="selected">
                                    Espa&ntilde;a
                                </option>
                               
                                <option value="it" >
                                    Italia
                                </option>
                                
                            </select>
                        </form>
                    </div>
                
            </div>
        </div>

        
        <p>
            
                        
                
                    
                
            
            
            
                <a href="/web-eplSH/home"
                   class="linkLogo"><img alt="" class="logoEPL" src="/web-eplSH/content/images/logos/europlayas.png"/>
                </a>
            
        </p>
        
        

        
    </section>
    


    

<script>

    var scbTop;

    var fixPubli;
    fixPubli = function(){
        $(window).scroll(function(e) {
//            console.log(e);
            var scb = $(window).scrollTop() + $(window).height();
            if( $(window).scrollTop() + $(window).height() == $(document).height() ) {
//                console.log( $(window).scrollTop() + $(window).height() == $(document).height() );
//                console.log("bottom!");
            }

            var scrollPubli = $('#publicidadWebModulo').offset().top;
            var scrollTop = $(window).scrollTop() + 65;

            if ( scrollTop > scrollPubli ) {
                $('#publicidadWebModulo').addClass('fixed');
                return false;
            }
            if ( scrollTop <= scrollPubli && scrollTop <= 185 ) {
                $('#publicidadWebModulo').removeClass('fixed');
            }
        });
    };

    $(document).ready(function(){
        
    });

    //Colocamos banners automaticamente segun su tamaño
    $(window).on('load', function(){

        var isPresupuestos;
        isPresupuestos = location.href.indexOf("listarPresupuestos") > 0 ? true : false;
        console.log( isPresupuestos );

        var scbRest = $('body').height() - $('.publi-izq img').height();
        scbTop = -Math.abs( scbRest );

        var widthContainer = isPresupuestos ? 1170 : 970;
        var widthBannerIzq = $('.publi-izq img').width();
        var widthBannerDer = $('.publi-der img').width();
        var totalWidthContainerPubli = widthContainer + widthBannerIzq + widthBannerDer + 30;

        $('#publicidadWebModulo').css({
            'max-width': totalWidthContainerPubli,
            'margin-left': -Math.abs( totalWidthContainerPubli / 2)
        });

        //Colocamos banner izquierdo
        var leftMargin = -Math.abs( $('.publi-izq img').width() + 10 );
        $('.publi-izq').css({
//            'left': leftMargin,
            'visibility': 'visible'
        });
        //Colocamos banner derecho
        var rightMargin = -Math.abs( $('.publi-der img').width() + 10 );
        $('.publi-der').css({
//            'right': rightMargin,
            'visibility': 'visible'
        });
    });

</script>



<!-- Buscador -->
<section id="contentSection">
    <div class="eplHomep1 col-lg-12 col-md-12 col-sm-12 col-xs-12">

  
  <div class="buscadorCols buscador-epl col-lg-4 col-md-4">
      
      

          
              
          
              
          
              
                  
                      
                      
                          
                      


    <!-- Buscador -->


    <script type="text/javascript">

        var fecha_sel = 0;

        $(window).load(function(){

            
            
            
            
        });

        $(document).ready(function () {

            $("form.formBuscador").submit(function () {

                var este = $(this);

                /*if ($("#zonaDestino").val() == ""  && $("#nombreHotel").val() == "") {
                 $("#zonaDestino").focus();
                 var alertaZona = 'Es obligatorio informar la zona del hotel';
                 alert(alertaZona);
                 return false;
                 }*/

                /* Nos aseguramos de que se esté lanzando la peticion de "Hotel + Entrada" */
                if ( $('.bps-hp').hasClass('active') ){
                    if ($("#zonaServicio").val() == "") {
                        $("#zonaServicio").focus();
                        var alertaZona = 'Es obligatorio informar la zona del hotel';
                        alert(alertaZona);
                        return false;
                    }
                }

                if (este.find(".fechaInicio").val() == "") {
                    este.find(".fechaInicio").focus();
                    return false;
                }

                if (este.find(".fechaFin").val() == "") {
                    este.find(".fechaFin").focus();
                    return false;
                }


                $('.fondoimageSearch').css('visibility', 'visible');
                $('.sliderCargando').css('visibility', 'visible');
                $('.fondoimageSearch').css('display', 'block');
                $('.sliderCargando').css('display', 'block');

            });

            $(".num-noc").change(function () {
                var fecIni;
                var fecFinNoc;
                if ('disney' === 'home'){
                    fecIni = $('#fechaInicioHP').val();
                    fecFinNoc = $('#fechaFinHP');
                }
                else {
                    fecIni = $(".fechaInicio").val();
                    fecFinNoc = $('.fechaFin');
                }
                //anadido este if debido a mal funcionamiento de la landing de disney
                if (fecIni != "") {
                    var day1 = fecIni.split("/")[0];
                    var month1 = parseInt(fecIni.split("/")[1]) - 1;
                    var year1 = fecIni.split("/")[2];
                    fecFinNoc.datepicker('setDate', new Date(year1, month1, parseInt(day1) + parseInt($(this).val())));
                    fecFinNoc.datepicker("option", "minDate", new Date(year1, month1, day1));
                    fecFinNoc.datepicker("option", "maxDate", new Date(year1 + 1, month1, day1));
                }
            });

            $(".datepicker-icon").click(function () {
                $(this).parent().find("input").focus();
            });

            /* Opciones y Filtros Buscador */
            $(".num-nin").change(function () {
                var rel = $(this).val();
                var dad = $(this).parents(1).parents(1);
                var dadc = $(dad).attr('class');
                $(dad).addClass('ninHab');

                switch (rel) {
                    case "0":
                        $(dad).removeClass('ninHab nin0 nin1 nin1n2 nin1n2n3 nin1n2n3n4');
                        $(dad).addClass("nin0");
                        break;
                    case "1":
                        $(dad).removeClass('nin0 nin1 nin1n2 nin1n2n3 nin1n2n3n4');
                        $(dad).addClass("nin1");
                        break;
                    case "2":
                        $(dad).removeClass('nin0 nin1 nin1n2 nin1n2n3 nin1n2n3n4');
                        $(dad).addClass("nin1" + "n2");
                        break;
                    case "3":
                        $(dad).removeClass('nin0 nin1 nin1n2 nin1n2n3 nin1n2n3n4');
                        $(dad).addClass("nin1" + "n2" + "n3");
                        break;
                    case "4":
                        $(dad).removeClass('nin0 nin1 nin1n2 nin1n2n3 nin1n2n3n4');
                        $(dad).addClass("nin1" + "n2" + "n3" + "n4");
                        break;
                }
            });

            $(".num-hab").change(function () {
                var rel = $(this).val();
                switch (rel) {
                    case "1":
                        $(".ocupacionHab2").css("display", "none");
                        $(".ocupacionHab3").css("display", "none");
                        break;
                    case "2":
                        $(".ocupacionHab2").css("display", "block");
                        $(".ocupacionHab3").css("display", "none");
                        break;
                    case "3":
                        $(".ocupacionHab2").css("display", "block");
                        $(".ocupacionHab3").css("display", "block");
                        break;
                }

            });

            $('.selectpicker').selectpicker();

            $('.datepicker').datepicker({
                dateFormat: 'dd/mm/yy', // formato de fecha que se usa en España
                dayNames: ['Domingo', 'Lunes', 'Martes', 'Mi&eacute;rcoles', 'Jueves', 'Viernes', 'S&aacute;bado'], // días de la semana
                dayNamesMin: ['D', 'L', 'M', 'X', 'J', 'V', 'S'], // días de la semana (versión super-corta)
                dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'], // días de la semana (versión corta)
                firstDay: 1, // primer día de la semana (Lunes)
                minDate: '0',
                monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'], // meses
                monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'], // meses
                selectOtherMonths: false,
                navigationAsDateFormat: true,
                inline: true,
                changeYear: false,
                changeMonth: false
            });


            function getLastSaturday(month, year){

                // GET THE FIRST OF THE MONTH.
                var firstDay = new Date(year, month, 1);
                var dayOfWeek = firstDay.getUTCDay();
                switch (dayOfWeek)
                {
                    case 0: // Lunes
                        return "30";
                    case 1: // Martes
                        return "29";
                    case 2: // Miércoles
                        return "28";
                    case 3: // Jueves
                        return "27";
                    case 4: // Viernes
                        return "26";
                    case 5: // Sábado
                        return "25";
                    case 6: // Domingo
                        return "24";
                }
            }

            //EPL-3245
            
            //auxiliar, recuperar fechas de configuración buscador
            function recuperarConfBuscFechasMap(selectorFechaInicio) {
                var selectorConfBuscFechas = $(selectorFechaInicio).closest(".formBuscador").find("[name='peticionWeb.confBuscFechas']");
                var confBuscFechas = JSON.parse($(selectorConfBuscFechas).val());
                var confBuscFechasMap = {};
                for (var i = 0; i < confBuscFechas.length; i++) {
                    if (confBuscFechasMap[confBuscFechas[i].fechaInicio] === undefined) {
                        confBuscFechasMap[confBuscFechas[i].fechaInicio] = [confBuscFechas[i].fechaFin];
                    } else {
                        confBuscFechasMap[confBuscFechas[i].fechaInicio].push(confBuscFechas[i].fechaFin);
                    }
                }
                return confBuscFechasMap;
            }

            //auxiliar, actualizar elementos en base a una fecha de inicio cuando hay fechas de configuración buscador
            function actualizarFechasPorConfiguracionBuscador(selectorFechaInicio, selectorFechaFin, confBuscFechasMap, strFechaInicio, fechaInicio){
                var fechaFin = $.datepicker.parseDate('dd/mm/yy', confBuscFechasMap[strFechaInicio][0]);
                $(selectorFechaFin).datepicker("setDate", fechaFin);
                //habilitar selector de fechas de fin si hay varias disponibles
                $(selectorFechaFin).prop("readonly", (( confBuscFechasMap[strFechaInicio].length) <= 1));
                //actualizar noches si está disponible
                if ($(selectorFechaInicio).closest(".formBuscador").find('.num-noc').length > 0) {
                    var correccionPorCambioHorario = 3600000; // Añadir 3600000 a end-start cuando el rango de fechas comprenda la fecha de cambio de horario
                    var diasActivos = [];
                    for (var indiceDiaActivo = 0; indiceDiaActivo < confBuscFechasMap[strFechaInicio].length; indiceDiaActivo++){
                        var fecha = jQuery.datepicker.parseDate('dd/mm/yy', confBuscFechasMap[strFechaInicio][indiceDiaActivo]);
                        if ((fecha - fechaInicio) > 0) {
                            var diaActivo = parseInt((fecha - fechaInicio + correccionPorCambioHorario) / 1000 / 60 / 60 / 24);
                            diasActivos.push('' + diaActivo); 
                        }
                    }
                    $(selectorFechaInicio).closest(".formBuscador").find('.num-noc option').each(function() {
                        if (diasActivos.indexOf($(this).val()) < 0) {
                            $(this).css("display", "none");
                        } else {
                            $(this).css("display", "list-item");
                        }
                    });
                    var days = parseInt((fechaFin - fechaInicio + correccionPorCambioHorario) / 1000 / 60 / 60 / 24);
                    $(selectorFechaInicio).closest(".formBuscador").find('.num-noc option[value="' + days + '"]').prop("selected", true);
                    $(selectorFechaInicio).closest(".formBuscador").find('.num-noc').selectpicker('refresh');
                }
            }

            var numBuscadoresConFechas = 0;
            var numBuscadores = $(".fechaInicio").length; 
            for (var indiceBuscador = 0; indiceBuscador < numBuscadores; indiceBuscador++) {
                var selectorFechaInicio = $(".fechaInicio")[indiceBuscador];
                var selectorFechaFin = $(".fechaFin")[indiceBuscador];
                var selectorConfBuscFechas = $(selectorFechaInicio).closest(".formBuscador").find("[name='peticionWeb.confBuscFechas']");
                if (selectorConfBuscFechas != undefined && selectorConfBuscFechas.length == 1) {
                    numBuscadoresConFechas++;
                    //pasar elemento JSON a un objeto como mapa de fechas inicio - lista de fechas fin
                    var confBuscFechasMap = recuperarConfBuscFechasMap(selectorFechaInicio);
                    //definir funciones y manejadores de eventos
                    $(selectorFechaInicio).datepicker("option", "beforeShowDay", function (date) {
                        var string = jQuery.datepicker.formatDate('dd/mm/yy', date);
                        //return [Object.keys(confBuscFechasMap).indexOf(string) !== -1];
                        var auxConfBuscFechasMap = recuperarConfBuscFechasMap(this);
                        return [Object.keys(auxConfBuscFechasMap).indexOf(string) !== -1];
                    });
                    $(selectorFechaInicio).datepicker("option", "onSelect", function (dateStr, dp) {
                        var selectorFechaFin = $(this).closest(".formBuscador").find(".fechaFin")[0];
                        var auxConfBuscFechasMap = recuperarConfBuscFechasMap(this);
                        var fechaInicio = $.datepicker.parseDate('dd/mm/yy', dateStr);
                        var strFechaInicio = $.datepicker.formatDate('dd/mm/yy', fechaInicio); 
                        actualizarFechasPorConfiguracionBuscador(this, selectorFechaFin, auxConfBuscFechasMap, strFechaInicio, fechaInicio);
                    });
                    $(selectorFechaFin).datepicker("option", "beforeShowDay", function (date) {
                        var selectorFechaInicio = $(this).closest(".formBuscador").find(".fechaInicio")[0];
                        var string = jQuery.datepicker.formatDate('dd/mm/yy', date);
                        if ($(selectorFechaInicio).datepicker != null && ($(selectorFechaInicio).datepicker('getDate') instanceof Date)) {
                            var strFechaInicio = jQuery.datepicker.formatDate("dd/mm/yy", $(selectorFechaInicio).datepicker('getDate'));
                            var auxConfBuscFechasMap = recuperarConfBuscFechasMap(this);
                            if (auxConfBuscFechasMap[strFechaInicio] != undefined) {
                                return [auxConfBuscFechasMap[strFechaInicio].indexOf(string) !== -1];
                            }
                        }
                        return [];
                    });
                    //inicializar valor de fecha inicio y fecha fin
                    if (Object.keys(confBuscFechasMap).length > 0){
                        var strFechaInicio = Object.keys(confBuscFechasMap)[0];
                        var fechaInicio = jQuery.datepicker.parseDate('dd/mm/yy', strFechaInicio);
                        $(selectorFechaInicio).datepicker("setDate", fechaInicio);
                        actualizarFechasPorConfiguracionBuscador(selectorFechaInicio, selectorFechaFin, confBuscFechasMap, strFechaInicio, fechaInicio);
                    }
                }
            }
            if (numBuscadoresConFechas != numBuscadores){
                if (numBuscadoresConFechas > 0) {
                    console.warn("Hay buscadores con configuración con fechas y otros que no; el comportamiento puede ser indeterminado");
                }
                if ('reyleon'==='home') {  // EPL-2770: para Rey Leon no queremos que muestre ni cambie nada en FechaFin, salvo por el cambio en fechaInicio
                    var array = ["05/05/2018","12/05/2018","19/05/2018","09/06/2018","30/06/2018","07/07/2018","14/07/2018"]; // EPL-2770b: segunda fecha
                    var fechaInicioHZ = $('#fechaInicioHZ');
                    var fechaFinHZ = $('#fechaFinHZ');
                    // EPL-2770 mostrar solo dias seleccionados
                    fechaInicioHZ.datepicker("option","beforeShowDay",function(date) {
                        var string = jQuery.datepicker.formatDate('dd/mm/yy', date);
                        return [array.indexOf(string) !== -1];
                    });
                    fechaInicioHZ.datepicker("option","onSelect", function (dateStr, dp) {
                        var fecha = $.datepicker.parseDate('dd/mm/yy',dateStr);
                        fechaFinHZ.datepicker("setDate",new Date(fecha.getFullYear(),fecha.getMonth(),fecha.getDate()+1));
                    });
                    // EPL-2770: solo una noche
                    var fecIni = new Date(fechaInicioHZ.datepicker("getDate"));
                    fechaFinHZ.datepicker("option","beforeShow",function(element,object) {
                        object.hide();
                    });
                    fechaFinHZ.datepicker("setDate",new Date(fecIni.getFullYear(),fecIni.getMonth(),fecIni.getDate()+1));

                } else if ('rey-leon-new'==='home') {  // EPL-2770: para Rey Leon no queremos que muestre ni cambie nada en FechaFin, salvo por el cambio en fechaInicio
                    var array = ["05/05/2018","12/05/2018","19/05/2018","09/06/2018","30/06/2018","07/07/2018","14/07/2018"]; // EPL-2770b: segunda fecha
                    var fechaInicioHP = $('#fechaInicioHP');
                    var fechaFinHP = $('#fechaFinHP');
                    // EPL-2770 mostrar solo dias seleccionados
                    fechaInicioHP.datepicker("option","beforeShowDay",function(date) {
                        var string = jQuery.datepicker.formatDate('dd/mm/yy', date);
                        return [array.indexOf(string) !== -1];
                    });
                    fechaInicioHP.datepicker("option","onSelect", function (dateStr, dp) {
                        var fecha = $.datepicker.parseDate('dd/mm/yy',dateStr);
                        fechaFinHP.datepicker("setDate",new Date(fecha.getFullYear(),fecha.getMonth(),fecha.getDate()+1));
                    });
                    // EPL-2770: solo una noche
                    var fecIni = new Date(fechaInicioHP.datepicker("getDate"));
                    fechaFinHP.datepicker("option","beforeShow",function(element,object) {
                        object.hide();
                    });
                    fechaFinHP.datepicker("setDate",new Date(fecIni.getFullYear(),fecIni.getMonth(),fecIni.getDate()+1));

                    var fechaInicioTC = $('#fechaInicioTC');
                    var fechaFinTC = $('#fechaFinTC');
                    // EPL-2770 mostrar solo dias seleccionados
                    fechaInicioTC.datepicker("option","beforeShowDay",function(date) {
                        var string = jQuery.datepicker.formatDate('dd/mm/yy', date);
                        return [array.indexOf(string) !== -1];
                    });
                    fechaInicioTC.datepicker("option","onSelect", function (dateStr, dp) {
                        var fecha = $.datepicker.parseDate('dd/mm/yy',dateStr);
                        fechaFinTC.datepicker("setDate",new Date(fecha.getFullYear(),fecha.getMonth(),fecha.getDate()+1));
                    });
                    // EPL-2770: solo una noche
                    var fecIni = new Date(fechaInicioTC.datepicker("getDate"));
                    fechaFinTC.datepicker("option","beforeShow",function(element,object) {
                        object.hide();
                    });
                    fechaFinTC.datepicker("setDate",new Date(fecIni.getFullYear(),fecIni.getMonth(),fecIni.getDate()+1));
                } else {
                    $(".fechaInicio").change(function () {
                        var day1 = $(this).datepicker('getDate').getDate();
                        var month1 = $(this).datepicker('getDate').getMonth();
                        var year1 = $(this).datepicker('getDate').getFullYear();
                        //        var pickedDate = new Date(year1, month1, day1);

                        $('.fechaFin').datepicker('setDate', new Date(year1, month1, parseInt(day1) + parseInt($(".num-noc").val())));
                        $(".fechaFin").datepicker("option", "minDate", new Date(year1, month1, day1));
                        $(".fechaFin").datepicker("option", "maxDate", new Date(year1 + 1, month1, day1));
                    });

                    $(".fechaFin").change(function () {
                        var start;
                        var end;
                        if ('disney' === 'home'){
                            start = $('#fechaInicioHP').datepicker('getDate');
                            end = $('#fechaFinHP').datepicker('getDate');
                        }
                        else {
                            start = $('.fechaInicio').datepicker('getDate');
                            end = $('.fechaFin').datepicker('getDate');
                        }
                        var days;
                        var year1 = $('.fechaFin').datepicker('getDate').getFullYear();
                        var correccionPorCambioHorario = 3600000; // Añadir 3600000 a end-start cuando el rango de fechas comprenda la fecha de cambio de horario
                        // Último sábado de marzo que no sea 31, día en el que se cambia la hora en primavera
                        var savingDaylightSpringDate = getLastSaturday(3, year1) + "/03" + "/" + year1;
                        // Último sábado de octubre que no sea 31, día en el que se cambia la hora en otoño
                        var savingDaylightAutumnDate = getLastSaturday(10, year1) + "/10" + "/" + year1;
                        var partsSpring = savingDaylightSpringDate.split('/');
                        var partsAutumn = savingDaylightAutumnDate.split('/');
                        var dateToCompareSpring = new Date(partsSpring[2], partsSpring[1] - 1, partsSpring[0]);
                        var dateToCompareAutumn = new Date(partsAutumn[2], partsAutumn[1] - 1, partsAutumn[0]);
                        //            if((start <= dateToCompareSpring && end > dateToCompareSpring) || (start <= dateToCompareAutumn && end > dateToCompareAutumn)) {
                        //                days  = parseInt((end - start + correccionPorCambioHorario)/1000/60/60/24);
                        //            } else {
                        days = parseInt((end - start + correccionPorCambioHorario) / 1000 / 60 / 60 / 24);
                        //            }

                        $('.num-noc option[value="' + days + '"]').prop("selected", true);
                        $('.num-noc').selectpicker('refresh');
                    });
                    $(".fechaFinIcon").click(function () {
                        $(".fechaFin").datepicker("show");
                    });
                    $('.fechaFin').tooltip();
                }
            }

            $(".fechaInicioIcon").click(function () {
                $(".fechaInicio").datepicker("show");
            });
            $('.fechaInicio').tooltip();

            
            
            
            
            //hola
            

            
            
            
            var tipo = "H";
            $(".zonaDestino" + tipo).select2({
                placeholder: 'Zona',
                minimumInputLength: 3,
                allowClear: true,
                ajax: {
                    url: "/web-eplSH/HotelNew/listarDestinosHotel",
                    dataType: 'json',
                    data: function (term, page) {
                        return {
                            zonaSoloHotel: "S",
                            zonaHotel: term
                        };
                    },
                    results: function (data, page) {
                        return {results: data};
                    }
                }
            });
            
            

            

            //dos

            var tipo = "H";
            

            

            
            

            $(".nombreHotel" + tipo).select2({
                placeholder: 'Nombre del hotel',
                minimumInputLength: 3,
                allowClear: true,
                ajax: {
                    url: "/web-eplSH/HotelNew/listarServicios",
                    dataType: 'json',
                    data: function (term, page) {
                        return {
                            nombreServicio: term,
                            destinoCodigo: $('#zonaDestino').val()
                        };
                    },
                    results: function (data, page) {
                        return {results: data};
                    }
                }
            });
            

            

            $("#zonaServicio").select2({

                placeholder: 'Nombre del hotel',
                allowClear: false,
                minimumInputLength: 3,
                ajax: {
                    url: "/web-eplSH/HotelNew/listarZonaServicio",
                    dataType: 'json',
                    data: function (term, page) {
                        return {
                            nombreServicio: term,
                            //destinoCodigo: $('#zonaDestino').val(),
                            zonaSoloHotel: "S",
                            confBuscId: "",
                            zonaHotel: term
                        };
                    },
                    results: function (data, page) {
                        return { results: data };
                    }
                },
                formatSelection: formatZS,
                formatResult: formatZS,
                templateResult: function (item) {
                    // No need to template the searching text
                    if (item.loading) {
                        return item.text;
                    }
                    var term = query.term || '';
                    var $result = markMatch(item.text, term);
                    return $result;
                }
            });

            $("#zonaServicio").on("change", function(e) {
                $("#zonaZS").val("");
                $("#servicioZS").val("");
                if(e.added.tipo=="z"){
                    $("#zonaZS").val(e.val);
                }else if(e.added.tipo=="s"){
                    $("#servicioZS").val(e.val);
                }
            });
            


            
            
            

            
            var dataOrigen = [];
            var dataDestino = [];
            var dataZonaDestino = [];

            dameDestinos = function (origenCodigo) {
                $.ajax({
                    url: "/web-eplSH/listarDestinosPuerto?origenCodigo=" + origenCodigo,
                    dataType: "json",
                    type: "POST",
                    error: function () {
                        alert("An error ocurred.");
                    },
                    success: function (data) {
                        dataDestino = data;
                    }
                });
            };

            dameZonaDestinos = function (destinoCodigo) {
                $.ajax({
                    url: "/web-eplSH/listarDestino?destinoCodigo=" + destinoCodigo,
                    dataType: "json",
                    type: "POST",
                    error: function () {
                        alert("An error ocurred.");
                    },
                    success: function (data) {
                        dataZonaDestino = data;
                    }
                });
            };

            $(".origenB").select2({
                placeholder: "Puerto de salida",
                allowClear: true,
                minimumInputLength: 1,
                data: dataOrigen,
                ajax: {
                    url: "/web-eplSH/listarOrigenPuerto?tipoProductoTransporte=BARCO",
                    dataType: 'json',
                    data: function (term, page) {
                        return {
                            q: term, // search term
                            page_limit: 10,
                            apikey: "ju6z9mjyajq2djue3gbvv26t"
                        };
                    },
                    results: function (data, page) {
                        return {results: data};
                    }
                }
            }).select2({data: dataOrigen});

            $(".origenB").on("change", function (e) {
                dameDestinos(e.val);
                $(".destinoB").select2({
                    placeholder: "Puerto de destino",
                    data: function () {
                        return {results: dataDestino};
                    },
                    initSelection: function (element, callback) {

                        var codigo = $(element).val();
                        if (codigo !== "") {
                            $.ajax("/web-eplSH/listarOrigenPuerto?origenCodigo=" + codigo, {
                                data: {
                                    apikey: "ju6z9mjyajq2djue3gbvv26t"
                                },
                                dataType: "json"
                            }).done(function (data) {
                                callback(data[0]);
                            });
                        }
                    }
                });
                $(".zonaDestinoB").select2({
                    placeholder: "Puerto de destino",
                    data: function () {
                        return {results: dataZonaDestino};
                    },
                    initSelection: function (element, callback) {

                        var codigo = $(element).val();
                        if (codigo !== "") {
                            $.ajax("/web-eplSH/listarOrigenPuerto?origenCodigo=" + codigo, {
                                data: {
                                    apikey: "ju6z9mjyajq2djue3gbvv26t"
                                },
                                dataType: "json"
                            }).done(function (data) {
                                callback(data[0]);
                            });
                        }
                    }
                });
            });

            $(".destinoB").on("change", function (e) {
                dameZonaDestinos(e.val);
                $(".zonaDestinoB").select2({
                    placeholder: "Puerto de destino",
                    data: function () {
                        return {results: dataZonaDestino};
                    },
                    initSelection: function (element, callback) {

                        var codigo = $(element).val();
                        if (codigo !== "") {
                            $.ajax("/web-eplSH/listarOrigenPuerto?origenCodigo=" + codigo, {
                                data: {
                                    apikey: "ju6z9mjyajq2djue3gbvv26t"
                                },
                                dataType: "json"
                            }).done(function (data) {
                                callback(data[0]);
                            });
                        }
                    }
                });
            });

            $(".destinoB").select2({
                placeholder: "Puerto de destino",
                data: function () {
                    return {results: dataDestino};
                }
            });

            $(".zonaDestinoB").select2({
                placeholder: "Zona de destino",
                data: function () {
                    return {results: dataZonaDestino};
                }
            });

            

            

            $(".origenBH").select2({
                placeholder: "Puerto de salida",
                allowClear: true,
                minimumInputLength: 1,
                data: dataOrigen,
                ajax: {
                    url: "/web-eplSH/listarOrigenPuerto?tipoProductoTransporte=BARCO",
                    dataType: 'json',
                    data: function (term, page) {
                        return {
                            q: term, // search term
                            page_limit: 10,
                            apikey: "ju6z9mjyajq2djue3gbvv26t"
                        };
                    },
                    results: function (data, page) {
                        return {results: data};
                    }
                }
            }).select2({data: dataOrigen});

            $(".origenBH").on("change", function (e) {
                dameDestinos(e.val);
                $(".destinoBH").select2({
                    placeholder: "Puerto de destino",
                    data: function () {
                        return {results: dataDestino};
                    },
                    initSelection: function (element, callback) {

                        var codigo = $(element).val();
                        if (codigo !== "") {
                            $.ajax("/web-eplSH/listarOrigenPuerto?origenCodigo=" + codigo, {
                                data: {
                                    apikey: "ju6z9mjyajq2djue3gbvv26t"
                                },
                                dataType: "json"
                            }).done(function (data) {
                                callback(data[0]);
                            });
                        }
                    }
                });
                $(".zonaDestinoBH").select2({
                    placeholder: "Puerto de destino",
                    data: function () {
                        return {results: dataZonaDestino};
                    },
                    initSelection: function (element, callback) {

                        var codigo = $(element).val();
                        if (codigo !== "") {
                            $.ajax("/web-eplSH/listarOrigenPuerto?origenCodigo=" + codigo, {
                                data: {
                                    apikey: "ju6z9mjyajq2djue3gbvv26t"
                                },
                                dataType: "json"
                            }).done(function (data) {
                                callback(data[0]);
                            });
                        }
                    }
                });
            });

            $(".destinoBH").on("change", function (e) {
                dameZonaDestinos(e.val);
                $(".zonaDestinoBH").select2({
                    placeholder: "Puerto de destino",
                    data: function () {
                        return {results: dataZonaDestino};
                    },
                    initSelection: function (element, callback) {

                        var codigo = $(element).val();
                        if (codigo !== "") {
                            $.ajax("/web-eplSH/listarOrigenPuerto?origenCodigo=" + codigo, {
                                data: {
                                    apikey: "ju6z9mjyajq2djue3gbvv26t"
                                },
                                dataType: "json"
                            }).done(function (data) {
                                callback(data[0]);
                            });
                        }
                    }
                });
            });

            $(".destinoBH").select2({
                placeholder: "Puerto de destino",
                data: function () {
                    return {results: dataDestino};
                }
            });

            $(".zonaDestinoBH").select2({
                placeholder: "Zona de destino",
                data: function () {
                    return {results: dataZonaDestino};
                }
            });

            

            

            var dataDestinoT = [];

            dameDestinosT = function (origenCodigo) {
                $.ajax({
                    url: "/web-eplSH/listarDestinosTren?s=" + origenCodigo + "&t=TREN",
                    dataType: "json",
                    type: "POST",
                    error: function () {
                        alert("An error ocurred.");
                    },
                    success: function (data) {
                        dataDestinoT = data;
                    }
                });
            };

            $(".origenT").select2({
                placeholder: "Puerto de salida",
                allowClear: true,
                minimumInputLength: 3,
                ajax: {
                    url: "/web-eplSH/listarEstaciones",
                    dataType: 'json',
                    data: function (term, page) {
                        return {
                            q: term, // search term
                            tipoRuta: "TREN",
                            page_limit: 10,
                            apikey: "ju6z9mjyajq2djue3gbvv26t"
                        };
                    },
                    results: function (data, page) {
                        return {results: data};
                    }
                }
            });

            $(".origenT").change(function (e) {
                var este = $(this);
                dameDestinosT(e.val);
                $(".destinoT").select2({
                    placeholder: "Zona del hotel",
                    allowClear: true,
//                        minimumInputLength: 3,
                    ajax: {
                        url: "/web-eplSH/listarEstacionesDestino",
                        dataType: 'json',
                        data: function (term, page) {
                            return {
                                q: term,
                                s: este.val(),
                                t: 'TREN',
                                page_limit: 10,
                                apikey: "ju6z9mjyajq2djue3gbvv26t"
                            };
                        },
                        results: function (data, page) {
                            return {results: data};
                        }
                    }
                });
            });

            $(".destinoT").select2({
                placeholder: "Zona del hotel",
                data: function () {
                    return {results: dataDestinoT};
                }
            });

            

            $("#soloIda").change(function () {
                if ($(this).is(":checked")) { // check if the radio is checked
                    var val = $(this).val(); // retrieve the value

                    $("#fechaVueltaID").css("display", 'none');
                    $(".fechaFin").attr("disabled", true);
                }
            });

            $("#idaVuelta").change(function () {
                if ($(this).is(":checked")) { // check if the radio is checked
                    var val = $(this).val(); // retrieve the value
                    $("#fechaVueltaID").css("display", 'block');
                    $(".fechaFin").attr("disabled", false);
                }
            });


            

            var dataDestinoTH = [];

            dameDestinosTH = function (origenCodigo) {
                $.ajax({
                    url: "/web-eplSH/listarDestinosTren?s=" + origenCodigo + "&t=TRENHOTEL",
                    dataType: "json",
                    type: "POST",
                    error: function () {
                        alert("An error ocurred.");
                    },
                    success: function (data) {
                        dataDestinoTH = data;
                    }
                });
            };

            $(".origenTH").select2({
                placeholder: "Estaci&oacute;n de salida",
                allowClear: true,
                minimumInputLength: 3,
                ajax: {
                    url: "/web-eplSH/listarEstaciones",
                    dataType: 'json',
                    data: function (term, page) {
                        return {
                            q: term, // search term
                            tipoRuta: "TRENHOTEL",
                            page_limit: 10,
                            apikey: "ju6z9mjyajq2djue3gbvv26t"
                        };
                    },
                    results: function (data, page) {
                        return {results: data};
                    }
                }
            });

            $(".origenTH").change(function (e) {
                dameDestinosTH(e.val);
                $(".destinoTH").select2({
                    placeholder: "Zona del hotel",
                    allowClear: true,
//                        minimumInputLength: 3,
                    ajax: {
                        url: "/web-eplSH/listarEstacionesDestino",
                        dataType: 'json',
                        data: function (term, page) {
                            return {
                                q: term,
                                s: $(".origenTH").val(),
                                t: 'TRENHOTEL',
                                page_limit: 10,
                                apikey: "ju6z9mjyajq2djue3gbvv26t"
                            };
                        },
                        results: function (data, page) {
                            return {results: data};
                        }
                    }
                });
            });

            $(".destinoTH").select2({
                placeholder: "Zona del hotel",
                data: function () {
                    return {results: dataDestino};
                }
            });

            var dataZonaDestinoTH = [];

            dameZonaDestinosTH = function (destinoCodigo) {
                $.ajax({
                    
                    url: "/web-eplSH/listarDestinoNombre?destinoCodigo=" + destinoCodigo,
                    dataType: "json",
                    type: "POST",
                    error: function () {
                        alert("An error ocurred.");
                    },
                    success: function (data) {
                        dataZonaDestino = data;
                    }
                });
            };

            $(".destinoTH").on("change", function (e) {
                dameZonaDestinosTH(e.val);
                $(".zonaDestinoTH").select2({
                    placeholder: "Puerto de destino",
                    data: function () {
                        return {results: dataZonaDestino};
                    },
                    initSelection: function (element, callback) {

                        var codigo = $(element).val();
                        if (codigo !== "") {
                            $.ajax("/web-eplSH/listarDestinoNombre?destinoCodigo=" + codigo, {
                                data: {
                                    apikey: "ju6z9mjyajq2djue3gbvv26t"
                                },
                                dataType: "json"
                            }).done(function (data) {
                                callback(data[0]);
                            });
                        }
                    }
                });
            });

            $(".zonaDestinoTH").select2({
                placeholder: "Zona de destino",
                data: function () {
                    return {results: dataZonaDestinoTH};
                }
            });
            

            //Check if chkscm is active
            // Ojo, estos objetos no siempre existen
            var checkChkscm =  $("#checkChkscm");
            var chkscm = $("#chkscm");

            if(checkChkscm.val()==="S") {
                chkscm.prop("checked", true);
                checkChkscm.val("S");
            }else if (checkChkscm.val()==="N") {
                checkChkscm.val("N");
            }

            chkscm.on('change', function(){
                if ( $(this).is(":checked") ){
                    checkChkscm.val('S');
                }
                else {
                    checkChkscm.val('N');
                }
            });


            function formatZS(item) {
                return ("<i class='" + item.tipo + "'></i> " + item.text);
            }

        });


        function validateForm() {


            var resultado = true;

            /* if ($("#zonaDestino").val().length == 0 && $("#nombreHotel").val().length == 0) {
             $("#s2id_zonaDestino").css('color', 'red');
             $("#s2id_zonaDestino").css('background', 'seashell');
             $("#s2id_zonaDestino").css('border-color', 'red');
             $("#s2id_zonaDestino").css('border-width', '2px 2px 17px 2px');

             $("#s2id_nombreHotel").css('color', 'red');
             $("#s2id_nombreHotel").css('background', 'seashell');
             $("#s2id_nombreHotel").css('border-color', 'red');
             $("#s2id_nombreHotel").css('border-width', '2px 2px 17px 2px');

             resultado = false;

             } else {
             $("#s2id_zonaDestino").css('color', '');
             $("#s2id_zonaDestino").css('background', '');
             $("#s2id_zonaDestino").css('border-color', '');

             $("#s2id_nombreHotel").css('color', '');
             $("#s2id_nombreHotel").css('background', '');
             $("#s2id_nombreHotel").css('border-color', '');
             }*/

            if ($("#zonaServicio").val().length == 0) {
                $("#s2id_zonaServicio").css('color', 'red');
                $("#s2id_zonaServicio").css('background', 'seashell');
                $("#s2id_zonaServicio").css('border-color', 'red');
                $("#s2id_zonaServicio").css('border-width', '2px 2px 17px 2px');
                resultado = false;

            } else {
                $("#s2id_zonaServicio").css('color', '');
                $("#s2id_zonaServicio").css('background', '');
                $("#s2id_zonaServicio").css('border-color', '');
            }

            var dateReg = /(\d+)(-|\/)(\d+)(?:-|\/)(?:(\d+)\s+(\d+):(\d+)(?::(\d+))?(?:\.(\d+))?)?/;

            if (!dateReg.test($(".fechaInicio").val())) {
                $(".fechaInicio").css('color', 'red');
                $(".fechaInicio").css('background', 'seashell');
                $(".fechaInicio").css('border-color', 'red');

                $("#fechaInicioIcon").css("border-top", "1px solid red");
                $("#fechaInicioIcon").css("border-bottom", "1px solid red");
                $("#fechaInicioIcon").css("border-right", "1px solid red");
                $("#fechaInicioIcon").css("border-left", "0px");

                resultado = false;

            } else {
                $(".fechaInicio").css('color', '');
                $(".fechaInicio").css('background', '');
                $(".fechaInicio").css('border-color', '');

                $("#fechaInicioIcon").css("border-top", "");
                $("#fechaInicioIcon").css("border-bottom", "");
                $("#fechaInicioIcon").css("border-right", "");
                $("#fechaInicioIcon").css("border-left", "");

            }

            if (!dateReg.test($(".fechaFin").val())) {
                $(".fechaFin").css('color', 'red');
                $(".fechaFin").css('background', 'seashell');
                $(".fechaFin").css('border-color', 'red');


                $("#fechaFinIcon").css("border-top", "1px solid red");
                $("#fechaFinIcon").css("border-bottom", "1px solid red");
                $("#fechaFinIcon").css("border-right", "1px solid red");
                $("#fechaFinIcon").css("border-left", "0px");

                resultado = false;
            } else {
                $(".fechaFin").css('color', '');
                $(".fechaFin").css('background', '');
                $(".fechaFin").css('border-color', '');

                $("#fechaFinIcon").css("border-top", "");
                $("#fechaFinIcon").css("border-bottom", "");
                $("#fechaFinIcon").css("border-right", "");
                $("#fechaFinIcon").css("border-left", "");
            }

            if (resultado) {
                $('.fondoimageSearch').css('visibility', 'visible');
                $('.sliderCargando').css('visibility', 'visible');
                $('.fondoimageSearch').css('display', 'block');
                $('.sliderCargando').css('display', 'block');
            }

            return resultado;

        }

        /*    $('.bps-entradas .formBuscador').on('submit', function(){
         alert("E");
         if ($(this).find(".fechaInicio").val() == "") {
         $(this).find(".fechaInicio").focus();
         alert("FI FALSE");
         return false;
         }

         if ($(this).find(".fechaFin").val() == "") {
         $(this).find(".fechaFin").focus();
         alert("FF FALSE");
         return false;
         }
         alert("ALL FALSE");
         return false;
         });

         function buscarEntradas() {
         var form = $(".formBuscador");
         form.find($('input[name="peticionWeb.zonaDestino"]')).val("");
         submitForm(form);
         }

         function submitForm(form) {
         //          var este = form;

         if ($("#zonaServicio").val() == "") {
         $("#zonaServicio").focus();
         var alertaZona = 'Es obligatorio informar la zona del hotel';
         alert(alertaZona);
         return false;
         }

         if (form.find(".fechaInicio").val() == "") {
         form.find(".fechaInicio").focus();
         return false;
         }

         if (form.find(".fechaFin").val() == "") {
         form.find(".fechaFin").focus();
         return false;
         }

         $('.fondoimageSearch').css('visibility', 'visible');
         $('.sliderCargando').css('visibility', 'visible');
         $('.fondoimageSearch').css('display', 'block');
         $('.sliderCargando').css('display', 'block');

         $("#buscador-bh").submit();
         }*/
    </script>


    
    <div role="tabpanel" class="buscadoresBox buscador-epl">

        <div class="tab-content">


            
                <div role="tabpanel" class="tab-pane active" id="CONF_BUSC_HOME">
                    <div id="buscHome0" class="buscador ">
                        <!-- Buscador Título -->
                        <div class="busc-head">
                            <h4>Buscador de Hoteles</h4>
                        </div>
                        <!-- Buscador Body -->
                        <div class="busc-body">
                            <form name="buscador-bh" id="buscador-bh" action="/web-eplSH/HotelNew/disponibilidad" method="POST" class="formBuscador">
                                
                                
                                
                                
                                

                                <tr style="display:none;">
  <td colspan="2">
<input type="hidden" name="peticionWeb.tipoPago" value="" id="peticionWeb_tipoPago"/>  </td>
</tr>

                                <tr style="display:none;">
  <td colspan="2">
<input type="hidden" name="peticionWeb.landing" value="home" id="peticionWeb_landing"/>  </td>
</tr>

                                    
                                <tr style="display:none;">
  <td colspan="2">
<input type="hidden" name="peticionWeb.tipoProductoTransporte" value="HOTEL" id="peticionWeb_tipoProductoTransporte"/>  </td>
</tr>

                                <tr style="display:none;">
  <td colspan="2">
<input type="hidden" name="peticionWeb.soloIda" value="N" id="peticionWeb_soloIda"/>  </td>
</tr>

                                <tr style="display:none;">
  <td colspan="2">
<input type="hidden" name="peticionWeb.codttp" value="" id="prueba"/>  </td>
</tr>

                                <tr style="display:none;">
  <td colspan="2">
<input type="hidden" name="peticionWeb.codtts" value="" id="peticionWeb_codtts"/>  </td>
</tr>

                                <input type="hidden" name="peticionWeb.confBuscId" value="262"/>
                                
                                <input type="hidden" name="peticionWeb.tipoTransporte" value=""/>
                                <input type="hidden" name="peticionWeb.estancia" value=""/>

                                

                                

                                

                                
                                
                                
                                    <div style="width:100%;" >
                                            
                                        <label class="title">Zona o nombre del hotel</label>
                                        <input type="hidden" id="zonaServicio"
                                               placeholder="Zona o nombre del hotel"
                                               data-initvalue='[{"id":"AND","name":"Andorra"}]' autocapitalize="on"
                                               class="bigdrop busc-inp form-control auto-comp zonaServicioH"/>
                                        <tr style="display:none;">
  <td colspan="2">
<input type="hidden" name="peticionWeb.zonaDestino" value="" id="zonaZS"/>  </td>
</tr>

                                        <tr style="display:none;">
  <td colspan="2">
<input type="hidden" name="peticionWeb.codigoServicio" value="" id="servicioZS"/>  </td>
</tr>

                                    </div>
                                
                                    
                                    
                                    
                                    
                                    
                                    

                                    
                                

                                


                                <div class="busc-dat">
                                    
                                    
                                        <label class="title-min">Fecha de Entrada</label>
                                    
                                    <input class="busc-inp-min form-control datepicker clear fechaInicio" type="text" autocomplete="off"
                                           id="fechaInicioH"
                                           name="peticionWeb.fechaInicio" data-toggle="tooltip" data-placement="top"
                                           title="1. Elija una fecha de entrada" data-trigger="focus"
                                            
                                            
                                            />
                        <span class="datepicker-icon add-on" id="fechaInicioIcon" type="date">
                          <i class="fa fa-calendar" style="margin-left: 10%;"></i>
                        </span>
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        

                                </div>

                                <div class="buscs-dat">
                                    
                                    
                                        <label class="title-min">Fecha de Salida</label>
                                    
                                    <input class="busc-inp-min form-control datepicker fechaFin" type="text" autocomplete="off"
                                           id="fechaFinH"
                                           name="peticionWeb.fechaFin"
                                           data-toggle="tooltip" data-placement="top"
                                           title="2. Elija una fecha de salida" data-trigger="focus"
                                           style="width:100%;"
                                            
                                            
                                            />
                        <span class="datepicker-icon add-on" id="fechaFinIcon" type="date">
                          <i class="fa fa-calendar" style="margin-left: 10%;"></i>
                        </span>
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                </div>
                                <div class="clearfix clear"></div>

                                
                                    <div class="busc-opt hab">
                                        <div class="clearfix clear"></div>
                                        <label class="title-min">Noches</label>
                                        <select class="num-noc dropdown-toggle selectpicker show-menu-arrow"
                                                data-toggle="dropdown" id="selectorNoches" name="peticionWeb.noches">
                                            <option value="1" selected="selected">1</option>
                                            
                                                <option value="2">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>
                                                <option value="14">14</option>
                                                <option value="15">15</option>
                                                <option value="16">16</option>
                                                <option value="17">17</option>
                                                <option value="18">18</option>
                                                <option value="19">19</option>
                                                <option value="20">20</option>
                                                <option value="21">21</option>
                                                <option value="22">22</option>
                                                <option value="23">23</option>
                                                <option value="24">24</option>
                                                <option value="25">25</option>
                                                <option value="26">26</option>
                                                <option value="27">27</option>
                                                <option value="28">28</option>
                                            
                                        </select>
                                    </div>
                                
                                

                                    
                                        <div class="busc-opt hab">
                                            <div class="clearfix clear"></div>
                                            <label class="title-min">Habitaciones</label>

                                            <select class="num-hab dropdown-toggle selectpicker show-menu-arrow"
                                                    data-toggle="dropdown" name="peticionWeb.habitaciones">
                                                <option value="1" selected="selected">1</option>
                                                
                                                    <option value="2">2</option>
                                                
                                                
                                                    <option value="3">3</option>
                                                

                                            </select>

                                        </div>
                                    

                                    
                                        <!-- ocupacionHab1 ===============================================================================================-->
                                        <div class="ocupacionHab1">
                                            <span class="titHabitat">Hab 1:</span>

                                            <div class="busc-opt pas">
                                                <label class="title-min title-top">Adultos</label>
                                                <select class="num-pas selectpicker" name="peticionWeb.adultos1">

                                                    <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="busc-opt nin">
                                                <div class="clearfix clear"></div>
                                                <label class="title-min title-top" style="width:100px;">Ni&nacute;os y Beb&eacute;s</label>
                                                <select class="num-nin selectpicker" name="peticionWeb.ninos1">
                                                    <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="group-edad">
                                                <label id="edades" class="title-min title-left edades-lab"
                                                       style="display:none">Edades ni&ntilde;os</label>

                                                <div id="ed" class="busc-opt edad ed1">
                                                    <div class="clearfix clear"></div>
                                                    <select class="num-edad  selectpicker"
                                                            name="peticionWeb.edadNinyo11">
                                                        




    
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3" selected="selected">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>

                                                    </select>
                                                </div>
                                                <div id="ed2" class="busc-opt edad ed2">
                                                    <div class="clearfix clear"></div>
                                                    <select class="num-edad  selectpicker"
                                                            name="peticionWeb.edadNinyo12">
                                                        




    
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3" selected="selected">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>

                                                    </select>
                                                </div>
                                                <div id="ed3" class="busc-opt edad ed3">
                                                    <div class="clearfix clear"></div>
                                                    <select class="num-edad  selectpicker"
                                                            name="peticionWeb.edadNinyo13">
                                                        




    
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3" selected="selected">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>

                                                    </select>
                                                </div>
                                                <div id="ed4" class="busc-opt edad ed4">
                                                    <div class="clearfix clear"></div>
                                                    <select class="num-edad selectpicker"
                                                            name="peticionWeb.edadNinyo14">
                                                        




    
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3" selected="selected">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>

                                                    </select>
                                                </div>
                                                <div class="clearfix clear"></div>
                                            </div>
                                        </div>
                                    

                                    
                                        <!-- ocupacionHab2 ================================================================================================= -->
                                        <div class="ocupacionHab2" style="display:none">
                                            <span class="titHabitat">Hab 2:</span>

                                            <div class="busc-opt pas">
                                                <label class="title-min title-top">Adultos</label>
                                                <select class="num-pas selectpicker" name="peticionWeb.adultos2">
                                                    <option value="0">0</option>
                                                    <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="busc-opt nin">
                                                <div class="clearfix clear"></div>
                                                <label class="title-min title-top" style="width:100px;">Ni&nacute;os y Beb&eacute;s</label>
                                                <select class="num-nin selectpicker" name="peticionWeb.ninos2">
                                                    <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="group-edad">
                                                <label id="edades2" class="title-min title-left edades2-lab"
                                                       style="display:none">Edades ni&ntilde;os</label>

                                                <div id="ed" class="busc-opt edad ed1">
                                                    <div class="clearfix clear"></div>
                                                    <select class="num-edad  selectpicker"
                                                            name="peticionWeb.edadNinyo21">
                                                        




    
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3" selected="selected">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>

                                                    </select>
                                                </div>
                                                <div id="ed2" class="busc-opt edad ed2">
                                                    <div class="clearfix clear"></div>
                                                    <select class="num-edad  selectpicker"
                                                            name="peticionWeb.edadNinyo22">
                                                        




    
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3" selected="selected">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>

                                                    </select>
                                                </div>
                                                <div id="ed3" class="busc-opt edad ed3">
                                                    <div class="clearfix clear"></div>
                                                    <select class="num-edad  selectpicker"
                                                            name="peticionWeb.edadNinyo23">
                                                        




    
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3" selected="selected">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>

                                                    </select>
                                                </div>
                                                <div id="ed4" class="busc-opt edad ed4">
                                                    <div class="clearfix clear"></div>
                                                    <select class="num-edad selectpicker"
                                                            name="peticionWeb.edadNinyo24">
                                                        




    
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3" selected="selected">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>

                                                    </select>
                                                </div>
                                                <div class="clearfix clear"></div>
                                            </div>
                                        </div>
                                    

                                    
                                        <!-- ocupacionHab3 =============================================================================================================== -->
                                        <div class="ocupacionHab3" style="display:none">
                                            <span class="titHabitat">Hab 3:</span>

                                            <div class="busc-opt pas">
                                                <label class="title-min title-top">Adultos</label>
                                                <select class="num-pas selectpicker" name="peticionWeb.adultos3">
                                                    <option value="0">0</option>
                                                    <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="busc-opt nin">
                                                <div class="clearfix clear"></div>
                                                <label class="title-min title-top" style="width:100px;">Ni&nacute;os y Beb&eacute;s</label>
                                                <select class="num-nin selectpicker" name="peticionWeb.ninos3">
                                                    <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="group-edad">
                                                <label id="edades3" class="title-min title-left"
                                                       style="display:none">Edades ni&ntilde;os</label>

                                                <div id="ed" class="busc-opt edad">
                                                    <div class="clearfix clear"></div>
                                                    <select class="num-edad selectpicker"
                                                            name="peticionWeb.edadNinyo31">
                                                        




    
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3" selected="selected">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>

                                                    </select>
                                                </div>
                                                <div id="ed2" class="busc-opt edad">
                                                    <div class="clearfix clear"></div>
                                                    <select class="num-edad selectpicker"
                                                            name="peticionWeb.edadNinyo32">
                                                        




    
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3" selected="selected">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>

                                                    </select>
                                                </div>
                                                <div id="ed3" class="busc-opt edad">
                                                    <div class="clearfix clear"></div>
                                                    <select class="num-edad selectpicker"
                                                            name="peticionWeb.edadNinyo33">
                                                        




    
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3" selected="selected">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>

                                                    </select>
                                                </div>
                                                <div id="ed4" class="busc-opt edad">
                                                    <div class="clearfix clear"></div>
                                                    <select class="num-edad selectpicker"
                                                            name="peticionWeb.edadNinyo34">
                                                        




    
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3" selected="selected">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>

                                                    </select>
                                                </div>
                                                <div class="clearfix clear"></div>
                                            </div>
                                        </div>
                                    
                                    <div class="clear clearfix"></div>
                                
                                <div class="solo-disponibles" style="width:100%;">
                                    <input type="checkbox" id="chkscm" style="width:20px;"
                                           />
                                    <label class="title-min" for="chkscm" style="float: none;">S&oacute;lo disponibles</label>
                                    <input id="checkChkscm" type="hidden" name="peticionWeb.chkscm" value="N">
                                        
                                        

                                </div>

                                <div class="busc-opt" id="btn-bh1">
                                    
                                    
                                        <input type="submit" class="btn btn-default busc-btn"
                                               value="Buscar Hoteles"/>
                                    
                                    
                                    
                                    

                                </div>

                                <div class="clear clearfix"></div>

                            </form>
                        </div>
                        <!-- / Body Buscador  -->
                    </div>

                </div>
            

        </div>
    </div>


                  
                  
                  
              
          

      
  </div>



    
  <div class="bannerCols col-lg-8 col-md-8">

      
          
      
          
              
              
                  <div class="sliderCargandoPortada">
                      <div id="carouselPortada" class="carousel slide carousel-fade">
                          <div class="carousel-inner">

                              
                                  <div class="item active">
                                      <a href="https://www.europlayas-web.es/web-eplSH/family-club" target="_blank">
                                          <img src="https://backnuevo.europlayas.net/backnuevo/content/web/images/images/Banners_Home2018/familias-home.jpg" alt="" title=" " />
                                      </a>
                                  </div>
                              
                                  <div class="item">
                                      <a href="https://backnuevo.europlayas.net/backnuevo/content/web/images/images/landing_Melia/2019/Oferta-Reserva-Gana-MELIA(1).pdf" target="_blank">
                                          <img src="https://backnuevo.europlayas.net/backnuevo/content/web/images/images/landing_Melia/2019/banner-combinado-Home-647.jpg" alt="" title=" " />
                                      </a>
                                  </div>
                              
                                  <div class="item">
                                      <a href="" target="_blank">
                                          <img src="https://backnuevo.europlayas.net/backnuevo/content/web/images/images/lopesan/banner-lopesan2.jpg" alt="" title=" " />
                                      </a>
                                  </div>
                              
                                  <div class="item">
                                      <a href="https://www.europlayas-web.es/web-eplSH/Iberostar" target="_blank">
                                          <img src="https://backnuevo.europlayas.net/backnuevo/content/web/images/images/landing Iberostar/2019/slider.jpg" alt="" title=" " />
                                      </a>
                                  </div>
                              
                                  <div class="item">
                                      <a href="https://www.europlayas-web.es/web-eplSH/Magic-CostaBlanca" target="_blank">
                                          <img src="https://backnuevo.europlayas.net/backnuevo/content/web/images/images/Costas/Magic Costa Blanca/2019/magic-home.jpg" alt="" title=" " />
                                      </a>
                                  </div>
                              
                                  <div class="item">
                                      <a href="https://www.europlayas-web.es/web-eplSH/monoparentales" target="_blank">
                                          <img src="https://backnuevo.europlayas.net/backnuevo/content/web/images/images/Banners_Home2018/monoparentales-home.jpg" alt="" title=" " />
                                      </a>
                                  </div>
                              
                                  <div class="item">
                                      <a href="https://www.europlayas-web.es/web-eplSH/vacacionaL_Cerdenya" target="_blank">
                                          <img src="https://backnuevo.europlayas.net/backnuevo/content/web/images/images/Banners_Home2018/cerde&ntilde;a-charter(2).jpg" alt="" title=" " />
                                      </a>
                                  </div>
                              
                                  <div class="item">
                                      <a href="https://www.europlayas-web.es/web-eplSH/Vacacional_Corfu" target="_blank">
                                          <img src="https://backnuevo.europlayas.net/backnuevo/content/web/images/images/Banners_Home2018/Corfu-charter2.jpg" alt="" title=" " />
                                      </a>
                                  </div>
                              
                          </div>
                      </div>
                  </div>
              
          
      
          
      

  </div>

    
  <div class="offerCols">

      
          
              
              
              

                  
                      
                  


<section class="box-oferta-section">

    <!-- Navegacion Pestañas Agrupacion Ofertas -->
    <nav class="box-ofertas-nav">
        
            
                <span class="active  box-nav"
                        rel="#pest5">
                    
                    
                    <p style="background-image: url('https://backnuevo.europlayas.net/backnuevo/content/web/images/images/Iconos_ofertas/destacados.png')";>Destacados</p>
                </span>
            
                <span class=" box-nav"
                        rel="#pest6">
                    
                    
                    <p style="background-image: url('https://backnuevo.europlayas.net/backnuevo/content/web/images/images/Iconos_ofertas/euroahorro.png')";>EuroAhorro </p>
                </span>
            
                <span class=" box-nav"
                        rel="#pest7">
                    
                    
                    <p style="background-image: url('https://backnuevo.europlayas.net/backnuevo/content/web/images/images/Iconos_ofertas/Parquer_atracciones.png')";>Parques Tem&aacute;ticos</p>
                </span>
            
                <span class=" box-nav"
                        rel="#pest8">
                    
                    
                    <p style="background-image: url('https://backnuevo.europlayas.net/backnuevo/content/web/images/images/Iconos_ofertas/Costas.png')";>Costas</p>
                </span>
            
        
    </nav>

    <!-- Ofertas de cada agrupacion -->
    

        <div class="nav-container active" id="pest5">

            
                <div class="box-oferta">
                    <div class="linkOferta" style="cursor:pointer"
                         data-chkscm="N"
                         data-codttp=""
                         data-codtts=""
                         data-campanyaweb="361"
                         
                         data-zonadestino="CERDE"
                         
                         
                         data-hotelcodigo="114113"
                         
                         data-origen="OVD"
                         data-destino="AHO"
                         data-inicio="27/06/2019"
                         data-fin="04/07/2019"
                         data-codsyspol="VAC"
                         data-url=""
                         data-tipoproducto="VUELOHOTEL"
                    >
                        



<!-- BOX OFERTA-->


    <img src="https://s3-eu-west-1.amazonaws.com/epmediabucket/STATIC/OFERTAWEB-401.jpeg" />
    <div class="box-oferta-info">
        <h3>MAR ESMERALDA... cerde&ntilde;a!</h3>
        
            <span>Salida desde Oviedo</span>
        
        
            <span class="noc"><i class="fa fa-moon-o"></i>7 noches por persona </span>
        
        
            <span class="hot-name"><i class="fa fa-home"></i>Hotel Baia Delle Mimose</span>
        
        
        
        
        
        
        
            <span class="reg"><i class="fa fa-cutlery"></i>Pensi&oacute;n completa</span>
        

        
            <a href="#">&iexcl;Reserva ahora y ahorra m&aacute;s!</a>
        
        
        
        <div class="box-oferta-pvp">
            <div class="desde">
                
                    <span class="badge-pvp">30%</span>
                
                
                    <p>1303&euro;</p>
                
            </div>
            
                <span>912&euro;</span>
            
        </div>
    </div>

<!-- BOX OFERTA-->

<!--
401 -
1 -
-->

                    </div>
                </div>
            
                <div class="box-oferta">
                    <div class="linkOferta" style="cursor:pointer"
                         data-chkscm="N"
                         data-codttp=""
                         data-codtts=""
                         data-campanyaweb="361"
                         
                         data-zonadestino="CERDE"
                         
                         
                         data-hotelcodigo="111616"
                         
                         data-origen="SCQ"
                         data-destino="AHO"
                         data-inicio="02/07/2019"
                         data-fin="09/07/2019"
                         data-codsyspol="VAC"
                         data-url=""
                         data-tipoproducto="VUELOHOTEL"
                    >
                        



<!-- BOX OFERTA-->


    <img src="https://s3-eu-west-1.amazonaws.com/epmediabucket/STATIC/OFERTAWEB-61.jpeg" />
    <div class="box-oferta-info">
        <h3>iSLA DE LOS MIL AZULES...CERDE&Ntilde;A!</h3>
        
            <span>Salida desde Santiago</span>
        
        
            <span class="noc"><i class="fa fa-moon-o"></i>7 noches por persona</span>
        
        
            <span class="hot-name"><i class="fa fa-home"></i>Hotel La Plage</span>
        
        
        
        
        
        
        
            <span class="reg"><i class="fa fa-cutlery"></i>Pensi&oacute;n Completa</span>
        

        
            <a href="#">&iexcl;Corre que vuelan!</a>
        
        
        
        <div class="box-oferta-pvp">
            <div class="desde">
                
                    <span class="badge-pvp">25%</span>
                
                
                    <p>1321&euro;</p>
                
            </div>
            
                <span>991&euro;</span>
            
        </div>
    </div>

<!-- BOX OFERTA-->

<!--
61 -
2 -
-->

                    </div>
                </div>
            
                <div class="box-oferta">
                    <div class="linkOferta" style="cursor:pointer"
                         data-chkscm="N"
                         data-codttp=""
                         data-codtts=""
                         data-campanyaweb="342"
                         
                         data-zonadestino="CORFUCORFU"
                         
                         
                         data-hotelcodigo="114211"
                         
                         data-origen="BIO"
                         data-destino="CFU"
                         data-inicio="02/08/2019"
                         data-fin="09/08/2019"
                         data-codsyspol="VAC"
                         data-url=""
                         data-tipoproducto="VUELOHOTEL"
                    >
                        



<!-- BOX OFERTA-->


    <img src="https://s3-eu-west-1.amazonaws.com/epmediabucket/STATIC/OFERTAWEB-8.jpeg" />
    <div class="box-oferta-info">
        <h3>la gran isla griega... corfu!</h3>
        
            <span>Salida desde Bilbao</span>
        
        
            <span class="noc"><i class="fa fa-moon-o"></i>7 noches por persona</span>
        
        
            <span class="hot-name"><i class="fa fa-home"></i>Hotel Cnic Gemini</span>
        
        
        
        
        
        
        
            <span class="reg"><i class="fa fa-cutlery"></i>Media Pensi&oacute;n</span>
        

        
            <a href="#">Oferta Especial!</a>
        
        
        
        <div class="box-oferta-pvp">
            <div class="desde">
                
                    <span class="badge-pvp">30%</span>
                
                
                    <p>1829&euro;</p>
                
            </div>
            
                <span>1280&euro;</span>
            
        </div>
    </div>

<!-- BOX OFERTA-->

<!--
8 -
3 -
-->

                    </div>
                </div>
            
                <div class="box-oferta">
                    <div class="linkOferta" style="cursor:pointer"
                         data-chkscm="N"
                         data-codttp=""
                         data-codtts=""
                         data-campanyaweb="342"
                         
                         data-zonadestino="CORFUCORFU"
                         
                         
                         data-hotelcodigo="113772"
                         
                         data-origen="MAD"
                         data-destino="CFU"
                         data-inicio="22/06/2019"
                         data-fin="29/06/2019"
                         data-codsyspol="VAC"
                         data-url=""
                         data-tipoproducto="VUELOHOTEL"
                    >
                        



<!-- BOX OFERTA-->


    <img src="https://s3-eu-west-1.amazonaws.com/epmediabucket/STATIC/OFERTAWEB-5.jpeg" />
    <div class="box-oferta-info">
        <h3>&iexcl;PARAISO GRIEGO... Corfu!</h3>
        
            <span>Salida desde Madrid</span>
        
        
            <span class="noc"><i class="fa fa-moon-o"></i>7 noches por persona</span>
        
        
            <span class="hot-name"><i class="fa fa-home"></i>Hotel Magna Graecia</span>
        
        
        
        
        
        
        
            <span class="reg"><i class="fa fa-cutlery"></i>Media Pensi&oacute;n</span>
        

        
            <a href="#">Antic&iacute;pate! Plazas limitadas</a>
        
        
        
        <div class="box-oferta-pvp">
            <div class="desde">
                
                    <span class="badge-pvp">30%</span>
                
                
                    <p>1084&euro;</p>
                
            </div>
            
                <span>759&euro;</span>
            
        </div>
    </div>

<!-- BOX OFERTA-->

<!--
5 -
4 -
-->

                    </div>
                </div>
            

        </div>

    

        <div class="nav-container " id="pest6">

            
                <div class="box-oferta">
                    <div class="linkOferta" style="cursor:pointer"
                         data-chkscm=""
                         data-codttp=""
                         data-codtts=""
                         data-campanyaweb=""
                         
                         data-zonadestino=""
                         
                         
                         data-hotelcodigo="104755"
                         
                         data-origen=""
                         data-destino=""
                         data-inicio="08/04/2019"
                         data-fin="15/04/2019"
                         data-codsyspol=""
                         data-url=""
                         data-tipoproducto="HOTEL"
                    >
                        



<!-- BOX OFERTA-->


    <img src="https://s3-eu-west-1.amazonaws.com/epmediabucket/STATIC/OFERTAWEB-621.jpeg" />
    <div class="box-oferta-info">
        <h3>TORREMOLINOS</h3>
        
            <span>Oferta EuroAhorro</span>
        
        
            <span class="noc"><i class="fa fa-moon-o"></i>7 noches por persona</span>
        
        
            <span class="hot-name"><i class="fa fa-home"></i>EuroAhorro</span>
        
        
        
        
        
        
        
            <span class="reg"><i class="fa fa-cutlery"></i>Pensi&oacute;n Completa</span>
        

        
            <a href="#">Especial Hotel 3* Costa del Sol</a>
        
        
        
        <div class="box-oferta-pvp">
            <div class="desde">
                
                    <span class="badge-pvp">25%</span>
                
                
                    <p>507&euro;</p>
                
            </div>
            
                <span>380&euro;</span>
            
        </div>
    </div>

<!-- BOX OFERTA-->

<!--
621 -
1 -
-->

                    </div>
                </div>
            
                <div class="box-oferta">
                    <div class="linkOferta" style="cursor:pointer"
                         data-chkscm="N"
                         data-codttp=""
                         data-codtts=""
                         data-campanyaweb=""
                         
                         data-zonadestino=""
                         
                         
                         data-hotelcodigo="104752"
                         
                         data-origen=""
                         data-destino=""
                         data-inicio="22/07/2019"
                         data-fin="27/07/2019"
                         data-codsyspol=""
                         data-url=""
                         data-tipoproducto="HOTEL"
                    >
                        



<!-- BOX OFERTA-->


    <img src="https://s3-eu-west-1.amazonaws.com/epmediabucket/STATIC/OFERTAWEB-161.jpeg" />
    <div class="box-oferta-info">
        <h3>matalasca&ntilde;as                                                                </h3>
        
            <span>Oferta EuroAhorro en Primera L&iacute;nea</span>
        
        
            <span class="noc"><i class="fa fa-moon-o"></i>5 noches por persona</span>
        
        
            <span class="hot-name"><i class="fa fa-home"></i>EuroAhorro</span>
        
        
        
        
        
        
        
            <span class="reg"><i class="fa fa-cutlery"></i>Pensi&oacute;n Completa</span>
        

        
            <a href="#">Especial Hotel 4* Costa de la Luz</a>
        
        
        
        <div class="box-oferta-pvp">
            <div class="desde">
                
                    <span class="badge-pvp">25%</span>
                
                
                    <p>546&euro;</p>
                
            </div>
            
                <span>410&euro;</span>
            
        </div>
    </div>

<!-- BOX OFERTA-->

<!--
161 -
2 -
-->

                    </div>
                </div>
            
                <div class="box-oferta">
                    <div class="linkOferta" style="cursor:pointer"
                         data-chkscm="N"
                         data-codttp=""
                         data-codtts=""
                         data-campanyaweb=""
                         
                         data-zonadestino=""
                         
                         
                         data-hotelcodigo="21732"
                         
                         data-origen=""
                         data-destino=""
                         data-inicio="22/07/2019"
                         data-fin="27/07/2019"
                         data-codsyspol=""
                         data-url=""
                         data-tipoproducto="HOTEL"
                    >
                        



<!-- BOX OFERTA-->


    <img src="https://s3-eu-west-1.amazonaws.com/epmediabucket/STATIC/OFERTAWEB-241.jpeg" />
    <div class="box-oferta-info">
        <h3>BRAVA/MARESME</h3>
        
            <span>Oferta EuroAhorro</span>
        
        
            <span class="noc"><i class="fa fa-moon-o"></i>5 noches por persona</span>
        
        
            <span class="hot-name"><i class="fa fa-home"></i>EuroAhorro</span>
        
        
        
        
        
        
        
            <span class="reg"><i class="fa fa-cutlery"></i>Pensi&oacute;n Completa</span>
        

        
            <a href="#">Especial Hotel 3* Costa Brava/Maresme</a>
        
        
        
        <div class="box-oferta-pvp">
            <div class="desde">
                
                    <span class="badge-pvp">20%</span>
                
                
                    <p>410&euro;</p>
                
            </div>
            
                <span>328&euro;</span>
            
        </div>
    </div>

<!-- BOX OFERTA-->

<!--
241 -
3 -
-->

                    </div>
                </div>
            
                <div class="box-oferta">
                    <div class="linkOferta" style="cursor:pointer"
                         data-chkscm="N"
                         data-codttp=""
                         data-codtts=""
                         data-campanyaweb=""
                         
                         data-zonadestino=""
                         
                         
                         data-hotelcodigo="109394"
                         
                         data-origen=""
                         data-destino=""
                         data-inicio="22/07/2019"
                         data-fin="27/07/2019"
                         data-codsyspol=""
                         data-url=""
                         data-tipoproducto="HOTEL"
                    >
                        



<!-- BOX OFERTA-->


    <img src="https://s3-eu-west-1.amazonaws.com/epmediabucket/STATIC/OFERTAWEB-163.jpeg" />
    <div class="box-oferta-info">
        <h3>PLAYA DE GAND&Iacute;A                         </h3>
        
            <span>Oferta EuroAhorro</span>
        
        
            <span class="noc"><i class="fa fa-moon-o"></i>5 noche por persona</span>
        
        
            <span class="hot-name"><i class="fa fa-home"></i>EuroAhorro</span>
        
        
        
        
        
        
        
            <span class="reg"><i class="fa fa-cutlery"></i>Pensi&oacute;n Completa</span>
        

        
            <a href="#">Especial Hotel 3* Costa Valencia</a>
        
        
        
        <div class="box-oferta-pvp">
            <div class="desde">
                
                    <span class="badge-pvp">20%</span>
                
                
                    <p>450&euro;</p>
                
            </div>
            
                <span>360&euro;</span>
            
        </div>
    </div>

<!-- BOX OFERTA-->

<!--
163 -
4 -
-->

                    </div>
                </div>
            

        </div>

    

        <div class="nav-container " id="pest7">

            
                <div class="box-oferta">
                    <div class="linkOferta" style="cursor:pointer"
                         data-chkscm="N"
                         data-codttp="WAR"
                         data-codtts=""
                         data-campanyaweb=""
                         
                         data-zonadestino="FUENLABRAD"
                         
                         
                         data-hotelcodigo="109799"
                         
                         data-origen=""
                         data-destino=""
                         data-inicio="28/06/2019"
                         data-fin="30/06/2019"
                         data-codsyspol=""
                         data-url=""
                         data-tipoproducto="HOTEL"
                    >
                        



<!-- BOX OFERTA-->


    <img src="https://s3-eu-west-1.amazonaws.com/epmediabucket/STATIC/OFERTAWEB-3.jpeg" />
    <div class="box-oferta-info">
        <h3>&iexcl;escapada warner!</h3>
        
            <span>Hotel + Entrada </span>
        
        
            <span class="noc"><i class="fa fa-moon-o"></i>2 noches por persona</span>
        
        
            <span class="hot-name"><i class="fa fa-home"></i>Hotel Ibis Madrid Fuenlabrada</span>
        
        
        
        
        
        
        
            <span class="reg"><i class="fa fa-cutlery"></i>Alojamiento y desayuno</span>
        

        
            <a href="#">&iexcl;&Uacute;ltimas Plazas!</a>
        
        
        
        <div class="box-oferta-pvp">
            <div class="desde">
                
                    <span class="badge-pvp">20%</span>
                
                
                    <p>131&euro;</p>
                
            </div>
            
                <span>105&euro;</span>
            
        </div>
    </div>

<!-- BOX OFERTA-->

<!--
3 -
1 -
-->

                    </div>
                </div>
            
                <div class="box-oferta">
                    <div class="linkOferta" style="cursor:pointer"
                         data-chkscm="N"
                         data-codttp="DSY"
                         data-codtts="ESC"
                         data-campanyaweb=""
                         
                         data-zonadestino="DISNEYLAND"
                         
                         
                         data-hotelcodigo=""
                         
                         data-origen=""
                         data-destino=""
                         data-inicio="11/07/2019"
                         data-fin="14/07/2019"
                         data-codsyspol=""
                         data-url=""
                         data-tipoproducto="HOTEL"
                    >
                        



<!-- BOX OFERTA-->


    <img src="https://s3-eu-west-1.amazonaws.com/epmediabucket/STATIC/OFERTAWEB-11.jpeg" />
    <div class="box-oferta-info">
        <h3>&iexcl;siente la magia en disney!</h3>
        
            <span>Hotel + Entrada Disneyland Paris</span>
        
        
            <span class="noc"><i class="fa fa-moon-o"></i>2 noches por persona</span>
        
        
            <span class="hot-name"><i class="fa fa-home"></i>Campanile Val De France</span>
        
        
        
        
        
        
        
            <span class="reg"><i class="fa fa-cutlery"></i>Solo Alojamiento</span>
        

        
            <a href="#">&iexcl;Temporada Superh&eacute;roes Marvel!</a>
        
        
        
        <div class="box-oferta-pvp">
            <div class="desde">
                
                    <span class="badge-pvp">20%</span>
                
                
                    <p>345&euro;</p>
                
            </div>
            
                <span>276&euro;</span>
            
        </div>
    </div>

<!-- BOX OFERTA-->

<!--
11 -
2 -
-->

                    </div>
                </div>
            
                <div class="box-oferta">
                    <div class="linkOferta" style="cursor:pointer"
                         data-chkscm="N"
                         data-codttp="WAR"
                         data-codtts=""
                         data-campanyaweb=""
                         
                         data-zonadestino="PRMAD"
                         
                         
                         data-hotelcodigo="110566"
                         
                         data-origen=""
                         data-destino=""
                         data-inicio="12/07/2019"
                         data-fin="14/07/2019"
                         data-codsyspol=""
                         data-url=""
                         data-tipoproducto="HOTEL"
                    >
                        



<!-- BOX OFERTA-->


    <img src="https://s3-eu-west-1.amazonaws.com/epmediabucket/STATIC/OFERTAWEB-641.jpeg" />
    <div class="box-oferta-info">
        <h3>&iexcl;warner + warner beach!</h3>
        
            <span>Hotel + Entrada</span>
        
        
            <span class="noc"><i class="fa fa-moon-o"></i>2 noches por persona</span>
        
        
            <span class="hot-name"><i class="fa fa-home"></i>Hotel Ibis Madrid Alcorc&oacute;n</span>
        
        
        
        
        
        
        
            <span class="reg"><i class="fa fa-cutlery"></i>Alojamiento y Desayuno</span>
        

        
            <a href="#">&iexcl;Antic&iacute;pate al mejor precio!</a>
        
        
        
        <div class="box-oferta-pvp">
            <div class="desde">
                
                    <span class="badge-pvp">20%</span>
                
                
                    <p>128&euro;</p>
                
            </div>
            
                <span>102&euro;</span>
            
        </div>
    </div>

<!-- BOX OFERTA-->

<!--
641 -
3 -
-->

                    </div>
                </div>
            
                <div class="box-oferta">
                    <div class="linkOferta" style="cursor:pointer"
                         data-chkscm="N"
                         data-codttp=""
                         data-codtts=""
                         data-campanyaweb=""
                         
                         data-zonadestino=""
                         
                         
                         data-hotelcodigo="114087"
                         
                         data-origen=""
                         data-destino=""
                         data-inicio="01/06/2019"
                         data-fin="02/06/2019"
                         data-codsyspol=""
                         data-url=""
                         data-tipoproducto="HOTEL"
                    >
                        



<!-- BOX OFERTA-->


    <img src="https://s3-eu-west-1.amazonaws.com/epmediabucket/STATIC/OFERTAWEB-12.jpeg" />
    <div class="box-oferta-info">
        <h3>&iexcl;nuevo hotel en portaventura!</h3>
        
            <span>Hotel + Entrada</span>
        
        
            <span class="noc"><i class="fa fa-moon-o"></i>1 noche por persona</span>
        
        
            <span class="hot-name"><i class="fa fa-home"></i>Hotel Colorado Creek</span>
        
        
        
        
        
        
        
            <span class="reg"><i class="fa fa-cutlery"></i>Alojamiento y Desayuno</span>
        

        
            <a href="#">&iexcl;Disfruta al m&aacute;ximo!</a>
        
        
        
        <div class="box-oferta-pvp">
            <div class="desde">
                
                    <span class="badge-pvp">25%</span>
                
                
                    <p>220&euro;</p>
                
            </div>
            
                <span>165&euro;</span>
            
        </div>
    </div>

<!-- BOX OFERTA-->

<!--
12 -
4 -
-->

                    </div>
                </div>
            

        </div>

    

        <div class="nav-container " id="pest8">

            
                <div class="box-oferta">
                    <div class="linkOferta" style="cursor:pointer"
                         data-chkscm=""
                         data-codttp=""
                         data-codtts=""
                         data-campanyaweb=""
                         
                         data-zonadestino=""
                         
                         
                         data-hotelcodigo="164"
                         
                         data-origen=""
                         data-destino=""
                         data-inicio="22/03/2019"
                         data-fin="24/03/2019"
                         data-codsyspol=""
                         data-url=""
                         data-tipoproducto="HOTEL"
                    >
                        



<!-- BOX OFERTA-->


    <img src="https://s3-eu-west-1.amazonaws.com/epmediabucket/STATIC/OFERTAWEB-4.jpeg" />
    <div class="box-oferta-info">
        <h3>torremolinos</h3>
        
            <span>Mayo en Torremolinos</span>
        
        
            <span class="noc"><i class="fa fa-moon-o"></i>4 noches por persona</span>
        
        
            <span class="hot-name"><i class="fa fa-home"></i>Hotel La Barracuda</span>
        
        
        
        
        
        
        
            <span class="reg"><i class="fa fa-cutlery"></i>Solo Alojamiento</span>
        

        
            <a href="#">Especial Mayo</a>
        
        
        
        <div class="box-oferta-pvp">
            <div class="desde">
                
                    <span class="badge-pvp">25%</span>
                
                
                    <p>203&euro;</p>
                
            </div>
            
                <span>152&euro;</span>
            
        </div>
    </div>

<!-- BOX OFERTA-->

<!--
4 -
1 -
-->

                    </div>
                </div>
            
                <div class="box-oferta">
                    <div class="linkOferta" style="cursor:pointer"
                         data-chkscm=""
                         data-codttp=""
                         data-codtts=""
                         data-campanyaweb=""
                         
                         data-zonadestino=""
                         
                         
                         data-hotelcodigo="13229"
                         
                         data-origen=""
                         data-destino=""
                         data-inicio="26/04/2019"
                         data-fin="28/04/2019"
                         data-codsyspol=""
                         data-url=""
                         data-tipoproducto="HOTEL"
                    >
                        



<!-- BOX OFERTA-->


    <img src="https://s3-eu-west-1.amazonaws.com/epmediabucket/STATIC/OFERTAWEB-14.jpeg" />
    <div class="box-oferta-info">
        <h3>MARINA D&acute;OR</h3>
        
            <span>Abril en Oropesa </span>
        
        
            <span class="noc"><i class="fa fa-moon-o"></i>2 noches por persona</span>
        
        
            <span class="hot-name"><i class="fa fa-home"></i>Hotel Gran Duque</span>
        
        
        
        
        
        
        
            <span class="reg"><i class="fa fa-cutlery"></i>Alojamiento y Desayuno</span>
        

        
            <a href="#">Especial Abril</a>
        
        
        
        <div class="box-oferta-pvp">
            <div class="desde">
                
                    <span class="badge-pvp">30%</span>
                
                
                    <p>174&euro;</p>
                
            </div>
            
                <span>122&euro;</span>
            
        </div>
    </div>

<!-- BOX OFERTA-->

<!--
14 -
2 -
-->

                    </div>
                </div>
            
                <div class="box-oferta">
                    <div class="linkOferta" style="cursor:pointer"
                         data-chkscm=""
                         data-codttp=""
                         data-codtts=""
                         data-campanyaweb=""
                         
                         data-zonadestino=""
                         
                         
                         data-hotelcodigo="13632"
                         
                         data-origen=""
                         data-destino=""
                         data-inicio="26/04/2019"
                         data-fin="28/04/2019"
                         data-codsyspol=""
                         data-url=""
                         data-tipoproducto="HOTEL"
                    >
                        



<!-- BOX OFERTA-->


    <img src="https://s3-eu-west-1.amazonaws.com/epmediabucket/STATIC/OFERTAWEB-15.jpeg" />
    <div class="box-oferta-info">
        <h3>comarruga</h3>
        
            <span>Abril en Comarruga</span>
        
        
            <span class="noc"><i class="fa fa-moon-o"></i>2 noches por persona</span>
        
        
            <span class="hot-name"><i class="fa fa-home"></i>Hotel Nuba Comarruga</span>
        
        
        
        
        
        
        
            <span class="reg"><i class="fa fa-cutlery"></i>Solo Alojamiento</span>
        

        
            <a href="#">Especial Abril</a>
        
        
        
        <div class="box-oferta-pvp">
            <div class="desde">
                
                    <span class="badge-pvp">30%</span>
                
                
                    <p>100&euro;</p>
                
            </div>
            
                <span>70&euro;</span>
            
        </div>
    </div>

<!-- BOX OFERTA-->

<!--
15 -
3 -
-->

                    </div>
                </div>
            
                <div class="box-oferta">
                    <div class="linkOferta" style="cursor:pointer"
                         data-chkscm=""
                         data-codttp=""
                         data-codtts=""
                         data-campanyaweb=""
                         
                         data-zonadestino=""
                         
                         
                         data-hotelcodigo="103066"
                         
                         data-origen=""
                         data-destino=""
                         data-inicio="01/03/2019"
                         data-fin="03/03/2019"
                         data-codsyspol=""
                         data-url=""
                         data-tipoproducto="HOTEL"
                    >
                        



<!-- BOX OFERTA-->


    <img src="https://s3-eu-west-1.amazonaws.com/epmediabucket/STATIC/OFERTAWEB-16.jpeg" />
    <div class="box-oferta-info">
        <h3>BENIDORM</h3>
        
            <span>Marzo en Benidorm</span>
        
        
            <span class="noc"><i class="fa fa-moon-o"></i>2 noches por persona</span>
        
        
            <span class="hot-name"><i class="fa fa-home"></i>Marjal Costa Blanca Resort</span>
        
        
        
        
        
        
        
            <span class="reg"><i class="fa fa-cutlery"></i>Solo Alojamiento</span>
        

        
            <a href="#">Especial Marzo</a>
        
        
        
        <div class="box-oferta-pvp">
            <div class="desde">
                
                    <span class="badge-pvp">25%</span>
                
                
                    <p>179&euro;</p>
                
            </div>
            
                <span>134&euro;</span>
            
        </div>
    </div>

<!-- BOX OFERTA-->

<!--
16 -
4 -
-->

                    </div>
                </div>
            

        </div>

    

    
    <form action="" name="" id="formModuloOfertas" method="post" target="_parent">
        
        <input type="hidden" name="peticionWeb.codtts" id="peticionWeb_codtts"/>
        <input type="hidden" name="peticionWeb.codttp" id="peticionWeb_codttp"/>
        <input type="hidden" name="peticionWeb.chkscm" id="peticionWeb_chkscm" value="N"/>
        <input type="hidden" name="peticionWeb.soloIda" id="peticionWeb_soloIda"/>
        <input type="hidden" name="peticionWeb.estancia" id="peticionWeb_estancia"/>
        <input type="hidden" name="peticionWeb.tipoTransporte" id="peticionWeb_tipoTransporte"/>
        <input type="hidden" name="peticionWeb.tipoProductoTransporte" id="peticionWeb_tipoProductoTransporte"/>
        <input type="hidden" name="peticionWeb.zonaDestino" id="peticionWeb_zonaDestino" value=""/>
        <input type="hidden" name="peticionWeb.fechaInicio" id="peticionWeb_fechaInicio" value=""/>
        <input type="hidden" name="peticionWeb.fechaFin" id="peticionWeb_fechaFin" value=""/>
        
            
            <input type="hidden" name="codser" id="codser" value=""/>
            
            
            
            
        
        
            
            <input type="hidden" name="peticionWeb.vacacional" id="peticionWeb_vacacional"/>
            
            <input type="hidden" name="peticionWeb.sistemaTransporte" id="peticionWeb_sistemaTransporte"/>
            <input type="hidden" name="peticionWeb.campanyaWebId" id="peticionWeb_campanyaWebId" value=""/>
            <input type="hidden" name="peticionWeb.codigoServicio" id="peticionWeb_codigoServicio" value=""/>
            <input type="hidden" name="peticionWeb.origen" id="peticionWeb_origen" value=""/>
            <input type="hidden" name="peticionWeb.destino" id="peticionWeb_destino" value=""/>
        
        
    </form>

    <div class="">

    </div>

</section>
<link href="/web-eplSH/content/css/epl.css" rel="stylesheet" media="all">
<script type="text/javascript">
    $(document).ready(function() {
        var linkOferta = $(".linkOferta");
        var credenciales = "";

        linkOferta.on("click",function(){
            if ($(this).attr("data-url")!=="") { // Shortcut 1: url directa
                var url = $(this).attr("data-url");
                self.location = "/web-eplSH"+url;
            } else if ( ""==="NET" && $(this).attr("data-codsyspol")!=="" ) { // Shortcut 2: Transporte + Netos = Rechazar
                alertNetos();
//                alert("Este producto solo está disponible en PVP");
            } else {
                // TODO: simplificar todo esto, hay muchas cosas repetidas - ojo con los detach!
                var formModuloOfertas = $("#formModuloOfertas");

                if ($(this).attr("data-tipoproducto")==="HOTEL") {

                    if ($(this).attr("data-codsyspol")==="TK") { // Tickets
                        formModuloOfertas.attr("action","/web-eplSH/dispotickets");
                        formModuloOfertas.find("#peticionWeb_soloIda").val("N");
                        formModuloOfertas.find("#codser").val($(this).attr("data-hotelcodigo"));
                        // Estos hay que borrarlos, porque si los envia no funciona
                        formModuloOfertas.find("#peticionWeb_zonaDestino").detach();
                        formModuloOfertas.find("#peticionWeb_vacacional").detach();
                        formModuloOfertas.find("#peticionWeb_sistemaTransporte").detach();
                        formModuloOfertas.find("#peticionWeb_campanyaWebId").detach();
                        formModuloOfertas.find("#peticionWeb_codigoServicio").detach();
                        formModuloOfertas.find("#peticionWeb_origen").detach();
                        formModuloOfertas.find("#peticionWeb_destino").detach();
                    } else { // Solo Hotel
                        formModuloOfertas.attr("action","/web-eplSH/HotelNew/disponibilidad");
                        formModuloOfertas.find("#peticionWeb_codigoServicio").val($(this).attr("data-hotelcodigo"));
                        formModuloOfertas.find("#peticionWeb_zonaDestino").val($(this).attr("data-zonadestino"));
                    }

                } else if ($(this).attr("data-tipoproducto")==="VUELOHOTEL") {
                    
                    formModuloOfertas.attr("action","/web-eplSH/VueloHotel/dispo");
                    formModuloOfertas.find("#peticionWeb_tipoTransporte").val("VUELO");
                    // Dudosos, voy añadiendo hasta que funcione
                    formModuloOfertas.find("#peticionWeb_soloIda").val("N");
                    formModuloOfertas.find("#peticionWeb_estancia").val("S");
                    formModuloOfertas.find("#peticionWeb_sistemaTransporte").val($(this).attr("data-codsyspol")); // Para vacacional, "VAC"

                    formModuloOfertas.find("#peticionWeb_codigoServicio").val($(this).attr("data-hotelcodigo"));
                    formModuloOfertas.find("#peticionWeb_zonaDestino").val($(this).attr("data-zonadestino"));

                    formModuloOfertas.find("#peticionWeb_origen").val($(this).attr("data-origen"));
                    formModuloOfertas.find("#peticionWeb_destino").val($(this).attr("data-destino"));

                    if ($(this).attr("data-codsyspol")==="VAC") {
                        formModuloOfertas.find("#peticionWeb_campanyaWebId").val($(this).attr("data-campanyaweb")); // Para vacacional, el id
                        formModuloOfertas.find("#peticionWeb_vacacional").val("S");
                    } else {
                        formModuloOfertas.find("#peticionWeb_vacacional").val("N");
                    }
                    formModuloOfertas.find("#peticionWeb_campanyaWebId").val($(this).attr("data-campanyaweb")); // Para vacacional, el id
                    formModuloOfertas.find("#codser").detach();
                    formModuloOfertas.find("#peticionWeb_landing").detach();
                    formModuloOfertas.find("#peticionWeb_confBuscId").detach();


                } else if ($(this).attr("data-tipoproducto")==="BARCOHOTEL") {
                    formModuloOfertas.attr("action","/web-eplSH/BarcoHotel/dispo");
                    formModuloOfertas.find("#peticionWeb_tipoTransporte").val("BARCO");
                    // Dudosos, voy añadiendo hasta que funcione
                    formModuloOfertas.find("#peticionWeb_soloIda").val("N");
                    formModuloOfertas.find("#peticionWeb_estancia").val("S");
                    formModuloOfertas.find("#peticionWeb_sistemaTransporte").val($(this).attr("data-codsyspol")); // Para vacacional, "VAC"

                    formModuloOfertas.find("#peticionWeb_codigoServicio").val($(this).attr("data-hotelcodigo"));
                    formModuloOfertas.find("#peticionWeb_zonaDestino").val($(this).attr("data-zonadestino"));

                    formModuloOfertas.find("#peticionWeb_origen").val($(this).attr("data-origen"));
                    formModuloOfertas.find("#peticionWeb_destino").val($(this).attr("data-destino"));

                } else if ($(this).attr("data-tipoproducto")==="TRENHOTEL") {
                    formModuloOfertas.attr("action","/web-eplSH/TrenHotel/dispo");
                    formModuloOfertas.find("#peticionWeb_tipoTransporte").val("TREN");
                    // Dudosos, voy añadiendo hasta que funcione
                    formModuloOfertas.find("#peticionWeb_soloIda").val("N");
                    formModuloOfertas.find("#peticionWeb_estancia").val("S");
                    formModuloOfertas.find("#peticionWeb_sistemaTransporte").val($(this).attr("data-codsyspol")); // Para vacacional, "VAC"

                    formModuloOfertas.find("#peticionWeb_codigoServicio").val($(this).attr("data-hotelcodigo"));
                    formModuloOfertas.find("#peticionWeb_zonaDestino").val($(this).attr("data-zonadestino"));

                    formModuloOfertas.find("#peticionWeb_origen").val($(this).attr("data-origen"));
                    formModuloOfertas.find("#peticionWeb_destino").val($(this).attr("data-destino"));
                }
                else if ($(this).attr("data-tipoproducto")==="BUS") {
                    formModuloOfertas.attr("action","/web-eplSH/VueloHotel/dispo");
                    formModuloOfertas.find("#peticionWeb_tipoTransporte").val("BUS");
                    // Dudosos, voy añadiendo hasta que funcione
                    formModuloOfertas.find("#peticionWeb_soloIda").val("N");
                    formModuloOfertas.find("#peticionWeb_estancia").val("S");
                    formModuloOfertas.find("#peticionWeb_vacacional").val("S");
                    formModuloOfertas.find("#peticionWeb_campanyaWebId").val($(this).attr("data-campanyaweb")); // Para vacacional, el id
                    formModuloOfertas.find("#peticionWeb_sistemaTransporte").val($(this).attr("data-codsyspol")); // Para vacacional, "VAC"

                    formModuloOfertas.find("#peticionWeb_codigoServicio").val($(this).attr("data-hotelcodigo"));
                    formModuloOfertas.find("#peticionWeb_zonaDestino").val($(this).attr("data-zonadestino"));

                    formModuloOfertas.find("#peticionWeb_origen").val($(this).attr("data-origen"));
                    formModuloOfertas.find("#peticionWeb_destino").val($(this).attr("data-destino"));
                }
                formModuloOfertas.find("#peticionWeb_codttp").val($(this).attr("data-codttp"));
                formModuloOfertas.find("#peticionWeb_codtts").val($(this).attr("data-codtts"));

                if ($(this).attr("data-chkscm")==="S" || $(this).attr("data-chkscm")==="N") {
                    formModuloOfertas.find("#peticionWeb_chkscm").val($(this).attr("data-chkscm"));
                }

                formModuloOfertas.find("#peticionWeb_fechaInicio").val($(this).attr("data-inicio"));
                formModuloOfertas.find("#peticionWeb_fechaFin").val($(this).attr("data-fin"));

                formModuloOfertas.find("#peticionWeb_tipoProductoTransporte").val($(this).attr("data-tipoproducto"));

                

                formModuloOfertas.submit();
            }
        });

        $('.box-ofertas-nav span').on('click', function(){
            $('.box-ofertas-nav span').removeClass('active');
            $(this).addClass('active');
            var tabActive = $(this).attr('rel');
            $('.nav-container').removeClass('active');
            $(tabActive).addClass('active');
        });

        initOfertasStyles();

    });

    let alertNetos; //Muestra/oculta pop-up para cambiar de sistema
    let initOfertasStyles; //Adapta dinámicamente estilos según num de agrupaciones

    alertNetos = function() {
        var locationNow = window.location.href; //Variable que recupera la url actual
        var homeLocation = "/web-eplSH/"; //Variable url home
        $("#formAtencionMenuNET").prop("action", homeLocation );
        $(".modalConfirm").show();
    };
    initOfertasStyles = function(){
        $('.box-ofertas-nav').each(function(){
            var $boxnav = $(this).find('.box-nav');
            var agruNum = $boxnav.length;
            $boxnav.css('width', (100 / agruNum) + "%" );
        });
    }
</script>


              
          
      
          
      
          
      

      
          
      
          
      
          
      


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



  





    <div style="clear: both;">&nbsp;</div>

<section id="footerSection">
<div id="footer-wrapper">
<div id="footer">
<div id="footer-top-wrapper">
<div class="footer data-footer-1">
<h2>Informaci&oacute;n</h2>

<ul>
	<li><a href="https://backnuevo.europlayas.net/backnuevo/content/web/images/files/AVISOLEGAL.pdf" target="_blank">Aviso Legal</a></li>
	<li><a href="https://backnuevo.europlayas.net/backnuevo/content/web/images/files/condiciones%20generales.pdf" target="_blank">Condiciones Generales </a></li>
	<li><a href="/web-eplSH/interfaceXML">Interface XML </a></li>
	<li><a href="https://backnuevo.europlayas.net/backnuevo/content/web/images/files/contactos%20departamento%20comercial%20Europlayas_Info%20Web%202019%20(1).pdf" target="_blank">Contactos Europlayas</a></li>
	<li><a href="https://backnuevo.europlayas.net/backnuevo/content/web/images/files/Condiciones%20generales%20Contrato%20de%20viaje%20combinado-Viajes%20Euromar_2017(1).pdf" target="_blank">Contrato Viajes Combinados </a></li>
</ul>
</div>

<div class="footer data-footer-3">
<h2>Seguros. Info P&oacute;lizas</h2>

<ul>
	<li><a href="https://backnuevo.europlayas.net/backnuevo/content/web/images/files/RESUMEN_GARANTIA_PLUS_1-26-5230979%20(1).pdf">Seguro Garant&iacute;a Total Plus. N&uacute;mero de p&oacute;liza: 1-26-5230979 Estancias</a></li>
	<li><a href="https://backnuevo.europlayas.net/backnuevo/content/web/images/files/RESUMEN_INCLUSI%C3%93N_56-0012590_03-18.pdf">Seguro de inclusi&oacute;n.N&uacute;mero de p&oacute;liza: 560012590. Paquetes vacacionales</a></li>
	<li><a href="https://backnuevo.europlayas.net/backnuevo/content/web/images/files/RESUMEN_MULTIASISTENCIA_PLUS_ESPA%C3%91A.pdf">Multiasistencia Plus Espa&ntilde;a. N&uacute;mero de p&oacute;liza ESB09-W18-01C1</a></li>
	<li><a href="https://backnuevo.europlayas.net/backnuevo/content/web/images/files/RESUMEN_MULTIASISTENCIA_PLUS_EUROPA.pdf">Multiasistencia Plus Europa N&uacute;mero de p&oacute;liza ESB09-W18-01C1. Paquetes vacacionales</a></li>
</ul>
</div>
</div>

<div class="footer-bottom-wrapper">
<div class="wrapper-left">
<p>Joan de Cremona. 3 07012 Palma de Mallorca Tel&eacute;fono +34-971 716212 &copy; Copyright Europlayas 2019</p>
</div>

<div class="wrapper-right">
<p>&nbsp;</p>
</div>
</div>
</div>
</div>
</section>




</body>
  
</html>