Skip to content
200

https://www.fredolsen.es/es/

310.4 KB· 1976 ms· text/html· jQuery, Bootstrap, Google Tag Manager
Saved copy from just now.
More ▾

Screenshot

https://www.fredolsen.es/es/ · desktop 1280 × 800Download
Screenshot of https://www.fredolsen.es/es/

Esc or a click outside closes this. The picture is taken by our server, so the site never sees your visit.

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>

    <meta name="resource-type" content="document" />
    <meta name="GOOGLEBOT" content="index follow" />
    <meta content="global" name="distribution" />
    <meta name="revisit-after" content="15 days" />
    <meta name="author" content="Fred. Olsen, S.A." />
    <meta name="publisher" content="VARADERO SOFTWARE FACTORY (VSF)" />
    <meta name="copyright" content="2011, Fred. Olsen, S.A." />
	
    <link rel="icon" href="/favicon.ico" type="image/x-icon" />

    <meta name="robots" content="index , follow" />

<title>Fred. Olsen Express | Fast Ferries en Canarias.</title>
<meta name="keywords" content="Fast Ferry canarias, barcos canarias, Fred Olsen, Fred Olsen Express, fred olsen billetes, Transporte marítimo, Ferry Tenerife, Ferry La Gomera, Ferry Gran Canaria, Ferry La Palma, Ferry Fuerteventura, Ferry Lanzarote, transporte pasajeros, transporte coches, transporte carga, barcos rápidos, barco, fredolsen, fredolsen express fred olsen horarios, fred olsen gran canaria tenerife, barco las palmas fuerteventura, lineas fred olsen" />
<meta name="description" content="Fred.Olsen Express Web Oficial — Viaja sin límite de equipaje llevando tu vehículo. Numerosas frecuencias y cambios gratis. Más rápido. Más cómodo. Muévete entre islas en Fast Ferry y ahorra llevando tu coche. En Oro, con Todo Incluido. Más Cómodo para Mascotas. Ofertas para Familias. Ferry Bus Gratis." />


<link rel="canonical" href="https://www.fredolsen.es/es/" />
<link rel="alternate" hreflang="es" href="https://www.fredolsen.es/es/" />
<link rel="alternate" hreflang="en" href="https://www.fredolsen.es/en/" />
<link rel="alternate" hreflang="x-default" href="https://www.fredolsen.es/en/" />


    <meta name="twitter:card" content="summary"/>
    <meta name="twitter:site" content="@FOexpress"/>
    <meta name="twitter:title" content="Fred. Olsen Express | Fast Ferries en Canarias."/>
    <meta name="twitter:description" content="Fred.Olsen Express Web Oficial — Viaja sin límite de equipaje llevando tu vehículo. Numerosas frecuencias y cambios gratis. Más rápido. Más cómodo. Muévete entre islas en Fast Ferry y ahorra llevando tu coche. En Oro, con Todo Incluido. Más Cómodo para Mascotas. Ofertas para Familias. Ferry Bus Gratis."/>
            <meta name="twitter:image" content="https://www.fredolsen.es/archivos/images/destacados-home/destacado_la_palma_pc.webp"/>
    
    <meta property="og:title" content="Fred. Olsen Express | Fast Ferries en Canarias."/>
    <meta property="og:type" content="website"/>
    <meta property="og:url" content="https://www.fredolsen.es/es/"/>
    <meta property="og:description" content="Fred.Olsen Express Web Oficial — Viaja sin límite de equipaje llevando tu vehículo. Numerosas frecuencias y cambios gratis. Más rápido. Más cómodo. Muévete entre islas en Fast Ferry y ahorra llevando tu coche. En Oro, con Todo Incluido. Más Cómodo para Mascotas. Ofertas para Familias. Ferry Bus Gratis."/>
    <meta property="og:site_name" content="Fred. Olsen Express"/>
            <meta property="og:image" content="https://www.fredolsen.es/archivos/images/destacados-home/destacado_la_palma_pc.webp"/>
    
    <!-- Fred.Olsen Express Web Oficial — Viaja sin límite de equipaje llevando tu vehículo. Numerosas frecuencias y cambios gratis. Más rápido. Más cómodo. Muévete entre islas en Fast Ferry y ahorra llevando tu coche. En Oro, con Todo Incluido. Más Cómodo para Mascotas. Ofertas para Familias. Ferry Bus Gratis. -->

<link rel='stylesheet' type='text/css' href='/web/fancybox/jquery.fancybox-1.3.1.css'/><link rel='stylesheet' type='text/css' href='/web/css/jquery.mCustomScrollbar.css'/><link rel='stylesheet' type='text/css' href='/web/css/font-awesome.min.css'/><link rel='stylesheet' type='text/css' href='/web/css/bootstrap.min.css'/><link rel='stylesheet' type='text/css' href='/web/css/slick.css'/><link rel='stylesheet' type='text/css' href='/web/css/jquery-ui.min.css'/><link rel='stylesheet' type='text/css' href='/web/css/select2.min.css'/><link rel='stylesheet' type='text/css' href='/web/css/sweetalert2.css'/><link rel='stylesheet' type='text/css' href='/web/css/estilos.css'/><link rel='stylesheet' type='text/css' href='/web/css/cookies-policy.css?v=407'/><link rel='stylesheet' type='text/css' href='/web/dce/dce.css?v=407'/><link rel='stylesheet' type='text/css' href='/web/css/main.css?v=407'/><link rel='stylesheet' type='text/css' href='/web/css/jquery.uploadfile.vsf.css?v=407'/>
<script type='text/javascript' src='/web/js/jquery-2.2.4.js'></script><script type='text/javascript' src='/web/js/jquery-migrate-1.4.1.min.js'></script><script type='text/javascript' src='/web/js/bootstrap.min.js'></script><script type='text/javascript' src='/web/js/jquery-ui-1.11.4.min.js'></script><script type='text/javascript' src='/web/js/swfobject.js'></script><script type='text/javascript' src='/web/js/jquery.mousewheel-3.0.6.pack.js'></script><script type='text/javascript' src='/web/fancybox/jquery.fancybox-1.3.1.js?v=2'></script><script type='text/javascript' src='/web/js/jquery.mCustomScrollbar.js'></script><script type='text/javascript' src='/web/js/highcharts/highcharts.js'></script><script type='text/javascript' src='/web/js/highcharts/highcharts-more.js'></script><script type='text/javascript' src='/web/js/highcharts/modules/exporting.js'></script><script type='text/javascript' src='/web/js/highcharts/modules/map.js'></script><script type='text/javascript' src='/web/js/highcharts/modules/solid-gauge.js'></script><script type='text/javascript' src='/web/js/highcharts/mapdata/es-all.js'></script><script type='text/javascript' src='/web/js/jquery.classycountdown.js'></script><script type='text/javascript' src='/web/js/jquery.knob.js'></script><script type='text/javascript' src='/web/js/jquery.throttle.js'></script><script type='text/javascript' src='/web/js/slick.min.js'></script><script type='text/javascript' src='/web/js/select2.min.js'></script><script type='text/javascript' src='/web/js/jquery.form.js'></script><script type='text/javascript' src='/web/js/_underscore.js'></script><script type='text/javascript' src='/web/js/jquery.mark.min.js'></script><script type='text/javascript' src='/web/js/jquery.ui.datepicker-es.js'></script><script type='text/javascript' src='/web/js/cookies-policy.js?v=407'></script><script type='text/javascript' src='/web/js/jquery.alertas.js'></script><script type='text/javascript' src='/web/js/jquery.suggestions.js'></script><script type='text/javascript' src='/web/js/herencia.js'></script><script type='text/javascript' src='/web/js/vsf-menu.js'></script><script type='text/javascript' src='/web/js/area-usuario.js?v=407'></script><script type='text/javascript' src='/web/js/main.js?v=407'></script><script type='text/javascript' src='/web/js/vue.js'></script><script type='text/javascript' src='/web/js/sweetalert2.min.js'></script><script type='text/javascript' src='/web/js/jquery.uploadfile.vsf.js'></script>

<script>
    var sessionTimeoutWarning = parseInt("-1") * 60 * 1000;
    var sessionTimeout = parseInt("-1") * 60 * 1000;
    var sessionCsrfToken = "";

    (function () {
        if (isNaN(sessionTimeout) || sessionTimeout <= 0 ||
            isNaN(sessionTimeoutWarning) || sessionTimeoutWarning <= 0 || !sessionCsrfToken) {
            return;
        }

        var LS_ACTIVITY = "foSessionLastActivity";
        var LS_PING = "foSessionLastPing";
        var PING_MIN_INTERVAL = 5 * 60 * 1000; // renovar servidor como mucho cada 5 min
        var CHECK_INTERVAL = 15 * 1000;
        var pingInFlight = false;

        // Si localStorage no está disponible (modo privado estricto, datos de sitio
        // bloqueados), degradamos a un almacén en memoria: el comportamiento pasa a ser
        // por-pestaña en lugar de compartido, pero los timers siguen funcionando y no
        // se entra en un bucle de pings (lastPing=0 perpetuo).
        var memStore = {};
        function lsGet(key) {
            try {
                var v = parseInt(localStorage.getItem(key));
                if (!isNaN(v)) return v;
            } catch (e) { /* localStorage inaccesible */ }
            return memStore[key] || 0;
        }
        function lsSet(key) {
            memStore[key] = Date.now();
            try { localStorage.setItem(key, memStore[key]); } catch (e) { /* localStorage inaccesible */ }
        }

        function onActivity() { lsSet(LS_ACTIVITY); }

        function isWarningVisible() {
            return jQuery('#modalSessionWarning').hasClass('in'); // Bootstrap 3
        }
        function showWarning() {
            if (isWarningVisible() || jQuery('#modalSessionWarning').length === 0) return;
            jQuery('#modalSessionWarning').modal({ backdrop: 'static', keyboard: false });
            jQuery('#modalSessionWarning').modal('show');
        }
        function hideWarning() {
            if (isWarningVisible()) jQuery('#modalSessionWarning').modal('hide');
        }

        function forceLogout() {
            jQuery.ajax({
                url: "/contenido/area-usuario/ax-force-logout",
                type: "POST",
                dataType: "json",
                data: { csrf_token: sessionCsrfToken },
                complete: function () { window.location.reload(); }
            });
        }

        // Renueva la sesión en el servidor (desliza cache_user.timeout y la sesión ASP.NET).
        // El timestamp compartido avisa al resto de pestañas de que ya está renovada.
        function ping() {
            if (pingInFlight) return;
            pingInFlight = true;
            jQuery.ajax({
                url: "/contenido/area-usuario/ax-keepalive",
                type: "POST",
                dataType: "json",
                data: { csrf_token: sessionCsrfToken },
                success: function (result) {
                    if (result && result.status === "ok") {
                        lsSet(LS_PING);
                        hideWarning();
                    } else {
                        // Sesión ya expirada en el servidor: recargar lleva al login.
                        window.location.reload();
                    }
                },
                error: function () { /* fallo de red transitorio: se reintenta en el siguiente ciclo */ },
                complete: function () { pingInFlight = false; }
            });
        }

        function check() {
            var now = Date.now();
            var lastActivity = lsGet(LS_ACTIVITY);
            var lastPing = lsGet(LS_PING);

            if (!lastPing) { ping(); return; } // aún sin sincronizar: no decidir nada destructivo

            var serverIdle = now - lastPing;

            // Usuario activo en alguna pestaña → renovar el servidor periódicamente.
            if (lastActivity > lastPing && serverIdle > PING_MIN_INTERVAL) {
                ping();
                return;
            }

            if (serverIdle > sessionTimeout) {
                forceLogout();
            } else if (serverIdle > sessionTimeout - sessionTimeoutWarning) {
                showWarning();
            } else {
                hideWarning(); // otra pestaña renovó mientras el aviso estaba abierto
            }
        }

        window.addEventListener('load', function () {
            ['mousemove', 'keydown', 'scroll', 'click', 'touchstart', 'touchmove'].forEach(function (ev) {
                document.addEventListener(ev, onActivity, { passive: true });
            });

            // Delegado en document: el modal lo inyecta el layout al final del body.
            jQuery(document).on('click', '#btnKeepAlive', function () { ping(); });

            onActivity(); // cargar una página es actividad

            // Sincronizar ya con el servidor si nadie lo hizo recientemente. Importante en
            // páginas fuera del área de usuario, que no deslizan cache_user.timeout por sí
            // mismas; el umbral de 60s evita una ráfaga de pings al abrir varias pestañas.
            if (Date.now() - lsGet(LS_PING) > 60 * 1000) {
                ping();
            }

            setInterval(check, CHECK_INTERVAL);
        });
    })();
</script>

	
    <link href="/web/css/print.css" rel="stylesheet" type="text/css" media="print"/>
	
	<link type="text/css" rel="stylesheet" href="/css/estilosForm.min.css?v=20260921" />
	<link type="text/css" rel="stylesheet" href="/css/override.min.css?v=20260921" />

	<script>
        var gtmLoaded = false;

        function loadGtm() {
            if(!gtmLoaded){
                
                   <!-- Google Tag Manager -->
                   (function (w, d, s, l, i) {
                       w[l] = w[l] || [];
                       w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
                       var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
                       j.async = true;
                       j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
                       f.parentNode.insertBefore(j, f);
                   })(window, document, 'script', 'dataLayer', 'GTM-M9C98BQ');
                   <!-- End Google Tag Manager -->
               
            }

           gtmLoaded = true;
        }

        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }

        if (perteneceLista('N', getCookie('cookiesDirective_'))) {
            loadGtm();
        }
    </script>

    <script type="text/javascript" src="/js/jquery.mf.progresspanel.min.js?v=20260921"></script>
    <script type="text/javascript" src="/js/json2.min.js?v=20260921"></script>
    <!--[if IE]>
    <script type="text/javascript" src="/css/ie.min.js?v=20260921"></script>
    <script type="text/javascript" src="/js/PIE.min.js?v=20260921"></script>
    <![endif]-->
    <script type='text/javascript' src="/js/accessibility/jquery-ui-accesible-datepicker.min.js?v=20260921"></script>
    <script type="text/javascript" src="/js/prototype.min.js?v=20260921"></script>
    <script type="text/javascript" src="/js/accounting.min.js?v=20260921"></script>
    <script type="text/javascript" src="/js/knockout.min.js?v=20260921"></script>
    <script type="text/javascript" src="/js/knockout.mapping.min.js?v=20260921"></script>
    <script type="text/javascript" src="/js/validation/jquery.validate.min.js?v=20260921"></script>
    <script type="text/javascript" src="/js/jquery.culture.es.min.js?v=20260921"></script>

    <script type="text/javascript" src="/js/jquery.bravo.base.min.js?v=20260921"></script>	

	<script type="text/javascript" src="/js/vue/vue.min.js?v=20260921"></script>
    <script type="text/javascript">
        window.PaginaPrincipal = true;
		window.SecondaryPrincipalStyle = false;
	</script>
</head>
<body>

<form method="post" action="/es/" id="form1" enctype="multipart/form-data">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__MFVIEWSTATE" id="__MFVIEWSTATE" value="H4sIAAAAAAAEAPvPyJ/Cz8ppaGluamJmZmbInyLGlMYvxiTHlphckpmfx8qin1qsnwIAHEmHlycAAAA=" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="" />
</div>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
    theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>


<script src="/WebResource.axd?d=RMwzaC8_Z5e0FJYO6xuMAcynjKkuu6ef-SxoqM2Wqqnn-lCv9vb3d79BmItart1l3CaM5_Ut1lwdHAn4Ax-XpG25tN81&amp;t=637109925120000000" type="text/javascript"></script>


