CINXE.COM

How to get around Spain. Transport | spain.info

<!DOCTYPE html> <html class="no-js" lang="en"> <head> <script type="text/javascript"> var texto = "(Opens in a new window)"; </script> <link rel='manifest' href='/manifest.json?loc=en'> <link rel="apple-touch-icon" href="/export/sites/segtur/.content/images/logo192.png"> <meta name="apple-mobile-web-app-capable" content="yes" /> <link rel="stylesheet" href="https://use.typekit.net/kmb1yfs.css"> <link rel="stylesheet" href="https://use.typekit.net/wip1dnr.css"> <link rel="preload" href="/export/system/modules/es.segittur.comun/resources/fonts/mega_fresh-webfont.woff2" as="font" type="font/woff2" crossorigin> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin=""/> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css"/> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css"> <link rel="stylesheet" href="/export/system/modules/es.segittur.comun/resources/css/style.min.css?tmp=20250214"> <link rel="stylesheet" href="/export/system/modules/es.segittur.comun/resources/css/style-cookies.css"> <link rel="dns-prefetch" href="https://a.tile.openstreetmap.se" /> <link rel="dns-prefetch" href="https://b.tile.openstreetmap.se" /> <link rel="dns-prefetch" href="https://c.tile.openstreetmap.se" /> <title>How to get around Spain. Transport | spain.info</title> <meta name="description" content='Discover the best way to get around Spain. Information on airports, trains, buses and ports for discovering Spain | spain.info'/> <link rel="alternate" href="https://www.spain.info/de/sich-bewegen/" hreflang="de"/> <link rel="alternate" href="https://www.spain.info/ru/kak-peredvigatsia/" hreflang="ru"/> <link rel="alternate" href="https://www.spain.info/ja/idou-houhou/" hreflang="ja"/> <link rel="alternate" href="https://www.spain.info/en/getting-around/" hreflang="en"/> <link rel="canonical" href="https://www.spain.info/en/getting-around/"/> <link rel="alternate" href="https://www.spain.info/pt_BR/como-se-deslocar/" hreflang="pt"/> <link rel="alternate" href="https://www.spain.info/it/come-muoversi/" hreflang="it"/> <link rel="alternate" href="https://www.spain.info/pl/czym-sie-poruszac/" hreflang="pl"/> <link rel="alternate" href="https://www.spain.info/fr/comment-se-deplacer/" hreflang="fr"/> <link rel="alternate" href="https://www.spain.info/es/como-moverse/" hreflang="es"/> <meta property="og:url" content='https://www.spain.info/en/getting-around/'/> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Script de implantación para www.spain.info --> <script async="async" type="text/javascript" data-insuit-id="insuitlaunch" src="https://www--spain--info.insuit.net/i4tservice/insuit-app.js"></script> <style type="text/css"> #x-insuit-container #x-insuit-bar-container #x-insuit-content-bar, #x-insuit-container #x-insuit-bar-container #x-insuit-bar-tools, #x-insuit-container #x-insuit-bar-container .x-insuit-option-text, #x-insuit-container #x-insuit-bar-container *, #x-insuit-container #x-insuit-pdf-viewer-container, #x-insuit-container #x-insuit-tour-container #x-insuit-tour .x-insuit-tour-bar, #x-insuit-container #x-insuit-tour-container #x-insuit-tour .x-insuit-tour-bar * { background: #021F3C; } #x-insuit-container * { font-family: stolzl, sans-serif; } </style> </head> <body> <div id="gtmDin"></div> <script> window.dataLayer = window.dataLayer || []; dataLayer.push({ 'url-es':'/es/como-moverse/', 'tipo-recurso': 'subhome', 'tipo-plantilla': '', 'eje-primario': 'Planifica tu viaje', 'eje-secundario': 'Cómo viajar por España' }); </script> <!-- Google Tag Manager --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N7W4FXW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(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-N7W4FXW');</script> <!-- End Google Tag Manager --><div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.8"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <header class="header"> <div id="cabecera" ><div> <nav class="navbar navbar-expand-custom"> <a class="navbar-brand" href="/en/"> <img src="/export/sites/segtur/.content/images/logo_espana_menu.png" alt="Spain.info" class="img-fluid"></a> <p class="claim ">Spain's official tourism website</p> <button id="open-buscador" class="btn-lupa collapsed"><span class="icon-search animunderline" aria-label='Search'></span></button> <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#mainMenu" aria-controls="mainMenu" aria-expanded="false" aria-label="Toggle navigation"> <span> </span> <span> </span> <span> </span> </button> <div class="form-inline buscador-general"> <div class="container"> <!--ICONO PARA CERRAR SUBMENU--> <button class="icon-close" aria-label='Close'><span></span></button> <form action="/en/search-results/" aria-labelledby="open-buscador"> <fieldset> <label lang="es" for="Search" xml:lang="es" class="sr-only">Search</label> <input name="q" class="form-control input-visible" type="search" placeholder="Search" aria-label="Search"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="Search"> </fieldset> </form> </div> </div> <div class="collapse navbar-collapse" id="mainMenu"> <ul class="navbar-nav menu-items"> <li class="nav-item dropdown list-sync-resource"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-dondeir" aria-haspopup="true" aria-expanded="false"> <span>Where to go</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="mapamenu" class="dropdown-menu mapamenu list-sync-resource mapa-switch" aria-labelledby="dropdown-dondeir"> <div class="container"> <button class="icon-close" aria-label='Close'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Discover</strong> our destinations</p></div> <hr> </div> <div class="arrowed wrapper-list-links"> <ul class="list-links"> <li> <a href="/en/destination/madrid/" id="list-mdn-madrid" class="dropdown-item active "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Madrid</a> </li> <li> <a href="/en/destination/barcelona/" id="list-mdn-barcelona" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Barcelona</a> </li> <li> <a href="/en/destination/valencia/" id="list-mdn-valencia" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Valencia</a> </li> <li> <a href="/en/destination/seville/" id="list-mdn-sevilla" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Seville</a> </li> <li> <a href="/en/destination/zaragoza/" id="list-mdn-zaragoza" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Zaragoza</a> </li> <li> <a href="/en/destination/malaga/" id="list-mdn-malaga" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Malaga</a> </li> <li> <a href="/en/destination/bilbao/" id="list-mdn-bilbao" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Bilbao</a> </li> <li> <a href="/en/destination/santiago-compostela/" id="list-mdn-santiago-de-compostela" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Santiago de Compostela</a> </li> <li> <a href="/en/destination/salamanca/" id="list-mdn-salamanca" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Salamanca</a> </li> <li> <a href="/en/destination/santander/" id="list-mdn-santander" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Santander</a> </li> <li> <a href="/en/destination/caceres/" id="list-mdn-caceres" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Cáceres</a> </li> <li> <a href="/en/region/canary-islands/" id="list-mdn-islas-canarias" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Canary Islands</a> </li> <li> <a href="/en/region/balearic-islands/" id="list-mdn-islas-baleares" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Balearic Islands</a> </li> <li> <a href="/en/destinations/" class="dropdown-item d-block d-customdk-none">See all the destinations</a> </li> </ul> <div class="wrapper-buscador-destinos container"> <form class="form-inline buscador-destinos" action="/en/search-results/"> <fieldset> <input type="hidden" value="SEG-TUR-Destino" name="typeFilter"> <input type="hidden" value="" name="reloaded"> <label lang="es" for="buscadorDestinos" xml:lang="es" class="sr-only">Search destinations</label> <input name="q" class="form-control input-visible" type="search" placeholder="SEARCH OTHER DESTINATIONS" aria-label="SEARCH OTHER DESTINATIONS"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="SEARCH OTHER DESTINATIONS"> </fieldset> </form> <a href="/en/destinations/" class="btn btn-dark text-uppercase">See all the destinations</a> </div> </div> <div class="wrapper-recurso-menu mapa-menu"> <!--MAPA MENU--> <div class="wrapper-menu-map d-none d-xl-block"> <div class="menuholder" data-lang="en" data-path="mapa_00_mapa-menu-destinos.svg"></div> </div> <!--END MAPA MENU--> </div> </div> </div> </li> <li class="nav-item dropdown list-images-dk"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-quehacer" aria-haspopup="true" aria-expanded="false"> <span>What to do</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="quehacer" class="dropdown-menu" aria-labelledby="dropdown-quehacer"> <div class="container"> <button class="icon-close" aria-label='Close'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Activities</strong> to suit all tastes</p></div> <hr> </div> <a class="dropdown-item" href="/en/art-culture/" title="Go to: Art and culture"> <img id="imgAct1" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/sagrada-familia-c-jace-grandinetti-U167181.jpg" class="img-fluid img-menu" alt="Art and culture" title="Art and culture" /> <span>Art and culture</span> </a> <a class="dropdown-item" href="/en/coasts-beaches/" title="Go to: Coasts and beaches"> <img id="imgAct2" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/shutterstock_740751832.jpg" class="img-fluid img-menu" alt="Coasts and beaches" title="Coasts and beaches" /> <span>Coasts and beaches</span> </a> <a class="dropdown-item" href="/en/cities/" title="Go to: Urban tourism"> <img id="imgAct3" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/alcala-madrid-s378537616.jpg" class="img-fluid img-menu" alt="Urban tourism" title="Urban tourism" /> <span>Urban tourism</span> </a> <a class="dropdown-item" href="/en/nature/" title="Go to: Nature"> <img id="imgAct4" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/pn-garajonay-s381203209.jpg" class="img-fluid img-menu" alt="Nature" title="Nature" /> <span>Nature</span> </a> <a class="dropdown-item" href="/en/gastronomy-wine-tourism/" title="Go to: Food and wine"> <img id="imgAct5" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/sepia-s103864166.jpg" class="img-fluid img-menu" alt="Food and wine" title="Food and wine" /> <span>Food and wine</span> </a> <a class="dropdown-item" href="/en/adventure-sports/" title="Go to: Sport and adventure"> <img id="imgAct6" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/turistas-naturaleza-canarias-c-radek-u-zLWGDlOXCKs.jpg" class="img-fluid img-menu" alt="Sport and adventure" title="Sport and adventure" /> <span>Sport and adventure</span> </a> <a class="dropdown-item" href="/en/shopping/" title="Go to: Shopping"> <img id="imgAct7" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/compras-s343979471.jpg" class="img-fluid img-menu" alt="Shopping" title="Shopping" /> <span>Shopping</span> </a> <a class="dropdown-item" href="/en/routes/" title="Go to: Routes"> <img id="imgAct8" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/peregrino-santiago-s1465891958.jpg" class="img-fluid img-menu" alt="Routes" title="Routes" /> <span>Routes</span> </a> </div> </div> </li> <li class="nav-item dropdown list-sync-resource"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-info" aria-haspopup="true" aria-expanded="false"> <span>Plan your trip</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="info" class="dropdown-menu" aria-labelledby="dropdown-info"> <div class="container"> <button class="icon-close" aria-label='Close'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Book</strong> your trip to Spain.</p></div> <hr> </div> <div class="wrapper-list-links"> <ul class="list-links"> <li> <a href="https://sustainability.spain.info/en/" id="info-1" title="Go to: Sustainability in Spain" class="dropdown-item hacerblank"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Sustainability in Spain</a> </li> <li> <a href="/en/about-spain/" id="info-2" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>About Spain</a> </li> <li> <a href="/en/info/" id="info-3" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Practical information</a> </li> <li> <a href="/en/how-to-get-there/" id="info-4" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>How to get to Spain</a> </li> <li> <a href="/en/getting-around/" id="info-5" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Getting around Spain</a> </li> <li> <a href="/en/activities/" id="info-6" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Book your experiences</a> </li> <li> <a href="/en/route-planner/" id="info-7" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Route planner</a> </li> <li> <a href="/en/brochures/" id="info-8" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Download brochures</a> </li> <li> <a href="/en/weather/" id="info-9" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>The weather</a> </li> <li> <a href="/en/travel-tips/visa-passport/" id="info-10" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Visa and passport</a> </li> </ul> </div> <div class="wrapper-recurso-menu imagen-menu"> <a href="https://sustainability.spain.info/en/" title="Go to: Sustainability in Spain" id="card-1" class="card show standard-box-shadow hacerblank"> <img id="imgAct9" src="/export/sites/segtur/.content/imagenes/menu-navegacion/menu-sostenibilidad.jpg" class="card-img-top" alt="Sustainability in Spain" title="Sustainability in Spain"/> <div class="card-body"> <p class="title text-uppercase">Sustainability in Spain</p> <p class="card-text mb-0">Plan an environmentally and socially responsible holiday. Help to care for the planet.</p> </div> </a> <a href="/en/about-spain/" title="Go to: About Spain" id="card-2" class="card standard-box-shadow"> <img id="imgAct10" src="/export/sites/segtur/.content/imagenes/menu-navegacion/turistas-museo-prado-mapa-madrid-s139919035.jpg" class="card-img-top" alt="About Spain" title="About Spain"/> <div class="card-body"> <p class="title text-uppercase">About Spain</p> <p class="card-text mb-0">Data and interesting facts about the country, its culture, nature, gastronomy and population.</p> </div> </a> <a href="/en/info/" title="Go to: Practical information" id="card-3" class="card standard-box-shadow"> <img id="imgAct11" src="/export/sites/segtur/.content/imagenes/menu-navegacion/informacion-turistica-madrid-c-madrid-destino-francesco-pinton.jpg" class="card-img-top" alt="Practical information" title="Practical information"/> <div class="card-body"> <p class="title text-uppercase">Practical information</p> <p class="card-text mb-0">Prepare for your trip in advance with our useful information on entrance requirements, money, safety, healthcare, opening times, etc.</p> </div> </a> <a href="/en/how-to-get-there/" title="Go to: How to get to Spain" id="card-4" class="card standard-box-shadow"> <img id="imgAct12" src="/export/sites/segtur/.content/imagenes/menu-navegacion/mapa-planificacion-s348683150.jpg" class="card-img-top" alt="How to get to Spain" title="How to get to Spain"/> <div class="card-body"> <p class="title text-uppercase">How to get to Spain</p> <p class="card-text mb-0">Find information on our airports and cruise ports and discover what the flight times are from different points across the world.</p> </div> </a> <a href="/en/getting-around/" title="Go to: Getting around Spain" id="card-5" class="card standard-box-shadow"> <img id="imgAct13" src="/export/sites/segtur/.content/imagenes/menu-navegacion/chica-transporte-s456518287.jpg" class="card-img-top" alt="Getting around Spain" title="Getting around Spain"/> <div class="card-body"> <p class="title text-uppercase">Getting around Spain</p> <p class="card-text mb-0">We provide you with useful information on the connections between Spain’s major cities.</p> </div> </a> <a href="/en/activities/" title="Go to: Book your experiences" id="card-6" class="card standard-box-shadow"> <img id="imgAct14" src="/export/sites/segtur/.content/imagenes/menu-navegacion/fotos-u311182.jpg" class="card-img-top" alt="Book your experiences" title="Book your experiences"/> <div class="card-body"> <p class="title text-uppercase">Book your experiences</p> <p class="card-text mb-0">Choose from thousands of activities thought out for you. You just have to pick a theme and a place where you want to enjoy it.</p> </div> </a> <a href="/en/route-planner/" title="Go to: Route planner" id="card-7" class="card standard-box-shadow"> <img id="imgAct15" src="/export/sites/segtur/.content/imagenes/menu-navegacion/turista-fornalutx-mallorca-c-pedro-giraldez.jpg" class="card-img-top" alt="Route planner" title="Route planner"/> <div class="card-body"> <p class="title text-uppercase">Route planner</p> <p class="card-text mb-0">Create your own plan for your trip to Spain with a route to suit your requirements.</p> </div> </a> <a href="/en/brochures/" title="Go to: Download brochures" id="card-8" class="card standard-box-shadow"> <img id="imgAct16" src="/export/sites/segtur/.content/imagenes/menu-navegacion/folleto-turistas-u1118390.jpg" class="card-img-top" alt="Download brochures" title="Download brochures"/> <div class="card-body"> <p class="title text-uppercase">Download brochures</p> <p class="card-text mb-0">With our digital brochures and guides, you will be able to discover the best of our cuisine, culture and fiestas.</p> </div> </a> <a href="/en/weather/" title="Go to: The weather" id="card-9" class="card standard-box-shadow"> <img id="imgAct17" src="/export/sites/segtur/.content/imagenes/menu-navegacion/clima-movil-c-gavin-allanwood-u723586.jpg" class="card-img-top" alt="The weather" title="The weather"/> <div class="card-body"> <p class="title text-uppercase">The weather</p> <p class="card-text mb-0">Check the average temperatures and the hours of sunshine in different areas and the clothing you should wear according to the season.</p> </div> </a> <a href="/en/travel-tips/visa-passport/" title="Go to: Visa and passport" id="card-10" class="card standard-box-shadow"> <img id="imgAct18" src="/export/sites/segtur/.content/imagenes/menu-navegacion/pasaporte-u752510.jpg" class="card-img-top" alt="Visa and passport" title="Visa and passport"/> <div class="card-body"> <p class="title text-uppercase">Visa and passport</p> <p class="card-text mb-0">Do you want to know if you need a visa to visit Spain? Find out about the various types of visas and how to get them.</p> </div> </a> </div> </div> </div> </li> <li class="nav-item"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="/en/calendar/" role="button" id="link-agenda"> <span>Agenda</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span></a> </li> </ul> <div class="navbar-nav alternate"> <ul class="list-idiomas"> <li class="nav-item"> <a class="nav-link" href="#" id="locale-en" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown"><span class="icon-globe"></span> English<span class="icon-angle-down float-right d-none d-customdk-block"></span> <span class="icon-arrow-right-fill2 secondary-color float-right d-customdk-none"></span> </a> <div id="cajaidioma" class="dropdown-menu" aria-labelledby="locale-en"> <ul> <li class="nav-item"> <a href="/es/como-moverse/" class="dropdown-item" id="locale-es"> Español</a> </li> <li class="nav-item"> <a href="/de/sich-bewegen/" class="dropdown-item" id="locale-de"> Deutsch</a> </li> <li class="nav-item"> <a href="/fr/comment-se-deplacer/" class="dropdown-item" id="locale-fr"> Français</a> </li> <li class="nav-item"> <a href="/it/come-muoversi/" class="dropdown-item" id="locale-it"> Italiano</a> </li> <li class="nav-item"> <a href="/pt_BR/como-se-deslocar/" class="dropdown-item" id="locale-pt_BR"> Português</a> </li> <li class="nav-item"> <a href="/ru/kak-peredvigatsia/" class="dropdown-item" id="locale-ru"> русский</a> </li> <li class="nav-item"> <a href="/pl/czym-sie-poruszac/" class="dropdown-item" id="locale-pl"> Polski</a> </li> <li class="nav-item"> <a href="/ja/idou-houhou/" class="dropdown-item" id="locale-ja"> 日本語</a> </li> <li class="nav-item"> <a href="//www.spain.info/gcc/en/" class="dropdown-item hacerblank" id="locale-gcc_en">GCC (English)</a> </li> <li class="nav-item"> <a href="//www.spain.info/gcc/ar/" class="dropdown-item hacerblank" id="locale-gcc_ar">مجلس التعاون الخليجي (عربي)</a> </li> <li class="nav-item"> <a href="https://www.visitspain.com.cn/" class="dropdown-item hacerblank" id="locale-gcc">中国</a> </li> </ul> </div> </li> </ul> </div> <div class="enlaces-utiles"> <div class="container"> <ul class="list"> <li class="list-item"> <a href="/en/interactive-map/" class="" > <span class="icon-map-marker"></span> <span class="text">Interactive map</span> </a> </li> <li class="list-item"> <a href="/en/plan-trip-to-spain/" class="" > <span class="icon-mi-viaje"></span> <span class="text">My ideal trip</span> </a> </li> <li class="list-item"> <a href="/en/app/favourites/" class="" rel="nofollow" > <span class="icon-like"></span> <span class="text">My favourites</span> </a> </li> <li class="list-item"> <a href="https://aplicaciones.tourspain.es/CRM.HospedajeFormularios/Newsletter/NewsletterIngles.aspx" class="hacerblank" rel="nofollow" > <span class="icon-mail-social"></span> <span class="text">Newsletter</span> </a> </li> </ul> </div> </div> </div> </nav> </div> </div></header><main> <div id="cuerpo" ><section class="cabecera pano img-portada-container bg-cover layer-dark-shadow centered wrapper-combos"> <!--<a href='https://travelsafe.spain.info/en/' class="cabecera-aviso hacerblank aviso-a"> <div class="wrapper-aviso"> <p class="text"><span class="text-color">Travel </span><span class="primary-color">Safe</span></p> <span class="description consejos">Advice for travelling safely</span> <span class="description d-block secondary-color font-weight-bolder">Latest news</span> </div> </a>--> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/chica-transporte-s456518287.jpg_604889389.jpg' srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/chica-transporte-s456518287.jpg_1014274486.jpg 480w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/chica-transporte-s456518287.jpg_78431701.jpg 768w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/chica-transporte-s456518287.jpg_604889389.jpg 1920w' sizes='(max-width: 480px) 480px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/chica-transporte-s456518287.jpg_1014274486.jpg' class='img-fluid img-editable' alt='Getting around Spain' title='Getting around Spain'><div class="title-container container"> <div class="wrapper-title text-white"> <h1 class="titulo-portada custom-title container-fluid">Getting around Spain</h1> <span class="subtitle text-white"><p>Well connected destinations</p></span> </div> </div> </section> <section class="breadcrumbs bg-primary-color"> <div class="container"> <div class="row align-items-center"> <div class="d-none d-sm-block col-sm-6 text-left"> <nav aria-label="Breadcrumb" class="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a class="breadcrumb-link" href="/en/" target="_self" title="" >Home</a></li> </ol> </nav> </div> <div class="col-sm-6"> </div> </div> </div> </section> <section class="module entradilla centered"> <div class="container"> <h2 class="title text-center">Getting to know the country</h2> <p class="text-secundario text-center"> We offer you useful information on distances and connections between the main Spanish cities so you can organise a trip around the whole country on your next visit. Domestic flights take less than two hours (except to the Canary islands), there are around 17,000 kilometres of fast roads and high speed trains (AVE) connecting major destinations such as Barcelona, Seville or Valencia with Madrid in three hours, or less.<span class="br"></span> Ready to travel?</p> </div> </section> <div class="module bg-white"> <div class="container"> </div> <section id="accordionTabmap" class="interactive-map__con-acordeones mapa-switch"> <section class="accordion-tabs "> <div class="container"> <div class="row"> <div class="col-lg-4"> <div class="accordion"> <div class="card"> <div class="card-header" id="Accheading1"> <p class="mb-0"> <button id="list-dt-madrid" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse1" aria-expanded="true" aria-controls="collapse1"> Madrid</button> </p> </div> <div id="collapse1" class="panel-collapseMov collapse show" aria-labelledby="heading-dt-madrid" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab1-1" data-toggle="tab" href="#medio-plane-1-1" role="tab" aria-controls="medio-plane-1-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Plane</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab1-2" data-toggle="tab" href="#medio-train-1-2" role="tab" aria-controls="medio-train-1-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">Train</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab1-3" data-toggle="tab" href="#medio-car-1-3" role="tab" aria-controls="medio-car-1-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">Car</p></a> </li> </ul> <div class="tab-content" id="myTabContent1"> <div class="tab-pane fade show active" id="medio-plane-1-1" role="tabpanel" aria-labelledby="plane-tab1-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Barcelona</th> <td>625 km</td> <td>1 hr 15 min</td> <tr> <tr> <th scope="row">Balearic Islands</th> <td>700 km</td> <td>1 hr 20 min</td> <tr> <tr> <th scope="row">Canary Islands</th> <td>2000 km</td> <td>2 hr 50 min</td> <tr> <tr> <th scope="row">Seville</th> <td>525 km</td> <td>1 hr</td> <tr> <tr> <th scope="row">Malaga</th> <td>530 km</td> <td>1 hr 10 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>400 km</td> <td>1 hr</td> <tr> <tr> <th scope="row">Valencia</th> <td>360 km</td> <td>55 min</td> <tr> <tr> <th scope="row">Santander</th> <td>450 km</td> <td>1 hr 10 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>595 km</td> <td>1 hr 10 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-1-2" role="tabpanel" aria-labelledby="train-tab1-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Barcelona</th> <td>625 km</td> <td>2 hr 30 min</td> <tr> <tr> <th scope="row">Seville</th> <td>525 km</td> <td>2 hr 30 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>530 km</td> <td>2 hr 25 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>400 km</td> <td>5 hr 15 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>360 km</td> <td>1 hr 40 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>315 km</td> <td>1 hr 35 min</td> <tr> <tr> <th scope="row">Santander</th> <td>450 km</td> <td>4 hr 15 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>595 km</td> <td>3 hr</td> <tr> <tr> <th scope="row">Salamanca</th> <td>214 km</td> <td>1 hr 40 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-1-3" role="tabpanel" aria-labelledby="car-tab1-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Barcelona</th> <td>625 km</td> <td>6 hrs</td> <tr> <tr> <th scope="row">Seville</th> <td>525 km</td> <td>5 hr</td> <tr> <tr> <th scope="row">Malaga</th> <td>530 km</td> <td>5 hr 15 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>400 km</td> <td>4 hr</td> <tr> <tr> <th scope="row">Valencia</th> <td>360 km</td> <td>3 hr 30 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>315 km</td> <td>3 hr 10 min</td> <tr> <tr> <th scope="row">Santander</th> <td>450 km</td> <td>4 hr 30 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>595 km</td> <td>5 hr 45 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>214 km</td> <td>2 hr 15 min</td> <tr> </tbody> </table> </div> </div> <!--end tabs--> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading2"> <p class="mb-0"> <button id="list-dt-barcelona" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2"> Barcelona</button> </p> </div> <div id="collapse2" class="panel-collapseMov collapse " aria-labelledby="heading-dt-barcelona" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab2-1" data-toggle="tab" href="#medio-plane-2-1" role="tab" aria-controls="medio-plane-2-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Plane</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab2-2" data-toggle="tab" href="#medio-train-2-2" role="tab" aria-controls="medio-train-2-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">Train</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab2-3" data-toggle="tab" href="#medio-car-2-3" role="tab" aria-controls="medio-car-2-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">Car</p></a> </li> <li class="nav-item"> <a class="nav-link " id="ship-tab2-4" data-toggle="tab" href="#medio-ship-2-4" role="tab" aria-controls="medio-ship-2-4" aria-selected="false"><span class="icon-ship-fill"></span><p class="text-uppercase">Ship</p></a> </li> </ul> <div class="tab-content" id="myTabContent2"> <div class="tab-pane fade show active" id="medio-plane-2-1" role="tabpanel" aria-labelledby="plane-tab2-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>625 km</td> <td>1 hr 15 min</td> <tr> <tr> <th scope="row">Balearic Islands</th> <td>285 km</td> <td>45 min</td> <tr> <tr> <th scope="row">Canary Islands</th> <td>2450 km</td> <td>3 hr 15 min</td> <tr> <tr> <th scope="row">Seville</th> <td>1000 km</td> <td>1 hr 35 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>930 km</td> <td>1 hr 35 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>600 km</td> <td>1 hr 15 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>350 km</td> <td>55 min </td> <tr> <tr> <th scope="row">Santander</th> <td>705 km</td> <td>1 hr 15 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>1100 km</td> <td>1 hr 40 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-2-2" role="tabpanel" aria-labelledby="train-tab2-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>625 km</td> <td>2 hr 30 min</td> <tr> <tr> <th scope="row">Seville</th> <td>1000 km</td> <td>5 hr 25 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>930 km</td> <td>6 hrs</td> <tr> <tr> <th scope="row">Bilbao</th> <td>600 km</td> <td>6 hr 30 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>350 km</td> <td>3 hr 15 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>315 km</td> <td>1 hr 35 min</td> <tr> <tr> <th scope="row">Santander</th> <td>705 km</td> <td>7 hr 20 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>1100 km</td> <td>7 hr 10 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>842 km</td> <td>5 hr 20 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-2-3" role="tabpanel" aria-labelledby="car-tab2-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>625 km</td> <td>6 hrs</td> <tr> <tr> <th scope="row">Seville</th> <td>1000 km</td> <td>9 hr 30 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>930 km</td> <td>9 hr 30 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>600 km</td> <td>5 hr 45 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>350 km</td> <td>3 hr 30 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>315 km</td> <td>3 hr 10 min</td> <tr> <tr> <th scope="row">Santander</th> <td>705 km</td> <td>7 hr 25 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>1100 km</td> <td>11 hr</td> <tr> <tr> <th scope="row">Salamanca</th> <td>842 km</td> <td>8 hr 10 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-ship-2-4" role="tabpanel" aria-labelledby="ship-tab2-4"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Balearic Islands</th> <td>285 km</td> <td>6 hrs</td> <tr> </tbody> </table> </div> </div> <!--end tabs--> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading3"> <p class="mb-0"> <button id="list-dt-islas-baleares" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3"> Balearic Islands</button> </p> </div> <div id="collapse3" class="panel-collapseMov collapse " aria-labelledby="heading-dt-islas-baleares" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab3-1" data-toggle="tab" href="#medio-plane-3-1" role="tab" aria-controls="medio-plane-3-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Plane</p></a> </li> <li class="nav-item"> <a class="nav-link " id="ship-tab3-2" data-toggle="tab" href="#medio-ship-3-2" role="tab" aria-controls="medio-ship-3-2" aria-selected="false"><span class="icon-ship-fill"></span><p class="text-uppercase">Ship</p></a> </li> </ul> <div class="tab-content" id="myTabContent3"> <div class="tab-pane fade show active" id="medio-plane-3-1" role="tabpanel" aria-labelledby="plane-tab3-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>700 km</td> <td>1 hr 20 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>285 km</td> <td>45 min</td> <tr> <tr> <th scope="row">Canary Islands</th> <td>2500 km</td> <td>3 hr</td> <tr> <tr> <th scope="row">Seville</th> <td>950 km</td> <td>1 hr 30 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>850 km</td> <td>1 hr 30 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>875 km</td> <td>1 hr 30 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>250 km</td> <td>50 min</td> <tr> <tr> <th scope="row">Santander</th> <td>695 km</td> <td>1 hr 25 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>1300 km</td> <td>1 hr 50 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>900 km</td> <td>1 hr 25 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-ship-3-2" role="tabpanel" aria-labelledby="ship-tab3-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Barcelona</th> <td>285 km</td> <td>6 hrs</td> <tr> <tr> <th scope="row">Valencia</th> <td>250 km</td> <td>5 hr</td> <tr> </tbody> </table> </div> </div> <!--end tabs--> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading4"> <p class="mb-0"> <button id="list-dt-islas-canarias" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse4" aria-expanded="false" aria-controls="collapse4"> Canary Islands</button> </p> </div> <div id="collapse4" class="panel-collapseMov collapse " aria-labelledby="heading-dt-islas-canarias" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab4-1" data-toggle="tab" href="#medio-plane-4-1" role="tab" aria-controls="medio-plane-4-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Plane</p></a> </li> </ul> <div class="tab-content" id="myTabContent4"> <div class="tab-pane fade show active" id="medio-plane-4-1" role="tabpanel" aria-labelledby="plane-tab4-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>2000 km</td> <td>2 hr 50 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>2450 km</td> <td>3 hr 15 min</td> <tr> <tr> <th scope="row">Balearic Islands</th> <td>2500 km</td> <td>3 hr</td> <tr> <tr> <th scope="row">Seville</th> <td>1500 km</td> <td>2 hr 15 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>1750 km</td> <td>2 hr 15 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>2350 km </td> <td>3 hr 05 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>2150 km</td> <td>2 hr 45 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>2350 km</td> <td>3 hr 10 min</td> <tr> <tr> <th scope="row">Santander</th> <td>2055 km</td> <td>3 hr</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>2200 km</td> <td>2 hr 45 min</td> <tr> </tbody> </table> </div> </div> <!--end tabs--> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading5"> <p class="mb-0"> <button id="list-dt-sevilla" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse5" aria-expanded="false" aria-controls="collapse5"> Seville</button> </p> </div> <div id="collapse5" class="panel-collapseMov collapse " aria-labelledby="heading-dt-sevilla" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab5-1" data-toggle="tab" href="#medio-plane-5-1" role="tab" aria-controls="medio-plane-5-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Plane</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab5-2" data-toggle="tab" href="#medio-train-5-2" role="tab" aria-controls="medio-train-5-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">Train</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab5-3" data-toggle="tab" href="#medio-car-5-3" role="tab" aria-controls="medio-car-5-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">Car</p></a> </li> </ul> <div class="tab-content" id="myTabContent5"> <div class="tab-pane fade show active" id="medio-plane-5-1" role="tabpanel" aria-labelledby="plane-tab5-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>525 km</td> <td>1 hr</td> <tr> <tr> <th scope="row">Barcelona</th> <td>1000 km</td> <td>1 hr 35 min</td> <tr> <tr> <th scope="row">Balearic Islands</th> <td>950 km</td> <td>1 hr 30 min</td> <tr> <tr> <th scope="row">Canary Islands</th> <td>1500 km</td> <td>2 hr 15 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>860 km</td> <td>1 hr 20 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>655 km</td> <td>1 hr 10 min</td> <tr> <tr> <th scope="row">Santander</th> <td>825 km</td> <td>1 hr 35 mins</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>800 km</td> <td>1 hr 25 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-5-2" role="tabpanel" aria-labelledby="train-tab5-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>525 km</td> <td>2 hr 30 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>1000 km</td> <td>5 hr 25 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>205 km</td> <td>2 hr</td> <tr> <tr> <th scope="row">Valencia</th> <td>655 km</td> <td>4 hr</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>840 km</td> <td>3 hr 40 min</td> <tr> <tr> <th scope="row">Santander</th> <td>825 km</td> <td>8 hr 30 min </td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>800 km</td> <td>7 hr 40 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>462 km</td> <td>6 hr 35 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-5-3" role="tabpanel" aria-labelledby="car-tab5-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>525 km</td> <td>5 hr</td> <tr> <tr> <th scope="row">Barcelona</th> <td>1000 km</td> <td>9 hr 30 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>205 km</td> <td>2 hr 15 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>860 km</td> <td>7 hr 50 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>655 km</td> <td>6 hr 15 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>840 km</td> <td>7 hr 40 min</td> <tr> <tr> <th scope="row">Santander</th> <td>825 km</td> <td>8 hr 20 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>800 km</td> <td>8 hr 20 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>462 km</td> <td>4 hr 20 min</td> <tr> </tbody> </table> </div> </div> <!--end tabs--> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading6"> <p class="mb-0"> <button id="list-dt-malaga" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse6" aria-expanded="false" aria-controls="collapse6"> Malaga</button> </p> </div> <div id="collapse6" class="panel-collapseMov collapse " aria-labelledby="heading-dt-malaga" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab6-1" data-toggle="tab" href="#medio-plane-6-1" role="tab" aria-controls="medio-plane-6-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Plane</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab6-2" data-toggle="tab" href="#medio-train-6-2" role="tab" aria-controls="medio-train-6-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">Train</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab6-3" data-toggle="tab" href="#medio-car-6-3" role="tab" aria-controls="medio-car-6-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">Car</p></a> </li> </ul> <div class="tab-content" id="myTabContent6"> <div class="tab-pane fade show active" id="medio-plane-6-1" role="tabpanel" aria-labelledby="plane-tab6-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>530 km</td> <td>1 hr 10 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>930 km</td> <td>1 hr 35 min</td> <tr> <tr> <th scope="row">Balearic Islands</th> <td>850 km</td> <td>1 hr 30 min</td> <tr> <tr> <th scope="row">Canary Islands</th> <td>1750 km</td> <td>2 hr 15 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>920 km</td> <td>1 hr 35 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>610 km</td> <td>1 hr 30 min</td> <tr> <tr> <th scope="row">Santander</th> <td>948 km</td> <td>1 hr 35 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>1100 km</td> <td>1 hr 30 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-6-2" role="tabpanel" aria-labelledby="train-tab6-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>530 km</td> <td>2 hr 25 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>930 km</td> <td>6 hrs</td> <tr> <tr> <th scope="row">Seville</th> <td>205 km</td> <td>1 hr 55 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>610 km</td> <td>4 hr 10 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>830 km</td> <td>3 hr 55 min</td> <tr> <tr> <th scope="row">Santander</th> <td>948 km</td> <td>8 hr 15 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>1100 km</td> <td>7 hr 50 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>680 km</td> <td>6 hr 40 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-6-3" role="tabpanel" aria-labelledby="car-tab6-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>530 km</td> <td>5 hr 15 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>930 km</td> <td>9 hr 30 min</td> <tr> <tr> <th scope="row">Seville</th> <td>205 km</td> <td>2 hr 15 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>920 km</td> <td>8 hr 40 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>610 km</td> <td>6 hr 10 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>830 km</td> <td>8 hr</td> <tr> <tr> <th scope="row">Santander</th> <td>948 km</td> <td>10 hr 20 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>1100 km</td> <td>10 hr 30 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>680 km</td> <td>6 hr 30 min</td> <tr> </tbody> </table> </div> </div> <!--end tabs--> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading7"> <p class="mb-0"> <button id="list-dt-bilbao" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse7" aria-expanded="false" aria-controls="collapse7"> Bilbao</button> </p> </div> <div id="collapse7" class="panel-collapseMov collapse " aria-labelledby="heading-dt-bilbao" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab7-1" data-toggle="tab" href="#medio-plane-7-1" role="tab" aria-controls="medio-plane-7-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Plane</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab7-2" data-toggle="tab" href="#medio-train-7-2" role="tab" aria-controls="medio-train-7-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">Train</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab7-3" data-toggle="tab" href="#medio-car-7-3" role="tab" aria-controls="medio-car-7-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">Car</p></a> </li> </ul> <div class="tab-content" id="myTabContent7"> <div class="tab-pane fade show active" id="medio-plane-7-1" role="tabpanel" aria-labelledby="plane-tab7-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>400 km</td> <td>1 hr</td> <tr> <tr> <th scope="row">Barcelona</th> <td>600 km</td> <td>1 hr 15 min</td> <tr> <tr> <th scope="row">Balearic Islands</th> <td>875 km</td> <td>1 hr 30 min</td> <tr> <tr> <th scope="row">Canary Islands</th> <td>2350 km</td> <td>3 hr 05 min</td> <tr> <tr> <th scope="row">Seville</th> <td>860 km</td> <td>1 hr 20 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>920 km</td> <td>1 hr 25 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>610 km</td> <td>1 hr 10 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>580 km</td> <td>1 hr 5 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-7-2" role="tabpanel" aria-labelledby="train-tab7-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>400 km</td> <td>5 hr 15 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>600 km</td> <td>6 hr 30 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>300 km</td> <td>4 hr 30 min</td> <tr> <tr> <th scope="row">Santander</th> <td>104 km</td> <td>2 hr 56 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>580 km</td> <td>10 hr</td> <tr> <tr> <th scope="row">Salamanca</th> <td>397 km</td> <td>5 hr 50 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-7-3" role="tabpanel" aria-labelledby="car-tab7-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>400 km</td> <td>4 hr</td> <tr> <tr> <th scope="row">Barcelona</th> <td>600 km</td> <td>5 hr 45 min</td> <tr> <tr> <th scope="row">Seville</th> <td>860 km</td> <td>7 hr 50 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>920 km</td> <td>8 hr 40 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>610 km</td> <td>5 hr 50 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>300 km</td> <td>2 hr 55 min</td> <tr> <tr> <th scope="row">Santander</th> <td>104 km</td> <td>1 hr 15 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>580 km</td> <td>5 hr 40 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>397 km</td> <td>3 hr 50 min</td> <tr> </tbody> </table> </div> </div> <!--end tabs--> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading8"> <p class="mb-0"> <button id="list-dt-valencia" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse8" aria-expanded="false" aria-controls="collapse8"> Valencia</button> </p> </div> <div id="collapse8" class="panel-collapseMov collapse " aria-labelledby="heading-dt-valencia" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab8-1" data-toggle="tab" href="#medio-plane-8-1" role="tab" aria-controls="medio-plane-8-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Plane</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab8-2" data-toggle="tab" href="#medio-train-8-2" role="tab" aria-controls="medio-train-8-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">Train</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab8-3" data-toggle="tab" href="#medio-car-8-3" role="tab" aria-controls="medio-car-8-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">Car</p></a> </li> <li class="nav-item"> <a class="nav-link " id="ship-tab8-4" data-toggle="tab" href="#medio-ship-8-4" role="tab" aria-controls="medio-ship-8-4" aria-selected="false"><span class="icon-ship-fill"></span><p class="text-uppercase">Ship</p></a> </li> </ul> <div class="tab-content" id="myTabContent8"> <div class="tab-pane fade show active" id="medio-plane-8-1" role="tabpanel" aria-labelledby="plane-tab8-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>360 km</td> <td>55 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>350 km</td> <td>55 min</td> <tr> <tr> <th scope="row">Balearic Islands</th> <td>250 km</td> <td>50 min</td> <tr> <tr> <th scope="row">Canary Islands</th> <td>2150 km</td> <td>2 hr 45 min</td> <tr> <tr> <th scope="row">Seville</th> <td>655 km</td> <td>1 hr 10 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>610 km</td> <td>1 hr 30 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>610 km</td> <td>1 hr 10 min</td> <tr> <tr> <th scope="row">Santander</th> <td>685 km</td> <td>1 hr 15 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>950 km</td> <td>1 hr 30 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-8-2" role="tabpanel" aria-labelledby="train-tab8-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>360 km</td> <td>1 hr 40 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>350 km</td> <td>3 hr 15 min</td> <tr> <tr> <th scope="row">Seville</th> <td>655 km</td> <td>4 hr</td> <tr> <tr> <th scope="row">Malaga</th> <td>610 km</td> <td>4 hr 15 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>310 km</td> <td>4 hr 15 min</td> <tr> <tr> <th scope="row">Santander</th> <td>685 km</td> <td>6 hr 25 min </td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>950 km</td> <td>7 hr 10 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>578 km</td> <td>5 hr 50 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-8-3" role="tabpanel" aria-labelledby="car-tab8-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>360 km</td> <td>3 hr 30 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>350 km</td> <td>3 hr 30 min</td> <tr> <tr> <th scope="row">Seville</th> <td>655 km</td> <td>6 hr 15 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>610 km</td> <td>6 hr 10 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>610 km</td> <td>5 hr 50 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>310 km</td> <td>3 hr</td> <tr> <tr> <th scope="row">Santander</th> <td>685 km</td> <td>7 hr 30 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>950 km</td> <td>9 hr</td> <tr> <tr> <th scope="row">Salamanca</th> <td>578 km</td> <td>5 hr 30 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-ship-8-4" role="tabpanel" aria-labelledby="ship-tab8-4"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Balearic Islands</th> <td>250 km</td> <td>5 hr</td> <tr> </tbody> </table> </div> </div> <!--end tabs--> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading9"> <p class="mb-0"> <button id="list-dt-zaragoza" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse9" aria-expanded="false" aria-controls="collapse9"> Zaragoza</button> </p> </div> <div id="collapse9" class="panel-collapseMov collapse " aria-labelledby="heading-dt-zaragoza" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab9-1" data-toggle="tab" href="#medio-plane-9-1" role="tab" aria-controls="medio-plane-9-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Plane</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab9-2" data-toggle="tab" href="#medio-train-9-2" role="tab" aria-controls="medio-train-9-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">Train</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab9-3" data-toggle="tab" href="#medio-car-9-3" role="tab" aria-controls="medio-car-9-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">Car</p></a> </li> </ul> <div class="tab-content" id="myTabContent9"> <div class="tab-pane fade show active" id="medio-plane-9-1" role="tabpanel" aria-labelledby="plane-tab9-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Canary Islands</th> <td>2350 km</td> <td>3 hr 10 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>780 km</td> <td>1 hr 25 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-9-2" role="tabpanel" aria-labelledby="train-tab9-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>315 km</td> <td>1 hr 35 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>315 km</td> <td>1 hr 35 min</td> <tr> <tr> <th scope="row">Seville</th> <td>840 km</td> <td>3 hr 40 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>830 km</td> <td>4 hr 10 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>300 km</td> <td>4 hr 30 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>310 km</td> <td>4 hr 25 min</td> <tr> <tr> <th scope="row">Santander</th> <td>403 km</td> <td>6 hrs </td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>780 km</td> <td>7 hr 20 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>538 km</td> <td>4 hr 15 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-9-3" role="tabpanel" aria-labelledby="car-tab9-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>315 km </td> <td>3 hr 10 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>315 km</td> <td>3 hr 10 min</td> <tr> <tr> <th scope="row">Seville</th> <td>840 km</td> <td>7 hr 40 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>830 km</td> <td>8 hr</td> <tr> <tr> <th scope="row">Bilbao</th> <td>300 km</td> <td>2 hr 55 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>310 km</td> <td>3 hr</td> <tr> <tr> <th scope="row">Santander</th> <td>403 km</td> <td>4 hr 25 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>780 km</td> <td>7 hr 45 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>538 km</td> <td>5 hr 10 min</td> <tr> </tbody> </table> </div> </div> <!--end tabs--> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading10"> <p class="mb-0"> <button id="list-dt-santander" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse10" aria-expanded="false" aria-controls="collapse10"> Santander</button> </p> </div> <div id="collapse10" class="panel-collapseMov collapse " aria-labelledby="heading-dt-santander" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab10-1" data-toggle="tab" href="#medio-plane-10-1" role="tab" aria-controls="medio-plane-10-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Plane</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab10-2" data-toggle="tab" href="#medio-train-10-2" role="tab" aria-controls="medio-train-10-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">Train</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab10-3" data-toggle="tab" href="#medio-car-10-3" role="tab" aria-controls="medio-car-10-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">Car</p></a> </li> </ul> <div class="tab-content" id="myTabContent10"> <div class="tab-pane fade show active" id="medio-plane-10-1" role="tabpanel" aria-labelledby="plane-tab10-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>450 km</td> <td>1 hr 10 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>705 km</td> <td>1 hr 15 min</td> <tr> <tr> <th scope="row">Balearic Islands</th> <td>695 km</td> <td>1 hr 25 min</td> <tr> <tr> <th scope="row">Canary Islands</th> <td>2055 km</td> <td>3 hr</td> <tr> <tr> <th scope="row">Seville</th> <td>825 km</td> <td>1 hr 35 mins</td> <tr> <tr> <th scope="row">Malaga</th> <td>948 km</td> <td>1 hr 35 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>685 km</td> <td>1 hr 15 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>490 km</td> <td>3 hr 15 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-10-2" role="tabpanel" aria-labelledby="train-tab10-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>450 km</td> <td>4 hr 15 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>705 km</td> <td>7 hr 20 min</td> <tr> <tr> <th scope="row">Seville</th> <td>825 km</td> <td>8 hr 30 min </td> <tr> <tr> <th scope="row">Malaga</th> <td>948 km</td> <td>8 hr 15 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>104 km</td> <td>2 hr 56 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>685 km</td> <td>6 hr 25 min </td> <tr> <tr> <th scope="row">Zaragoza</th> <td>403 km</td> <td>6 hrs </td> <tr> <tr> <th scope="row">Salamanca</th> <td>362 km</td> <td>6 hr 45 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>490 km</td> <td>9 hr</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-10-3" role="tabpanel" aria-labelledby="car-tab10-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>450 km</td> <td>4 hr 30 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>705 km</td> <td>7 hr 25 min</td> <tr> <tr> <th scope="row">Seville</th> <td>825 km</td> <td>8 hr 20 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>948 km</td> <td>10 hr 20 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>104 km</td> <td>1 hr 15 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>685 km</td> <td>7 hr 30 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>403 km</td> <td>4 hr 25 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>362 km</td> <td>3 hr 20 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>490 km</td> <td>4 hr 40 min</td> <tr> </tbody> </table> </div> </div> <!--end tabs--> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading11"> <p class="mb-0"> <button id="list-dt-santiago-de-compostela" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse11" aria-expanded="false" aria-controls="collapse11"> Santiago de Compostela</button> </p> </div> <div id="collapse11" class="panel-collapseMov collapse " aria-labelledby="heading-dt-santiago-de-compostela" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab11-1" data-toggle="tab" href="#medio-plane-11-1" role="tab" aria-controls="medio-plane-11-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Plane</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab11-2" data-toggle="tab" href="#medio-train-11-2" role="tab" aria-controls="medio-train-11-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">Train</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab11-3" data-toggle="tab" href="#medio-car-11-3" role="tab" aria-controls="medio-car-11-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">Car</p></a> </li> </ul> <div class="tab-content" id="myTabContent11"> <div class="tab-pane fade show active" id="medio-plane-11-1" role="tabpanel" aria-labelledby="plane-tab11-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>595 km</td> <td>1 hr 10 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>1100 km</td> <td>1 hr 40 min</td> <tr> <tr> <th scope="row">Balearic Islands</th> <td>1300 km</td> <td>1 hr 50 min</td> <tr> <tr> <th scope="row">Canary Islands</th> <td>2200 km</td> <td>2 hr 45 min</td> <tr> <tr> <th scope="row">Seville</th> <td>800 km</td> <td>1 hr 25 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>1100 km</td> <td>1 hr 30 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>580 km</td> <td>1 hr 5 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>950 km</td> <td>1 hr 30 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>780 km</td> <td>1 hr 25 min</td> <tr> <tr> <th scope="row">Santander</th> <td>490 km</td> <td>3 hr 15 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-11-2" role="tabpanel" aria-labelledby="train-tab11-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>595 km</td> <td>3 hr</td> <tr> <tr> <th scope="row">Barcelona</th> <td>1100 km</td> <td>7 hr 10 min</td> <tr> <tr> <th scope="row">Seville</th> <td>800 km</td> <td>7 hr 40 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>1100 km</td> <td>7 hr 50 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>580 km</td> <td>10 hr</td> <tr> <tr> <th scope="row">Valencia</th> <td>950 km</td> <td>7 hr 10 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>780 km</td> <td>7 hr 20 min</td> <tr> <tr> <th scope="row">Santander</th> <td>490 km</td> <td>9 hr</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-11-3" role="tabpanel" aria-labelledby="car-tab11-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>595 km</td> <td>5 hr 45 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>1100 km</td> <td>11 hr</td> <tr> <tr> <th scope="row">Seville</th> <td>800 km</td> <td>8 hr 20 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>1100 km</td> <td>10 hr 30 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>580 km</td> <td>5 hr 40 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>950 km</td> <td>9 hr</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>780 km</td> <td>7 hr 45 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>425 km</td> <td>4 hr 10 min</td> <tr> <tr> <th scope="row">Santander</th> <td>490 km</td> <td>4 hr 40 min</td> <tr> </tbody> </table> </div> </div> <!--end tabs--> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading12"> <p class="mb-0"> <button id="list-dt-salamanca" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse12" aria-expanded="false" aria-controls="collapse12"> Salamanca</button> </p> </div> <div id="collapse12" class="panel-collapseMov collapse " aria-labelledby="heading-dt-salamanca" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab12-1" data-toggle="tab" href="#medio-plane-12-1" role="tab" aria-controls="medio-plane-12-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Plane</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab12-2" data-toggle="tab" href="#medio-train-12-2" role="tab" aria-controls="medio-train-12-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">Train</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab12-3" data-toggle="tab" href="#medio-car-12-3" role="tab" aria-controls="medio-car-12-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">Car</p></a> </li> </ul> <div class="tab-content" id="myTabContent12"> <div class="tab-pane fade show active" id="medio-plane-12-1" role="tabpanel" aria-labelledby="plane-tab12-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Balearic Islands</th> <td>900 km</td> <td>1 hr 25 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-12-2" role="tabpanel" aria-labelledby="train-tab12-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>214 km</td> <td>1 hr 40 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>842 km</td> <td>5 hr 20 min</td> <tr> <tr> <th scope="row">Seville</th> <td>462 km</td> <td>6 hr 35 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>680 km</td> <td>6 hr 40 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>397 km</td> <td>5 hr 50 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>578 km</td> <td>5 hr 50 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>538 km</td> <td>4 hr 15 min</td> <tr> <tr> <th scope="row">Santander</th> <td>362 km</td> <td>6 hr 45 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-12-3" role="tabpanel" aria-labelledby="car-tab12-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">City</th> <th scope="col">Distances (km)</th> <th scope="col">Time (hours)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>214 km</td> <td>2 hr 15 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>842 km</td> <td>8 hr 10 min</td> <tr> <tr> <th scope="row">Seville</th> <td>462 km</td> <td>4 hr 20 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>680 km</td> <td>6 hr 30 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>397 km</td> <td>3 hr 50 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>578 km</td> <td>5 hr 30 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>538 km</td> <td>5 hr 10 min</td> <tr> <tr> <th scope="row">Santander</th> <td>362 km</td> <td>3 hr 20 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>425 km</td> <td>4 hr 10 min</td> <tr> </tbody> </table> </div> </div> <!--end tabs--> </div> </div> </div> </div> </div> <div class="d-none d-lg-block col-sm-8"> <!--A partir de aquí es el mapa--> <div class="wrapper-map d-inline-block"> <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="distancias" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 730 600" style="enable-background:new 0 0 730 600;" xml:space="preserve"> <style type="text/css"> #distancias .st0{fill:#F7F7F7;} #distancias .st1{fill:url(#mapa_x5F_11_x5F_mapa-africa_1_);} #distancias .st2{fill:url(#mapa_x5F_11_x5F_mapa-europa_1_);} #distancias .st3{opacity:0.3;} #distancias .st4{fill:none;stroke:#999999;stroke-width:2;stroke-miterlimit:10;} #distancias .st5{fill:none;stroke:#999999;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:6.1632,6.1632;} #distancias .st6{fill:none;stroke:#999999;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:5.7649,5.7649;} #distancias .st7{fill:#CECECE;} #distancias .st8{fill:#CECECE;stroke:#CECECE;stroke-miterlimit:10;} #distancias .st9{opacity:0.6;fill:#FFFFFF;} #distancias .st10{fill:#FDC40A;} #distancias .st11{fill:#FFFFFF;} #distancias .st12{fill:#4A4A4A;} #distancias .st13{font-family:'Stolzl-Bold';} #distancias .st14{font-size:13px;} #distancias .st15{opacity:0.3055;fill:#E71C03;} #distancias .st16{fill:#E71C03;} #distancias .st17{opacity:0.31;fill:#E71C03;} </style> <g id="mapa_x5F_11_x5F_MAPA_x5F_1_x5F_"> <g id="mapa_x5F_11_x5F_mapa-paises"> <polygon id="mapa_x5F_11_x5F_mapa-portugal" class="st0" points="200.95,136.03 214.24,122.74 226.43,122.74 214.24,136.03 260.77,136.03 267.42,129.38 290.68,129.38 295.12,134.92 282.93,147.11 307.3,147.11 307.3,153.76 276.28,184.78 276.28,226.88 268.53,233.52 276.28,242.39 276.28,256.79 245.26,256.79 245.26,270.08 269.63,293.35 269.63,303.32 256.34,316.61 256.34,329.91 269.63,343.2 269.63,349.85 260.77,349.85 247.48,363.14 247.48,394.16 238.61,394.16 224.21,404.13 212.02,394.16 198.73,390.84 177.68,396.38 172.7,391.39 187.1,365.91 187.1,343.76 184.88,340.43 190.42,328.25 192.08,318.83 195.41,317.72 192.64,310.52 184.33,314.4 177.68,313.29 176.57,304.43 182.11,304.43 187.1,297.23 183.77,290.58 179.9,298.89 163.83,299.44 163.83,289.47 172.7,263.99 182.67,255.13 192.64,228.54 195.96,227.43 192.64,223 197.07,215.24 199.28,201.95 202.05,199.18 201.5,195.3 202.61,186.44 205.93,172.04 199.28,145.45 199.28,139.91 "/> <radialGradient id="mapa_x5F_11_x5F_mapa-africa_1_" cx="448.6343" cy="505.5" r="276.2365" gradientTransform="matrix(1 0 0 0.3829 0 311.9386)" gradientUnits="userSpaceOnUse"> <stop offset="0" style="stop-color:#F7F7F7"/> <stop offset="1" style="stop-color:#F7F7F7;stop-opacity:0"/> </radialGradient> <polyline id="mapa_x5F_11_x5F_mapa-africa" class="st1" points="730.5,411 697.83,432.39 676.78,430.17 644.65,435.71 598.12,462.3 591.47,482.24 581.5,483.35 572.64,473.38 561.56,473.38 561.56,486.67 549.37,483.35 532.75,495.53 527.21,511.04 515.03,514.37 503.95,526.55 479.02,528.22 464.62,531.54 446.89,531.54 444.68,523.78 440.25,529.32 420.3,527.11 394.82,527.11 369.34,516.03 361.59,492.76 331.67,481.69 340.54,473.93 321.7,476.15 281.5,535 244.5,576 172.5,600 730.5,600 "/> <radialGradient id="mapa_x5F_11_x5F_mapa-europa_1_" cx="571.3252" cy="85.3928" r="237.0186" fx="563.9681" fy="85.547" gradientTransform="matrix(0.981 0.194 -0.0627 0.3171 16.2045 -52.5032)" gradientUnits="userSpaceOnUse"> <stop offset="0.3966" style="stop-color:#F7F7F7"/> <stop offset="0.7768" style="stop-color:#F7F7F7;stop-opacity:0"/> </radialGradient> <path id="mapa_x5F_11_x5F_mapa-europa" class="st2" d="M502.5,30l-10.18,21.83l17.73,16.62h29.91l17.73,18.83h60.93l18.83,17.73 l8.86-8.86l11.08,12.19h18.83l9.97-9.97h16.62c0,0,5.88-12.72,5.71-14.09c-0.28-2.28,1.96-15.66,1.96-15.66L710.5,60l17-19l3-41 l-242-5"/> </g> <g id="mapa_x5F_11_x5F_lineas_x5F_canarias" class="st3"> <g> <line class="st4" x1="9.28" y1="443.92" x2="12.28" y2="443.91"/> <polyline class="st5" points="18.45,443.87 201.61,442.91 210.45,449.41 "/> <polyline class="st4" points="212.93,451.24 215.35,453.02 215.35,456.02 "/> <line class="st6" x1="215.35" y1="461.78" x2="215.35" y2="551.14"/> <line class="st4" x1="215.35" y1="554.02" x2="215.35" y2="557.02"/> </g> </g> <g id="mapa_x5F_11_x5F_mapa-canarias"> <polygon id="mapa_x5F_11_x5F_mapa-la-palma" class="st7" points="17.04,504.95 17.04,489.44 21.47,483.9 25.9,487.23 27.01,499.41 21.47,504.95 "/> <rect id="mapa_x5F_11_x5F_mapa-el-hierro" x="13.59" y="540.28" transform="matrix(0.6508 -0.7593 0.7593 0.6508 -407.5592 204.6534)" class="st7" width="10.21" height="10.21"/> <polygon id="mapa_x5F_11_x5F_mapa-gomera" class="st7" points="23.69,523.78 23.69,519.35 29.23,519.35 34.77,523.78 30.5,527 "/> <polygon id="mapa_x5F_11_x5F_mapa-tenerife" class="st7" points="60.25,512.71 60.25,507.17 79.08,507.17 83.51,503.84 83.51,499.41 96.81,498.3 91.27,504.95 91.27,510.49 84.62,517.14 84.62,521.57 75.76,529.32 70.22,529.32 64.68,523.78 64.68,514.92 "/> <polygon id="mapa_x5F_11_x5F_mapa-fuerteventura" class="st7" points="152.2,523.78 155.52,523.78 162.17,517.14 162.17,510.49 168.82,504.95 168.82,491.66 172.14,489.44 177.68,489.44 181,492.76 181,513.81 175.47,518.25 166.6,518.25 156.63,529.32 "/> <polygon id="mapa_x5F_11_x5F_mapa-lanzarote" class="st7" points="178.79,485.01 178.79,477.25 185.44,471.72 190.98,471.72 193.19,468.39 193.19,463.96 196.51,463.96 196.51,475.04 188.76,481.69 185.44,482.79 183.22,485.01 "/> <polygon id="mapa_x5F_11_x5F_mapa-gran-canaria" class="st7" points="115.64,520.46 106.78,526 106.78,539.3 112.32,545.94 125.61,549.27 131.15,543.73 134.47,538.19 134.47,529.32 128.93,526 128.93,520.46 "/> </g> <g id="mapa_x5F_11_x5F_mapa-illes-balears"> <polygon id="mapa_x5F_11_x5F_mapa-ibiza" class="st7" points="607.53,283.38 616.4,275.62 623.05,282.27 614.18,292.24 611.97,288.92 607.53,288.92 "/> <polygon id="mapa_x5F_11_x5F_mapa-formentera" class="st7" points="613.07,301.1 613.07,296.67 618.61,296.67 "/> <polygon id="mapa_x5F_11_x5F_mapa-mallorca" class="st7" points="636.34,256.79 658.5,235.74 658.5,239.06 665.14,239.06 665.14,244.6 668.47,247.92 671.79,244.6 677.33,249.03 667.36,259 667.36,263.44 661.82,268.97 658.5,264.54 650.74,264.54 649.63,259 646.31,256.79 644.09,260.11 638.56,260.11 "/> <polygon id="mapa_x5F_11_x5F_mapa-menorca" class="st7" points="700.6,239.06 691.73,239.06 691.73,235.74 688.41,233.52 690.63,231.31 702.81,231.31 707.24,234.63 707.24,242.39 702.81,242.39 "/> </g> <g id="mapa_x5F_11_x5F_mapa-ceuta-melilla"> <polyline id="mapa_x5F_11_x5F_mapa-melilla" class="st7" points="448.56,514.37 445.79,521.57 448.56,530.43 463.16,530.43 448.56,514.37 "/> <polygon id="mapa_x5F_11_x5F_mapa-ceuta" class="st7" points="334.44,481.51 342.75,473.93 359.37,490.55 "/> </g> <g id="mapa_x5F_11_x5F_MAPA_x5F_PENINSULA_x5F_1px_x5F_sin_x5F_trazado"> <polygon id="mapa_x5F_11_x5F_mapa-pais-vasco" class="st8" points="457.2,98.36 454.65,96.66 454.65,90.61 450.87,90.61 448,93.47 444.03,89.5 440.25,89.5 442.82,86.07 435.17,78.42 429.17,78.42 429.17,73.99 443.57,73.99 438.58,67.34 433.6,67.34 433.6,60.69 423.63,60.69 423.63,55.16 442.92,55.16 455.76,42.32 466.38,52.94 488.99,52.94 486.78,55.89 486.78,63.56 474.59,75.75 474.59,80.08 470.16,83.41 470.16,88.39 465.73,88.39 465.73,98.36 "/> <polygon id="mapa_x5F_11_x5F_mapa-comunidad-foral-de-navarra_1_" class="st8" points="480.62,131.6 469.54,119.41 463.05,119.41 455.3,127.17 446.24,127.17 435.81,116.74 435.81,96.61 440.71,91.72 443.11,91.72 448,96.61 451.78,92.82 452.43,92.82 452.43,97.95 456.54,100.58 466.38,100.58 470.81,105.01 479.67,105.01 486.32,111.66 498.96,111.66 498.96,114.98 490.1,114.98 490.1,126.78 486.24,131.6 "/> <polygon id="mapa_x5F_11_x5F_mapa-comunidad-foral-de-navarra" class="st8" points="501.64,126.06 492.32,126.06 492.32,117.2 501.18,117.2 501.18,109.44 487.24,109.44 480.59,102.79 471.73,102.79 467.94,99.01 467.94,90.61 472.37,90.61 472.37,84.51 476.81,81.19 476.81,76.66 488.99,64.48 488.99,56.63 491.33,53.52 508.48,70.67 536.26,70.67 514.47,93.49 514.47,102.34 508.93,107.87 508.93,119.94 513.92,123.94 506.72,131.14 "/> <polygon id="mapa_x5F_11_x5F_mapa-region-de-murcia" class="st8" points="486.78,371.52 486.78,358.71 479.52,358.71 472.78,351.01 485.02,338.77 490.65,338.77 493.98,334.34 499.52,334.34 503.27,339.35 510.04,332.58 510.04,316.61 513.92,316.61 517.24,312.18 520.66,312.18 526.66,318.18 526.66,323.91 522.23,328.34 522.23,335.45 528.88,335.45 528.88,342.74 522.84,348.78 535.1,359.93 529.59,366.54 535.06,372.01 507.37,372.01 497.82,381.56 "/> <polygon id="mapa_x5F_11_x5F_mapa-comunidad-de-madrid" class="st8" points="405.25,246.82 415.22,236.85 410.79,232.41 400.82,232.41 394.17,225.77 384.46,225.77 378.93,230.2 375.99,230.2 375.99,222.92 401.47,198.54 401.47,190.75 417.15,174.03 419.2,175.4 419.2,185.88 422.52,185.88 422.52,202.99 434.71,214.07 434.71,229.09 438.03,229.09 438.03,236.39 435.36,239.06 419.81,239.06 409.19,250.75 "/> <polygon id="mapa_x5F_11_x5F_mapa-galicia" class="st8" points="218.97,133.81 231.16,120.52 213.78,120.52 200.89,133.41 194.32,127.78 195.43,94.42 176.57,83.33 176.57,68.89 191.46,52.94 219.13,52.94 222.33,49.74 216.78,41.96 234.66,23.03 245.85,23.03 258.04,37.43 268.94,37.43 260.26,45.14 274.71,59.59 267.01,67.29 274.72,76.11 265.2,84.57 265.2,98.36 274.07,98.36 274.07,104.36 279.11,109.41 266.31,121.14 266.31,127.82 260.31,133.81 "/> <polygon id="mapa_x5F_11_x5F_mapa-extremadura" class="st8" points="300.01,350.96 290.03,350.96 285.6,346.53 279.6,346.53 279.6,342.09 271.2,342.09 258.56,329.45 258.56,317.07 271.85,303.78 271.85,292.87 247.48,269.61 247.48,259 278.5,259 278.5,241.97 271.21,233.64 278.5,227.38 278.5,224.66 288.47,224.66 288.47,222.44 294.47,222.44 301.76,215.15 315.06,228.44 318.84,224.66 322.29,224.66 327.83,231.31 336.57,231.31 338.32,229.55 338.32,248.38 341.65,251.71 341.65,257.9 346.08,257.9 346.08,266.14 360.51,279.37 367.13,272.76 369.34,274.97 369.34,287.81 362.29,287.81 353.83,295.05 353.83,312.18 347.19,312.18 347.19,316.08 342.37,319.94 338.97,319.94 330.57,328.34 330.57,343.2 312.84,343.2 312.84,352.06 306.84,352.06 303.98,354.93 "/> <polygon id="mapa_x5F_11_x5F_mapa-comunitat-valenciana" class="st8" points="526.05,348.7 531.09,343.66 531.09,333.23 524.44,333.23 524.44,329.26 528.88,324.83 528.88,318.18 534.42,312.64 534.42,306.18 530.44,302.21 521.52,302.21 515.58,297.26 515.58,291.65 522.23,286.11 522.23,277.84 510.5,277.84 506.72,274.06 506.72,267.24 522.23,252.84 522.23,244.6 528.88,244.6 528.88,248.29 533.19,254.04 537.74,249.49 537.74,243.97 558.79,224.03 558.79,206.47 555.99,203.67 562.52,198.07 569.41,198.07 572.73,201.39 583.77,201.39 590.92,209.57 590.92,214.23 577.62,227.52 577.62,237.47 561,252.98 561,262.98 552.14,271.84 552.14,289.37 572.72,309.95 541.06,340.52 541.06,353.82 536.59,358.29 "/> <polygon id="mapa_x5F_11_x5F_mapa-cataluna" class="st8" points="592.53,208.04 584.77,199.18 580.95,199.18 580.95,179.7 589.81,170.83 589.81,168.71 585.38,165.39 585.38,159.75 590.27,154.86 585.38,149.97 585.38,147.6 598.67,135.41 598.67,124.25 605.32,116.5 605.32,104.56 602,101.14 602,89.5 617.07,89.5 637.47,108.77 646.27,99.97 655.79,110.55 676.68,110.55 686.65,100.58 701.25,100.58 707.89,107.23 696.88,118.24 702.81,125.35 702.81,131.14 677.98,155.97 665.77,155.97 649.15,173.7 631.41,173.7 623.65,182.56 613.72,182.56 598.3,197.99 602.73,203.53 598.21,208.04 "/> <polygon id="mapa_x5F_11_x5F_mapa-castilla-la-mancha" class="st8" points="463.97,349.85 461.75,347.63 465.73,343.66 465.73,330.56 459.54,324.37 450.87,324.37 447.54,327.69 425.39,327.69 423.17,329.91 387.07,329.91 387.07,333.23 381.96,333.23 367.56,319.94 363.15,319.94 356.05,312.83 356.05,296.07 363.11,290.02 371.56,290.02 371.56,274.06 367.13,269.62 360.45,276.3 348.29,265.16 348.29,255.68 343.86,255.68 343.86,250.79 340.54,247.47 340.54,237.95 346.47,237.95 352.01,233.52 359.83,233.52 366.02,227.33 371.1,232.41 379.7,232.41 385.24,227.98 393.26,227.98 399.9,234.63 409.88,234.63 412.09,236.85 402.12,246.82 409.26,253.96 420.79,241.28 436.27,241.28 440.25,237.3 440.25,226.88 436.92,226.88 436.92,213.09 424.74,202.01 424.74,183.67 421.41,183.67 421.41,175.26 425.19,171.48 457.48,171.48 467.45,182.56 482.8,182.56 484.56,180.8 502.29,198.53 502.29,209.15 497.4,209.15 488.53,218.01 505.15,234.63 511.76,234.63 520.01,243.91 520.01,251.87 504.5,266.28 504.5,274.97 509.58,280.05 520.01,280.05 520.01,285.07 513.37,290.61 513.37,298.3 520.72,304.43 529.53,304.43 532.2,307.1 532.2,311.72 527.77,316.15 521.58,309.97 516.14,309.97 512.81,314.4 507.83,314.4 507.83,331.66 503.52,335.98 500.63,332.12 492.87,332.12 489.55,336.55 484.1,336.55 470.81,349.85 "/> <polygon id="mapa_x5F_11_x5F_mapa-castilla-y-leon" class="st8" points="340.54,235.74 340.54,224.2 335.65,229.09 328.87,229.09 323.33,222.44 317.92,222.44 315.06,225.31 301.76,212.01 293.55,220.23 286.25,220.23 286.25,222.44 278.5,222.44 278.5,185.23 309.52,154.21 309.52,144.89 287.82,144.89 297.72,134.99 291.2,127.17 268.53,127.17 268.53,122.11 282.31,109.48 276.28,103.44 276.28,96.15 267.42,96.15 267.42,85.57 276.7,77.31 286.71,77.31 297.79,66.23 311.27,66.23 316.81,71.77 324.47,71.77 325.68,69.56 333.17,69.56 338.71,65.13 352.15,65.13 356.18,60.09 367.81,70.67 375.27,70.67 380.41,66.56 385.96,71.18 385.96,76.59 391.04,81.74 409.23,81.74 409.23,73.99 400.36,73.99 400.36,71.2 405.18,67.34 409.61,67.34 415.15,62.91 431.38,62.91 431.38,69.56 437.48,69.56 439.14,71.77 426.95,71.77 426.95,80.64 434.25,80.64 439.89,86.28 435.81,91.72 437.57,91.72 433.6,95.69 433.6,117.65 445.33,129.38 456.22,129.38 463.97,121.63 468.56,121.63 479.64,133.81 487.31,133.81 490.1,130.33 490.1,147.76 484.56,153.3 484.56,160.4 477.91,160.4 477.91,174.16 482.99,179.24 481.89,180.34 468.44,180.34 458.47,169.27 424.28,169.27 420.16,173.38 416.81,171.15 399.26,189.88 399.26,197.6 373.78,221.97 373.74,230.2 372.02,230.2 366.02,224.2 358.91,231.31 351.23,231.31 345.69,235.74 "/> <polygon id="mapa_x5F_11_x5F_mapa-cantabria" class="st8" points="391.96,79.53 388.18,75.75 388.18,70.15 380.44,63.7 374.49,68.45 368.66,68.45 358.91,59.59 369.79,59.59 377.1,52.47 377.1,47.4 409.88,47.4 417.63,55.16 421.41,55.16 421.41,60.69 414.38,60.69 408.84,65.13 404.41,65.13 398.15,70.13 398.15,76.2 407.01,76.2 407.01,79.53 "/> <polygon id="mapa_x5F_11_x5F_mapa-principado-de-asturias" class="st8" points="276.78,75.1 270.04,67.39 277.85,59.59 263.49,45.23 272.27,37.43 320.1,37.43 328.96,47.4 374.88,47.4 374.88,51.37 368.88,57.37 355.52,57.37 351.08,62.91 337.93,62.91 332.39,67.34 324.34,67.34 323.23,69.56 317.73,69.56 312.19,64.02 296.87,64.02 285.79,75.1 "/> <polygon id="mapa_x5F_11_x5F_mapa-aragon" class="st8" points="531.09,247.56 531.09,242.39 521.62,242.39 512.76,232.41 506.07,232.41 491.67,218.01 498.31,211.37 504.5,211.37 504.5,197.61 480.13,173.24 480.13,162.62 486.78,162.62 486.78,154.21 492.32,148.68 492.32,128.27 500.72,128.27 506.72,134.27 517.24,123.75 511.15,118.88 511.15,108.79 516.69,103.25 516.69,94.37 538.84,71.17 556.09,89.5 599.78,89.5 599.78,102.14 603.1,105.47 603.1,115.68 596.46,123.43 596.46,134.43 583.16,146.62 583.16,150.89 587.13,154.86 583.16,158.84 583.16,166.5 587.59,169.82 587.59,169.92 578.73,178.78 578.73,199.18 573.65,199.18 570.33,195.85 561.7,195.85 552.73,203.55 556.57,207.39 556.57,223.08 535.52,243.02 535.52,248.57 533.43,250.67 "/> <polygon id="mapa_x5F_11_x5F_mapa-andalucia" class="st8" points="327.71,457.31 296.22,424.74 296.22,414.74 274.51,394.16 265.2,394.16 249.69,394.16 249.69,363.6 261.23,352.06 271.85,352.06 271.85,344.31 277.39,344.31 277.39,348.74 284.69,348.74 289.12,353.17 299.09,353.17 303.98,358.06 307.76,354.28 315.06,354.28 315.06,345.42 332.78,345.42 332.78,329.26 339.89,322.15 343.14,322.15 349.4,317.15 349.4,314.4 354.48,314.4 362.24,322.15 366.69,322.15 381.1,335.45 389.28,335.45 389.28,332.12 424.09,332.12 426.3,329.91 448.46,329.91 451.78,326.58 458.62,326.58 463.51,331.47 463.51,342.74 458.62,347.63 463.05,352.06 470.76,352.06 478.52,360.93 484.56,360.93 484.56,372.5 496.25,383.12 486.78,392.6 486.78,408.11 475.62,419.27 470.55,415.21 461.95,415.21 455.3,421.86 448.26,421.86 443.83,419.65 377.7,419.65 369.95,428.51 352.2,428.51 341.65,441.41 341.65,451.31 335.65,457.31 "/> </g> </g> <g id="g-dt-barcelona"> <g id="g-dt-barcelona-off"> <g> <circle class="st9" cx="656.5" cy="152" r="12"/> <circle class="st10" cx="656.5" cy="152" r="7.2"/> </g> <rect x="603.5" y="168" class="st11" width="105" height="19"/> <text transform="matrix(1 0 0 1 616.1622 182.2773)" class="st12 st13 st14">BARCELONA</text> </g> <g id="g-dt-barcelona-on"> <g> <circle class="st15" cx="656.5" cy="152" r="12"/> <circle class="st16" cx="656.5" cy="152" r="7.2"/> </g> <rect x="603.5" y="168" class="st16" width="105" height="19"/> <g> <text transform="matrix(1 0 0 1 616.1622 182.2773)" class="st11 st13 st14">BARCELONA</text> </g> </g> </g> <g id="g-dt-madrid"> <g id="g-dt-madrid-off"> <g> <circle class="st9" cx="410.5" cy="212" r="12"/> <circle class="st10" cx="410.5" cy="212" r="7.2"/> </g> <rect x="432.5" y="202" class="st11" width="78" height="19"/> <text transform="matrix(1 0 0 1 445.1622 216.2773)" class="st12 st13 st14">MADRID</text> </g> <g id="g-dt-madrid-on"> <g> <circle class="st15" cx="410.5" cy="212" r="12"/> <circle class="st16" cx="410.5" cy="212" r="7.2"/> </g> <rect x="432.5" y="202" class="st16" width="78" height="19"/> <text transform="matrix(1 0 0 1 445.1622 216.2773)" class="st11 st13 st14">MADRID</text> </g> </g> <g id="g-dt-sevilla"> <g id="g-dt-sevilla-off"> <g> <circle class="st9" cx="317.5" cy="379" r="12"/> <circle class="st10" cx="317.5" cy="379" r="7.2"/> </g> <rect x="220.5" y="369" class="st11" width="78" height="19"/> <text transform="matrix(1 0 0 1 233.1622 383.2773)" class="st12 st13 st14">SEVILLE</text> </g> <g id="g-dt-sevilla-on"> <g> <circle class="st15" cx="317.5" cy="379" r="12"/> <circle class="st16" cx="317.5" cy="379" r="7.2"/> </g> <rect x="220.5" y="369" class="st16" width="78" height="19"/> <g> <text transform="matrix(1 0 0 1 233.1622 383.2773)" class="st11 st13 st14">SEVILLE</text> </g> </g> </g> <g id="g-dt-bilbao"> <g id="g-dt-bilbao-off"> <g> <circle class="st9" cx="439.5" cy="52" r="12"/> <circle class="st10" cx="439.5" cy="52" r="7.2"/> </g> <rect x="461.5" y="42" class="st11" width="72" height="19"/> <text transform="matrix(1 0 0 1 474.1622 56.2773)" class="st12 st13 st14">BILBAO</text> </g> <g id="g-dt-bilbao-on"> <g> <circle class="st17" cx="439.5" cy="52" r="12"/> <circle class="st16" cx="439.5" cy="52" r="7.2"/> </g> <rect x="461.5" y="42" class="st16" width="72" height="19"/> <g> <text transform="matrix(1 0 0 1 474.1622 56.2773)" class="st11 st13 st14">BILBAO</text> </g> </g> </g> <g id="g-dt-malaga"> <g id="g-dt-malaga-off"> <g> <circle class="st9" cx="371.5" cy="416" r="12"/> <circle class="st10" cx="371.5" cy="416" r="7.2"/> </g> <rect x="388.5" y="406" class="st11" width="81" height="19"/> <text transform="matrix(1 0 0 1 401.1622 420.2773)" class="st12 st13 st14">MALAGA</text> </g> <g id="g-dt-malaga-on"> <g> <circle class="st15" cx="371.5" cy="416" r="12"/> <circle class="st16" cx="371.5" cy="416" r="7.2"/> </g> <rect x="388.5" y="406" class="st16" width="81" height="19"/> <g> <text transform="matrix(1 0 0 1 401.1622 420.2773)" class="st11 st13 st14">MALAGA</text> </g> </g> </g> <g id="g-dt-zaragoza"> <g id="g-dt-zaragoza-off"> <g> <circle class="st9" cx="527.5" cy="158" r="12"/> <circle class="st10" cx="527.5" cy="158" r="7.2"/> </g> <rect x="412.5" y="148" class="st11" width="98" height="19"/> <text transform="matrix(1 0 0 1 425.1622 162.2773)" class="st12 st13 st14">ZARAGOZA</text> </g> <g id="g-dt-zaragoza-on"> <g> <circle class="st15" cx="527.5" cy="158" r="12"/> <circle class="st16" cx="527.5" cy="158" r="7.2"/> </g> <rect x="412.5" y="148" class="st16" width="98" height="19"/> <g> <text transform="matrix(1 0 0 1 425.1622 162.2773)" class="st11 st13 st14">ZARAGOZA</text> </g> </g> </g> <g id="g-dt-valencia"> <g id="g-dt-valencia-off"> <g> <circle class="st9" cx="546.5" cy="272" r="12"/> <circle class="st10" cx="546.5" cy="272" r="7.2"/> </g> <rect x="500.5" y="237" class="st11" width="89" height="19"/> <text transform="matrix(1 0 0 1 513.1622 251.2773)" class="st12 st13 st14">VALENCIA</text> </g> <g id="g-dt-valencia-on"> <g> <circle class="st15" cx="546.5" cy="272" r="12"/> <circle class="st16" cx="546.5" cy="272" r="7.2"/> </g> <rect x="500.5" y="237" class="st16" width="89" height="19"/> <g> <text transform="matrix(1 0 0 1 513.1622 251.2773)" class="st11 st13 st14">VALENCIA</text> </g> </g> </g> <g id="g-dt-islas-baleares"> <g id="g-dt-islas-baleares-off"> <g> <circle class="st9" cx="660.22" cy="280" r="12"/> <circle class="st10" cx="660.22" cy="280" r="7.2"/> </g> <rect x="584.5" y="298" class="st11" width="142" height="19"/> <text transform="matrix(1 0 0 1 592.447 312.2773)" class="st12 st13 st14">BALEARIC ISLANDS</text> </g> <g id="g-dt-islas-baleares-on"> <g> <circle class="st15" cx="660.22" cy="280" r="12"/> <circle class="st16" cx="660.22" cy="280" r="7.2"/> </g> <rect x="584.5" y="298" class="st16" width="142" height="19"/> <g> <text transform="matrix(1 0 0 1 592.447 312.2773)" class="st11 st13 st14">BALEARIC ISLANDS</text> </g> </g> </g> <g id="g-dt-islas-canarias"> <g id="g-dt-islas-canarias-off"> <g> <circle class="st9" cx="90.22" cy="538" r="12"/> <circle class="st10" cx="90.22" cy="538" r="7.2"/> </g> <rect x="25.5" y="553" class="st11" width="131" height="19"/> <text transform="matrix(1 0 0 1 32.447 567.2773)" class="st12 st13 st14">CANARY ISLANDS</text> </g> <g id="g-dt-islas-canarias-on"> <g> <circle class="st17" cx="90.22" cy="538" r="12"/> <circle class="st16" cx="90.22" cy="538" r="7.2"/> </g> <rect x="25.5" y="553" class="st16" width="131" height="19"/> <g> <text transform="matrix(1 0 0 1 32.447 567.2773)" class="st11 st13 st14">CANARY ISLANDS</text> </g> </g> </g> <g id="g-dt-salamanca"> <g id="g-dt-salamanca-off"> <g> <circle class="st9" cx="330.5" cy="182" r="12"/> <circle class="st10" cx="330.5" cy="182" r="7.2"/> </g> <rect x="212.5" y="172" class="st11" width="100" height="19"/> <text transform="matrix(1 0 0 1 220.1622 186.2773)" class="st12 st13 st14">SALAMANCA</text> </g> <g id="g-dt-salamanca-on"> <g> <circle class="st15" cx="330.5" cy="182" r="12"/> <circle class="st16" cx="330.5" cy="182" r="7.2"/> </g> <rect x="212.5" y="172" class="st16" width="100" height="19"/> <g> <text transform="matrix(1 0 0 1 220.1622 186.2773)" class="st11 st13 st14">SALAMANCA</text> </g> </g> </g> <g id="g-dt-santander"> <g id="g-dt-santander-off"> <g> <circle class="st9" cx="403.5" cy="49" r="12"/> <circle class="st10" cx="403.5" cy="49" r="7.2"/> </g> <rect x="285.5" y="39" class="st11" width="100" height="19"/> <text transform="matrix(1 0 0 1 293.1622 53.2773)" class="st12 st13 st14">SANTANDER</text> </g> <g id="g-dt-santander-on"> <g> <circle class="st15" cx="403.5" cy="49" r="12"/> <circle class="st16" cx="403.5" cy="49" r="7.2"/> </g> <rect x="285.5" y="39" class="st16" width="100" height="19"/> <g> <text transform="matrix(1 0 0 1 293.1622 53.2773)" class="st11 st13 st14">SANTANDER</text> </g> </g> </g> <g id="g-dt-santiago-de-compostela"> <g id="g-dt-santiago-de-compostela-off"> <g> <circle class="st9" cx="215.22" cy="75" r="12"/> <circle class="st10" cx="215.22" cy="75" r="7.2"/> </g> <rect x="112.5" y="90" class="st11" width="206" height="19"/> <text transform="matrix(1 0 0 1 122.447 104.2773)" class="st12 st13 st14">SANTIAGO DE COMPOSTELA</text> </g> <g id="g-dt-santiago-de-compostela-on"> <g> <circle class="st15" cx="215.22" cy="75" r="12"/> <circle class="st16" cx="215.22" cy="75" r="7.2"/> </g> <rect x="112.5" y="90" class="st16" width="206" height="19"/> <g> <text transform="matrix(1 0 0 1 122.447 104.2773)" class="st11 st13 st14">SANTIAGO DE COMPOSTELA</text> </g> </g> </g> </svg> </div><!--end wrapper-map d-inline-block--> </div><!--end d-none d-lg-block col-lg-8--> </div><!--end row--> </div> </section> </section> </div> <section class="module destacados positioned"> <div class="container"> <div class="title-box"> <h2 class="title">You may be interested in</h2> <hr> </div> <div class="row"> <div class="col-md-6 col-lg-3"> <a class="card" href="/en/discover-spain/air-connections-spain/" title="Air connections for exploring Spain"> <!--3 COLUMNAS:--> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/aviones-despegando-aeropuerto-sevilla-s1393725539.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/aviones-despegando-aeropuerto-sevilla-s1393725539.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/aviones-despegando-aeropuerto-sevilla-s1393725539.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/aviones-despegando-aeropuerto-sevilla-s1393725539.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/aviones-despegando-aeropuerto-sevilla-s1393725539.jpg_2140969072.jpg' class='lazy img-fluid' alt='Aircraft taking off from Seville airport' title='Aircraft taking off from Seville airport'><!--COPYRIGHT--> <!--a la caja padre hay que añadir las clases para ubicarlo donde nos venga mejor: Siempre dos parámetros: left/right y left/right-bottom-top--> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle">Practical information</span> <h2 class="title-secondary">Air connections for exploring Spain</h2> </div> </div> </a> </div> <div class="col-md-6 col-lg-3"> <a class="card" href="/en/discover-spain/main-sea-connections-spain/" title="Spain’s main sea connections"> <!--3 COLUMNAS:--> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/crucero-en-barcelona-s1438496603-c-ed-eskystudio.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/crucero-en-barcelona-s1438496603-c-ed-eskystudio.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/crucero-en-barcelona-s1438496603-c-ed-eskystudio.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/crucero-en-barcelona-s1438496603-c-ed-eskystudio.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/crucero-en-barcelona-s1438496603-c-ed-eskystudio.jpg_2140969072.jpg' class='lazy img-fluid' alt='Cruise ship in Barcelona' title='Cruise ship in Barcelona'><!--COPYRIGHT--> <!--a la caja padre hay que añadir las clases para ubicarlo donde nos venga mejor: Siempre dos parámetros: left/right y left/right-bottom-top--> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle">Practical information</span> <h2 class="title-secondary">Spain’s main sea connections</h2> </div> </div> </a> </div> <div class="col-md-6 col-lg-3"> <a class="card" href="/en/discover-spain/travel-road-spain/" title="Travelling Spain by road"> <!--3 COLUMNAS:--> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/carretera-dunas-de-corralejo-fuerteventura-s336323561.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/carretera-dunas-de-corralejo-fuerteventura-s336323561.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/carretera-dunas-de-corralejo-fuerteventura-s336323561.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/carretera-dunas-de-corralejo-fuerteventura-s336323561.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/carretera-dunas-de-corralejo-fuerteventura-s336323561.jpg_2140969072.jpg' class='lazy img-fluid' alt='Road through the dunes of Corralejo. Fuerteventura. Canary Islands' title='Road through the dunes of Corralejo. Fuerteventura. Canary Islands'><!--COPYRIGHT--> <!--a la caja padre hay que añadir las clases para ubicarlo donde nos venga mejor: Siempre dos parámetros: left/right y left/right-bottom-top--> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle">Practical information</span> <h2 class="title-secondary">Travelling Spain by road</h2> </div> </div> </a> </div> <div class="col-md-6 col-lg-3"> <a class="card" href="/en/top/incredible-train-journeys/" title="12 incredible trips around Spain for train lovers"> <!--3 COLUMNAS:--> <img data-src='/export/sites/segtur/.content/images/cabecera/tren-felipe-ii-c-02-alsa.jpg' data-srcset='/export/sites/segtur/.content/images/cabecera/tren-felipe-ii-c-02-alsa.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/images/cabecera/tren-felipe-ii-c-02-alsa.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/images/cabecera/tren-felipe-ii-c-02-alsa.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/images/cabecera/tren-felipe-ii-c-02-alsa.jpg_2140969072.jpg' class='lazy img-fluid' alt='Philip II Train' title='Philip II Train'><!--COPYRIGHT--> <!--a la caja padre hay que añadir las clases para ubicarlo donde nos venga mejor: Siempre dos parámetros: left/right y left/right-bottom-top--> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle">Routes</span> <h2 class="title-secondary">12 incredible trips around Spain for train lovers</h2> </div> </div> </a> </div> </div> </div> </section> <div> <section class="module listado-iconos-xl"> <div class="container"> <div class="title-box "> <span class="subtitle">Plan your trip</span> <p class="title">Find more information about ...</p> <hr> </div><div class="row"> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/en/how-to-get-there/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/como-llegar.svg" alt="How to get here" title="How to get here" class="img-fluid"/> <p class="title">How to get to Spain</p> <p class="subtitle">Different ways to travel</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/en/brochures/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/folletos.svg" alt="Download brochures" title="Download brochures" class="img-fluid"/> <p class="title">Download brochures</p> <p class="subtitle">Make the most of your trip to Spain</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/en/weather/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/clima.svg" alt="The weather" title="The weather" class="img-fluid"/> <p class="title">The weather</p> <p class="subtitle">What's the temperature in Spain?</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/en/interactive-map/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/mapa.svg" alt="Interactive map" title="Interactive map" class="img-fluid"/> <p class="title">Interactive map</p> <p class="subtitle">Find the things that interest you</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/en/plan-trip-to-spain/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/mi-viaje.svg" alt="My journey" title="My journey" class="img-fluid"/> <p class="title">My journey</p> <p class="subtitle">We’ll help you to find the best travel plans</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/en/info/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/info.svg" alt="Practical information" title="Practical information" class="img-fluid"/> <p class="title">Practical information</p> <p class="subtitle">Useful tools for your trip to Spain</p> </a> </div> </div> </div> </section> </div> </div></main> <footer class="footer text-center"> <button type="button" id="insuitlaunch"> <div class="wrapper-img"> <img src="/export/sites/segtur/.content/comun/footer/icono-accesibilidad.png" width="50" alt="modo accesible"> </div> <div class="wrapper-text noned"> <p class="text">Accessible mode</p> </div> </button> <div class="buttons-fixed hidden"> <div class="back-to-top"> <span class="icon-arrow-up"></span> </div> <div id="acordeon-pers" class="accordion"> <button type="button" data-toggle="collapse" data-target="#collapserrss" aria-expanded="false" aria-label="desplegar redes sociales"><span class="icon-share"></span></button> <div id="collapserrss" class="wrapper-desplegable collapse" data-parent="#acordeon-pers"> <ul class="list"> <li class="list-item"><a href="https://www.facebook.com/sharer.php?u=https://www.spain.info/en/getting-around/" rel="nofollow" class="item-link hacerblank"><span class="icon-facebook"></span></a></li> <li class="list-item"><a href="https://x.com/share?url=https://www.spain.info/en/getting-around/" rel="nofollow" class="item-link hacerblank"><span class="icon-xicon1"></span></a></li> <li class="list-item"><a href="/en/app/send-to-a-friend/?id=370d017f-f4c3-11e9-9a6c-0242ac110003" class="item-link hacerblank" rel="nofollow"><span class="icon-mail-social"></span></a></li> <li class="list-item"> <div class="sguardar"> <span id="save_btn"> <svg version="1.1" width="25px" fill="#E71C03" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 533.3 533.3" style="enable-background:new 0 0 533.3 533.3;" xml:space="preserve"> <g><path class="st0" d="M266.7,283.3L400,150H300V16.7h-66.7V150h-100L266.7,283.3z M387.9,228.8l-37.4,37.4L486,316.7l-219.3,81.8 L47.4,316.7l135.5-50.5l-37.4-37.4L0,283.3v133.3l266.7,100l266.7-100V283.3L387.9,228.8z"></path></g> </svg> </span> </div> </li> </ul> </div> </div> </div> <div class="claim text-center"> <p class="custom-title">Spain</p> </div> <div class="container-fluid no-gutters wrapper-footer bg-cover"> <img data-src='/export/sites/segtur/.content/comun/footer/no_categ.jpg' data-srcset='/export/sites/segtur/.content/comun/footer/no_categ.jpg_1071532788.jpg 480w, /export/sites/segtur/.content/comun/footer/no_categ.jpg_594351065.jpg 768w, /export/sites/segtur/.content/comun/footer/no_categ.jpg_193627401.jpg 1920w' sizes='(max-width: 480px) 480px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/comun/footer/no_categ.jpg_1071532788.jpg' class='lazy img-fluid' alt='' title=''><section class="list-navigation"> <div class="separator-mini-img text-center"> <img src="/export/sites/segtur/.content/comun/footer/mapita.png" class="img-fluid" alt=""> </div> <div class="container"> <div class="row align-items-center py-4"> <div class="col-md-4 text-center pb-4"> <div id="logo-footer" class="logo"> <a href="/en/"><img src="/export/sites/segtur/.content/comun/footer/logo.jpg" alt="logo"></a> </div> </div> <div class="col-md-4 text-center"> <div class="wrapper-icons-inline"> <nav class="wrapper-icons-inline--rounded"> <ul class="list"> <li class="list-item pb-3"><a href="https://www.facebook.com/spain.info" rel="nofollow" class="item-link" target="_blank" aria-label="facebook"><span class="icon-facebook text-white"></span></a></li> <li class="list-item pb-3"><a href="https://x.com/spain" rel="nofollow" class="item-link" target="_blank" aria-label="x"><span class="icon-xicon1 text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.youtube.com/spain" rel="nofollow" class="item-link" target="_blank" aria-label="youtube"><span class="icon-youtube text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.instagram.com/spain/" rel="nofollow" class="item-link" target="_blank" aria-label="instagram"><span class="icon-instagram text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.tiktok.com/@visitspain" rel="nofollow" class="item-link" target="_blank" aria-label="tiktok"><span class="icon-tiktok text-white"></span></a></li> </ul> </nav> </div> <p class="text-gray">All rights reserved</p> </div> <div class="col-md-4 text-center"> <div id="footer" ><nav class="vertical-list"> <ul class="list align-items-right no-bullets"> <li class="list-item d-block"> <a title="" href="https://aplicaciones.tourspain.es/CRM.HospedajeFormularios/Casos_Turista/CasoTuristaIngles.aspx" target="_blank" rel="nofollow" class="text-gray text-uppercase"> Contact</a> </li> <li class="list-item d-block"> <a title="" href="https://www.tourspain.es/en/" target="_blank" class="text-gray text-uppercase"> About us</a> </li> <li class="list-item d-block"> <a title="" href="/en/site-map/" class="text-gray text-uppercase"> Site map</a> </li> <li class="list-item d-block"> <a title="" href="/en/legal-notice/" rel="nofollow" class="text-gray text-uppercase"> Legal notice</a> </li> <li class="list-item d-block"> <a title="" href="/en/conditions-use-information/" rel="nofollow" class="text-gray text-uppercase"> Use of the information</a> </li> <li class="list-item d-block"> <a title="" href="/en/cookies/" rel="nofollow" class="text-gray text-uppercase"> Cookie Policy</a> </li> <li class="list-item d-block"> <a title="" href="/en/accessibility/" rel="nofollow" class="text-gray text-uppercase"> Accessibility</a> </li> </ul> </nav> </div></div> </div> </div> </section> </div> <script defer src="/export/system/modules/es.segittur.comun/resources/js/cookie-consent-en.js" type="text/javascript"></script> <script defer src="/export/system/modules/es.segittur.comun/resources/js/klaro-no-translations-no-css.js" type="text/javascript"></script> <div id="popupRRSS"> <div id="banner-popup-rrss" class="overlay standard-box-shadow"> <img src="/export/sites/segtur/.content/images/bg-banner-rrss.png" class="img-fluid"> <div class="wrapper position-absolute"> <p class="title text-left">YOUR NEW MEMORIES START HERE.</p> <span id="cerrarPopupRRSS" class="icon-close"></span> <p class="subtitle text-white text-left"><span>DISCOVER SPAIN WITH US</span><span class="d-block">FOLLOW US ON…</span></p> <div class="wrapper-icons-inline"> <ul class="list"> <li class="list-item"><a href="https://www.instagram.com/spain/" id="popupIG" rel="nofollow"target="_blank" aria-label="instagram"><span class="icon-instagram"></span></a></li> <li class="list-item"><a href="https://www.facebook.com/spain.info" id="popupFB" rel="nofollow" target="_blank" aria-label="facebook"><span class="icon-facebook"></span></a></li> <li class="list-item"><a href="https://www.tiktok.com/@visitspain" id="popupTT" rel="nofollow" target="_blank" aria-label="tiktok"><span class="icon-tiktok"></span></a></li> <li class="list-item"><a href="https://www.youtube.com/spain" id="popupYT" rel="nofollow" target="_blank" aria-label="youtube"><span class="icon-youtube"></span></a></li> </ul> </div> </div> </div> </div> <script type="text/javascript"> $("#cerrarPopupRRSS").click(function(e) { setCookie("pupRRSS", "true", 2); document.getElementById("popupRRSS").style.visibility = "hidden"; }); </script> <div id="snackbar" class="aviso-pwa"><p>You are not online. A connection is required for updated content.</p></div> <div id="wrapper-saved"> <div id="savedOffline" class="aviso-pwa savedoffline p-3 standard-box-shadow"> <span id="close-saved" class="icon-close pb-3"></span> <p class="title bolder h4 mb-3">You have downloaded the content</p> <p id="textInstall" class="text py-3">We recommend downloading the content offline from the Spain.info Web App</p> <div id="stext_ios" class="text-left"></div> <div class="wrapper-botones d-flex align-items-center justify-content-around"> <button id="installApp" class="btn btn-dark text-white text-uppercase okDload">Download</button> </div> </div> </div> <div id="swfail" class="aviso-pwa"><p>It is not possible to save for offline use.</p></div> </footer> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script defer src="https://player.vimeo.com/api/player.js "></script> <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin=""></script> <script defer type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> <script defer type="text/javascript"> const swrapper_saved = document.getElementById('wrapper-saved'); const sinstall_button = document.getElementById('installApp'); const stext_install = document.getElementById('textInstall'); const stext_button = document.getElementById('save_btn'); const ssaved = document.getElementById('savedOffline'); const stext_ios = document.getElementById('stext_ios'); if($('.sguardar').length){ if($('.sguardar').length<2){ $('.sguardar').parent().hide(); } $('.sguardar').click(function (e) { e.preventDefault(); if('serviceWorker' in navigator) { navigator.serviceWorker.register('/sw.js', { scope: '/' }) .then(function(registration) { if(navigator.onLine) { stext_button.innerHTML = "Downloaded"; swrapper_saved.style.display = 'block'; ssaved.style.display = "block"; function iOS() { return [ 'iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod' ].includes(navigator.platform) || (navigator.userAgent.includes("Mac") && "ontouchend" in document) } var result = iOS(); if(result == true){ swrapper_saved.style.display = 'block'; stext_install.style.display = 'block'; //sinstall_button.style.display = 'block'; stext_ios.innerHTML = '<div class="d-flex"><span>1.-</span><span class="mr-2"> 1. Click on share (iOS icon).</span><img src="/.content/images/iconos/iosshare.svg"></div><div class="d-flex"><span>2.-</span><span> 2. Select “Add to home screen”.</span></div>'; } if (window.matchMedia('(display-mode: standalone)').matches ){ stext_install.style.display = 'none'; stext_ios.style.display = 'none'; stext_button.style.display = 'none'; sinstall_button.style.display = 'none'; } } else { document.getElementById('snackbar').style.display = 'block'; } }); navigator.serviceWorker.ready.then(function(registration) { }).catch(function(err){ let swerror = document.getElementById('swfail'); swerror.style.display = 'block'; //console.log('error'); }); function replaceAttributes(e, ...attrs) { let src = e.src; attrs.forEach(attr => e.setAttribute(attr, src.replace(/\.jpg_.*\.jpg/, ".jpg")) ); } var urls = Array.prototype.map.call( document.querySelectorAll("img[src^='/export']"), function(e) { if (e.src !== undefined && e.src !== ''){ if ((/^([\w]+\:)?\/\//.test(e.src) && e.src.indexOf(location.host) === -1) || (/^([\w]+\:)?\/\//.test(e.href) && e.href.indexOf(location.host) === -1)) { } else { return e.src.replace(/\.jpg_.*\.jpg/, ".jpg"); } } } ); let urlCanonical = document.querySelector( "link[rel='canonical']" ).getAttribute("href"); var data = { title: urlCanonical, description: document.querySelector( "meta[name='description']" ).getAttribute("content"), h1: document.querySelector( "h1" ).textContent }; localStorage.setItem( urlCanonical, JSON.stringify(data) ); var offlinepage = 'https://www.spain.info/en/offline.html'; urls.push(urlCanonical, offlinepage); urls.forEach(element => { if (element !== undefined){ caches.open('main-1') .then(cache => fetch(element).then(response => { if (element == urlCanonical){ var parser = new DOMParser(); var xmlDoc = ""; response.text().then(function(text) { xmlDoc = parser.parseFromString(text,"text/html"); Array.prototype.map.call( xmlDoc.querySelectorAll("img[src^='/export']"), function(e) { if (e.src !== undefined && e.src !== ''){ if ((/^([\w]+\:)?\/\//.test(e.src) && e.src.indexOf(location.host) === -1) || (/^([\w]+\:)?\/\//.test(e.href) && e.href.indexOf(location.host) === -1)) { } else { replaceAttributes(e, 'srcset', 'data-srcset', 'data-src', 'src'); e.classList.remove('lazy'); e.removeAttribute('sizes'); } } } ); const responseText = "<!DOCTYPE html>" + xmlDoc.documentElement.outerHTML; let newText = responseText; const path = "/export/system/modules/es.segittur.comun/resources/"; let staticResoruces = ["jquery-3.4.1.min.js","popper.min.js","bootstrap.min.css","bootstrap.min.js","slick.css","slick-theme.css","slick.min.js"]; Array.prototype.map.call( xmlDoc.querySelectorAll("link[rel='stylesheet'][href], script[src]"), function(e) { let url = e.href || e.src; let urlSplit = url.split("/"); let filename = urlSplit[urlSplit.length - 1]; if(staticResoruces.includes(filename)){ if(e.hasAttribute('integrity')){ let integritynumber = e.getAttribute('integrity'); newText = newText.replace("integrity=\""+integritynumber+"\" crossorigin=\"anonymous\"", ""); newText = newText.replace("integrity=\""+integritynumber+"\" crossorigin=\"\"", ""); newText = newText.replace("integrity=\""+integritynumber+"\"", ""); } if(e.src){ filename = path+"js/"+filename; }else{ filename = path+"css/"+filename; } if(filename=="/export/system/modules/es.segittur.comun/resources/js/slick.min.js"){ url = url.replace("https:",""); url = url.replace("http:",""); } newText = newText.replace(url, filename); } } ); return cache.put(urlCanonical, new Response(newText, response)); }); } else{ return cache.put(element, response.clone()); } } ) ); } }); } }); } if('serviceWorker' in navigator){ if(navigator.onLine) { document.getElementById('snackbar').style.display = 'none'; } else { document.getElementById('snackbar').style.display = 'block'; } } window.deferredPrompt = {}; window.addEventListener('beforeinstallprompt', e => { stext_install.style.display = 'block'; sinstall_button.style.display = 'block'; e.preventDefault(); window.deferredPrompt = e; sinstall_button.addEventListener('click', e => { window.deferredPrompt.prompt(); window.deferredPrompt.userChoice.then(choiceResult => { if (choiceResult.outcome === 'accepted') { sinstall_button.style.display = 'none'; swrapper_saved.style.display = 'none'; } window.deferredPrompt = null; }); }); }); window.onload = function() { if (stext_button != null){ var location = window.location.href; if(localStorage.getItem(location) === null){ stext_button.innerHTML = 'Download offline'; } else { stext_button.innerHTML = 'Downloaded'; } } var locale = 'en'; setTimeout(() => { if (getCookie('pupRRSS')!="true") { document.getElementById("popupRRSS").style.visibility = "visible"; window.dataLayer = window.dataLayer || [];             window.dataLayer.push({event: 'pop-up'}); } else { document.getElementById("popupRRSS").style.visibility = "hidden"; } }, 30000); }; window.addEventListener('appinstalled', e => { $('#wrapper-saved').removeClass('d-block'); $('#installApp').hide(); $('#ssavedOffline').css({display: "block"}); $('#textInstall').hide(); }); document.getElementById('close-saved').addEventListener('click', e => { document.getElementById('wrapper-saved').style.display = 'none'; }) </script> <script defer src="/export/system/modules/es.segittur.comun/resources/js/scripts.min.js" type="text/javascript"></script> <script type="text/javascript"> if( $('#modal-mapa-fav').length){ $('#modal-mapa-fav').on('shown.bs.modal', function(e) { var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapafav = document.createElement('script'); mapafav.type = "text/javascript"; mapafav.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-favoritos.js"; $('body').append(mapafav); }); } if($('#mi-viaje-container').length){ var miviajescript = document.createElement('script'); miviajescript.type = "text/javascript"; miviajescript.src = "/export/system/modules/es.segittur.consulta/resources/mi-viaje-query.js"; $('body').append(miviajescript); } if ($('.experiencias-search').length) { $('<link id="bsdp-css" href="/export/system/modules/es.segittur.comun/resources/css/bootstrap-datepicker3.min.css" rel="stylesheet">').appendTo('head'); $('<link id="bsdp-css" href="/export/system/modules/es.segittur.comun/resources/css/bootstrap-slider.css" rel="stylesheet">').appendTo('head'); var datescript = document.createElement('script'); datescript.type = "text/javascript"; datescript.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-slider.js"; $('body').append(datescript); var localescript = document.createElement('script'); localescript.type = "text/javascript"; localescript.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-datepicker.min.js"; localescript.charset = "UTF-8"; $('body').append(localescript); var btslider = document.createElement('script'); btslider.type = "text/javascript"; btslider.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-datepicker.es.min.js"; btslider.charset = "UTF-8"; $('body').append(btslider); $('.input-daterange').datepicker({ weekStart: 1, language: "es", multidate: false, todayHighlight: true }); $("#priceSliderInput").slider({}); /* textPrice = document.createElement("p"); textPrice.id = "textPrice"; acordPrecio = document.getElementById("acord-precio"); acordPrecio.appendChild(textPrice); min = acordPrecio.getElementsByClassName("tooltip-min")[0].getElementsByClassName("tooltip-inner")[0].innerText; max = acordPrecio.getElementsByClassName("tooltip-max")[0].getElementsByClassName("tooltip-inner")[0].innerText; document.getElementById('textPrice').innerText = min+"€ - "+max+"€"; $("#priceSliderInput").on("slide", function(slideEvt) { //$("#tooltip-inner").html("asd"); let mini = document.getElementById("priceSliderInput").getAttribute("value"); console.log(mini); mini.textContent += ' e'; //document.getElementsByClassName("tooltip-max")[0].getElementsByClassName("tooltip-inner")[0].innerText; //document.getElementById('textPrice').innerText = min+"€ - "+max+"€"; //console.log("asd"); }); */ } if ($('.kml').length) { var script = document.createElement('script'); script.type = "text/javascript"; script.src = "/export/system/modules/es.segittur.comun/resources/js/L.KML.js"; $('body').append(script); //MAPA LEAFLET var map = L.map('map').setView([40.4149903, -3.70447, 15], 14); map.scrollWheelZoom.disable(); L.tileLayer('https://{s}.tile.openstreetmap.se/hydda/full/{z}/{x}/{y}.png', { maxZoom: 18, attribution: 'Tiles courtesy of <a href="http://openstreetmap.se/" target="_blank">OpenStreetMap Sweden</a> &mdash; Map data &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' }).addTo(map); // Load kml file fetch(segturkml).then(function (res) { return res.text(); }).then(function (kmltext) { // Create new kml overlay var parser = new DOMParser(); var kml = parser.parseFromString(kmltext, 'text/xml'); var track = new L.KML(kml); map.addLayer(track); // Adjust map to show the kml var bounds = track.getBounds(); map.fitBounds(bounds); }); } if ($('.gpx').length) { if(navigator.userAgent.indexOf('MSIE')!==-1 || navigator.appVersion.indexOf('Trident/') > -1){ $('<link href="https://unpkg.com/@raruto/leaflet-elevation@0.3.9/leaflet-elevation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/gpx.css" rel="stylesheet">').appendTo('head'); var opts = { map: { center: [41.4583, 12.7059], zoom: 5, markerZoomAnimation: false, zoomControl: false, layersControl: false }, zoomControl: { position: 'topleft', }, topoLayer: { url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'map data: © <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>))', }, }, osmLayer: { url:'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'Map data: © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>', } }, elevationControl: { tracks: { track_1: { url: segturgpx } }, options: { position: "bottomright", theme: "lime-theme", useHeightIndicator: false, interpolation: d3.curveLinear, collapsed: false, detachedView: false, }, }, layersControl: { options: { collapsed: false, }, }, }; var map = new L.Map('map', opts.map); var baseLayers = {}; baseLayers.OTM = new L.TileLayer(opts.osmLayer.url, opts.osmLayer.options); baseLayers.TOPO = new L.TileLayer(opts.topoLayer.url, opts.topoLayer.options); var controlZoom = new L.Control.Zoom(opts.zoomControl); var controlElevation = L.control.elevation(opts.elevationControl.options); var controlLayer = L.control.layers(null, null, opts.layersControl.options); controlZoom.addTo(map); controlLayer.addTo(map); controlElevation.loadChart(map); map.addLayer(baseLayers.OTM); var traces = []; var tracks = opts.elevationControl.tracks; var i = 0; for (var track in tracks) { loadTrace(track, i++) } function loadTrace(track, i) { var trace = {}; trace.gpx = new L.GPX(tracks[track].url, { async: true, index: i, marker_options: { startIconUrl: '/export/sites/segtur/.content/images/iconos/poi-rojo.png', endIconUrl: '/export/sites/segtur/.content/images/iconos/poi-rojo.png', shadowUrl: null, }, polyline_options: { color: tracks[track].color, } }); trace.gpx.on('loaded', function(e) { controlLayer.addBaseLayer(e.target, e.target.get_name()); document.getElementsByClassName("leaflet-control-layers")[0].style.display = "none"; let elevationContainer = document.getElementsByClassName("leaflet-control-container")[0]; let elevationSpaininfoTheme = elevationContainer.getElementsByClassName("lime-theme")[0]; elevationSpaininfoTheme.getElementsByClassName("background")[0].style.backgroundColor = 'rgba(255, 255, 240, 0.5)'; elevationSpaininfoTheme.getElementsByClassName("background")[0].style.backgroundColor = 'rgba(187, 214, 171, 0.6)'; if (e.target.options.index == 0) { setElevationTrace(0); } else { //map.removeLayer(e.target); } }) trace.gpx.on("addline", function(e) { trace.line = e.line; }) trace.gpx.addTo(map); traces.push(trace); } map.on("baselayerchange", function(e) { for (var i in traces) { if (traces[i].gpx._leaflet_id == e.layer._leaflet_id) { setElevationTrace(e.layer.options.index); break; } } }); function setElevationTrace(index) { var trace = traces[index]; controlElevation.clear(); var q = document.querySelector.bind(document); controlElevation.addData(trace.line); map.fitBounds(trace.gpx.getBounds()); trace.gpx.setStyle({ color: 'red', weight: 4, opacity: 0.8, }); } }else{ $('<link href="https://unpkg.com/@raruto/leaflet-elevation@1.5.0/dist/leaflet-elevation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/gpx.css" rel="stylesheet">').appendTo('head'); var optElevationControl = { theme: "spaininfo-theme", summary: false, downloadLink: false, followMarker: false, marker: 'position-marker', position: "bottomright", collapsed: false, detached: false, autofitBounds: false, legend: false, gpxOptions: { marker_options: { wptIconUrls: { 'inicio': '/export/sites/segtur/.content/images/iconos/poi-rojo.png', 'fin': '/export/sites/segtur/.content/images/iconos/poi-rojo.png' } } } }; if($( window ).width() < 1280){ optElevationControl = { theme: "spaininfo-theme", summary: false, downloadLink: false, followMarker: false, marker: 'position-marker', autofitBounds: false, legend: false, gpxOptions: { marker_options: { wptIconUrls: { 'inicio': '/export/sites/segtur/.content/images/iconos/poi-rojo.png', 'fin': '/export/sites/segtur/.content/images/iconos/poi-rojo.png' } } } }; } var opts = { map: { center: [40.4149903, -3.70447], zoom: 15, }, topoLayer: { url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'map data: © <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>))', }, }, osmLayer: { url:'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'Map data: © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>', } }, elevationControl: { url: segturgpx, options: optElevationControl }, layersControl: { options: { collapsed: false }, }, }; var map = new L.Map('map', opts.map); map.scrollWheelZoom.disable(); var baseLayers = {}; baseLayers["Topo"] = new L.TileLayer(opts.topoLayer.url, opts.topoLayer.options); baseLayers["Map"] = new L.TileLayer(opts.osmLayer.url, opts.osmLayer.options); map.addLayer(baseLayers["Map"]); var controlElevation = L.control.elevation(opts.elevationControl.options); var controlLayer = L.control.layers(baseLayers, null, opts.layersControl.options); controlElevation.load(opts.elevationControl.url); controlElevation.addTo(map); controlLayer.addTo(map); map.on('eledata_loaded', function(e) { var coordinateGPX = ""; var latitude = controlElevation.getBounds().getCenter().lat; var longitude = controlElevation.getBounds().getCenter().lng; if( coordinateGPX != "false"){ let coordinateList = coordinateGPX.split(","); latitude = parseFloat(coordinateList[0]); longitude = parseFloat(coordinateList[1]); } map.setView([latitude, longitude], 15); }); } } if( $('#mapa-oets').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var scriptmapoet = document.createElement('script'); scriptmapoet.type = "text/javascript"; scriptmapoet.src = "/export/system/modules/es.segittur.infoPractica/resources/mapa-oets-sh.js"; $('body').append(scriptmapoet); } if( $('.resultados-mapa').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); if( $('.sh-mapa-interactivo').length ){ var mapai = document.createElement('script'); mapai.type = "text/javascript"; mapai.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-interactivo.js"; $('body').append(mapai); } if( $('.mapa-buscador').length ){ $('#modal-mapa-buscador').on('shown.bs.modal', function(e) { var mapab = document.createElement('script'); mapab.type = "text/javascript"; mapab.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-buscador.js"; $('body').append(mapab); $('.header').css('z-index', '9'); }); $('#modal-mapa-buscador').on('hidden.bs.modal', function(e){ $('.header').css('z-index', '999999999'); }); } $('#resultados-texto').click(function(){ $('html, body').animate({scrollTop: $(this).offset().top - 70 },'slow'); }); $('.navbar-toggler').click(function(){ var ide = $(this).attr('data-target'); var cajas = $("[class^='wrapper-lista-'].show"); if (!$(ide).hasClass("show")) { $(cajas).removeClass('show'); } if(!$(cajas).length){ $('.header-relative').css({'overflow':'hidden', 'position':'fixed'}); } else { $('.header-relative').css({'overflow':'inherit', 'position':'inherit'}); } }); $('#padre').on('shown.bs.collapse', function () { $(this).find('input').prop('checked', true); }); $('#padre').on('hidden.bs.collapse', function () { $(this).find('input').prop('checked', false); }); } if( $('#mapa-pueblosbonitos').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapaPueblosBonitos = document.createElement('script'); mapaPueblosBonitos.type = "text/javascript"; mapaPueblosBonitos.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-pueblos-bonitos.js"; $('body').append(mapaPueblosBonitos); var localemapapb = 'en'; } if( $('#mapa-taxFree').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapaTaxFree = document.createElement('script'); mapaTaxFree.type = "text/javascript"; mapaTaxFree.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-tax-free.js"; $('body').append(mapaTaxFree); var localemapapb = 'en'; } if( $('#ac-container').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.actividades/resources/js/autocomplete/ac-experiencias.js"; $('body').append(scriptmapai); } if( $('.twentytwenty-container').length ){ $('<link href="/export/system/modules/es.segittur.comun/resources/css/foundation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/twentytwenty.css" rel="stylesheet">').appendTo('head'); var scriptcomp = document.createElement('script'); scriptcomp.type = "text/javascript"; scriptcomp.src = "/export/system/modules/es.segittur.comun/resources/js/twentytwenty.js"; $('body').append(scriptcomp); } </script></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10