<script type="text/javascript">
//<![CDATA[
var __cultureInfo = {"name":"es-ES","numberFormat":{"CurrencyDecimalDigits":2,"CurrencyDecimalSeparator":",","IsReadOnly":false,"CurrencyGroupSizes":[3],"NumberGroupSizes":[3],"PercentGroupSizes":[3],"CurrencyGroupSeparator":".","CurrencySymbol":"€","NaNSymbol":"NeuN","CurrencyNegativePattern":8,"NumberNegativePattern":1,"PercentPositivePattern":0,"PercentNegativePattern":0,"NegativeInfinitySymbol":"-Infinito","NegativeSign":"-","NumberDecimalDigits":2,"NumberDecimalSeparator":",","NumberGroupSeparator":".","CurrencyPositivePattern":3,"PositiveInfinitySymbol":"Infinito","PositiveSign":"+","PercentDecimalDigits":2,"PercentDecimalSeparator":",","PercentGroupSeparator":".","PercentSymbol":"%","PerMilleSymbol":"‰","NativeDigits":["0","1","2","3","4","5","6","7","8","9"],"DigitSubstitution":1},"dateTimeFormat":{"AMDesignator":"","Calendar":{"MinSupportedDateTime":"\/Date(-62135596800000)\/","MaxSupportedDateTime":"\/Date(253402300799999)\/","AlgorithmType":1,"CalendarType":1,"Eras":[1],"TwoDigitYearMax":2029,"IsReadOnly":false},"DateSeparator":"/","FirstDayOfWeek":1,"CalendarWeekRule":0,"FullDateTimePattern":"dddd, dd\u0027 de \u0027MMMM\u0027 de \u0027yyyy H:mm:ss","LongDatePattern":"dddd, dd\u0027 de \u0027MMMM\u0027 de \u0027yyyy","LongTimePattern":"H:mm:ss","MonthDayPattern":"dd MMMM","PMDesignator":"","RFC1123Pattern":"ddd, dd MMM yyyy HH\u0027:\u0027mm\u0027:\u0027ss \u0027GMT\u0027","ShortDatePattern":"dd/MM/yyyy","ShortTimePattern":"H:mm","SortableDateTimePattern":"yyyy\u0027-\u0027MM\u0027-\u0027dd\u0027T\u0027HH\u0027:\u0027mm\u0027:\u0027ss","TimeSeparator":":","UniversalSortableDateTimePattern":"yyyy\u0027-\u0027MM\u0027-\u0027dd HH\u0027:\u0027mm\u0027:\u0027ss\u0027Z\u0027","YearMonthPattern":"MMMM\u0027 de \u0027yyyy","AbbreviatedDayNames":["dom","lun","mar","mié","jue","vie","sáb"],"ShortestDayNames":["do","lu","ma","mi","ju","vi","sá"],"DayNames":["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],"AbbreviatedMonthNames":["ene","feb","mar","abr","may","jun","jul","ago","sep","oct","nov","dic",""],"MonthNames":["enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre",""],"IsReadOnly":false,"NativeCalendarName":"calendario gregoriano","AbbreviatedMonthGenitiveNames":["ene","feb","mar","abr","may","jun","jul","ago","sep","oct","nov","dic",""],"MonthGenitiveNames":["enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre",""]},"eras":[1,"d.C.",null,0]};//]]>
</script>

<script src="/ScriptResource.axd?d=Y473QUagwWImc8SP1ztk-jPlvuDmyxOSYvGRI48PWrg5sU6Dzjud1vIDWdD0Rm7wFnHb8sPR3t_n4xy-o-acpLlbEwJymE11eWLq02xfzrc21mVKzKYB-x2ob4PRWAohj9Cw5X7aqgDDlB-z5CA2i5O-VlU1&amp;t=ffffffffe6d5a9ac" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=lOIpSCTX-nYLlHC9HN9h3WyyQ1MsgpVdyeB1ZTMR4Z3Xyv5S0rXwdwV3VO_IaZYL33lYGWiGtdfWuhsPLEXRO1YI6MdXSnBKzg2DuSWW2YGjijgwS4MAUQZkhJJEYGbbT-RKleh3O6rkprVHgaascPwCQuAaCszyWea9uKM34-I_ZMfb0&amp;t=ffffffffe6d5a9ac" type="text/javascript"></script>
    <!--<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ScriptManagerMain', 'form1', [], [], [], 90, '');
//]]>
</script>
-->

    <div id="ajax-actions" class="ajax-loading">
	<div class="ajax-error"><i class="fa fa-exclamation-triangle"></i> Error</div>
	<div class="ajax-loading"><i class="fa fa-spinner"></i> Cargando...</div>
	<div class="ajax-success"><i class="fa fa-check"></i> Completado</div>
</div>

<div id="page">

	<!--<div class="modal fade shortModal" id="modal-loading" tabindex="-1" role="dialog">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-body">
					<span>
						<i class='fa fa-spinner fa-spin'></i>
						Estamos cargando tus viajes y reservas...
					</span>
				</div>
			</div>
		</div>
	</div>-->

	

	

		<header id="header"  >
		<nav class="top_bar">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="marginTopHeader">
							<div class="contact">¿Dudas? <a href="tels:922 290 070">922 290 070</a> - <a href="tel:928 290 070">928 290 070</a> de 08:00 a 20:00</div>
							<div class="search" data-lang="es">
								<input type="hidden" name="mark" value="" />
								<button type="button">
									<span aria-hidden="true" class="fa fa-search"></span>
									<span class="sr-only">Buscar en Fred Olsen</span>
								</button>
								<div class="search-input">
									<input type="text" name="q" value="" maxlength="200" placeholder="¿Cómo podemos ayudarte?" />
									<button type="button">
										<span aria-hidden="true" class="fa fa-times"></span>
										<span class="sr-only">Cerrar buscador</span>
									</button>
								</div>
							</div>
							<div class="account">
								<div id="zona-loginInfo">
									    <span class="fa fa-user user-area-icon" aria-hidden="true"></span>

            <a href="/es/contenido/area-usuario/home" class="btn-header-user">
                            Mi Fred. Olsen
                    </a>

            								</div>
							</div>
							<div class="logo"><a href="/es" title="Fred. Olsen Express"><img src="/web/img/logo_fred_olsen_express_corazon.webp" alt="Fred. Olsen Express" /></a><span>Fred Olsen Express</span></div>
							<div class="professional">
																<a href="/es/profesionales">Profesionales</a>
															</div>
							<div class="lang">
								<a href="/es/" title="Cambiar idioma a Espa&ntilde;ol"><img width="20" height="20" alt="Espa&ntilde;ol" src="/web/img/ico_bandera_es.png"/></a>
								<a href="/en/" title="Change language to English"><img width="20" height="20" alt="English" src="/web/img/ico_bandera_en.png"/></a>
							</div>
							<br class="clear">
						</div>
					</div>
				</div>
			</div>
		</nav>
		<nav class="top_bar_mobile">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<a href="#menu" class="menu_mobile_trigger"><span class="fa fa-bars" aria-hidden="true"></span></a>
						<a href="/es" class="logo" title="Fred. Olsen Express"><img src="/web/img/logo_fred_olsen_express_corazon.webp" alt="Fred. Olsen Express" /></a>
						<div class="search" data-lang="es">
							<button type="button">
								<span aria-hidden="true" class="fa fa-search"></span>
								<span class="sr-only">Buscar en Fred Olsen</span>
							</button>
							<div class="search-input">
								<input type="text" name="q" value="" maxlength="200" placeholder="¿Cómo podemos ayudarte?" />
								<button type="button">
									<span aria-hidden="true" class="fa fa-times"></span>
									<span class="sr-only">Cerrar buscador</span>
								</button>
							</div>
								<div class="menu-area-usuario">
																			<a href="/es/contenido/area-usuario/login">
											<span class="fa fa-user" aria-hidden="true"></span>
										</a>
															</div>
					</div>
				</div>
			</div>
				</div>
		</nav>
		<nav class="main_menu">
    <div class="container">
        <div class="level-1">
            <ul>
                                                    <li class="nav0">
                        <a href="/es-ES/CompraOnline/inicio.aspx" title="Comprar"  ><img src='/archivos/images/menus/iconos/icon_zoom.png' alt="Comprar" />Comprar
                            <span style="margin-left: 8px; opacity: 0.9" class="fa fa-caret-down" aria-hidden="true"></span>
                        </a>
                        <div class="level-2">
                            <div class="container">
                                <div class="row">
                                                                                                                                        <div class="col-md-3 principal">
                                        <ul>
                                            <li>
                                                <a href="/es-ES/CompraOnline/inicio.aspx" title="Comprar tu viaje" >
                                                    <div class="item">
                                                        <div class="img_container">
                                                                                                                        <img src='/archivos/images/icons/ico-comprar.png' alt="Comprar tu viaje" />
                                                                                                                    </div>
                                                        <hr>
                                                        <div class="text_container">
                                                            <div class="title">
                                                                Comprar tu viaje
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                                                        <div class="col-md-3 principal">
                                        <ul>
                                            <li>
                                                <a href="/es/comprar/horarios" title="Horarios" >
                                                    <div class="item">
                                                        <div class="img_container">
                                                                                                                        <img src='/archivos/images/icons/rapidez(1).png' alt="Horarios" />
                                                                                                                    </div>
                                                        <hr>
                                                        <div class="text_container">
                                                            <div class="title">
                                                                Horarios
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    
                                                                        <div class="col-md-3 secundario">
                                        <h6 class="nav_title">Sigue navegando</h6>
                                        <hr>
                                        <ul>
                                                                                        <li>
                                                <a href="/es/comprar/rutas" title="Rutas" >
                                                                                                            <img src='/archivos/images/icons/ico-rutas.png' alt="Rutas" />
                                                                                                        Rutas
                                                </a>
                                            </li>
                                                                                        <li>
                                                <a href="/es/tarifas" title="Tarifas" >
                                                                                                            <img src='/archivos/images/icons/ico-tarifas-ok.png' alt="Tarifas" />
                                                                                                        Tarifas
                                                </a>
                                            </li>
                                                                                        <li>
                                                <a href="https://www.fredolsen.es/es/ofertas-y-promociones" title="Ofertas y actividades" >
                                                                                                            <img src='/archivos/images/icons/ico-tarifa-oro-blue.png' alt="Ofertas y actividades" />
                                                                                                        Ofertas y actividades
                                                </a>
                                            </li>
                                                                                        <li>
                                                <a href="/es/comprar/reservas-grupos" title="Reservas Grupos" >
                                                                                                            <img src='/archivos/images/icons/ico-tarifa-camarote-cuadruple-blue.png' alt="Reservas Grupos" />
                                                                                                        Reservas Grupos
                                                </a>
                                            </li>
                                                                                    </ul>
                                    </div>
                                    
                                    
                                    
                                                                        <div class="col-md-3">
                                        <a href="/es/comprar/rutas"><img class="nav-right-img" src="/archivos/images/linea-afectada/mapa-pequeno-menu-4.png" alt="" /></a>
                                    </div>
                                    
                                                            </div>
                            </div>
                        </div>
                    </li>
                                                        <li class="nav1">
                        <a href="/es-ES/main/bookingaction.aspx?action=7" title="Mis reservas"  ><img src='/archivos/images/menus/iconos/ico-mis-reservas.png' alt="Mis reservas" />Mis reservas
                            <span style="margin-left: 8px; opacity: 0.9" class="fa fa-caret-down" aria-hidden="true"></span>
                        </a>
                        <div class="level-2">
                            <div class="container">
                                <div class="row">
                                                                                                                                        <div class="col-md-9 misreservas-titulo">
    <div class="row">
        <div class="col-md-4 principal">
            <ul>
                <li>
                    <a href="/es-ES/main/bookingaction.aspx?action=7" title="T.embarque / Resumen de compra">
                        <div class="item">
                            <div class="img_container">
                                <span class="fa fa-ticket" aria-hidden="true"></span>
                            </div>
                            <hr>
                            <div class="text_container">
                                <div class="title">T.embarque / Resumen de compra</div>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="col-md-4 principal">
            <ul>
                <li>
                    <a href="/es-ES/main/bookingaction.aspx?action=8" title="Cambiar viaje">
                        <div class="item">
                            <div class="img_container">
                                <span class="fa fa-refresh" aria-hidden="true"></span>
                            </div>
                            <hr>
                            <div class="text_container">
                                <div class="title">Cambiar viaje</div>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="col-md-4 principal">
            <ul>
                <li>
                    <a href="/es-ES/main/bookingaction.aspx?action=2" title="Solicitar factura">
                        <div class="item">
                            <div class="img_container">
                                <span class="fa fa-file-text-o" aria-hidden="true"></span>
                            </div>
                            <hr>
                            <div class="text_container">
                                <div class="title">Solicitar factura</div>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="col-md-3 secundario">
    <h6 class="nav_title">Sigue navegando</h6>
    <hr>
    <ul>
        <li>
            <a href="/es-ES/main/bookingaction.aspx?action=10" title="Validar documentación">
                <div class="span-container">
                    <span class="fa fa-check-square-o" aria-hidden="true"></span>
                </div>
                Validar documentación
            </a>
        </li>
        <li>
            <a href="/es-ES/main/bookingaction.aspx?action=14" title="Solicitar justificante">
                <div class="span-container">
                    <span class="fa fa-certificate" aria-hidden="true"></span>
                </div>
                Solicitar justificante
            </a>
        </li>
    </ul>
</div>
                                                                                                </div>
                            </div>
                        </div>
                    </li>
                                                        <li class="nav2">
                        <a href="https://www.fredolsen.es/es/prepara-tu-viaje" title="Planificar viaje"  ><img src='/archivos/images/menus/iconos/ico-experiencia.png' alt="Planificar viaje" />Planificar viaje
                            <span style="margin-left: 8px; opacity: 0.9" class="fa fa-caret-down" aria-hidden="true"></span>
                        </a>
                        <div class="level-2">
                            <div class="container">
                                <div class="row">
                                                                                                                                        <div class="col-md-3 principal">
                                        <ul>
                                            <li>
                                                <a href="https://www.fredolsen.es/es/prepara-tu-viaje" title="Prepara tu viaje" >
                                                    <div class="item">
                                                        <div class="img_container">
                                                                                                                        <img src='/archivos/images/icons/ico-prepara-tu-viaje.png' alt="Prepara tu viaje" />
                                                                                                                    </div>
                                                        <hr>
                                                        <div class="text_container">
                                                            <div class="title">
                                                                Prepara tu viaje
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                                                        <div class="col-md-3 principal">
                                        <ul>
                                            <li>
                                                <a href="https://www.fredolsen.es/es/experiencia-a-bordo" title="Experiencia a bordo" >
                                                    <div class="item">
                                                        <div class="img_container">
                                                                                                                        <img src='/archivos/images/icons/ico-tarifa-web-y-tarifa-butaca-blue.png' alt="Experiencia a bordo" />
                                                                                                                    </div>
                                                        <hr>
                                                        <div class="text_container">
                                                            <div class="title">
                                                                Experiencia a bordo
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                                                        <div class="col-md-3 principal">
                                        <ul>
                                            <li>
                                                <a href="https://www.fredolsen.es/es/descubre-fred-olsen" title="Descubre Fred. Olsen" >
                                                    <div class="item">
                                                        <div class="img_container">
                                                                                                                        <img src='/archivos/images/favicon.jpg' alt="Descubre Fred. Olsen" />
                                                                                                                    </div>
                                                        <hr>
                                                        <div class="text_container">
                                                            <div class="title">
                                                                Descubre Fred. Olsen
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    
                                    
                                                                        <div class="col-md-3 accesorapido">
                                        <h6 class="nav_title">Accesos rápidos</h6>
                                        <hr>
                                        <ul>
                                                                                        <li>
                                                <a href="https://www.fredolsen.es/es/oficinas-delegaciones-y-puertos" title="Oficinas y puertos" >
                                                                                                            <img src='/archivos/images/icons/ico-info-ok.png' alt="Oficinas y puertos" />
                                                                                                        Oficinas y puertos
                                                </a>
                                            </li>
                                                                                        <li>
                                                <a href="https://www.fredolsen.es/es/accesibilidad" title="Accesibilidad" >
                                                                                                            <img src='/archivos/images/icons/ico-acceso-sin-barreras.png' alt="Accesibilidad" />
                                                                                                        Accesibilidad
                                                </a>
                                            </li>
                                                                                        <li>
                                                <a href="https://www.fredolsen.es/es/ferry-bus" title="Ferry Bus" >
                                                                                                            <img src='/archivos/images/icons/ico-ferry-bus(1).png' alt="Ferry Bus" />
                                                                                                        Ferry Bus
                                                </a>
                                            </li>
                                                                                        <li>
                                                <a href="https://www.fredolsen.es/es/viajar-con-mascotas" title="Mascotas" >
                                                                                                            <img src='/archivos/images/icons/ico_018_mascotas.png' alt="Mascotas" />
                                                                                                        Mascotas
                                                </a>
                                            </li>
                                                                                        <li>
                                                <a href="/es/planificar-viaje/flota" title="Flota" >
                                                                                                            <img src='/archivos/images/icons/ico-a-bordo-ok.png' alt="Flota" />
                                                                                                        Flota
                                                </a>
                                            </li>
                                                                                    </ul>
                                    </div>
                                    
                                    
                                    
                                                            </div>
                            </div>
                        </div>
                    </li>
                                                        <li class="nav3">
                        <a href="https://www.fredolsen.es/es/contacto" title="Contacto"  ><img src='/archivos/images/menus/iconos/ico-asistencia.png' alt="Contacto" />Contacto
                            <span style="margin-left: 8px; opacity: 0.9" class="fa fa-caret-down" aria-hidden="true"></span>
                        </a>
                        <div class="level-2">
                            <div class="container">
                                <div class="row">
                                                                                                                                        <div class="col-md-3 principal">
                                        <ul>
                                            <li>
                                                <a href="https://www.fredolsen.es/es/contacto" title="Contacto" >
                                                    <div class="item">
                                                        <div class="img_container">
                                                                                                                        <img src='/archivos/images/icons/ico-contacto-headphones.png' alt="Contacto" />
                                                                                                                    </div>
                                                        <hr>
                                                        <div class="text_container">
                                                            <div class="title">
                                                                Contacto
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                                                        <div class="col-md-3 principal">
                                        <ul>
                                            <li>
                                                <a href="https://www.fredolsen.es/es/preguntas-frecuentes" title="Preguntas frecuentes" >
                                                    <div class="item">
                                                        <div class="img_container">
                                                                                                                        <img src='/archivos/images/icons/ico-preguntas-frecuentes.png' alt="Preguntas frecuentes" />
                                                                                                                    </div>
                                                        <hr>
                                                        <div class="text_container">
                                                            <div class="title">
                                                                Preguntas frecuentes
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    
                                                                        <div class="col-md-3 secundario">
                                        <h6 class="nav_title">Sigue navegando</h6>
                                        <hr>
                                        <ul>
                                                                                        <li>
                                                <a href="https://www.fredolsen.es/es/objetos-perdidos" title="Objetos perdidos" >
                                                                                                            <div class="span-container">
                                                            <span class="fa fa-suitcase" aria-hidden="true"></span>
                                                        </div>
                                                                                                        Objetos perdidos
                                                </a>
                                            </li>
                                                                                        <li>
                                                <a href="https://www.fredolsen.es/es/sugerencias-y-quejas" title="Sugerencias y quejas" >
                                                                                                            <div class="span-container">
                                                            <span class="fa fa-comment" aria-hidden="true"></span>
                                                        </div>
                                                                                                        Sugerencias y quejas
                                                </a>
                                            </li>
                                                                                        <li>
                                                <a href="/es/informacion-para-el-pasajero" title="Información al pasajero" >
                                                                                                            <img src='/archivos/images/icons/ico-info-ok.png' alt="Información al pasajero" />
                                                                                                        Información al pasajero
                                                </a>
                                            </li>
                                                                                        <li>
                                                <a href="/es/condiciones-de-transporte" title="Condiciones de transporte" >
                                                                                                            <img src='/archivos/images/icons/ico-condiciones-de-transporte.png' alt="Condiciones de transporte" />
                                                                                                        Condiciones de transporte
                                                </a>
                                            </li>
                                                                                    </ul>
                                    </div>
                                    
                                    
                                                                        <div class="col-md-3 nav-right-block info_attcliente_menu">
                                        <div class="contact_box">
                                            <a href="tel:922 290 070" class="phone"><span class="fa fa-phone" aria-hidden="true"></span>922 290 070</a>
                                        </div>
                                        <div class="contact_box">
                                            <a href="tel:928 290 070" class="phone"><span class="fa fa-phone" aria-hidden="true"></span>928 290 070</a>
                                        </div>
                                        <div class="contact_box">
                                            <a href="https://wa.me/689437075" target="_blank" class="phone"><span class="fa fa-whatsapp" style="color: #002F6C;" aria-hidden="true"></span>689 437 075 <!--<span class="newDetail">nuevo</span>--></a>
                                            <p>Lunes a domingo de 8:00 a 20:00</p>
                                        </div>
                                        <div class="contact_box">
                                            <a href="mailto:reservas@fredolsen.es" class="email"><span class="fa fa-envelope" aria-hidden="true"></span>reservas@fredolsen.es</a>
                                        </div>
                                    </div>
                                    
                                    
                                                            </div>
                            </div>
                        </div>
                    </li>
                                                </ul>
        </div>
    </div>
</nav>


	</header>

		<ul id="share">
				<li class="suggestions">
			<a href="#" title="Valóranos" > <!--id="suggestions"-->
				<span class="fa fa-star" aria-hidden="true"></span>
			</a>
		</li>
		<script type="text/javascript">
			jQuery(document).ready(function(){
				jQuery.suggestions();
			});
		</script>
			</ul>
	
		<a href="#" class="suggestions-mobile">
		<i class="fa fa-star"></i>
		<!--<span>Valóranos</span>-->
	</a>
	
		<script>
			$(document).ready(function() {
				if (window.location.href.indexOf("area-usuario") !== -1) {
					$("#share").addClass("d-none");
					$(".suggestions-mobile").addClass("d-none");
				}
				else {
					$("#share").removeClass("d-none");
					$(".suggestions-mobile").removeClass("d-none");
				}

				$('.btn-menu-area').click(function(e) {
					e.preventDefault();
					$('#menu-area').toggleClass('open');
				});

				$(document).click(function(e) {
					if(!$(e.target).closest('#menu-area, .btn-menu-area').length) {
						$('#menu-area').removeClass('open');
					}
				});
			});
		</script>
	
	<main id="main" class="">
		<input type="hidden" name="dominioWeb" value="https://www.fredolsen.es">

		<div class="home">
    
    <div id="slider">
        <div class="slider_container">
                                                <div class="slide slide-633" style="background-image: url('/archivos/images/destacados-home/destacado_la_palma_pc.webp');">
                                                                                    <a href="https://www.fredolsen.es/es/fast-ferry-barco-tenerife-la-palma-la-palma-tenerife" title="Ir a La Palma por menos"
                                                                    >
                                                        <div class="row">
                                <div class="text_destacado  with-background   with-description ">
                                    <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-12"
                                          style="background: rgba(0, 47, 108, 0.8);; border-radius: 20px; padding: 18px 10px;" )>
                                        <div class="col-md-12 title" >La Palma por menos</div>
                                        <div class="col-md-12 description" ><p>
	Dos personas con coche y equipaje ilimitado por solo 41,50&euro; por trayecto</p></div>
                                    </div>
                                </div>
                            </div>
                            <div class="iconSlider">
                                                                <span class="fa " aria-hidden="true"></span>
                                                                                            </div>
                                                            </a>
                                                                        </div>
                                                                <div class="slide slide-647" style="background-image: url('/archivos/images/destacados-home/Chicharrones.webp');">
                                                                                    <a href="https://www.fredolsen.es/es/restaurante-la-zula" title="Ir a Descubre el sabor de La Gomera"
                                                                    >
                                                        <div class="row">
                                <div class="text_destacado  with-background   with-description ">
                                    <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-12"
                                          style="background: rgba(0, 47, 108, 0.8);; border-radius: 20px; padding: 18px 10px;" )>
                                        <div class="col-md-12 title"  style="color: #FFFFFF !important;" >Descubre el sabor de La Gomera</div>
                                        <div class="col-md-12 description"  style="color: #FFFFFF !important;" ><p>
	Fast ferry de ida y vuelta + Men&uacute; en Restaurante La Zula</p></div>
                                    </div>
                                </div>
                            </div>
                            <div class="iconSlider">
                                                                <span class="fa " aria-hidden="true"></span>
                                                                                            </div>
                                                            </a>
                                                                        </div>
                                                                <div class="slide slide-549" style="background-image: url('/archivos/images/destacados/gran-canaria-tenerife-precio.jpg');">
                                                                                    <a href="https://www.fredolsen.es/es/fast-ferry-barco-gran-canaria-tenerife-tenerife-gran-canaria" title="Ir a Gran Canaria - Tenerife"
                                                                    >
                                                        <div class="row">
                                <div class="text_destacado  with-background   with-description ">
                                    <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-12"
                                          style="background: rgba(0, 47, 108, 0.75);; border-radius: 20px; padding: 18px 10px;" )>
                                        <div class="col-md-12 title" >Gran Canaria - Tenerife</div>
                                        <div class="col-md-12 description" ><p>
	En solo 80 minutos. Desde solo 22,46&euro; con coche por trayecto</p></div>
                                    </div>
                                </div>
                            </div>
                            <div class="iconSlider">
                                                                <span class="fa " aria-hidden="true"></span>
                                                                                            </div>
                                                            </a>
                                                                        </div>
                                                                <div class="slide slide-639" style="background-image: url('/archivos/images/destacados-home/Paquete-ahorro-destacado-pc.webp');">
                                                                                    <a href="https://www.fredolsen.es/es/paquetes-ahorro" title="Ir a Paquetes Ahorro"
                                                                    >
                                                        <div class="row">
                                <div class="text_destacado  with-background   with-description ">
                                    <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-12"
                                          style="background: rgba(0, 47, 108, 0.8);; border-radius: 20px; padding: 18px 10px;" )>
                                        <div class="col-md-12 title"  style="color: #FFFFFF !important;" >Paquetes Ahorro</div>
                                        <div class="col-md-12 description"  style="color: #FFFFFF !important;" ><p>
	Hasta un 60% de descuento en viajes de entre 2 a 5 personas + coche</p></div>
                                    </div>
                                </div>
                            </div>
                            <div class="iconSlider">
                                                                <span class="fa " aria-hidden="true"></span>
                                                                                            </div>
                                                            </a>
                                                                        </div>
                                    </div>

        <div class="text_container text_container-title">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h1 class="title">COMPRA TU VIAJE EN BARCO</h1>
                    </div>
                </div>
            </div>
        </div>

        <div id="overlay"></div>
        <div class="text_container text_container-widget">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">

                        <!--Botón compra mobile-->
                        <div class="link-compra">
                            <!--<a href="/movil/compra/ls?lang=es">-->
                            <a href="/es/contenido/area-usuario/compra-online">
                                <span class="fa fa-ship" aria-hidden="true"></span>
                                <span>Comprar ahora</span>
                            </a>
                        </div>

                        <!--Prueba widget local/test-->
                        <!--<div id="booking_widget_content" class="booking_simulator">-->
                            <!--<p class="titlewidget">SELECCIONA TU VIAJE</p>-->
                            <!--<p class="options">-->
                                <!--<span id="paxwidget">PASAJEROS</span>-->
                                <!--<span id="cargawidget">CARGA</span>-->
                            <!--</p>-->
                            <!--<p><span id="trayectowidget">SELECCIONAR TRAYECTO</span></p>-->
                            <!--<p class="dates"><span id="dateswidget">FECHAS</span></p>-->
                            <!--<a class="button" id="buttonwidget" href="#!">BUSCAR</a>-->
                            <!--<div id="marginwidget"></div>-->
                        <!--</div>-->

                        <div id="booking_widget_puc">
                            <iframe id="bravoReservas" src="/contenido/area-usuario/ax-widget-puc?lang=es"></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <style>
        @media (max-width: 600px) {
                                                #slider .slider_container .slide.slide-633{ background-image: url('/archivos/images/destacados-home/destacado_la_palma_mb.webp') !important; }
                                                                #slider .slider_container .slide.slide-647{ background-image: url('/archivos/images/destacados-home/Chicharrones%20mb.webp') !important; }
                                                                #slider .slider_container .slide.slide-549{ background-image: url('/archivos/images/destacados/gran-canaria-tenerife.jpg') !important; }
                                                                #slider .slider_container .slide.slide-639{ background-image: url('/archivos/images/destacados-home/Paquete-ahorro-destacado-mb.webp') !important; }
                            
            /*#slider .slider_container .slide .iconSlider img.mobile { display: block }*/
            /*#slider .slider_container .slide .iconSlider img.web { display: none }*/
        }
    </style>

    <div id="home-mobile">
        <div data-sr class="mobileQuickAccess">
            <div class="container">
                                <a class="item-container"  href="/es-ES/CompraOnline/inicio.aspx" title="Comprar billete">
                    <div class="icon-title">
                        <div class="icon">
                                                        <span class="fa fa-ticket" aria-hidden="true"></span>
                                                    </div>
                        <div class="text_container">
                            <div class="title">
                                Comprar billete
                            </div>
                        </div>
                    </div>
                    <div class="arrow">
                        <span class="fa fa-chevron-right"></span>
                    </div>
                </a>
                                <a class="item-container"  href="/es/comprar/horarios" title="Horarios">
                    <div class="icon-title">
                        <div class="icon">
                                                        <span class="fa fa-clock-o" aria-hidden="true"></span>
                                                    </div>
                        <div class="text_container">
                            <div class="title">
                                Horarios
                            </div>
                        </div>
                    </div>
                    <div class="arrow">
                        <span class="fa fa-chevron-right"></span>
                    </div>
                </a>
                                <a class="item-container"  href="/es-ES/main/bookingaction.aspx?action=3" title="Cambios">
                    <div class="icon-title">
                        <div class="icon">
                                                        <span class="fa fa-history" aria-hidden="true"></span>
                                                    </div>
                        <div class="text_container">
                            <div class="title">
                                Cambios
                            </div>
                        </div>
                    </div>
                    <div class="arrow">
                        <span class="fa fa-chevron-right"></span>
                    </div>
                </a>
                                <a class="item-container"  href="https://www.fredolsen.es/es-ES/main/bookingaction.aspx?action=7" title="Mis reservas">
                    <div class="icon-title">
                        <div class="icon">
                                                        <span class="fa fa-ticket" aria-hidden="true"></span>
                                                    </div>
                        <div class="text_container">
                            <div class="title">
                                Mis reservas
                            </div>
                        </div>
                    </div>
                    <div class="arrow">
                        <span class="fa fa-chevron-right"></span>
                    </div>
                </a>
                                <a class="item-container"  href="https://www.fredolsen.es/es/prepara-tu-viaje" title="Preparar viaje">
                    <div class="icon-title">
                        <div class="icon">
                                                        <span class="fa fa-suitcase" aria-hidden="true"></span>
                                                    </div>
                        <div class="text_container">
                            <div class="title">
                                Preparar viaje
                            </div>
                        </div>
                    </div>
                    <div class="arrow">
                        <span class="fa fa-chevron-right"></span>
                    </div>
                </a>
                                <a class="item-container"  href="https://www.fredolsen.es/es/ofertas-y-promociones" title="Ofertas y precios">
                    <div class="icon-title">
                        <div class="icon">
                                                        <span class="fa fa-star" aria-hidden="true"></span>
                                                    </div>
                        <div class="text_container">
                            <div class="title">
                                Ofertas y precios
                            </div>
                        </div>
                    </div>
                    <div class="arrow">
                        <span class="fa fa-chevron-right"></span>
                    </div>
                </a>
                            </div>
        </div>
    </div>

    <div id="home-desktop">
        <div data-sr class="quickAccess">
            <div class="slider_container container">
                                <div class="slide">
                    <a  href="https://www.fredolsen.es/es/viaja-rapido-en-canarias-con-fred-olsen-express" title="Rápido" >
                        <div class="item ">
                            <div class="block-background">
                            </div>
                            <div class="img_container">
                                                                <img src="/archivos/images/icons/rapidez(1).png" alt="Rápido"/>
                                                            </div>
                            <hr>
                            <div class="text_container">
                                <div class="title">
                                        Rápido
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                                <div class="slide">
                    <a  href="https://www.fredolsen.es/es/50-aniversario" title="Fiable" >
                        <div class="item ">
                            <div class="block-background">
                            </div>
                            <div class="img_container">
                                                                <img src="/archivos/images/icons/seguridad(1).png" alt="Fiable"/>
                                                            </div>
                            <hr>
                            <div class="text_container">
                                <div class="title">
                                        Fiable
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                                <div class="slide">
                    <a  href="https://www.fredolsen.es/es/viaja-de-la-forma-mas-comoda-en-canarias-con-fred-olsen-express" title="Confortable" >
                        <div class="item ">
                            <div class="block-background">
                            </div>
                            <div class="img_container">
                                                                <span class="fa fa-check-circle" aria-hidden="true"></span>
                                                            </div>
                            <hr>
                            <div class="text_container">
                                <div class="title">
                                        Confortable
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                            </div>
        </div>

        <div id="destinations" class="bg_grey">
            <div class="section_title">Nuestros destinos</div>
            <div class="section_subtitle">Disfruta de un clima suave y primaveral durante los doce meses del año.</div>
            <div class="row">
                                    <div class="col">
                        <div data-sr class="destination fuerteventura">
                            <div class="img_container" style="background-image: url('/archivos/images/destinos/imagenes/fuerteventura-barco-coche.jpg')"></div>
                            <div class="content_container">
                                <div class="icons">
                                    <span class="fa fa-map" aria-hidden="true"></span>
                                </div>
                                <div class="icon_container">
                                    <div class="icon"></div>
                                </div>
                                <div class="text_container">
                                    <h2 class="title">Fuerteventura</h2>
                                    <div class="price">desde 8&euro;</div>
                                </div>
                                <div class="buttons_container">
                                                                                                                <a  class="button">
                                                                                            <span class="from">desde Gran Canaria</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                                    <a  class="button">
                                                                                            <span class="from">desde Lanzarote</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                                    <a  class="button">
                                                                                            <span class="from">desde Tenerife</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                            </div>
                            </div>
                            <div class="active_container">
                                <div class="icons">
                                    <span class="fa fa-map" aria-hidden="true"></span>
                                </div>
                                <div class="icon_container">
                                    <div class="icon">
                                    </div>

                                </div>
                                <div class="buttons_container">
                                                                                                                <div class="button  active  "
                                                                                             data-duration="2 h"
                                                                                          data-image=" /archivos/images/maps/map-home-fuerteventura-grancanaria.png "
                                             data-price="14&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$1$2$1A"
                                             data-port="Las Palmas G.C.<br/>Morro Jable"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde Gran Canaria</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                                    <div class="button  "
                                                                                             data-duration="25 o 35 min"
                                                                                          data-image=" /archivos/images/maps/map-home-fuerteventura-lanzarote.png "
                                             data-price="8&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$3$2$1A"
                                             data-port="Playa Blanca<br/>Corralejo"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde Lanzarote</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                                    <div class="button  "
                                                                                             data-duration="3 h"
                                                                                          data-image=" /archivos/images/maps/ebeeb1c5-d6e0-4365-9b00-504397869cfe.png "
                                             data-price="50&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$4$2$1A"
                                             data-port="S. C. de Tenerife<br/>Morro Jable"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde Tenerife</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                            </div>
                                                                    <div class="route_container">
                                        <div class="port">
                                            <span class="fa fa-anchor" aria-hidden="true"></span>
                                            <span class="route_port">
                                                Las Palmas G.C.<br/>
                                                Morro Jable
                                            </span>
                                        </div>
                                        <div class="duration">
                                            <span class="fa fa-clock-o" aria-hidden="true"></span>
                                                                                            <span class="route_duration">2 h</span>
                                                                                    </div>
                                        <div class="map"><img class="route_image" src=" /archivos/images/maps/map-home-fuerteventura-grancanaria.png " alt="Ferry a Morro Jable" /></div>
                                        <a class="button" href="/es-ES/CompraOnline/inicio.aspx?search=1$1$2$1A">Reserva desde <span class="route_price">14&euro;</span></a>
                                    </div>
                                                            </div>
                            <div class="overlay"></div>
                        </div>
                    </div>
                                    <div class="col">
                        <div data-sr class="destination grancanaria">
                            <div class="img_container" style="background-image: url('/archivos/images/destinos/imagenes/barco-coche-tenerife-gran-canaria.jpg')"></div>
                            <div class="content_container">
                                <div class="icons">
                                    <span class="fa fa-map" aria-hidden="true"></span>
                                </div>
                                <div class="icon_container">
                                    <div class="icon"></div>
                                </div>
                                <div class="text_container">
                                    <h2 class="title">Gran Canaria</h2>
                                    <div class="price">desde 12&euro;</div>
                                </div>
                                <div class="buttons_container">
                                                                                                                <a  class="button">
                                                                                            <span class="from">desde Tenerife</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                                    <a  class="button">
                                                                                            <span class="from">desde Fuerteventura</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                                    <a  class="button">
                                                                                            <span class="from">desde Huelva</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                                    <a  class="button">
                                                                                            <span class="from">desde La Gomera</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                                    <a  class="button">
                                                                                            <span class="from">desde La Palma</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                                    <a  class="button">
                                                                                            <span class="from">desde El Hierro</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                            </div>
                            </div>
                            <div class="active_container">
                                <div class="icons">
                                    <span class="fa fa-map" aria-hidden="true"></span>
                                </div>
                                <div class="icon_container">
                                    <div class="icon">
                                    </div>

                                </div>
                                <div class="buttons_container">
                                                                                                                <div class="button  active  "
                                                                                             data-duration="80 min"
                                                                                          data-image=" /archivos/images/maps/map-home-grancanaria-tenerife.png "
                                             data-price="12&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$4$1$1A"
                                             data-port="S. C. de Tenerife<br/>Agaete"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde Tenerife</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                                    <div class="button  "
                                                                                             data-duration="2 h"
                                                                                          data-image=" /archivos/images/maps/map-home-grancanaria-fuerteventura.png "
                                             data-price="14&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$2$1$1A"
                                             data-port="Morro Jable<br/>Las Palmas G.C."
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde Fuerteventura</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                                    <div class="button  "
                                                                                             data-duration="33 o 40 h"
                                                                                          data-image=" /archivos/images/maps/map-home-grancanaria-huelva.png "
                                             data-price="27&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$10$1$1A"
                                             data-port="Huelva<br/>Las Palmas G.C."
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde Huelva</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                                    <div class="button  "
                                                                                             data-duration="2 h"
                                                                                          data-image=" /archivos/images/maps/e6bc4d48-f1ba-4635-9315-403d5c5e9e1f.png "
                                             data-price="50&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$6$1$1A"
                                             data-port="S. S. de La Gomera<br/>Agaete"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde La Gomera</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                                    <div class="button  "
                                                                                             data-duration="3 h"
                                                                                          data-image=" /archivos/images/maps/1f09d691-e9a8-4997-945c-f95647e3efbf.png "
                                             data-price="50&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$5$1$1A"
                                             data-port="S.C. de La Palma<br/>Agaete"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde La Palma</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                                    <div class="button  "
                                                                                             data-duration="3 h"
                                                                                          data-image=" /archivos/images/maps/28efd8ce-2108-4d0f-a857-62558c372c68.png "
                                             data-price="50&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$7$1$1A"
                                             data-port="Valverde<br/>Agaete"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde El Hierro</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                            </div>
                                                                    <div class="route_container">
                                        <div class="port">
                                            <span class="fa fa-anchor" aria-hidden="true"></span>
                                            <span class="route_port">
                                                S. C. de Tenerife<br/>
                                                Agaete
                                            </span>
                                        </div>
                                        <div class="duration">
                                            <span class="fa fa-clock-o" aria-hidden="true"></span>
                                                                                            <span class="route_duration">80 min</span>
                                                                                    </div>
                                        <div class="map"><img class="route_image" src=" /archivos/images/maps/map-home-grancanaria-tenerife.png " alt="Ferry a Agaete" /></div>
                                        <a class="button" href="/es-ES/CompraOnline/inicio.aspx?search=1$4$1$1A">Reserva desde <span class="route_price">12&euro;</span></a>
                                    </div>
                                                            </div>
                            <div class="overlay"></div>
                        </div>
                    </div>
                                    <div class="col">
                        <div data-sr class="destination gomera">
                            <div class="img_container" style="background-image: url('/archivos/images/destinos/imagenes/la-gomera-barco-coche_.jpg')"></div>
                            <div class="content_container">
                                <div class="icons">
                                    <span class="fa fa-map" aria-hidden="true"></span>
                                </div>
                                <div class="icon_container">
                                    <div class="icon"></div>
                                </div>
                                <div class="text_container">
                                    <h2 class="title">La Gomera</h2>
                                    <div class="price">desde 2&euro;</div>
                                </div>
                                <div class="buttons_container">
                                                                                                                <a  class="button">
                                                                                            <span class="from">desde Tenerife</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                                    <a  class="button">
                                                                                            <span class="from2">
                                                    Valle Gran Rey<br/>
                                                    Playa de Santiago
                                                </span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                                    <a  class="button">
                                                                                            <span class="from2">
                                                    Playa de Santiago<br/>
                                                    S. S. de La Gomera
                                                </span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                                    <a  class="button">
                                                                                            <span class="from2">
                                                    Valle Gran Rey<br/>
                                                    S. S. de La Gomera
                                                </span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                                    <a  class="button">
                                                                                            <span class="from">desde Gran Canaria</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                            </div>
                            </div>
                            <div class="active_container">
                                <div class="icons">
                                    <span class="fa fa-map" aria-hidden="true"></span>
                                </div>
                                <div class="icon_container">
                                    <div class="icon">
                                    </div>

                                </div>
                                <div class="buttons_container">
                                                                                                                <div class="button  active  "
                                                                                             data-duration="50 min"
                                                                                          data-image=" /archivos/images/maps/map-home-lagomera-tenerife.png "
                                             data-price="10&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$4$6$1A"
                                             data-port="Los Cristianos<br/>S. S. de La Gomera"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde Tenerife</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                                    <div class="button  "
                                                                                             data-duration="40 min"
                                                                                          data-image=" /archivos/images/maps/map-home-tenerife-gomera2.png "
                                             data-price="2&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$6-VGR$6-PSA$1A"
                                             data-port="Valle Gran Rey<br/>Playa de Santiago"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from2">
                                                    Valle Gran Rey<br/>
                                                    Playa de Santiago
                                                </div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                                    <div class="button  "
                                                                                             data-duration="30 min"
                                                                                          data-image=" /archivos/images/maps/map-home-tenerife-gomera1.png "
                                             data-price="2&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$6-PSA$6-GMR$1A"
                                             data-port="Playa de Santiago<br/>S. S. de La Gomera"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from2">
                                                    Playa de Santiago<br/>
                                                    S. S. de La Gomera
                                                </div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                                    <div class="button  "
                                                                                             data-duration="70 min"
                                                                                          data-image=" /archivos/images/maps/map-home-tenerife-gomera3.png "
                                             data-price="8&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$6-VGR$6-GMR$1A"
                                             data-port="Valle Gran Rey<br/>S. S. de La Gomera"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from2">
                                                    Valle Gran Rey<br/>
                                                    S. S. de La Gomera
                                                </div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                                    <div class="button  "
                                                                                             data-duration="2 h"
                                                                                          data-image=" /archivos/images/maps/bad398cf-5cb9-4502-b82f-0cf9c2b7eb74.png "
                                             data-price="50&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$1$6$1A"
                                             data-port="Agaete<br/>S. S. de La Gomera"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde Gran Canaria</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                            </div>
                                                                    <div class="route_container">
                                        <div class="port">
                                            <span class="fa fa-anchor" aria-hidden="true"></span>
                                            <span class="route_port">
                                                Los Cristianos<br/>
                                                S. S. de La Gomera
                                            </span>
                                        </div>
                                        <div class="duration">
                                            <span class="fa fa-clock-o" aria-hidden="true"></span>
                                                                                            <span class="route_duration">50 min</span>
                                                                                    </div>
                                        <div class="map"><img class="route_image" src=" /archivos/images/maps/map-home-lagomera-tenerife.png " alt="Ferry a S. S. de La Gomera" /></div>
                                        <a class="button" href="/es-ES/CompraOnline/inicio.aspx?search=1$4$6$1A">Reserva desde <span class="route_price">10&euro;</span></a>
                                    </div>
                                                            </div>
                            <div class="overlay"></div>
                        </div>
                    </div>
                                    <div class="col">
                        <div data-sr class="destination lanzarote">
                            <div class="img_container" style="background-image: url('/archivos/images/destinos/imagenes/lanzarote-fred-olsen-barco-coche.jpg')"></div>
                            <div class="content_container">
                                <div class="icons">
                                    <span class="fa fa-map" aria-hidden="true"></span>
                                </div>
                                <div class="icon_container">
                                    <div class="icon"></div>
                                </div>
                                <div class="text_container">
                                    <h2 class="title">Lanzarote</h2>
                                    <div class="price">desde 8&euro;</div>
                                </div>
                                <div class="buttons_container">
                                                                                                                <a  class="button">
                                                                                            <span class="from">desde Fuerteventura</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                            </div>
                            </div>
                            <div class="active_container">
                                <div class="icons">
                                    <span class="fa fa-map" aria-hidden="true"></span>
                                </div>
                                <div class="icon_container">
                                    <div class="icon">
                                    </div>

                                </div>
                                <div class="buttons_container">
                                                                                                                <div class="button  active  "
                                                                                             data-duration="25 o 35 min"
                                                                                          data-image=" /archivos/images/maps/map-home-lanzarote-fuerteventura.png "
                                             data-price="8&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$2$3$1A"
                                             data-port="Corralejo<br/>Playa Blanca"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde Fuerteventura</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                            </div>
                                                                    <div class="route_container">
                                        <div class="port">
                                            <span class="fa fa-anchor" aria-hidden="true"></span>
                                            <span class="route_port">
                                                Corralejo<br/>
                                                Playa Blanca
                                            </span>
                                        </div>
                                        <div class="duration">
                                            <span class="fa fa-clock-o" aria-hidden="true"></span>
                                                                                            <span class="route_duration">25 o 35 min</span>
                                                                                    </div>
                                        <div class="map"><img class="route_image" src=" /archivos/images/maps/map-home-lanzarote-fuerteventura.png " alt="Ferry a Playa Blanca" /></div>
                                        <a class="button" href="/es-ES/CompraOnline/inicio.aspx?search=1$2$3$1A">Reserva desde <span class="route_price">8&euro;</span></a>
                                    </div>
                                                            </div>
                            <div class="overlay"></div>
                        </div>
                    </div>
                                    <div class="col">
                        <div data-sr class="destination palma">
                            <div class="img_container" style="background-image: url('/archivos/images/destinos/imagenes/la-palma-barco-coche.jpg')"></div>
                            <div class="content_container">
                                <div class="icons">
                                    <span class="fa fa-map" aria-hidden="true"></span>
                                </div>
                                <div class="icon_container">
                                    <div class="icon"></div>
                                </div>
                                <div class="text_container">
                                    <h2 class="title">La Palma</h2>
                                    <div class="price">desde 14&euro;</div>
                                </div>
                                <div class="buttons_container">
                                                                                                                <a  class="button">
                                                                                            <span class="from">desde Tenerife</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                                    <a  class="button">
                                                                                            <span class="from">desde Gran Canaria</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                            </div>
                            </div>
                            <div class="active_container">
                                <div class="icons">
                                    <span class="fa fa-map" aria-hidden="true"></span>
                                </div>
                                <div class="icon_container">
                                    <div class="icon">
                                    </div>

                                </div>
                                <div class="buttons_container">
                                                                                                                <div class="button  active  "
                                                                                             data-duration="150 min"
                                                                                          data-image=" /archivos/images/maps/map-home-lapalma-tenerife-2.png "
                                             data-price="14&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$4$5$1A"
                                             data-port="Los Cristianos<br/>S.C. de La Palma"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde Tenerife</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                                    <div class="button  "
                                                                                             data-duration="3 h"
                                                                                          data-image=" /archivos/images/maps/85d45071-4ec0-4dfb-a589-dad01a3c24bd(1).png "
                                             data-price="50&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$1$5$1A"
                                             data-port="Agaete<br/>S.C. de La Palma"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde Gran Canaria</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                            </div>
                                                                    <div class="route_container">
                                        <div class="port">
                                            <span class="fa fa-anchor" aria-hidden="true"></span>
                                            <span class="route_port">
                                                Los Cristianos<br/>
                                                S.C. de La Palma
                                            </span>
                                        </div>
                                        <div class="duration">
                                            <span class="fa fa-clock-o" aria-hidden="true"></span>
                                                                                            <span class="route_duration">150 min</span>
                                                                                    </div>
                                        <div class="map"><img class="route_image" src=" /archivos/images/maps/map-home-lapalma-tenerife-2.png " alt="Ferry a S.C. de La Palma" /></div>
                                        <a class="button" href="/es-ES/CompraOnline/inicio.aspx?search=1$4$5$1A">Reserva desde <span class="route_price">14&euro;</span></a>
                                    </div>
                                                            </div>
                            <div class="overlay"></div>
                        </div>
                    </div>
                                    <div class="col">
                        <div data-sr class="destination tenerife">
                            <div class="img_container" style="background-image: url('/archivos/images/destinos/imagenes/tenerife-barco-coche-fred-olsen.jpg')"></div>
                            <div class="content_container">
                                <div class="icons">
                                    <span class="fa fa-map" aria-hidden="true"></span>
                                </div>
                                <div class="icon_container">
                                    <div class="icon"></div>
                                </div>
                                <div class="text_container">
                                    <h2 class="title">Tenerife</h2>
                                    <div class="price">desde 10&euro;</div>
                                </div>
                                <div class="buttons_container">
                                                                                                                <a  class="button">
                                                                                            <span class="from">desde Gran Canaria</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                                    <a  class="button">
                                                                                            <span class="from">desde La Gomera</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                                    <a  class="button">
                                                                                            <span class="from">desde La Palma</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                                    <a  class="button">
                                                                                            <span class="from">desde Huelva</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                                    <a  class="button">
                                                                                            <span class="from">desde Fuerteventura</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                                    <a  class="button">
                                                                                            <span class="from">desde El Hierro</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                            </div>
                            </div>
                            <div class="active_container">
                                <div class="icons">
                                    <span class="fa fa-map" aria-hidden="true"></span>
                                </div>
                                <div class="icon_container">
                                    <div class="icon">
                                    </div>

                                </div>
                                <div class="buttons_container">
                                                                                                                <div class="button  active  "
                                                                                             data-duration="80 min"
                                                                                          data-image=" /archivos/images/maps/map-home-tenerife-grancanaria.png "
                                             data-price="12&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$1$4$1A"
                                             data-port="Agaete<br/>S. C. de Tenerife"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde Gran Canaria</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                                    <div class="button  "
                                                                                             data-duration="50 min"
                                                                                          data-image=" /archivos/images/maps/map-home-tenerife-lagomera.png "
                                             data-price="10&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$6$4$1A"
                                             data-port="S. S. de La Gomera<br/>Los Cristianos"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde La Gomera</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                                    <div class="button  "
                                                                                             data-duration="150 min"
                                                                                          data-image=" /archivos/images/maps/map-home-lapalma-tenerife-2.png "
                                             data-price="14&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$5$4$1A"
                                             data-port="S.C. de La Palma<br/>Los Cristianos"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde La Palma</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                                    <div class="button  "
                                                                                             data-duration="33 o 40 h"
                                                                                          data-image=" /archivos/images/maps/map-home-tenerife-huelva-inverso.png "
                                             data-price="28&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$10$4$1A"
                                             data-port="Huelva<br/>S. C. de Tenerife"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde Huelva</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                                    <div class="button  "
                                                                                             data-duration="3 h"
                                                                                          data-image=" /archivos/images/maps/3e91e249-2ab6-47a6-8900-e771b4d285c0.png "
                                             data-price="50&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$2$4$1A"
                                             data-port="Morro Jable<br/>S. C. de Tenerife"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde Fuerteventura</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                                    <div class="button  "
                                                                                             data-duration="140 min"
                                                                                          data-image=" /archivos/images/maps/map-home-tenerife-el-hierro-2.png "
                                             data-price="13&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$7$4$1A"
                                             data-port="Valverde<br/>Los Cristianos"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde El Hierro</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                            </div>
                                                                    <div class="route_container">
                                        <div class="port">
                                            <span class="fa fa-anchor" aria-hidden="true"></span>
                                            <span class="route_port">
                                                Agaete<br/>
                                                S. C. de Tenerife
                                            </span>
                                        </div>
                                        <div class="duration">
                                            <span class="fa fa-clock-o" aria-hidden="true"></span>
                                                                                            <span class="route_duration">80 min</span>
                                                                                    </div>
                                        <div class="map"><img class="route_image" src=" /archivos/images/maps/map-home-tenerife-grancanaria.png " alt="Ferry a S. C. de Tenerife" /></div>
                                        <a class="button" href="/es-ES/CompraOnline/inicio.aspx?search=1$1$4$1A">Reserva desde <span class="route_price">12&euro;</span></a>
                                    </div>
                                                            </div>
                            <div class="overlay"></div>
                        </div>
                    </div>
                                    <div class="col">
                        <div data-sr class="destination hierro">
                            <div class="img_container" style="background-image: url('/archivos/images/destinos/imagenes/destino-fred-olsen-el-hierro.jpg')"></div>
                            <div class="content_container">
                                <div class="icons">
                                    <span class="fa fa-map" aria-hidden="true"></span>
                                </div>
                                <div class="icon_container">
                                    <div class="icon"></div>
                                </div>
                                <div class="text_container">
                                    <h2 class="title">El Hierro</h2>
                                    <div class="price">desde 13&euro;</div>
                                </div>
                                <div class="buttons_container">
                                                                                                                <a  class="button">
                                                                                            <span class="from">desde Tenerife</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                                    <a  class="button">
                                                                                            <span class="from">desde Gran Canaria</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                            </div>
                            </div>
                            <div class="active_container">
                                <div class="icons">
                                    <span class="fa fa-map" aria-hidden="true"></span>
                                </div>
                                <div class="icon_container">
                                    <div class="icon">
                                    </div>

                                </div>
                                <div class="buttons_container">
                                                                                                                <div class="button  active  "
                                                                                             data-duration="140 min"
                                                                                          data-image=" /archivos/images/maps/map-home-el-hierro-tenerife-3.png "
                                             data-price="13&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$4$7$1A"
                                             data-port="Los Cristianos<br/>Valverde"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde Tenerife</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                                    <div class="button  "
                                                                                             data-duration="3 h"
                                                                                          data-image=" /archivos/images/maps/9413291d-a17d-49af-aef1-479596c9f626.png "
                                             data-price="50&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$1$7$1A"
                                             data-port="Agaete<br/>Valverde"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde Gran Canaria</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                            </div>
                                                                    <div class="route_container">
                                        <div class="port">
                                            <span class="fa fa-anchor" aria-hidden="true"></span>
                                            <span class="route_port">
                                                Los Cristianos<br/>
                                                Valverde
                                            </span>
                                        </div>
                                        <div class="duration">
                                            <span class="fa fa-clock-o" aria-hidden="true"></span>
                                                                                            <span class="route_duration">140 min</span>
                                                                                    </div>
                                        <div class="map"><img class="route_image" src=" /archivos/images/maps/map-home-el-hierro-tenerife-3.png " alt="Ferry a Valverde" /></div>
                                        <a class="button" href="/es-ES/CompraOnline/inicio.aspx?search=1$4$7$1A">Reserva desde <span class="route_price">13&euro;</span></a>
                                    </div>
                                                            </div>
                            <div class="overlay"></div>
                        </div>
                    </div>
                                    <div class="col">
                        <div data-sr class="destination huelva">
                            <div class="img_container" style="background-image: url('/archivos/files/destinos/huelva/destino-huelva-rio-tinto-ok-peque.jpg')"></div>
                            <div class="content_container">
                                <div class="icons">
                                    <span class="fa fa-map" aria-hidden="true"></span>
                                </div>
                                <div class="icon_container">
                                    <div class="icon"></div>
                                </div>
                                <div class="text_container">
                                    <h2 class="title">Huelva</h2>
                                    <div class="price">desde 27&euro;</div>
                                </div>
                                <div class="buttons_container">
                                                                                                                <a  class="button">
                                                                                            <span class="from">desde Gran Canaria</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                                    <a  class="button">
                                                                                            <span class="from">desde Tenerife</span>
                                                                                        <span class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></span>
                                        </a>
                                                                                                            </div>
                            </div>
                            <div class="active_container">
                                <div class="icons">
                                    <span class="fa fa-map" aria-hidden="true"></span>
                                </div>
                                <div class="icon_container">
                                    <div class="icon">
                                    </div>

                                </div>
                                <div class="buttons_container">
                                                                                                                <div class="button  active  "
                                                                                             data-duration="33 o 40 h"
                                                                                          data-image=" /archivos/images/maps/map-home-grancanaria-huelva-inverso.png "
                                             data-price="27&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$1$10$1A"
                                             data-port="Las Palmas G.C.<br/>Huelva"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde Gran Canaria</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                                    <div class="button  "
                                                                                             data-duration="33 o 40 h"
                                                                                          data-image=" /archivos/images/maps/map-home-tenerife-huelva.png "
                                             data-price="28&euro;"
                                             data-url="/es-ES/CompraOnline/inicio.aspx?search=1$4$10$1A"
                                             data-port="S. C. de Tenerife<br/>Huelva"
                                             data-rutaSuspendida =""
                                        >
                                                                                            <div class="from">desde Tenerife</div>
                                                                                        <div class="arrow"><span class="fa fa-long-arrow-right" aria-hidden="true"></span></div>
                                        </div>
                                                                                                            </div>
                                                                    <div class="route_container">
                                        <div class="port">
                                            <span class="fa fa-anchor" aria-hidden="true"></span>
                                            <span class="route_port">
                                                Las Palmas G.C.<br/>
                                                Huelva
                                            </span>
                                        </div>
                                        <div class="duration">
                                            <span class="fa fa-clock-o" aria-hidden="true"></span>
                                                                                            <span class="route_duration">33 o 40 h</span>
                                                                                    </div>
                                        <div class="map"><img class="route_image" src=" /archivos/images/maps/map-home-grancanaria-huelva-inverso.png " alt="Ferry a Huelva" /></div>
                                        <a class="button" href="/es-ES/CompraOnline/inicio.aspx?search=1$1$10$1A">Reserva desde <span class="route_price">27&euro;</span></a>
                                    </div>
                                                            </div>
                            <div class="overlay"></div>
                        </div>
                    </div>
                            </div>
            <div class="nota-precio">
                * Precio para un residente canario por trayecto en acomodación normal y tarifa supermini
            </div>
        </div>


        
                    <div data-sr class="offers bg_grey extra">
                <div class="destacadosextra container">
                    <div class="section_title">INFORMACIÓN PARA TU VIAJE</div>
                    <div class="section_subtitle"></div>
                    <div class="slider_container">
                                                    <div class="slide">
                                <a href="https://www.fredolsen.es/es-ES/main/bookingaction.aspx?action=7" title="Mis reservas">
                                    <div class="offer">
                                        <div class="img_container">
                                            <img src="/archivos/images/icons/ico-mis-reservas-info-importante-2.png" alt="Mis reservas" />
                                        </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Mis reservas
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                                                    <div class="slide">
                                <a href="https://www.fredolsen.es/es-ES/main/bookingaction.aspx?action=3" title="Cambiar viaje">
                                    <div class="offer">
                                        <div class="img_container">
                                            <img src="/archivos/images/icons/ico-nuestros-horarios.png" alt="Cambiar viaje" />
                                        </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Cambiar viaje
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                                                    <div class="slide">
                                <a href="https://www.fredolsen.es/es/preguntas-frecuentes" title="Preguntas frecuentes">
                                    <div class="offer">
                                        <div class="img_container">
                                            <img src="/archivos/images/icons/ico-covid-19-faqs.png" alt="Preguntas frecuentes" />
                                        </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Preguntas frecuentes
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                                                    <div class="slide">
                                <a href="https://www.fredolsen.es/es/estado-de-tu-viaje" title="Estado de tu viaje">
                                    <div class="offer">
                                        <div class="img_container">
                                            <img src="/archivos/images/icons/ico-estado-de-tu-viaje.png" alt="Estado de tu viaje" />
                                        </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Estado de tu viaje
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                                            </div>
                </div>
            </div>
        
        
        <div id="linesHome" class="">
            <div class="container">
                <div class="section_title">Nuestras rutas</div>
                <div class="section_subtitle">
                                                            <a class="1" href="#">
                        Fuerteventura
                    </a>
                     |                                         <a class="5" href="#">
                        Gran Canaria
                    </a>
                     |                                         <a class="7" href="#">
                        La Gomera
                    </a>
                     |                                         <a class="9" href="#">
                        Lanzarote
                    </a>
                     |                                         <a class="11" href="#">
                        La Palma
                    </a>
                     |                                         <a class="13" href="#">
                        Tenerife
                    </a>
                     |                                         <a class="17" href="#">
                        El Hierro
                    </a>
                     |                                         <a class="15" href="#">
                        Huelva
                    </a>
                                                        </div>
                <div class="slider_container">
                                            
                            
                            <div class="slide 1" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-fuerteventura-2.jpg'), url('/archivos/images/puertos/img-ruta-gran-canaria-2.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/fast-ferry-fuerteventura-gran-canaria"    title="Gran Canaria - Fuerteventura">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            Fuerteventura
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                Gran Canaria
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                                                                                2

                                                                                                            horas
                                                                                                                                                                                        </div>
                                    </div>
                                </a>
                            </div>
                        
                            
                            <div class="slide 1" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-fuerteventura-2.jpg'), url('/archivos/images/puertos/img-ruta-lanzarote-3.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/fast-ferry-barco-fuerteventura-lanzarote-lanzarote-fuerteventura"    title="Fuerteventura - Lanzarote">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            Fuerteventura
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                Lanzarote
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                                                                                25 o 35 minutos
                                                                                                                                    </div>
                                    </div>
                                </a>
                            </div>
                        
                            
                            <div class="slide 1" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-fuerteventura-2.jpg'), url('/archivos/images/puertos/img-ruta-tenerife-2.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/fast-ferry-fuerteventura-tenerife"    title="Fuerteventura - Tenerife">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            Fuerteventura
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                Tenerife
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                            3

                                                                                                    horas
                                                
                                                20 minutos
                                                                                    </div>
                                    </div>
                                </a>
                            </div>
                                                                    
                            
                            <div class="slide 5" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-gran-canaria-2.jpg'), url('/archivos/images/puertos/img-ruta-tenerife-2.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/fast-ferry-barco-gran-canaria-tenerife-tenerife-gran-canaria"    title="Tenerife - Gran Canaria">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            Gran Canaria
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                Tenerife
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                                                                                80 minutos
                                                                                                                                    </div>
                                    </div>
                                </a>
                            </div>
                        
                            
                            <div class="slide 5" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-gran-canaria-2.jpg'), url('/archivos/images/puertos/img-ruta-fuerteventura-2.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/fast-ferry-barco-gran-canaria-fuerteventura-fuerteventura-gran-canaria"    title="Gran Canaria - Fuerteventura">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            Gran Canaria
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                Fuerteventura
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                                                                                2

                                                                                                            horas
                                                                                                                                                                                        </div>
                                    </div>
                                </a>
                            </div>
                        
                            
                            <div class="slide 5" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-gran-canaria-2.jpg'), url('/archivos/images/puertos/img-ruta-huelva.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/ferry-gran-canaria-huelva"    title="Huelva - Gran Canaria">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            Gran Canaria
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                Huelva
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                                                                                33 o 40

                                                                                                            horas
                                                                                                                                                                                        </div>
                                    </div>
                                </a>
                            </div>
                        
                            
                            <div class="slide 5" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-gran-canaria-2.jpg'), url('/archivos/images/puertos/img-ruta-la-gomera-2.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/fast-ferry-gran-canaria-la-gomera-la-gomera-gran-canaria"    title="La Gomera - Tenerife - Gran Canaria">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            Gran Canaria
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                La Gomera
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                            2

                                                                                                    horas
                                                
                                                10 minutos
                                                                                    </div>
                                    </div>
                                </a>
                            </div>
                        
                            
                            <div class="slide 5" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-gran-canaria-2.jpg'), url('/archivos/images/puertos/img-ruta-la-palma-2.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/fast-ferry-gran-canaria-la-palma-la-palma-gran-canaria"    title="La Palma - Tenerife - Gran Canaria">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            Gran Canaria
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                La Palma
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                            3

                                                                                                    horas
                                                
                                                50 minutos
                                                                                    </div>
                                    </div>
                                </a>
                            </div>
                        
                            
                            <div class="slide 5" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-gran-canaria-2.jpg'), url('/archivos/images/destinos/imagenes/el-hierro-barco-coche.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/fast-ferry-gran-canaria-el-hierro-el-hierro-gran-canaria"    title="El Hierro - Tenerife - Gran Canaria">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            Gran Canaria
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                El Hierro
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                                                                                3

                                                                                                            horas
                                                                                                                                                                                        </div>
                                    </div>
                                </a>
                            </div>
                                                                    
                            
                            <div class="slide 7" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-la-gomera-2.jpg'), url('/archivos/images/puertos/img-ruta-tenerife-2.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/fast-ferry-la-gomera-tenerife"    title="Tenerife - La Gomera">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            La Gomera
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                Tenerife
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                                                                                50 minutos
                                                                                                                                    </div>
                                    </div>
                                </a>
                            </div>
                        
                            
                            <div class="slide 7" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-interior-playa-de-santiago.jpg'), url('/archivos/images/puertos/img-ruta-interior-valle-del-gran-rey.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/ruta-costera-la-gomera-san-sebastian-valle-gran-rey-playa-santiago?origen=GMR&destino=PSA"    title="Ruta interior de La Gomera: Playa Santiago - Valle Gran Rey">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            Playa de Santiago
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                Valle Gran Rey
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                                                                                40 minutos
                                                                                                                                    </div>
                                    </div>
                                </a>
                            </div>
                        
                            
                            <div class="slide 7" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-la-gomera-2.jpg'), url('/archivos/images/puertos/img-ruta-interior-playa-de-santiago.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/ruta-costera-la-gomera-san-sebastian-valle-gran-rey-playa-santiago?origen=GMR&destino=PSA"    title="Ruta interior de La Gomera: S. S. de La Gomera - Playa Santiago">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            S. S. de La Gomera
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                Playa de Santiago
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                                                                                30 minutos
                                                                                                                                    </div>
                                    </div>
                                </a>
                            </div>
                        
                            
                            <div class="slide 7" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-la-gomera-2.jpg'), url('/archivos/images/puertos/img-ruta-interior-valle-del-gran-rey.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/ruta-costera-la-gomera-san-sebastian-valle-gran-rey-playa-santiago?origen=GMR&destino=PSA"    title="Ruta interior de La Gomera: S. S. de La Gomera - Valle Gran Rey">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            S. S. de La Gomera
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                Valle Gran Rey
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                                                                                70 minutos
                                                                                                                                    </div>
                                    </div>
                                </a>
                            </div>
                        
                            
                            <div class="slide 7" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-la-gomera-2.jpg'), url('/archivos/images/puertos/img-ruta-gran-canaria-2.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/fast-ferry-la-gomera-gran-canaria"    title="La Gomera - Tenerife - Gran Canaria">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            La Gomera
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                Gran Canaria
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                            2

                                                                                                    horas
                                                
                                                10 minutos
                                                                                    </div>
                                    </div>
                                </a>
                            </div>
                                                                    
                            
                            <div class="slide 9" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-lanzarote-3.jpg'), url('/archivos/images/puertos/img-ruta-fuerteventura-2.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/fast-ferry-lanzarote-fuerteventura"    title="Fuerteventura - Lanzarote">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            Lanzarote
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                Fuerteventura
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                                                                                25 o 35 minutos
                                                                                                                                    </div>
                                    </div>
                                </a>
                            </div>
                                                                    
                            
                            <div class="slide 11" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-la-palma-2.jpg'), url('/archivos/images/puertos/img-ruta-tenerife-2.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/fast-ferry-la-palma-tenerife"    title="Tenerife - La Palma">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            La Palma
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                Tenerife
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                                                                                150 minutos
                                                                                                                                    </div>
                                    </div>
                                </a>
                            </div>
                        
                            
                            <div class="slide 11" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-la-palma-2.jpg'), url('/archivos/images/puertos/img-ruta-gran-canaria-2.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/fast-ferry-la-palma-gran-canaria"    title="La Palma - Tenerife - Gran Canaria">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            La Palma
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                Gran Canaria
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                            3

                                                                                                    horas
                                                
                                                50 minutos
                                                                                    </div>
                                    </div>
                                </a>
                            </div>
                                                                    
                            
                            <div class="slide 13" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-tenerife-2.jpg'), url('/archivos/images/puertos/img-ruta-gran-canaria-2.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/fast-ferry-tenerife-gran-canaria"    title="Tenerife - Gran Canaria">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            Tenerife
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                Gran Canaria
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                                                                                80 minutos
                                                                                                                                    </div>
                                    </div>
                                </a>
                            </div>
                        
                            
                            <div class="slide 13" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-tenerife-2.jpg'), url('/archivos/images/puertos/img-ruta-la-gomera-2.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/fast-ferry-barco-la-gomera-tenerife-tenerife-la-gomera"    title="Tenerife - La Gomera">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            Tenerife
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                La Gomera
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                                                                                50 minutos
                                                                                                                                    </div>
                                    </div>
                                </a>
                            </div>
                        
                            
                            <div class="slide 13" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-tenerife-2.jpg'), url('/archivos/images/puertos/img-ruta-la-palma-2.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/fast-ferry-barco-tenerife-la-palma-la-palma-tenerife"    title="Tenerife - La Palma">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            Tenerife
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                La Palma
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                                                                                150 minutos
                                                                                                                                    </div>
                                    </div>
                                </a>
                            </div>
                        
                            
                            <div class="slide 13" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-tenerife-2.jpg'), url('/archivos/images/puertos/img-ruta-huelva.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/ferry-tenerife-huelva"    title="Huelva - Tenerife">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            Tenerife
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                Huelva
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                                                                                33 o 40

                                                                                                            horas
                                                                                                                                                                                        </div>
                                    </div>
                                </a>
                            </div>
                        
                            
                            <div class="slide 13" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-tenerife-2.jpg'), url('/archivos/images/puertos/img-ruta-fuerteventura-2.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/fast-ferry-tenerife-fuerteventura-fuerteventura-tenerife"    title="Fuerteventura - Tenerife">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            Tenerife
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                Fuerteventura
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                            3

                                                                                                    horas
                                                
                                                20 minutos
                                                                                    </div>
                                    </div>
                                </a>
                            </div>
                        
                            
                            <div class="slide 13" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-tenerife-2.jpg'), url('/archivos/images/destinos/imagenes/el-hierro-barco-coche.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/fast-ferry-tenerife-el-hierro"    title="Tenerife - El Hierro">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            Tenerife
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                El Hierro
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                                                                                140 minutos
                                                                                                                                    </div>
                                    </div>
                                </a>
                            </div>
                                                                    
                            
                            <div class="slide 17" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/destinos/imagenes/el-hierro-barco-coche.jpg'), url('/archivos/images/puertos/img-ruta-tenerife-2.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/fast-ferry-el-hierro-tenerife"    title="Tenerife - El Hierro">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            El Hierro
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                Tenerife
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                                                                                140 minutos
                                                                                                                                    </div>
                                    </div>
                                </a>
                            </div>
                        
                            
                            <div class="slide 17" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/destinos/imagenes/el-hierro-barco-coche.jpg'), url('/archivos/images/puertos/img-ruta-gran-canaria-2.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/fast-ferry-el-hierro-gran-canaria"    title="El Hierro - Tenerife - Gran Canaria">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            El Hierro
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                Gran Canaria
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                                                                                3

                                                                                                            horas
                                                                                                                                                                                        </div>
                                    </div>
                                </a>
                            </div>
                                                                    
                            
                            <div class="slide 15" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-huelva.jpg'), url('/archivos/images/puertos/img-ruta-gran-canaria-2.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/ferry-gran-canaria-huelva-huelva-gran-canaria"    title="Huelva - Gran Canaria">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            Huelva
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                Gran Canaria
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                                                                                33 o 40

                                                                                                            horas
                                                                                                                                                                                        </div>
                                    </div>
                                </a>
                            </div>
                        
                            
                            <div class="slide 15" style="color:cornsilk" >
                                <div class="img_container linea" style="background-image: url('/archivos/images/puertos/img-ruta-huelva.jpg'), url('/archivos/images/puertos/img-ruta-tenerife-2.jpg')">
                                    <img src="" alt="" />
                                </div>
                                <a href="https://www.fredolsen.es/es/ferry-tenerife-huelva-huelva-tenerife"    title="Huelva - Tenerife">
                                    <div class="text_container">
                                        <div class="title">
                                                                                            Huelva
                                                <i class="fa fa-arrows-h" aria-hidden="true"></i>
                                                Tenerife
                                                                                    </div>
                                        <hr>
                                        <div class="duration">
                                                                                                                                                33 o 40

                                                                                                            horas
                                                                                                                                                                                        </div>
                                    </div>
                                </a>
                            </div>
                                                            </div>
            </div>
            <script>
                $(document).ready(function() {
                    $('.section_subtitle').on('click', 'a', function(e) {
                        $('.section_subtitle a').each(function () {
                            $(this).removeClass('active');
                        });
                        if ($(window).width() <= 769)
                        {
                            $('#linesHome .slider_container').slick('slickGoTo', 0);
                        }
                        e.preventDefault();

                        $('#linesHome .slider_container').slick('slickUnfilter').slick('slickFilter',"." + $(this).attr('class'));
                        $('#linesHome .slider_container').slick('slickGoTo', 0);
                        $(this).addClass('active');
                    });
                    $(".section_subtitle a").first().trigger("click");
                });
            </script>
        </div>

        <div id="improveYourTrip" class="bg_blue_opactity">
            <div class="container">
                <div class="section_title">VIAJA MÁS CÓMODO</div>
                <div class="section_subtitle">Servicios exclusivos para una experiencia inmejorable</div>
                <div class="slider_container">
                                        <div class="slide">
                        <a data-sr class="" href="/es/ferry-bus" title="Ferry bus">
                        <div class="img_container">
                            <img src="/archivos/images/descubre-foe/Ferry-bus.jpg" alt="Ferry bus" />
                        </div>
                        <div class="text_container">
                            <div class="icon">
                                                                <img src="/archivos/images/icons/ico-ferry-bus-2.png" alt="Ferry bus" />
                                                            </div>
                            <hr>
                            <h4 class="title">Ferry bus</h4>
                            <div class="description"><p>
	Como parte de nuestra estrategia sostenible, te facilitamos la conexi&oacute;n por tierra en nuestros viajes interinsulares, minimizando el impacto ambiental &iexcl;y tus preocupaciones!</p></div>
                        </div>
                        </a>
                    </div>
                                        <div class="slide">
                        <a data-sr class="" href="https://www.fredolsen.es/es/clase-oro" title="Clase oro">
                        <div class="img_container">
                            <img src="/archivos/images/descubre-foe/Clase%20Oro.jpg" alt="Clase oro" />
                        </div>
                        <div class="text_container">
                            <div class="icon">
                                                                <span class="fa fa-anchor" aria-hidden="true"></span>
                                                            </div>
                            <hr>
                            <h4 class="title">Clase oro</h4>
                            <div class="description"><p>
	Disfruta de atenci&oacute;n preferente y convierte un simple trayecto en una manera distinguida de viajar. Los pasajeros de Clase Oro tienen prioridad en el embarque.</p>
<p>
	&nbsp;</p></div>
                        </div>
                        </a>
                    </div>
                                        <div class="slide">
                        <a data-sr class="" href="/es/entretenimiento-a-bordo" title="Entretenimiento digital">
                        <div class="img_container">
                            <img src="/archivos/images/destacados/img-entretenimiento-digital(1).jpg" alt="Entretenimiento digital" />
                        </div>
                        <div class="text_container">
                            <div class="icon">
                                                                <span class="fa fa-youtube-play" aria-hidden="true"></span>
                                                            </div>
                            <hr>
                            <h4 class="title">Entretenimiento digital</h4>
                            <div class="description"><p>
	Con nuestro On Board Club tus viajes entre las islas ser&aacute;n los m&aacute;s r&aacute;pidos, los m&aacute;s c&oacute;modos y, adem&aacute;s, los m&aacute;s entretenidos. &iexcl;Descubre nuestra oferta de ocio! Pel&iacute;culas, series, juego y m&aacute;s.</p></div>
                        </div>
                        </a>
                    </div>
                                        <div class="slide">
                        <a data-sr class="" href="https://www.fredolsen.es/es/tarjeta-plus" title="Tarjeta plus">
                        <div class="img_container">
                            <img src="/archivos/images/landing/Compromiso/2(1).jpg" alt="Tarjeta plus" />
                        </div>
                        <div class="text_container">
                            <div class="icon">
                                                                <span class="fa fa-plus-circle" aria-hidden="true"></span>
                                                            </div>
                            <hr>
                            <h4 class="title">Tarjeta plus</h4>
                            <div class="description"><p>
	Descubre un mundo lleno de magn&iacute;ficas oportunidades con nuestra Tarjeta Plus. Si no la tienes todav&iacute;a, solic&iacute;tala online, y a cambio gozar&aacute;s de excelentes ventajas en Fred. Olsen Express</p></div>
                        </div>
                        </a>
                    </div>
                                    </div>
            </div>
        </div>
        
    </div>
</div>

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

        document.addEventListener('click', function (event){
           const iframe = document.getElementById('bravoReservas');

           if(iframe !== null){
               if(iframe.contains(event.target)){
                   return;
               }
               else{
                   overlay.classList.remove('active');
                   iframe.contentWindow.postMessage({hideWidget: true}, '*');
               }
           }
        });

        const overlay = document.getElementById('overlay');

        window.addEventListener("message", function(event) {
            if(event.data.frameHeight > 167) {
                overlay.classList.add('active');
            }
            else{
                overlay.classList.remove('active');
            }
        });
    });

    var resizeObserver = new ResizeObserver(() => {
        mobileMarginWidget();
    });
    resizeObserver.observe($("#booking_widget_puc")[0]);

    function mobileMarginWidget(){
        var widgetHeight = $('#booking_widget_puc').height();
        var marginMobile = widgetHeight - 30;
        $("#home-mobile").css("margin-top", marginMobile + "px");
    }

    function widthDotsSlider() {
        var dotsCount = $("#slider .slider_container .slick-dots li").length;
        var dotsWidth = 220 / dotsCount;
        $("#slider .slider_container .slick-dots li button").css("width", dotsWidth);
    }

	//Prueba widget local/test
    //$("#titlewidget").click(function(){
    //    $("#marginwidget").css("margin-bottom", "200px");
    //});
    //$("#paxwidget").click(function(){
    //    $("#marginwidget").css("margin-bottom", "300px");
    //});
    //$("#dateswidget").click(function(){
    //    $("#marginwidget").css("margin-bottom", "150px");
    //});
    //$("#cargawidget").click(function(){
    //    $("#marginwidget").css("margin-bottom", "100px");
    //});
    //$("#trayectowidget").click(function(){
    //    $("#marginwidget").css("margin-bottom", "50px");
    //});
    //$("#buttonwidget").click(function(){
    //    $("#marginwidget").css("margin-bottom", "0");
    //});

    window.onmessage = (e) => {
        // Height update
        if (e.data.hasOwnProperty("frameHeight")) {
            document.getElementById("bravoReservas").style.height = `${e.data.frameHeight}px`;
        }

        // Redirección acción de búsqueda
        if (e.data.hasOwnProperty("redirectUrl")) {
            document.write(e.data.redirectUrl)
        }
    }
</script>

<script type="application/ld+json">
    [
        {
            "@context": "https://schema.org",
            "@type": "Organization",
            "@id": "https://www.fredolsen.es/#organization",
            "name": "Fred. Olsen Express",
            "alternateName": ["Fred Olsen Express", "Fred. Olsen"],
            "url": "https://www.fredolsen.es",
            "logo": {
                "@type": "ImageObject",
                "url": "https://www.fredolsen.es/web/img/logo_fred_olsen_express_corazon.webp",
                "width": 250,
                "height": 60
            },
            "description": "Compañía líder en transporte marítimo de alta velocidad en Canarias, lleva más de 50 años conectando las islas y la península con una flota moderna y compromiso con la sostenibilidad.",
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "Edificio Fred. Olsen - Polígono Industrial Añaza",
                "addressLocality": "Santa Cruz de Tenerife",
                "addressRegion": "Santa Cruz de Tenerife",
                "postalCode": "38111",
                "addressCountry": "ES"
            },
            "contactPoint": {
                "@type": "ContactPoint",
                "telephone": "+34-922-290-070",
                "contactType": "customer service",
                "areaServed": "ES",
                "availableLanguage": ["Spanish", "English"]
            },
            "sameAs": [
                "https://www.facebook.com/fredolsenexpress",
                "https://www.instagram.com/fredolsenexpress/",
                "https://x.com/FOexpress",
                "https://www.youtube.com/@fred.olsenexpress1385",
                "https://es.linkedin.com/company/naviera-fred-olsen-express",
                "https://www.tiktok.com/@fredolsenexpress"
            ]
        },
        {
            "@context": "https://schema.org",
            "@type": "WebSite",
            "url": "https://www.fredolsen.es",
            "potentialAction": {
                "@type": "SearchAction",
                "target": {
                    "@type": "EntryPoint",
                    "urlTemplate": "https://www.fredolsen.es/es/search?q={search_term_string}"
                },
                "query-input": "required name=search_term_string"
            }
        },
        {
            "@context": "https://schema.org",
            "@type": "Service",
            "name": "Servicio de ferry de alta velocidad",
            "provider": { "@id": "https://www.fredolsen.es/#organization" },
            "areaServed": [
                { "@type": "Place", "name": "Islas Canarias" },
                { "@type": "Place", "name": "Península Ibérica (Huelva)" }
            ],
            "hasOfferCatalog": {
                "@type": "OfferCatalog",
                "name": "Catálogo de Servicios",
                "itemListElement": [
                    {
                        "@type": "Offer",
                        "itemOffered": {
                            "@type": "Service",
                            "name": "Fast Ferry Interinsular",
                            "description": "Conexiones de alta velocidad entre todas las islas del archipiélago canario."
                        }
                    },
                    {
                        "@type": "Offer",
                        "itemOffered": {
                            "@type": "Service",
                            "name": "Conexión Canarias - Península (Huelva)",
                            "description": "Ruta marítima que une Huelva con Gran Canaria y Tenerife."
                        }
                    },
                    {
                        "@type": "Offer",
                        "itemOffered": {
                            "@type": "Service",
                            "name": "Transporte de Vehículos y Carga",
                            "description": "Servicio de embarque de turismos, motos, furgonetas y transporte de mercancías."
                        }
                    },
                    {
                        "@type": "Offer",
                        "itemOffered": {
                            "@type": "Service",
                            "name": "Transporte de Mascotas",
                            "description": "Acomodaciones especiales Pet-Friendly: Pet Carrier, Pet Sofa y Pet Rooms."
                        }
                    },
                    {
                        "@type": "Offer",
                        "itemOffered": {
                            "@type": "Service",
                            "name": "Gastronomía Local Km 0",
                            "description": "Cafeterías a bordo con selección de productos canarios de kilómetro 0 y apoyo al productor local."
                        }
                    }
                ]
            }
        }
    ]
</script>

	    


        </main>

            <footer id="footer">
            <div class="apps-rrss">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="apps">
                                <div class="inner">
                                    <div class="title">APP MÓVIL</div>
                                    <p>Más fácil, intuitiva y cómoda</p>
                                    <div class="links">
                                        <a href="https://itunes.apple.com/es/app/id716585432?mt=8" title="Consíguelo en el App Store" class="app-store">
                                            <img src="/web/img/badge-download-on-the-app-store-es.svg" alt="Consíguelo en el App Store" />
                                        </a>
                                        <a href="https://play.google.com/store/apps/details?id=es.fredolsen.appmovil" title="Disponible en Google Play" class="google-play">
                                            <img src="/web/img/google-play-badge-es.png" alt="Disponible en Google Play" />
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="rrss">
                                <div class="inner">
                                    <div class="title">¡SÍGUENOS!</div>
                                    <p>No te pierdas las novedades de Fred. Olsen</p>
                                    <div class="icons">
                                                                                    <a href="https://www.fredolsen.es/es-es/mailing/mailing.aspx" target="_blank" title="Newsletter: Apúntate por email" class="newsletter"><span class="fa fa-envelope" aria-hidden="true"></span> Apúntate por email</a>
                                                                                <a href="https://www.facebook.com/fredolsenexpress" target="_blank" title="síguenos en Facebook" class="facebook"><span class="fa fa-facebook" aria-hidden="true"></span></a>
                                        <a href="https://www.youtube.com/channel/UC4RMFwTbVNbhju3sMHj2Drg" target="_blank" title="síguenos en Youtube" class="youtube"><span class="fa fa-youtube" aria-hidden="true"></span></a>
                                        <a href="https://x.com/FOexpress" target="_blank" title="síguenos en X" class="twitter">
                                            <img src="/web/img/Twitter-x-logo.png" alt="síguenos en Twitter">
                                        </a>
                                        <a href="https://www.instagram.com/fredolsenexpress/" target="_blank" title="síguenos en Instagram" class="instagram"><span class="fa fa-instagram" aria-hidden="true"></span></a>
                                        <a href="https://www.linkedin.com/company/fred-olsen.sa/" target="_blank" title="síguenos en Linkedin" class="linkedin"><span class="fa fa-linkedin" aria-hidden="true"></span></a>
                                        <a href="https://www.tiktok.com/@fredolsenexpress/" target="_blank" title="síguenos en Tik Tok" class="tiktok">

                                                <img src="/web/img/TikTok-logo.png" alt="síguenos en Tik Tok" />
                                            
                                        </a>


                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main_footer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row">
                                    <div class="col-md-3">
	    <div class="footer_group">
	        <h6 class="title" title="Compra tu viaje">Compra tu viaje</h6><span class="fa fa-angle-down" aria-hidden="true"></span>
	        	            <ul>
	                	                    <li><a href="/es-ES/CompraOnline/inicio.aspx" title="Comprar" >Comprar</a></li>
	                	                    <li><a href="https://www.fredolsen.es/es/comprar/horarios" title="Horarios" >Horarios</a></li>
	                	                    <li><a href="https://www.fredolsen.es/es/tarifas" title="Tarifas" >Tarifas</a></li>
	                	                    <li><a href="https://www.fredolsen.es/es/ofertas-y-promociones" title="Ofertas y actividades" >Ofertas y actividades</a></li>
	                	                    <li><a href="https://www.fredolsen.es/es/comprar/reservas-grupos" title="Reservas grupos" >Reservas grupos</a></li>
	                	            </ul>
	        	    </div>
    </div>
    <div class="col-md-3">
	    <div class="footer_group">
	        <h6 class="title" title="Nuestras rutas">Nuestras rutas</h6><span class="fa fa-angle-down" aria-hidden="true"></span>
	        	            <ul>
	                	                    <li><a href="https://www.fredolsen.es/es/fast-ferry-barco-gran-canaria-tenerife-tenerife-gran-canaria" title="Gran Canaria - Tenerife" >Gran Canaria - Tenerife</a></li>
	                	                    <li><a href="https://www.fredolsen.es/es/fast-ferry-barco-gran-canaria-fuerteventura-fuerteventura-gran-canaria" title="Gran Canaria - Fuerteventura" >Gran Canaria - Fuerteventura</a></li>
	                	                    <li><a href="https://www.fredolsen.es/es/fast-ferry-barco-la-gomera-tenerife-tenerife-la-gomera" title="Tenerife - La Gomera" >Tenerife - La Gomera</a></li>
	                	                    <li><a href="https://www.fredolsen.es/es/ferry-a-canarias" title="Ferry a Canarias" >Ferry a Canarias</a></li>
	                	                    <li><a href="https://www.fredolsen.es/es/comprar/rutas" title="Ver todas" >Ver todas</a></li>
	                	            </ul>
	        	    </div>
    </div>
    <div class="col-md-3">
	    <div class="footer_group">
	        <h6 class="title" title="Descubre Fred. Olsen Express">Descubre Fred. Olsen Express</h6><span class="fa fa-angle-down" aria-hidden="true"></span>
	        	            <ul>
	                	                    <li><a href="https://www.fredolsen.es/es/noticias" title="Noticias" >Noticias</a></li>
	                	                    <li><a href="https://www.fredolsen.es/es/tarjeta-plus" title="Tarjeta Plus" >Tarjeta Plus</a></li>
	                	                    <li><a href="https://www.fredolsen.es/es/sostenibilidad" title="Sostenibilidad" target='_blank'>Sostenibilidad</a></li>
	                	                    <li><a href="https://www.fredolsen.es/blog/" title="Blog Brisa" target='_blank'>Blog Brisa</a></li>
	                	                    <li><a href="https://www.fredolsen.es/es/opiniones-de-fred-olsen-express" title="Opiniones de Fred. Olsen Express" >Opiniones de Fred. Olsen Express</a></li>
	                	            </ul>
	        	    </div>
    </div>
    <div class="col-md-3">
	    <div class="footer_group">
	        <h6 class="title" title="Acerca de Fred. Olsen Express">Acerca de Fred. Olsen Express</h6><span class="fa fa-angle-down" aria-hidden="true"></span>
	        	            <ul>
	                	                    <li><a href="https://www.fredolsen.es/es/acerca-de-fred-olsen-express" title="Nuestra historia" >Nuestra historia</a></li>
	                	                    <li><a href="http://www.grupofredolsen.es/Empleo#/ofertas" title="Trabaja con nosotros" target='_blank'>Trabaja con nosotros</a></li>
	                	                    <li><a href="https://www.fredolsen.es/es/medioambiente-y-oceanos" title="Cuidado medioambiental" >Cuidado medioambiental</a></li>
	                	                    <li><a href="https://www.fredolsen.es/es/sala-de-prensa" title="Sala de Prensa" >Sala de Prensa</a></li>
	                	                    <li><a href="https://www.fredolsen.es/es/calidad-y-seguridad-certificada" title="Certificados de calidad" >Certificados de calidad</a></li>
	                	            </ul>
	        	    </div>
    </div>

                            </div>
                        </div>
                    </div>
                    <!--<hr>
                    <div class="row">
                        <div class="col-md-12 col-4">
                            <div class="footer_certificates text-center">
                                                        <a class="img_container aenorER" href="/archivos/files/CertificadoER-0501-2014_ES_2020-11-30.pdf" title="Ver certificado Aenor"><img src="/web/img/aenor_v2.png" width="75" alt="Aenor" class="aenor" /></a>
                            
                                                        <a class="img_container aenorMA" href="/archivos/files/HCO-2019-0005 FRED OLSEN.pdf" title="Ver certificado Medio Ambiente Aenor"><img src="/web/img/med_amb_verif_cmyk.jpg" width="75" alt="Medio Ambiente Aenor" class="aenor" /></a>
                            
                                                        <a class="img_container aenorGA" href="/archivos/files/CertificadoGA-2019-0285_ES_2020-11-20.pdf" title="Ver certificado Sistema de Gesti&oacute;n Ambiental Aenor"><img src="/web/img/gest_amb_cmyk.png" width="75" alt="Sistema de Gestión Ambiental Aenor" class="aenor" /></a>
                            
                                                        <a class="img_container aenorP" href="/archivos/files/Certificado-Aenor-covid_2021-01-13.pdf" title="Ver certificado protocolos frente al COVID-19 Aenor"><img src="/web/img/AENOR_covid19.png" alt="Protocolos frente al COVID-19 Aenor" class="aenor small" /></a>
                                                                                    <a class="img_container aenorSI" href="/archivos/files/CertificadoSI-0063-2020_ES_2020-09-15.pdf" title="Ver certificado Gesti&oacute;n de Seguridad de la Informaci&oacute;n Aenor"><img src="/web/img/AENOR-SI_es.png" alt="Sistema de Gestión de Seguridad de la Información" class="aenor small" /></a>
                                                        <img src="/web/img/foe_intermediador_turistico.jpg" alt="FOE_Intermediador Tur�stico" class="intermediador"/>
                            <a class="img_container gainn" href="http://www.gainnprojects.eu/" title="Ver certificado G4s"><img src="/web/img/logo_g4s.png" width="75" alt="G4s" class="g4s" /></a>
                            </div>
                        </div>
                    </div>-->
                </div>
            </div>
            <div class="transparency_bar">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <h6 class="title">Transparencia</h6>
                        </div>
                        <div class="col-md-12 content">
                            

<div class="col-md-3 element">

    <span class="subtitle">

       <a href="/es/condiciones-de-transporte" title="Condiciones de transporte" >Condiciones de transporte</a>
</span>

</div>

<div class="col-md-3 element">

    <span class="subtitle">

       <a href="/es/aviso-legal-y-politica-de-privacidad" title="Aviso legal y política de privacidad" >Aviso legal y política de privacidad</a>
</span>

</div>

<div class="col-md-3 element">

    <span class="subtitle">

       <a href="/es/politica-sistema-de-gestion-integrado" title="Política sistema de gestión integrado" >Política sistema de gestión integrado</a>
</span>

</div>

<div class="col-md-3 element">

    <span class="subtitle">

       <a href="/es/politica-de-privacidad-y-acceso-wifi" title="Política de privacidad y acceso WiFi" >Política de privacidad y acceso WiFi</a>
</span>

</div>

<div class="col-md-3 element">

    <span class="subtitle">

       <a href="/es/verificacion-de-la-residencia" title="Verificación de la residencia" >Verificación de la residencia</a>
</span>

</div>

<div class="col-md-3 element">

    <span class="subtitle">

       <a href="/es/politica-de-cookies" title="Política de cookies" >Política de cookies</a>
</span>

</div>

<div class="col-md-3 element">

    <span class="subtitle">

       <a href="/es/politica-de-seguridad-de-la-informacion" title="Política de seguridad de la información" >Política de seguridad de la información</a>
</span>

</div>

<div class="col-md-3 element">

    <span class="subtitle">

       <a href="/es/documentacion-familia-numerosa" title="Documentación familia numerosa" >Documentación familia numerosa</a>
</span>

</div>

<div class="col-md-3 element">

    <span class="subtitle">

       <a href="/es/condiciones-de-actividades-en-destino" title="Condiciones actividades en destino" >Condiciones actividades en destino</a>
</span>

</div>

<div class="col-md-3 element">

    <span class="subtitle">

       <a href="https://www.fredolsen.es/es/datos-de-emisiones-verificados" title="Huella de carbono" >Huella de carbono</a>
</span>

</div>

<div class="col-md-3 element">

    <span class="subtitle">

       <a href="/es/declaracion-de-accesibilidad" title="Declaración de Accesibilidad" >Declaración de Accesibilidad</a>
</span>

</div>


                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom_bar">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <p class="copyright">
                                <span itemscope itemtype="http://schema.org/LocalBusiness">©</span>
                                2026
                                <span>&nbsp;  Copyright Fred. Olsen Express</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    
</div>

    <script type="text/javascript">
jQuery( document ).ready(function() {
    var menuMovil = new VsfMenu({
         id: "#menuMovil",
         debug: true
     });

    jQuery(".menu_mobile_trigger").click(function(){
         menuMovil.toggle();
         return false;
     });
});
</script>

<nav id="menuMovil" class="vsfMenu">
    <div>
        <div class="cabecera">
            <a href="#" class="close"><span class="fa fa-times" aria-hidden="true"></span></a>
            <img src="/web/img/logo_fred_olsen_express_1.png" alt="Fred. Olsen Express">
        </div>
                        <div class="info_group">
                <div class="group_menu">
                    <div class="menu">
                        <span class="title">
                                                            <img src='/archivos/images/icons/ico-comprar.png' alt="Comprar" />
                                                            Comprar
                        </span>
                        <i class='fa fa-chevron-down'></i>
                </div>
                </div>
                <div class="submenus" style="display: none">
                                        <div class="col-md-3 principal">
                        <ul>
                            <li>
                                <a href="/es-ES/CompraOnline/inicio.aspx" title="Comprar tu viaje" >
                                    <div class="item">
                                        <div class="img_container">
                                                                                        <img src='/archivos/images/icons/ico-comprar.png' alt="Comprar tu viaje" />
                                                                                    </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Comprar tu viaje
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                                        <div class="col-md-3 principal">
                        <ul>
                            <li>
                                <a href="/es/comprar/horarios" title="Horarios" >
                                    <div class="item">
                                        <div class="img_container">
                                                                                        <img src='/archivos/images/icons/rapidez(1).png' alt="Horarios" />
                                                                                    </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Horarios
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                                                            <div class="col-md-3 secundario">
                        <ul>
                                                        <li>
                                <a href="/es/comprar/rutas" title="Rutas" >
                                    <div class="item">
                                        <div class="img_container">
                                                                                        <img src='/archivos/images/icons/ico-rutas.png' alt="Rutas" />
                                                                                    </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Rutas
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                                                        <li>
                                <a href="/es/tarifas" title="Tarifas" >
                                    <div class="item">
                                        <div class="img_container">
                                                                                        <img src='/archivos/images/icons/ico-tarifas-ok.png' alt="Tarifas" />
                                                                                    </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Tarifas
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                                                        <li>
                                <a href="https://www.fredolsen.es/es/ofertas-y-promociones" title="Ofertas y actividades" >
                                    <div class="item">
                                        <div class="img_container">
                                                                                        <img src='/archivos/images/icons/ico-tarifa-oro-blue.png' alt="Ofertas y actividades" />
                                                                                    </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Ofertas y actividades
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                                                        <li>
                                <a href="/es/comprar/reservas-grupos" title="Reservas Grupos" >
                                    <div class="item">
                                        <div class="img_container">
                                                                                        <img src='/archivos/images/icons/ico-tarifa-camarote-cuadruple-blue.png' alt="Reservas Grupos" />
                                                                                    </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Reservas Grupos
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                                                    </ul>
                    </div>
                    
                                    </div>
            </div>
                        <div class="info_group">
                <div class="group_menu">
                    <div class="menu">
                        <span class="title">
                                                            <img src='/archivos/images/icons/ico-mis-reservas.png' alt="Mis reservas" />
                                                            Mis reservas
                        </span>
                        <i class='fa fa-chevron-down'></i>
                </div>
                </div>
                <div class="submenus" style="display: none">
                                                            <div class="col-md-12 secundario">
                        <ul>
                                                        <li>
                                <a href="/es-ES/main/bookingaction.aspx?action=7" title="Resumen de compra" >
                                    <div class="item">
                                        <div class="img_container">
                                                                                        <img src='/archivos/images/icons/ico-mis-reservas.png' alt="Resumen de compra" />
                                                                                    </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Resumen de compra
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                                                        <li>
                                <a href="/es-ES/main/bookingaction.aspx?action=2" title="Facturas" >
                                    <div class="item">
                                        <div class="img_container">
                                                                                        <span class="fa fa-file" aria-hidden="true"></span>
                                                                                    </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Facturas
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                                                        <li>
                                <a href="/es-ES/main/bookingaction.aspx?action=3" title="Cambios" >
                                    <div class="item">
                                        <div class="img_container">
                                                                                        <span class="fa fa-refresh" aria-hidden="true"></span>
                                                                                    </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Cambios
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                                                        <li>
                                <a href="https://www.fredolsen.es/es-ES/main/bookingaction.aspx?action=14" title="Certificados" >
                                    <div class="item">
                                        <div class="img_container">
                                                                                        <span class="fa fa-pencil-square-o" aria-hidden="true"></span>
                                                                                    </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Certificados
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                                                        <li>
                                <a href="/es-ES/main/bookingaction.aspx?action=10" title="Mi documentación" >
                                    <div class="item">
                                        <div class="img_container">
                                                                                        <img src='/archivos/images/icons/ico-mis-reservas.png' alt="Mi documentación" />
                                                                                    </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Mi documentación
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                                                    </ul>
                    </div>
                    
                                    </div>
            </div>
                        <div class="info_group">
                <div class="group_menu">
                    <div class="menu">
                        <span class="title">
                                                            <img src='/archivos/images/icons/ico-tarifa-camarote-cuadruple-exterior-blue.png' alt="Planificar viaje" />
                                                            Planificar viaje
                        </span>
                        <i class='fa fa-chevron-down'></i>
                </div>
                </div>
                <div class="submenus" style="display: none">
                                        <div class="col-md-3 principal">
                        <ul>
                            <li>
                                <a href="https://www.fredolsen.es/es/prepara-tu-viaje" title="Prepara tu viaje" >
                                    <div class="item">
                                        <div class="img_container">
                                                                                        <img src='/archivos/images/icons/ico-prepara-tu-viaje.png' alt="Prepara tu viaje" />
                                                                                    </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Prepara tu viaje
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                                        <div class="col-md-3 principal">
                        <ul>
                            <li>
                                <a href="https://www.fredolsen.es/es/experiencia-a-bordo" title="Experiencia a bordo" >
                                    <div class="item">
                                        <div class="img_container">
                                                                                        <img src='/archivos/images/icons/ico-tarifa-web-y-tarifa-butaca-blue.png' alt="Experiencia a bordo" />
                                                                                    </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Experiencia a bordo
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                                        <div class="col-md-3 principal">
                        <ul>
                            <li>
                                <a href="https://www.fredolsen.es/es/descubre-fred-olsen" title="Descubre Fred. Olsen" >
                                    <div class="item">
                                        <div class="img_container">
                                                                                        <img src='/archivos/images/favicon.jpg' alt="Descubre Fred. Olsen" />
                                                                                    </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Descubre Fred. Olsen
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                                        
                                            <h6 class="nav_title">Accesos rápidos</h6>
                        <div class="col-md-3 accesorapido">
                            <ul>
                                                                <li>
                                    <a href="https://www.fredolsen.es/es/oficinas-delegaciones-y-puertos" title="Oficinas y puertos" >
                                        Oficinas y puertos
                                    </a>
                                </li>
                                                                <li>
                                    <a href="https://www.fredolsen.es/es/accesibilidad" title="Accesibilidad" >
                                        Accesibilidad
                                    </a>
                                </li>
                                                                <li>
                                    <a href="https://www.fredolsen.es/es/ferry-bus" title="Ferry Bus" >
                                        Ferry Bus
                                    </a>
                                </li>
                                                                <li>
                                    <a href="https://www.fredolsen.es/es/viajar-con-mascotas" title="Mascotas" >
                                        Mascotas
                                    </a>
                                </li>
                                                                <li>
                                    <a href="/es/planificar-viaje/flota" title="Flota" >
                                        Flota
                                    </a>
                                </li>
                                                            </ul>
                        </div>
                                    </div>
            </div>
                        <div class="info_group">
                <div class="group_menu">
                    <div class="menu">
                        <span class="title">
                                                            <img src='/archivos/images/icons/ico-contacto.png' alt="Contacto" />
                                                            Contacto
                        </span>
                        <i class='fa fa-chevron-down'></i>
                </div>
                </div>
                <div class="submenus" style="display: none">
                                        <div class="col-md-3 principal">
                        <ul>
                            <li>
                                <a href="https://www.fredolsen.es/es/contacto" title="Contacto" >
                                    <div class="item">
                                        <div class="img_container">
                                                                                        <img src='/archivos/images/icons/ico-contacto-headphones.png' alt="Contacto" />
                                                                                    </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Contacto
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                                        <div class="col-md-3 principal">
                        <ul>
                            <li>
                                <a href="https://www.fredolsen.es/es/preguntas-frecuentes" title="Preguntas frecuentes" >
                                    <div class="item">
                                        <div class="img_container">
                                                                                        <img src='/archivos/images/icons/ico-preguntas-frecuentes.png' alt="Preguntas frecuentes" />
                                                                                    </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Preguntas frecuentes
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                                                            <div class="col-md-3 secundario">
                        <ul>
                                                        <li>
                                <a href="https://www.fredolsen.es/es/objetos-perdidos" title="Objetos perdidos" >
                                    <div class="item">
                                        <div class="img_container">
                                                                                        <span class="fa fa-suitcase" aria-hidden="true"></span>
                                                                                    </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Objetos perdidos
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                                                        <li>
                                <a href="https://www.fredolsen.es/es/sugerencias-y-quejas" title="Sugerencias y quejas" >
                                    <div class="item">
                                        <div class="img_container">
                                                                                        <span class="fa fa-comment" aria-hidden="true"></span>
                                                                                    </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Sugerencias y quejas
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                                                        <li>
                                <a href="/es/informacion-para-el-pasajero" title="Información al pasajero" >
                                    <div class="item">
                                        <div class="img_container">
                                                                                        <img src='/archivos/images/icons/ico-info-ok.png' alt="Información al pasajero" />
                                                                                    </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Información al pasajero
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                                                        <li>
                                <a href="/es/condiciones-de-transporte" title="Condiciones de transporte" >
                                    <div class="item">
                                        <div class="img_container">
                                                                                        <img src='/archivos/images/icons/ico-condiciones-de-transporte.png' alt="Condiciones de transporte" />
                                                                                    </div>
                                        <hr>
                                        <div class="text_container">
                                            <div class="title">
                                                Condiciones de transporte
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                                                    </ul>
                    </div>
                    
                                    </div>
            </div>
                    </div>

    <div class="row language">
        <div class="col-md-12">
            <div class="lang">
                                                                <a href="/en/">
                    <img src="/web/img/ico_bandera_en.png" width="20" height="20" alt="English"/>
                    <span class="title">Change language</span>
                    <i class="fa fa-chevron-right" aria-hidden="true"></i>
                </a>
                            </div>
        </div>
    </div>
</nav>

    
<input type='hidden' name='csrf_token_logout' value='098533bf-407b-4fdd-adee-5ffc41d4ae29' data-lang='es'/>

<div id="menu-area">
    <div class="cabecera">
        <a href="#" class="close" onclick="$('#menu-area').toggleClass('open')"><span class="fa fa-times" aria-hidden="true"></span></a>
        <img src="/web/img/logo_fred_olsen_express_1.png" alt="Fred. Olsen Express">
    </div>
    <div class="container">
        <div class="container-row">
            <div class="container-col-left">
                <div class="card-user">
                    <div class="container-user">
                        <div class="container-imagen-user">
                            <div class="imagen-user">
                                                                    <img src="/web/img/areaUsuario/iconos/icon-user-perfil.svg" class="img-default" alt="Foto usuario">
                                                            </div>
                            <button type="button" class="btn-edit">
                                <img src="/web/img/areaUsuario/iconos/icon-pen.svg" alt="Editar">
                            </button>
                            <input type="file" id="profile_file_image_icon" name="profile_file_image_icon" accept="image/*" style="display: none;">
                        </div>
                        <div class="user">
                            <div class="user-name"></div>
                            <div class="user-id">ID #</div>
                        </div>
                    </div>
                    <nav>
                        <ul class="menu">
                            <li class="item-menu item-menu-home ">
                                <a href="/es/contenido/area-usuario/home" title="Mi Fred. Olsen Plus" class="item-menu">
                                    Mi Fred. Olsen Plus
                                </a>
                            </li>

                            <li class="item-menu has-submenu ">
                                <button type="button" class="item-menu submenu-toggle"  aria-expanded="false"  title="Viajes">
                                    Viajes
                                                                            <span class="fa fa-chevron-down" aria-hidden="true"></span>
                                                                    </button>
                                <ul class="submenu" >
                                    <li class=" active "><a href="/es/contenido/area-usuario/viajes/proximos" title="Próximos">Próximos</a></li>
                                    <li class=""><a href="/es/contenido/area-usuario/viajes/anteriores" title="Anteriores">Anteriores</a></li>
                                    <li class=""><a href="/es/contenido/area-usuario/viajes/estadisticas" title="Estadísticas">Estadísticas</a></li>
                                    <li class=""><a href="/es/contenido/area-usuario/viajes/anadir-viaje" title="Añadir viaje">Añadir viaje</a></li>
                                                                                                            <li class="has-submenu submenu-nested ">
                                        <button type="button" class="submenu-toggle"  aria-expanded="false"  title="Más gestiones">
                                            Más gestiones
                                                                                        <span class="fa fa-chevron-down" aria-hidden="true"></span>
                                                                                    </button>
                                        <ul class="submenu" >
                                            <li class=""><a href="/es/contenido/area-usuario/viajes/cambiar-viaje" title="Cambiar viaje">Cambiar viaje</a></li>
                                            <li class=""><a href="/es/contenido/area-usuario/viajes/solicitar-factura" title="Solicitar factura">Solicitar factura</a></li>
                                            <li class="item-validar-bonificaciones "  style="display:none;" ><a href="/es/contenido/area-usuario/viajes/validar-bonificaciones" title="Validar documentación">Validar documentación</a></li>
                                            <li class=""><a href="/es/contenido/area-usuario/viajes/solicitar-justificante" title="Solicitar justificante">Solicitar justificante</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="item-menu has-submenu ">
                                <button type="button" class="item-menu submenu-toggle"  aria-expanded="false"  title="Mi perfil">
                                    Mi perfil
                                                                            <span class="fa fa-chevron-down" aria-hidden="true"></span>
                                                                    </button>
                                <ul class="submenu" >
                                    <li class=" active "><a href="/es/contenido/area-usuario/datos-personales/mis-datos" title="Mis datos">Mis datos</a></li>
                                    <li class=""><a href="/es/contenido/area-usuario/datos-personales/mis-favoritos" title="Mis favoritos">Mis favoritos</a></li>
                                    <li class=""><a href="/es/contenido/area-usuario/datos-personales/preferencias" title="Preferencias de viaje">Preferencias de viaje</a></li>
                                    <li class=""><a href="/es/contenido/area-usuario/datos-personales/configuracion" title="Contraseña">Contraseña</a></li>
                                    <li class=""><a href="/es/contenido/area-usuario/datos-personales/darse-baja" title="¿Quieres darte de baja?">¿Quieres darte de baja?</a></li>
                                </ul>
                            </li>
                            <li class="item-menu has-submenu "">
                                <button type="button" class="item-menu submenu-toggle" aria-expanded="false" title="Puntos Plus">
                                    Puntos Plus
                                                                        <span class="fa fa-chevron-down" aria-hidden="true"></span>
                                                                    </button>
                                <ul class="submenu" >
                                    <li class=" active "><a href="/es/contenido/area-usuario/puntos-plus/ultimos-movimientos" title="Últimos movimientos">Últimos movimientos</a></li>
                                    <li class=""><a href="/es/contenido/area-usuario/puntos-plus/anadir-puntos" title="Anotar puntos">Anotar puntos</a></li>
                                    <li class=""><a href="/es/contenido/area-usuario/puntos-plus/beneficios-tarjeta-plus" title="Ventajas Tarjeta Plus">Ventajas Tarjeta Plus</a></li>
                                    <li class=""><a href="/es/contenido/area-usuario/puntos-plus/preguntas-frecuentes" title="Preguntas frecuentes">Preguntas frecuentes</a></li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                    <!--<div class="container-button mb-3">
                        <button type="button" class="btn btn-area-lg btn-refresh-bookings" title="Recargar información">Recargar información</button>
                    </div>-->
                    <div class="container-button">
                        <button type="button" class="btn btn-area-lg btn-outline-tertiary btn-logout" title="Cerrar sesión">Cerrar sesión</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row language">
        <div class="col-md-12">
            <div class="lang">
                                                                            <a href="/en/">
                        <img src="/web/img/ico_bandera_en.png" width="20" height="20" alt="English"/>
                        <span class="title">Change language</span>
                        <i class="fa fa-chevron-right" aria-hidden="true"></i>
                    </a>
                            </div>
        </div>
    </div>
</div>

<script>
    $(document).ready(function () {
        const defaultImage = "/web/img/areaUsuario/iconos/icon-user-perfil.svg";

        // Cuando se pulsa el botón del lápiz → abrir el input de archivo
        $(".btn-edit").click(function() {
            $("#profile_file_image_icon").click();
        });

        $("#profile_file_image_icon").on("change", function(event) {
            const fileInput = event.target;
            const file = fileInput.files[0];

            if (file) {
                // Crear formulario oculto
                var form_upload = $('<form>', {
                    action: '/contenido/area-usuario/datos-personales/ax-subir-imagen',
                    method: 'post',
                    enctype: 'multipart/form-data',
                    target: 'uploadFrame',
                }).css({display: 'none'});

                // Clonar input file (para que el usuario siga viendo uno)
                var inputFileProfile = $("#profile_file_image_icon");
                var clone_input = inputFileProfile.clone(true);
                inputFileProfile.after(clone_input);
                form_upload.append(inputFileProfile);

                let pluscard = "";
                form_upload.append('<input type="hidden" name="op" value="upload_file">');
                form_upload.append('<input type="hidden" name="PlusCard" value="' + pluscard + '">');
                form_upload.append('<input type="hidden" name="type_upload" value="profile_file_image_icon">');
                form_upload.append('<input type="hidden" name="csrf_token" value="4458c21e-2c93-40d3-a013-6367276b4a0b">');

                // Crear iframe oculto
                var iframe_upload = $('<iframe>', {
                    name: 'uploadFrame',
                    id: 'uploadFrame'
                }).css({display: 'none'});

                $('body').append(form_upload, iframe_upload);

                iframe_upload.on("load", function () {
                    form_upload.remove();
                    iframe_upload.remove();
                });

                form_upload.submit();

                // Vista previa
                const reader = new FileReader();
                reader.onload = function(e) {
                    $(".imagen-user img").attr("src", e.target.result);
                    $(".imagen-user img").removeClass("img-default");
                };
                reader.readAsDataURL(file);
            } else {
                $(".imagen-user img").attr("src", defaultImage);
            }
        });
    });
</script>

    <script type="text/template" class="cookiesDirectiveHtml">
    <div class="cookies-warning js-cookies-warning-hidden">
        <div class="cookies-warning-inner">
            <!--<div class="cookies-warning__logo">
                <img src="/web/img/logoFOE.gif" alt="Fred. Olsen Express" />
            </div>-->
            <div class="cookies-warning__left">
                <p class="cookies-warning__left__title">
                    <%= model.messages.barTitle %>
                </p>
                <p class="cookies-warning__left__text">
                    <%= model.getBarDescription() %>
                </p>
            </div>
            <div class="cookies-warning__right">
                <button type="button" class="cookies_btn cookies-warning__btn js-hide-warning"><%= model.messages.barAcceptButton %></button>
                <button type="button" class="cookies_btn cookies-reject__btn js-reject-cookies-base"><%= model.messages.barRejectButton %></button>
                <button type="button" class="cookies_btn cookies-popup__btn js-open-popup"><%= model.messages.barConfigure %></button>
            </div>
            <div class="cookies-warning__footer">
                <p><%= model.getDocumentacionCookies() %></p>
            </div>
        </div>
    </div>
    <div class="cookies-warning-popup js-cookies-popup-hidden">
        <div class="cookies-warning-popup__close">X</div>
        <div class="cookies-warning-popup__content js-click-close">
            <div class="cookies-warning-popup__content__head">
                <div class="cookies-warning-popup__content__head_mobile">
                    <div class="cookies-warning-popup__close_mobile">X</div>
                </div>
                <p><%= model.messages.configureTitle %></p>
                <div class="cookies-buttons-block">
                    <% if (model.withButtonAllowAll) { %>
                        <button type="button" id="enable-cookies" class="js-enable-cookies cookies-form__button cookies-form__button--top btn-inverse"><%= model.messages.allowAll %></button>
                    <% } %>
                </div>
            </div>
            <div class="cookies-warning-popup__content__body">
                <form action="#" method="post" class="cookies-form">
                    <% _.each(model.configurationCookiesGroup, function( cookieGroup ) { %>
                        <div class="cookies-form__item">
                            <input type="checkbox" id="<%= cookieGroup.label %>" name="<%= cookieGroup.label %>"
                                   class="<%= cookieGroup.type %>"
                            />
                            <label for="<%= cookieGroup.label %>"><span><%= cookieGroup.title %></span>
                                <%= cookieGroup.description %>
                            </label>
                            <div class="cookies-detail-container cookies-<%= cookieGroup.code %>-detail-container">
                                <a href="#" class="cookies-detail-container__link"><%= model.messages.groupDetail %></a>
                                <div class="cookies-detail-container__div">
                                    <%= cookieGroup.detail %>
                                </div>
                            </div>
                        </div>
                    <% }); %>
                    <button type="button" class="cookies-form__button js-save-configuration"><%= model.messages.configureSave %></button>                    
                    <% if (model.withButtonDenyAll) { %>
                        <div>
                            <button type="button" id="reject-cookies" class="js-reject-cookies"><%= model.messages.denyAll %></button>
                        </div>
                    <% } %>
                </form>
            </div>
            <div class="cookies-warning-popup__content__footer">
                <p><%= model.getConfigureFooterMessage() %></p>
            </div>
        </div>
    </div>
</script>

<div class="cookies-N-detail" style="display: none"><table id="cookie-detail-n" style="color:#777777">
	<thead>
		<tr> 
			<td>
				<strong>Denominación</strong>
			</td>
			<td>
				<strong>Titular</strong>
			</td>
			<td>
				<strong>Duración</strong>
			</td>
			<td>
				<strong>Finalidad</strong>
			</td>
		</tr
	</thead>
    <tbody>
    <tr>
        <td id="denominacion"> ASP.NET_SessionId_fosapublicsite</td>
        <td> Fred. Olsen Express</td>
        <td> Por Sesión</td>
        <td> Cookie que utiliza Microsoft.NET para recordar el identificador de sesión para hacer peticiones al
            servidor.</td>
			<td id="vacio" style="border:0"></td>
    </tr>
    <tr>
        <td id="denominacion"> ASPXFORMAUTH</td>
        <td> Fred. Olsen Express</td>
        <td> Por Sesión</td>
        <td> Cookie que utiliza Microsoft.NET para realizar el proceso de autenticación (validación a través de
            perfil).</td>
			<td id="vacio" style="border:0"></td>
    </tr>
    <tr>
        <td id="denominacion"> IDTPVTrace_IdentificadorDeLaSesión</td>
        <td> Fred. Olsen Express</td>
        <td> 30 minutos</td>
        <td> Se utiliza para recuperar un proceso de compra no completado a la hora de efectuar el pago en pasarela
            de pago, y dar la posibilidad de reintentar el pago por la misma.</td>
			<td id="vacio" style="border:0"></td>
    </tr>
    <tr>
        <td id="denominacion"> cookiesDirective_</td>
        <td> Fred. Olsen Express</td>
        <td> 1 año</td>
        <td> Se utiliza para indicar que el usuario ha aceptado el uso de cookies.</td>
		<td id="vacio" style="border:0"></td>
    </tr>
<tr>
        <td id="denominacion"> .BravoReservas.Session</td>
        <td> Fred. Olsen Express</td>
        <td> Por sesión</td>
        <td> Utilizada por el proceso de compra para recordar el identificador de sesión necesario para identificarse en las peticiones al servidor.</td>
		<td id="vacio" style="border:0"></td>
    </tr>
<tr>
        <td id="denominacion"> bravoReservasJWT </td>
        <td> Fred. Olsen Express</td>
        <td> Por sesión</td>
        <td> Utilizada por el proceso de compra para guardar parámetros de la sesión imprescindibles para su funcionamiento en el servidor.</td>
		<td id="vacio" style="border:0"></td>
    </tr>
<tr>
        <td id="denominacion"> BravoReservasPayload</td>
        <td> Fred. Olsen Express</td>
        <td> Por sesión</td>
        <td> Utilizada por el proceso de compra para almacenar la información sobre el estado del proceso.</td>
		<td id="vacio" style="border:0"></td>
    </tr>
<tr>
        <td id="denominacion"> TPVTraceId</td>
        <td> Fred. Olsen Express</td>
        <td> 30 minutos</td>
        <td> Utilizada por el proceso de compra para recuperar una venta sin terminar a la hora de efectuar el pago en la pasarela, y dar la posibilidad de reintentar el pago por la misma.</td>
		<td id="vacio" style="border:0"></td>
    </tr>
    </tbody>
</table></div>
<div class="cookies-P-detail" style="display: none"><table id="cookie-detail-p" style="color:#777777">
	<thead>
		<tr>
			<td>
				<strong>Denominación</strong>
			</td>
			<td>
				<strong>Titular</strong>
			</td>
			<td>
				<strong>Duración</strong>
			</td>
			<td>
				<strong>Finalidad</strong>
			</td>
		</tr
	</thead>
    <tbody>
    <tr>
        <td id="denominacion"> www.fredolsen.es_CulturaPref</td>
        <td> Fred. Olsen Express</td>
        <td> 100 años</td>
        <td> Se utiliza para recordar el idioma seleccionado por el usuario.</td>
		<td id="vacio" style="border:0"></td>
    </tr>
    <tr>
        <td id="denominacion"> www.fredolsen.es_cfg</td>
        <td> Fred. Olsen Express</td>
        <td> Por Sesión</td>
        <td> Se utiliza para guardar configuraciones del usuario durante la sesión: - Recordar si el usuario recibe el aviso sobre el "Descuento de Residente canario" y pulsa en "No volver
                a mostrar" - En el Login, recordar el modo de autenticación: si es por nombre de usuario, nif o email. - En la sección de Mis Reservas, recordar las fechas desde/hasta y mostrar o no reservas
                canceladas. </td>
				<td id="vacio" style="border:0"></td>
    </tr>
    <tr>
        <td id="denominacion"> cookieExpired</td>
        <td> Fred. Olsen Express</td>
        <td> 60 días</td>
        <td> Se utiliza para recordar que se ha contestado el formulario de opinión "Opinat".</td>
		<td id="vacio" style="border:0"></td>
    </tr>
    <tr>
        <td id="denominacion"> foSuggestions</td>
        <td> Fred. Olsen Express</td>
        <td> 1 día</td>
        <td> Se utiliza para recordar que el usuario ha pulsado en valóranos de nuestro sistema de opinión (que
            muestra el formulario de Opinat).</td>
			<td id="vacio" style="border:0"></td>
    </tr>
    <tr>
        <td id="denominacion"> foAlertasClose</td>
        <td> Fred. Olsen Express</td>
        <td> 1 día</td>
        <td> Se utiliza para recordar que el usuario ha ocultado las alertas de la web.</td>
		<td id="vacio" style="border:0"></td>
    </tr>
 <tr>
        <td id="denominacion"> lang</td>
        <td> Fred. Olsen Express</td>
        <td> 10 años</td>
        <td> Utilizada por el proceso de compra para recordar el lenguaje del usuario para futuros accesos.</td>
		<td id="vacio" style="border:0"></td>
    </tr>
 <tr>
        <td id="denominacion"> opinat</td>
        <td> Fred. Olsen Express</td>
        <td> 60 días</td>
        <td> Utilizada por el proceso de compra para recordar que se ha contestado el formulario de opinión “Opinat”.</td>
		<td id="vacio" style="border:0"></td>
    </tr>
    </tbody>
</table></div>
<div class="cookies-R-detail" style="display: none"><table id="cookie-detail-r" style="color:#777777">
	<thead>
		<tr>
			<td>
				<strong>Denominación</strong>
			</td>
			<td>
				<strong>Titular</strong>
			</td>
			<td>
				<strong>Duración</strong>
			</td>
			<td>
				<strong>Finalidad</strong>
			</td>
		</tr
	</thead>
    <tbody>
    <tr>
        <td id="denominacion"> _utma</td>
        <td> Google Analytics</td>
        <td> Dos años a partir de la configuración o actualización</td>
        <td> Se usa para distinguir usuarios y sesiones. La cookie se actualiza cada vez que se envían datos a Google
            Analytics.</td>
			<td id="vacio" style="border:0"></td>
    </tr>
    <tr>
        <td id="denominacion"> __utmt</td>
        <td> Google Analytics</td>
        <td> 10 minutos</td>
        <td> Se usa para limitar el porcentaje de solicitudes.</td>
		<td id="vacio" style="border:0"></td>
    </tr>
    <tr>
        <td id="denominacion"> __utmt_web1</td>
        <td> Google Analytics</td>
        <td> 10 minutos</td>
        <td> Se usa para limitar el porcentaje de solicitudes.</td>
		<td id="vacio" style="border:0"></td>
    </tr>
    <tr>
        <td id="denominacion"> __utmt_web2</td>
        <td> Google Analytics</td>
        <td> 10 minutos</td>
        <td> Se usa para limitar el porcentaje de solicitudes.</td>
		<td id="vacio" style="border:0"></td>
    </tr>
    <tr>
        <td id="denominacion"> __utmb</td>
        <td> Google Analytics</td>
        <td> 30 minutos a partir de la configuración o actualización</td>
        <td> Se usa para determinar nuevas sesiones o visitas. La cookie se actualiza cada vez que se envían datos a
            Google Analytics.</td>
			<td id="vacio" style="border:0"></td>
    </tr>
    <tr>
        <td id="denominacion"> __utmc</td>
        <td> Google Analytics</td>
        <td> Por Sesión</td>
        <td> Se configura para determinar si el usuario estaba en una nueva sesión o visita.</td>
		<td id="vacio" style="border:0"></td>
    </tr>
    <tr>
        <td id="denominacion"> __utmz</td>
        <td> Google Analytics</td>
        <td> Seis meses a partir de la configuración o actualización</td>
        <td> Almacena la fuente de tráfico o la campaña que explica cómo ha llegado el usuario al sitio. La cookie se
            actualiza cada vez que se envían datos a Google Analytics.</td>
			<td id="vacio" style="border:0"></td>
    </tr>
    <tr>
        <td id="denominacion"> __zlcmid</td>
        <td> Zendesk</td>
        <td> Dos años</td>
        <td> Se usa para identificar el dispositivo en el servicio de chat.</td>
		<td id="vacio" style="border:0"></td>
    </tr>
    <tr>
        <td id="denominacion"> __cfduid</td>
        <td> Zendesk</td>
        <td> Un año</td>
        <td> Se usa para identificar el dispositivo en el servicio de chat.</td>
		<td id="vacio" style="border:0"></td>
    </tr>
	<tr>
			<td id="denominacion"> _clck</td>
			<td> Microsoft Clarity</td>
			<td> Un año</td>
			<td> Se usa para distinguir usuarios y sesiones. La cookie se actualiza cada vez que se envían datos a Microsoft Clarity.</td>		
			<td id="vacio" style="border:0"></td>
		</tr>
		<tr>
			<td id="denominacion"> _clsk</td>
			<td> Microsoft Clarity</td>
			<td> 1 día</td>
			<td> Se usa para limitar el porcentaje de solicitudes creando sesiones únicas por usuario.</td>
			<td id="vacio" style="border:0"></td>
		</tr>
		<tr>
			<td id="denominacion"> CLID</td>
			<td> Microsoft Clarity</td>
			<td> Un año</td>
			<td> Se usa para determinar nuevas sesiones o visitas. La cookie se actualiza cada vez que se envían datos a Microsoft Clarity.</td>
			<td id="vacio" style="border:0"></td>
		</tr>
		<tr>
			<td id="denominacion"> ANONCHK</td>
			<td> Microsoft Clarity</td>
			<td> 10 minutos</td>
			<td> Se usa para fines publicitarios. Microsoft Clarity la establece con valor 0 para que no se envíe.</td>
			<td id="vacio" style="border:0"></td>
		</tr>
		<tr>
			<td id="denominacion"> MR</td>
			<td> Microsoft Clarity</td>
			<td> Una semana</td>
			<td> Se usa para determinar si es necesario actualizar la cookie MUID.</td>
			<td id="vacio" style="border:0"></td>
		</tr>
		<tr>
			<td id="denominacion"> MUID</td>
			<td> Microsoft Clarity</td>
			<td> Un año</td>
			<td> Identifica navegadores web únicos que visitan sitios Microsoft para fines de análisis y operativos.</td>
			<td id="vacio" style="border:0"></td>
		</tr>
		<tr>
			<td id="denominacion"> SM</td>
			<td> Microsoft Clarity</td>
			<td> Por sesión</td>
			<td> Se usa para sincronizar la cookie MUID en dominios Microsoft.</td>
			<td id="vacio" style="border:0"></td>
		</tr>
    </tbody>
</table></div>
<div class="cookies-D-detail" style="display: none"><table id="cookie-detail-d" style="color:#777777">
	<thead>
		<tr>
			<td>
				<strong>Denominación</strong>
			</td>
			<td>
				<strong>Titular</strong>
			</td>
			<td>
				<strong>Duración</strong>
			</td>
			<td>
				<strong>Finalidad</strong>
			</td>
		</tr>

	</thead>
    <tbody>
    <tr>
        <td id="denominacion"> Conversión</td>
        <td> Google Adwords</td>
        <td> Persistente</td>
        <td> Estas cookies tienen una finalidad publicitaria. Contienen un valor generado aleatoriamente único que
            permite a la plataforma distinguir navegadores y dispositivos. Esta información es utilizada para medir el
            rendimiento de los anuncios y proporcionar recomendaciones relativas a productos basadas en datos
            estadísticos.</td>
			<td id="vacio" style="border:0"></td>
    </tr>
    <tr>
        <td id="denominacion"> Global Site Tag Fred. Olsen</td>
        <td> Bing Ads</td>
        <td> Persistente</td>
        <td> Estas cookies tienen una finalidad publicitaria. Contienen un valor generado aleatoriamente único que
            permite a la plataforma distinguir navegadores y dispositivos. Esta información es utilizada para medir el
            rendimiento de los anuncios y proporcionar recomendaciones relativas a productos basadas en datos
            estadísticos.</td>
			<td id="vacio" style="border:0"></td>
    </tr>
    <tr>
        <td id="denominacion"> Compra MB Fred Olsen</td>
        <td> Bing Ads</td>
        <td> Persistente</p>
            <p></td>
        <td> Estas cookies tienen una finalidad publicitaria. Contienen un valor generado aleatoriamente único que
            permite a la plataforma distinguir navegadores y dispositivos. Esta información es utilizada para medir el
            rendimiento de los anuncios y proporcionar recomendaciones relativas a productos basadas en datos
            estadísticos.</td>
			<td id="vacio" style="border:0"></td>
    </tr>
    <tr>
        <td id="denominacion"> Compra PC Fred Olsen</td>
        <td> Bing Ads</td>
        <td> Persistente</td>
        <td> Estas cookies tienen una finalidad publicitaria. Contienen un valor generado aleatoriamente único que
            permite a la plataforma distinguir navegadores y dispositivos. Esta información es utilizada para medir el
            rendimiento de los anuncios y proporcionar recomendaciones relativas a productos basadas en datos
            estadísticos.</td>
			<td id="vacio" style="border:0"></td>
    </tr>
    <tr>
        <td id="denominacion"> Publicidad</td>
        <td> Appnexus</td>
        <td> Persistente</td>
        <td> Estas cookies tienen una finalidad publicitaria. Contienen un valor generado aleatoriamente único que
            permite a la plataforma distinguir navegadores y dispositivos. Esta información es utilizada para medir el
            rendimiento de los anuncios y proporcionar recomendaciones relativas a productos basadas en datos
            estadísticos.</td>
			<td id="vacio" style="border:0"></td>
    </tr>
    <tr>
        <td id="denominacion"> Publicidad</td>
        <td> Mediamath</td>
        <td> Persistente</td>
        <td> Estas cookies tienen una finalidad publicitaria. Contienen un valor generado aleatoriamente único que
            permite a la plataforma distinguir navegadores y dispositivos. Esta información es utilizada para medir el
            rendimiento de los anuncios y proporcionar recomendaciones relativas a productos basadas en datos
            estadísticos.</td>
			<td id="vacio" style="border:0"></td>
    </tr>
    <tr>
        <td id="denominacion"> Publicidad</td>
        <td> Doubleclick</td>
        <td> Persistente</td>
        <td> Estas cookies tienen una finalidad publicitaria. Contienen un valor generado aleatoriamente único que
            permite a la plataforma distinguir navegadores y dispositivos. Esta información es utilizada para medir el
            rendimiento de los anuncios y proporcionar recomendaciones relativas a productos basadas en datos
            estadísticos.</td>
			<td id="vacio" style="border:0"></td>
    </tr>
    <tr>
        <td id="denominacion"> Analitica</td>
        <td> Weborama</td>
        <td> Persistente</td>
        <td> Estas cookies tienen una finalidad publicitaria. Contienen un valor generado aleatoriamente único que
            permite a la plataforma distinguir navegadores y dispositivos. Esta información es utilizada para medir el
            rendimiento de los anuncios y proporcionar recomendaciones relativas a productos basadas en datos
            estadísticos.</td>
			<td id="vacio" style="border:0"></td>
    </tr>
     <tr>
        <td id="denominacion"> PageView </td>
        <td> Facebook</td>
        <td> Persistente</td>
        <td> Estas cookies tienen una finalidad publicitaria. Contienen un valor generado aleatoriamente único que
            permite a la plataforma distinguir navegadores y dispositivos. Esta información es utilizada para medir el
            rendimiento de los anuncios y proporcionar recomendaciones relativas a productos basadas en datos
            estadísticos.</td>
 </tr>
     <tr>
        <td id="denominacion"> Purchase</td>
        <td> Facebook</td>
        <td> Persistente</td>
        <td> Estas cookies tienen una finalidad publicitaria. Contienen un valor generado aleatoriamente único que
            permite a la plataforma distinguir navegadores y dispositivos. Esta información es utilizada para medir el
            rendimiento de los anuncios y proporcionar recomendaciones relativas a productos basadas en datos
            estadísticos.</td>
			<td id="vacio" style="border:0"></td>
    </tr>
    </tbody>
</table></div>

<script type="application/javascript" src="/web/js/jquery.basictable.min.js"></script>

<script type="text/javascript" async="async">
    jQuery(document).ready(function(){
        jQuery(document).cookiesModule({
            messages: {
                barTitle: 'Este sitio web utiliza cookies',
                barDescription: 'Fred. Olsen Express utiliza cookies propias y de terceros para identificarte como cliente o potencial cliente, analizar el uso del sitio web, así como para mostrarte contenido personalizado con tus preferencias o intereses, sobre la base de un perfil elaborado según tus hábitos de navegación. Puedes configurar, aceptar o denegar y retirar libremente tu consentimiento.<br><br>Para más información, consulta nuestra <a href="{URL-COOKIE-POLICY}">política de cookies</a>.',
                barAcceptButton: 'Aceptar todas',
                barRejectButton: 'Denegar todas',
                barConfigure: 'Configurar',
                barConfigureExtra: '(tardarás aprox. 4 minutos)',
                configureTitle: 'configuración de cookies',
                configureSave: 'guardar configuración',
                configureFooterMessage: 'Puedes volver a configurar tus cookies desde la sección "Política de cookies" al pie de la página. También puedes consultar nuestra <a href="{URL-COOKIE-POLICY}">política de cookies</a>',
                documentacionCookies: '<a href="{URL-COOKIE-POLICY}">Documentación e información cookies</a>',
                allowAll: 'Aceptar todas',
                denyAll: 'Pulsa aquí para desactivar las cookies opcionales',
                groupDetail: '[Ver detalles de las cookies]'
            },
            nameCookieConsent: "cookiesDirective_",
            selectorToOpenConfiguration: "#openConfiguration",
            urlCookiesPolicy: '/es/politica-de-cookies',
            subdominioCookiesPolicy:'.fredolsen.es',
            styles: {
                primaryColor: '#002F6C',
                buttonTextColor: '#ffffff',
                bannerBackgroundColor: 'rgba(0, 0, 0, .8)',
                bannerTextColor: '#777777',
                bannerLinksColor: '#002F6C',
                font: "'Open Sans', sans-serif",
                configurationTextColor: '#000000',
                configurationSecundaryColor: '#000000'
            },
            configurationCookiesGroup: [
                {
                    code:"N",
                    label:"necesarias",
                    type:"mandatory",
                    title:'Cookies necesarias',
                    description:'Estas cookies son necesarias y no se pueden desactivar en nuestros sistemas. Puedes configurar tu navegador para bloquear o alertar sobre estas cookies, pero algunas áreas del sitio no funcionarán. Estas cookies no almacenan ninguna información de identificación personal.',
                    cookies:[
                    ]
                },
                {
                    code:"P",
                    label:"personalizacion",
                    type:"optional",
                    enabledByDefault: false,
                    title:'Cookies de personalización y registro',
                    description:'Estas cookies te permitirán acceder a nuestra página con algunas características de carácter general predefinidas como, por ejemplo, el idioma navegación o mantenerte identificado en tu sección de Usuario.',
                    cookies:[
                        "www.fredolsen.es_CulturePref",
                        "www.fredolsen.es_cfg",
                        "foSuggestions",
                        "foAlertasClose"
                    ]
                },
                {
                    code:"R",
                    label:"rendimiento",
                    type:"optional",
                    enabledByDefault: false,
                    title:'Cookies de rendimiento y analíticas',
                    description:'Estas cookies nos permiten contar las visitas y los orígenes de tráfico de red para poder mejorar tu experiencia de navegación y optimizar el funcionamiento de nuestro sitio web. Almacenan configuraciones de servicios para que no tengas que reconfigurarlos cada vez que nos visitas. Toda la información que recogen es agregada y, por lo tanto, es anónima.',
                    cookies:[
                        "^_ga.*",
                        "^_gat.*",
                        "^_gid.*",
                        "^_dc.*",
                        "^_fb.*",
                        "^__utm.*",
                        "__zlcmid",
                        "__cfduid",
                        "_clck",
                        "_clsk",
                        "CLID",
                        "ANONCHK",
                        "MR",
                        "MUID",
                        "SM"
                    ]
                },
                {
                    code:"D",
                    label:"dirigidas",
                    type:"optional",
                    enabledByDefault: false,
                    title:'Cookies de publicidad y redes sociales',
                    description:'Estas cookies son gestionadas por nuestros socios publicitarios y se utilizan para mostrarte publicidad relevante para tus intereses en otros sitios en los que navegues. No almacenan información personal, sino que se basan en la identificación única de tu navegador y dispositivo de Internet.',
                    cookies:[
                        "1P_JAR",
                        "AID",
                        "ANID",
                        "APISID",
                        "CONSENT",
                        "DSID",
                        "DV",
                        "HLR8",
                        "HSID",
                        "IDE",
                        "NID",
                        "OGPC",
                        "PHPSESSID",
                        "S",
                        "SAPISID",
                        "SID",
                        "SIDCC",
                        "SSID",
                        "XSRF-TOKEN",
                        "_gads",
                        "_ncuid",
                        "_sonar",
                        "anj",
                        "bs_mop_u3s",
                        "c_user",
                        "dtr",
                        "icu",
                        "mt_misc",
                        "mt_mop",
                        "pl",
                        "sb",
                        "sess",
                        "token",
                        "uuid",
                        "uuid2",
                        "uuidc"
                    ]
                }
            ],
            onCookieAccepted: function(cookieCode) {
                loadGtm();
            },
            onCookieRejected: function (cookieCode) {
                loadGtm();
            }
        });
    });

    $('#cookie-detail-n').basictable({breakpoint: 566});
    $('#cookie-detail-p').basictable({breakpoint: 566});
    $('#cookie-detail-r').basictable({breakpoint: 566});
    $('#cookie-detail-d').basictable({breakpoint: 566});
    $('#cookie-policy-detail-n').basictable({breakpoint: 566});
    $('#cookie-policy-detail-p').basictable({breakpoint: 566});
    $('#cookie-policy-detail-r').basictable({breakpoint: 566});
    $('#cookie-policy-detail-d').basictable({breakpoint: 566});

</script>

	<div id="copiar1" style="display:none;">
		

   
    <iframe id="bravoReservas" src="/es-ES/CompraOnline/C-LoadWidget.aspx" class="bookingWidgetWidth"></iframe>
    <script>
        window.websiteRoot = ""
	    window.onmessage = (e) => {
	        //console.log("HEIGTH UPDATED")
		    if (e.data.hasOwnProperty("frameHeight")) {
                document.getElementById("bravoReservas").style.height = `${e.data.frameHeight}px`;
            }
            if (e.data.hasOwnProperty("redirectUrl")){
                document.write(e.data.redirectUrl)
            }
	    };
    </script>
    <style type="text/css">
         .bookingWidgetWidth
    {
        width: 100%
    }
    
    
     @media (max-width: 991px) {
       .bookingWidgetWidth
        {
            width: 97%
        }
    }
    @media (max-width: 767px) {
       .bookingWidgetWidth
        {
            width: 95%
        }
    }
    </style>
    
	</div>
    <div id="copiar2" style="display:none;">
		

<div id="container-menumisreservas" role="navigation" class="container-mifredolsen" style="display: none">
    <div id="menuMisReservas">
    
        <h6 class="nav_title">Mis Reservas</h6>
        <hr />
        <ul>
            <li data-bind="click: menuMisReservasModel.actions.redirect.bind($data, '/es-ES/main/bookingaction.aspx?action=7', '', false)">
                <a href="#Summary_Ticket"><span class="fa fa-ticket" aria-hidden="true"></span>T.Embarque / Resumen de Compra</a>
            </li>
            <li data-bind="click: menuMisReservasModel.actions.redirect.bind($data, '/es-ES/MiPerfil/MisReservas.aspx', '/es-ES/main/bookingaction.aspx?action=2', true)">
                <a href="#Facturas"><span class="fa fa-file" aria-hidden="true"></span>Facturas</a>
            </li>
            <li data-bind="click: menuMisReservasModel.actions.redirect.bind($data, '/es-ES/MiPerfil/MisReservas.aspx', '/es-ES/main/bookingaction.aspx?action=3', true)">
                <a href="#MisCambios"><span class="fa fa-refresh" aria-hidden="true"></span>Cambios</a>
            </li>
            <li data-bind="visible: menuMisReservasModel.IsLogedIn(), click: menuMisReservasModel.actions.redirect.bind($data, '/es-ES/MiPerfil/MisReservas.aspx', '', true)">
                <a href="#Mis_Reservas"><span class="fa fa-flag" aria-hidden="true"></span>Mis reservas</a>
            </li>
            <li data-bind="visible: menuMisReservasModel.IsLogedIn(), click: menuMisReservasModel.actions.redirect.bind($data, '/es-ES/MiPerfil/MisReservas.aspx', '', true)">
                <a href="#CompletarReserva"><span class="fa fa-flag-o" aria-hidden="true"></span>Completar mi reserva</a>
            </li>
            <li data-bind="visible: menuMisReservasModel.IsLogedIn(), click: menuMisReservasModel.actions.redirect.bind($data, '/es-ES/MisFavoritos/MisFavoritos.aspx', '', true)">
                <a href="#MisFavoritos"><span class="fa fa-star" aria-hidden="true"></span>Mis favoritos</a>
            </li>
            
            <li data-bind="click: menuMisReservasModel.actions.redirect.bind($data, '/es-ES/MiPerfil/MisReservas.aspx', '/es-ES/main/bookingaction.aspx?action=14', true)">
                <a href="#Certificados"><span class="fa fa-pencil-square-o" aria-hidden="true"></span>Certificados</a>
            </li>
                   
            <li data-bind="click: menuMisReservasModel.actions.redirect.bind($data, '/es-ES/main/bookingaction.aspx?action=10', '', false)">
                 <a href="#AportarDocumentacion"><span class="fa fa-ticket" aria-hidden="true"></span>Mi documentación</a>
            </li>  
            
            <li data-bind="click: menuMisReservasModel.actions.redirect.bind($data, '/es-ES/main/bookingaction.aspx?action=12', '', false)">
                 <a href="#AportarDocumentacion"><span class="fa fa-ticket" aria-hidden="true"></span>Actividades en destino</a>
            </li> 
            
            
             
        </ul>
    </div>
    <div id="menuMisReservasMessageResult">
        <div style="display: none" class="info-message" data-bind="visible: menuMisReservasModel.localModel.successMessage() != '', text: menuMisReservasModel.localModel.successMessage()"></div>
        <div style="display: none" class="summary-error" data-bind="visible: menuMisReservasModel.localModel.errorMessage() != '', text: menuMisReservasModel.localModel.errorMessage"></div>
    </div>   
    
</div>
<script language="javascript" type="text/javascript">
    // inicialización del modelo si no ha sido inicializado
    if (typeof model === 'undefined') model = new $.Bravo.MVVM.BasicModel();

    // definicion de modelo
    var menuMisReservasModel = {
        container: "#menu-menumisreservas",
        localModel: new $.Bravo.MVVM.BasicModel(),
        model: null,
        pageRequiredSession: false,
        redirectHomeOnLogin: true,
        IsLogedIn: ko.observable(false),
        item: {"CanUsePoints":false,"CanCreateBooking":false,"Passengers":null,"Vehicles":null,"NIF":null,"IdentifyDocType":null,"IdentifyDoc":null,"Name":null,"FirstSurname":null,"SecoundSurname":null,"Fullname":"  ","IsGenderMale":false,"BirthDay":null,"ZipCode":null,"Address":null,"Town":null,"Province":null,"Points":0,"PendingPoints":0},
        UserType: ko.observable(),
        UserTypeDesc: ko.observable(),
        User: ko.observable(null),
        Password: ko.observable(null),
        IsMiCuentaExpanded: ko.observable(null),
        IsMisReservasExpanded: ko.observable(null),
        IsMiTarjetaPlusExpanded: ko.observable(null),
        init: function (model) {
            if ($("#MessagesResult").length > 0) {
                $("#menuMisReservasMessageResult").remove();
                menuMisReservasModel.localModel = menuMisReservasModel.model;                
            }
        },
        load: function () {
            menuMisReservasModel.IsMisReservasExpanded.subscribe(function (newValue) { $.Bravo.utils.fosaCfg.set(3, newValue ? "1" : "0"); });
            menuMisReservasModel.IsMisReservasExpanded($.Bravo.utils.fosaCfg.get(3) == "1");
            $("[effect]", $("#container-menumisreservas")).attr("effect", "slide");
        },
        actions: {
            clearMessages: function () {
                menuMisReservasModel.localModel.successMessage("");
                menuMisReservasModel.localModel.errorMessage("");
            },
            checkSession: function () {
                var IsConnected = false;
                $.Bravo.fn.serverAction(
                    "/WSController/WSPerfil.asmx/CheckSession",
                    { },
                    menuMisReservasModel.localModel,
                    false,
                    function (result) {
                        IsConnected = result;         
                    }
                );

                return IsConnected;
            },
            redirect: function (pSessionURL, pAnonymousURL, pCheckSession, pModel, pEvent) {
                if (pEvent != null && pEvent.preventDefault != null) pEvent.preventDefault();

                var lUrlLogin = '/es-ES/MiPerfil/Login.aspx'
                pAnonymousURL = (pAnonymousURL == '' ? lUrlLogin : pAnonymousURL);
                var lUrl = (!pCheckSession || menuMisReservasModel.actions.checkSession() ? pSessionURL: pAnonymousURL);
                if (lUrl == lUrlLogin && pSessionURL != lUrlLogin) {
                    lUrl = lUrl + "?ReturnURL=" + encodeURIComponent(pSessionURL);
                } 
                window.location.href = lUrl;            
                return false;
            }
        },
        show: function () {
            $("#container-menumisreservas").show();
        },
        hide: function () {
            $("#container-menumisreservas").hide();
        }
    };

    $.Bravo.MVVM.InsertModelItem(model, "menuMisReservasModel", menuMisReservasModel);

</script>
    </div>
	<div id="copiar3" style="display:none;">
		
<div id="container-menulogin" style="display: none">
    <div id="menuLogin" role="form" class="formularioGrupo">
    
        <h6 class="nav_title">Ya soy cliente Fred.Olsen</h6>
        <hr />
        <!-- ko if:  menuLoginModel.IsLogedIn() -->
        <ul data-bind="effectVisible: menuLoginModel.IsMiCuentaExpanded()" effect="normal">
            <li data-bind="click: menuLoginModel.actions.redirect.bind($data, '/es-ES/MiPerfil/ProfileMail.aspx?&', '', true)">
                <a href="#Mi_Registro">Mi registro</a>
            </li>
            <li data-bind="click: menuLoginModel.actions.redirect.bind($data, '/es-ES/MiPerfil/changepassword.aspx', '', true)">
                <a href="#Modificar_Contrasena">Modificar contraseña</a>
            </li>
             <li data-bind="click: menuLoginModel.actions.redirect.bind($data, '/es-ES/MiPerfil/pucpoints.aspx', '', true)">
                <a href="#PUCPoints">Comprar con puntos</a>
            </li>
            <li data-bind="click: menuLoginModel.actions.logout">
                <a href="#Desconectar">Desconectar</a>
            </li>
            
            <li data-bind="click: menuLoginModel.actions.redirect.bind($data, '/es-ES/TarjetaPlus/TP-MiTarjetaPlus.aspx', '', true)">
                <a href="#MisPuntos">Mis puntos</a>
            </li>
            
        </ul>
        <!-- /ko --> 
        <!-- ko if:  !menuLoginModel.IsLogedIn() -->
        <div class="form_group clearfix">
            <div class="input_container">
                <select id="cboTipoId" name="cboTipoId"
                        class="no-select2" 
                        title="Tipo de acceso" 
                        required 
                        data-bind="'value': menuLoginModel.UserType">

                    <option value="NIF">Accedo con mi NIF</option>
                    <option value="eMail">Accedo con mi cuenta de correo</option>

                </select>
            </div>
        </div>
        <div class="form_group clearfix">
            <div class="input_container icon_right">
                <input type="text" id="UserName" name="UserName" 
                        validation-for="UserName" 
                        required 
                        data-bind="'value': menuLoginModel.User, 
                                    'watermark': menuLoginModel.UserTypeDesc()"/>
                <span class="fa fa-user" aria-hidden="true"></span>
            </div>
        </div>
        <div class="form_group clearfix">
            <div class="input_container icon_right">
                <input type="password" id="Password" name="Password" 
                    validation-for="Password"
                    required
                    placeholder="Contraseña"
                    data-bind="value: menuLoginModel.Password"  />
                <span class="fa fa-lock" aria-hidden="true"></span>
            </div>
        </div>
        <div class="form_group clearfix">
            <div class="input_container icon_right">
                <button type="submit" id="btnLogin" name="btnLogin"
                        data-bind="click: menuLoginModel.actions.login">Entrar</button>
                <a href="/es-ES/MiPerfil/forgotpassword.aspx" class="link">¿Olvidaste tu contraseña?</a><br/>
                <a href="/es-ES/MiPerfil/ProfileMail.aspx?&" class="link">Regístrate aquí</a>
            </div>
        </div>
        <br class="clear">
        <!-- /ko --> 
    </div>
    <div id="menuLoginMessageResult">
        <div style="display: none" class="info-message" data-bind="visible: menuLoginModel.localModel.successMessage() != '', text: menuLoginModel.localModel.successMessage()"></div>
        <div style="display: none" class="summary-error" data-bind="visible: menuLoginModel.localModel.errorMessage() != '', text: menuLoginModel.localModel.errorMessage"></div>
    </div>   
    
</div>
 









<script language="javascript" type="text/javascript">
    // inicialización del modelo si no ha sido inicializado
    if (typeof model === 'undefined') model = new $.Bravo.MVVM.BasicModel();

    // definicion de modelo
    var menuLoginModel = {
        container: "#container-menulogin",
        localModel: new $.Bravo.MVVM.BasicModel(),
        model: null,
        pageRequiredSession: false,
        redirectHomeOnLogin: false,
        IsLogedIn: ko.observable(false),
        item: {"CanUsePoints":false,"CanCreateBooking":false,"Passengers":null,"Vehicles":null,"NIF":null,"IdentifyDocType":null,"IdentifyDoc":null,"Name":null,"FirstSurname":null,"SecoundSurname":null,"Fullname":"  ","IsGenderMale":false,"BirthDay":null,"ZipCode":null,"Address":null,"Town":null,"Province":null,"Points":0,"PendingPoints":0},
        UserType: ko.observable(),
        UserTypeDesc: ko.observable(),
        User: ko.observable(null),
        Password: ko.observable(null),
        IsMiCuentaExpanded: ko.observable(null),
        IsMisReservasExpanded: ko.observable(null),
        IsMiTarjetaPlusExpanded: ko.observable(null),
        init: function (model) {
            if ($("#MessagesResult").length > 0) {
                $("#menuLoginMessageResult").remove();
                menuLoginModel.localModel = menuLoginModel.model;                
            }
        },
        load: function () {
            var utIndex = $.Bravo.utils.fosaCfg.get(5);
            menuLoginModel.UserType(utIndex == "1" ? "NIF" : (utIndex == "2" ? "eMail" : "UserName"));
            menuLoginModel.UserType.subscribe(function (newValue) { 
                switch (newValue) {
                    case 'UserName': 
                        menuLoginModel.UserTypeDesc('Introduce tu cuenta de usuario'); 
                        $.Bravo.utils.fosaCfg.set(5, "0");
                        break;
                    case 'NIF':
                        menuLoginModel.UserTypeDesc('Introduce tu NIF'); 
                        $.Bravo.utils.fosaCfg.set(5, "1");
                        break;
                    case 'eMail':
                        menuLoginModel.UserTypeDesc('Introduce tu cuenta de correo'); 
                        $.Bravo.utils.fosaCfg.set(5, "2");
                        break;
                }                
            });            
            menuLoginModel.UserType.valueHasMutated();

            menuLoginModel.IsMiCuentaExpanded.subscribe(function (newValue) { $.Bravo.utils.fosaCfg.set(2, newValue ? "1" : "0"); });
            menuLoginModel.IsMisReservasExpanded.subscribe(function (newValue) { $.Bravo.utils.fosaCfg.set(3, newValue ? "1" : "0"); });
            menuLoginModel.IsMiTarjetaPlusExpanded.subscribe(function (newValue) { $.Bravo.utils.fosaCfg.set(4, newValue ? "1" : "0"); });

            menuLoginModel.IsMiCuentaExpanded($.Bravo.utils.fosaCfg.get(2) == "1");
            menuLoginModel.IsMisReservasExpanded($.Bravo.utils.fosaCfg.get(3) == "1");
            menuLoginModel.IsMiTarjetaPlusExpanded($.Bravo.utils.fosaCfg.get(4) == "1");
            $("[effect]", $("#container-menulogin")).attr("effect", "slide");
        },
        actions: {
            clearMessages: function () {
                menuLoginModel.localModel.successMessage("");
                menuLoginModel.localModel.errorMessage("");
            },
            login: function () {
                menuLoginModel.actions.clearMessages();
                if ($.Bravo.validation.validateContainer("#destacado_zona_clientes", true)) {
                    $.Bravo.fn.serverAction(
                        "/WSController/WSPerfil.asmx/Login",
                        { 
                            pUserType: menuLoginModel.UserType(),
                            pUsername: menuLoginModel.User(), 
                            pPassword: menuLoginModel.Password(),
                            pProfileGet: !menuLoginModel.redirectHomeOnLogin
                        },
                        menuLoginModel.localModel,
                        true,
                        function (result) {
                            if (result.Status) {
                                if (menuLoginModel.redirectHomeOnLogin) 
                                    menuLoginModel.actions.redirect('/es-ES/MiPerfil/index.aspx', '', false);
                                else{                                                          
                                    menuLoginModel.item = result.Item;
                                    menuLoginModel.Password('');

                                    menuLoginModel.IsLogedIn(true);

                                    if(menuMisReservasModel != null)
                                        menuMisReservasModel.IsLogedIn(true);


                                    if(loginInfoModel != null)
                                        loginInfoModel.IsLogedIn(true);
                                        loginInfoModel.FullName(menuLoginModel.item.Name);
                                }
                            }
                        },
                        null,null,null,true); 
                }
            },
            logout: function () {
                menuLoginModel.actions.clearMessages();
                $.Bravo.fn.serverAction(
                    "/WSController/WSPerfil.asmx/Logout",
                    { },
                    menuLoginModel.localModel,
                    true,
                    function (result) {
                        if (menuLoginModel.pageRequiredSession) {
                            menuLoginModel.actions.redirect('/es-ES/MiPerfil/Login.aspx', '', false);
                        }
                        else {
                            menuLoginModel.item = null;

                            menuLoginModel.IsLogedIn(false);

                            if(menuMisReservasModel != null)
                                menuMisReservasModel.IsLogedIn(false);


                            if(loginInfoModel != null)
                                loginInfoModel.IsLogedIn(false);
                                loginInfoModel.FullName('');

                        }           
                    },
                    null,null,null,true); 
            },
            checkSession: function () {
                var IsConnected = false;
                $.Bravo.fn.serverAction(
                    "/WSController/WSPerfil.asmx/CheckSession",
                    { },
                    menuLoginModel.localModel,
                    false,
                    function (result) {
                        IsConnected = result;         
                    }
                );

                return IsConnected;
            },
            redirect: function (pSessionURL, pAnonymousURL, pCheckSession, pModel, pEvent) {
                if (pEvent != null && pEvent.preventDefault != null) pEvent.preventDefault();

                var lUrlLogin = '/es-ES/MiPerfil/Login.aspx'
                pAnonymousURL = (pAnonymousURL == '' ? lUrlLogin : pAnonymousURL);
                var lUrl = (!pCheckSession || menuLoginModel.actions.checkSession() ? pSessionURL: pAnonymousURL);
                if (lUrl == lUrlLogin && pSessionURL != lUrlLogin) {
                    lUrl = lUrl + "?ReturnURL=" + encodeURIComponent(pSessionURL);
                } 
                window.location.href = lUrl;            
                return false;
            }
        },
        show: function () {
            $("#container-menulogin").show();
        },
        hide: function () {
            $("#container-menulogin").hide();
        },
        submit: function () {
            if (menuLoginModel.IsLogedIn()) 
                menuLoginModel.actions.logout();            
            else 
                menuLoginModel.actions.login();
        }
    };

    $.Bravo.MVVM.InsertModelItem(model, "menuLoginModel", menuLoginModel);

</script>

    </div>
	<div id="copiar4" style="display:none;">
		

<div id="loginInfo_widget">
    <span class="fa fa-user" aria-hidden="true"></span>
    <!-- ko if: !loginInfoModel.IsLogedIn() -->
	<a href="/es-ES/MiPerfil/Login.aspx"><span>Mi Fred. Olsen</span></a>
    <!-- /ko -->
    <!-- ko if: loginInfoModel.IsLogedIn() -->
    <a href="/es-ES/MiPerfil/Index.aspx"><span data-bind="'text':loginInfoModel.FullName"></span></a>
    <!-- /ko -->
</div>




<script language="javascript" type="text/javascript">
    // inicialización del modelo si no ha sido inicializado
    if (typeof model === 'undefined') model = new $.Bravo.MVVM.BasicModel();

    // definicion de modelo
    var loginInfoModel = {
        containerSelector: '#myLoginInfo',
        model: null,
        IsLogedIn: ko.observable(false),
        FullName: ko.observable(''),
        init: function (model) {
            if ($(loginInfoModel.containerSelector).length > 0) {
                $(loginInfoModel.containerSelector).html($("#loginInfoContainer .mifredolsen").html());
            }
            $("#loginInfoContainer").remove();
        },
        load: function () {
            if (typeof menuCliente2Model !== 'undefined') {
                menuCliente2Model.IsLogedIn.subscribe(function (newValue) { 
                    loginInfoModel.IsLogedIn(newValue); 
                    loginInfoModel.FullName(newValue ? menuCliente2Model.item.Name: ''); 
                });
            }
        },
        logout: function () {
            $.Bravo.fn.serverAction(
                    "/WSController/WSPerfil.asmx/Logout",
                    {},
                    loginInfoModel.model,
                    true,
                    function (result) { window.location.href = "/es-ES/MiPerfil/Login.aspx"; }
                );
        },
        show: function () { $(loginInfoModel.containerSelector).show(); },
        hide: function () { $(loginInfoModel.containerSelector).hide(); }
    };

    $.Bravo.MVVM.InsertModelItem(model, "loginInfoModel", loginInfoModel);


</script>

    </div>
	
    

<div id="containerModalMessage" class="container-mifredolsen ModalMessage" style="display: none"></div>

<script language="javascript" type="text/javascript">
    // inicialización del modelo si no ha sido inicializado
    if (typeof model === 'undefined') model = new $.Bravo.MVVM.BasicModel();

    // definicion de modelo
    var modalMessageModel = {
        model: null,
        dialogbeforeclose: function () { },
        init: function (model) {
            $("#containerModalMessage").dialog({ "modal": true, "autoOpen": false, "resizable": false, "width": 600, "beforeClose": function () { modalMessageModel.dialogbeforeclose(); } });
        },
        load: function () {
            modalMessageModel.hide();
        },
        open: function (htmlContainer, returnHandler, options) {
            if (returnHandler != null) modalMessageModel.dialogbeforeclose = returnHandler;
            $("#containerModalMessage").html(htmlContainer.html());
            modalMessageModel.show();

            if (options != null) 
                $("#containerModalMessage").dialog(options);

            $("#containerModalMessage").dialog("open");
        },
        close: function () {
            $("#containerModalMessage").dialog("close");
        },
        actions: null,
        show: function () {
            $("#containerModalMessage").show();
        },
        hide: function () {
            $("#containerModalMessage").hide();
        }
    };

    $.Bravo.MVVM.InsertModelItem(model, "modalMessageModel", modalMessageModel);

</script>
    

<div id="loginInfoContainer" style="display: none;">
    <div class="mifredolsen">
        <div id="mifredolsen-logininfo">
	        <div class="titulo">Mi Fred. Olsen</div>
	        <div class="contenido">
		        <div class="contenido_top">
		            <ul data-bind="visible: !loginInfoModel.IsLogedIn()" style="display: none">
			            <li>                    
				            <a href="/es-ES/MiPerfil/ProfileMail.aspx?&">Regístrate</a>
			            </li>
			            <li>
                            <a href="/es/experiencia-fredolsen/tarjeta-plus">Ventajas y beneficios</a>
			            </li>
		            </ul>
                    <div data-bind="visible: loginInfoModel.IsLogedIn()" style="display: none">
                        <span class="mifredolsen-name">Hola <!-- ko text: loginInfoModel.FullName() --><!-- /ko --></span>
                    </div>
		        </div>
		        <div class="contenido_bottom">
                    <a href="/es-ES/MiPerfil/Login.aspx" data-bind="visible: !loginInfoModel.IsLogedIn()" style="display: none"><strong>Acceder</strong> a mi Fred. Olsen</a>
                    <a href="#Cerrar_Sesion" data-bind="visible: loginInfoModel.IsLogedIn(), click: loginInfoModel.logout" class="mifredolsen-logout" style="display: none"><strong>Desconectar</strong></a>
		        </div>
	        </div>
        </div>
    </div>
</div>




<script language="javascript" type="text/javascript">
    // inicialización del modelo si no ha sido inicializado
    if (typeof model === 'undefined') model = new $.Bravo.MVVM.BasicModel();

    // definicion de modelo
    var loginInfoModel = {
        containerSelector: '#header .mifredolsen',
        model: null,
        IsLogedIn: ko.observable(false),
        FullName: ko.observable(''),
        init: function (model) {
            if ($(loginInfoModel.containerSelector).length > 0) {
                $(loginInfoModel.containerSelector).html($("#loginInfoContainer .mifredolsen").html());
            }
            $("#loginInfoContainer").remove();
        },
        load: function () {
            if (typeof menuCliente2Model !== 'undefined') {
                menuCliente2Model.IsLogedIn.subscribe(function (newValue) { 
                    loginInfoModel.IsLogedIn(newValue); 
                    loginInfoModel.FullName(newValue ? menuCliente2Model.item.Name: ''); 
                });
            }
        },
        logout: function () {
            $.Bravo.fn.serverAction(
                    "/WSController/WSPerfil.asmx/Logout",
                    {},
                    loginInfoModel.model,
                    true,
                    function (result) { window.location.href = "/es-ES/MiPerfil/Login.aspx"; }
                );
        },
        show: function () { $(loginInfoModel.containerSelector).show(); },
        hide: function () { $(loginInfoModel.containerSelector).hide(); }
    };

    $.Bravo.MVVM.InsertModelItem(model, "loginInfoModel", loginInfoModel);


</script>

    

<script language="javascript" type="text/javascript">
    
    // definicion de modelo
    var TPVModel = {
        
        isPartner: false,
        model: null,
        messageWaiting: 'Redirigiendo a la pasarela de pago. Iniciando el proceso de pago...',
        messageCanceling: 'Cancelando la operación...',
        init: function (model) {
        },
        load: function () {
        },
        actions: {
            initTPV: function (result, option) {
                if (option == "TC") {
                    $("body").append(result.Request);
                    $("#formPayment").submit();                                
                } else {
                    window.location.href = '/es-ES/CompraOnline/C-WAIAPPago.aspx';
                } 
            }
        },
        show: function () {
        },
        hide: function () {
        }
    };

</script>



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

			$("#booking_widget_content").html($("#copiar1").html());
			$("#copiar1").remove();

			$("#zona-menuMisReservas").replaceWith($("#copiar2").html());
			$("#copiar2").remove();
			
			$("#zona-menuLogin").replaceWith($("#copiar3").html());
			$("#copiar3").remove();
			
			/*$("#zona-loginInfo").replaceWith($("#copiar4").html());
			$("#copiar4").remove();*/
			
			$.Bravo.init('/'); 
			$.Bravo.ko.bind();
			
			initSelect2();

            window.PaginaPrincipal = false;
		});
    /*]]>*/
    </script>
</form>

</body>
</html>

Shown as plain text. Nothing from www.fredolsen.es runs in your browser. Underlined links open their own code view, and line numbers give you a link to share.