CINXE.COM
Cómo moverse por España. Transportes | spain.info
<!DOCTYPE html> <html class="no-js" lang="es"> <head> <script type="text/javascript"> var texto = "(Se abre en una ventana nueva)"; </script> <link rel='manifest' href='/manifest.json?loc=es'> <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=20241105"> <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>Cómo moverse por España. Transportes | spain.info</title> <meta name="description" content='Descubre la mejor manera para moverse por España. Información de aeropuertos, estaciones de tren, autobuses, puertos para conocer España | 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="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"/> <link rel="canonical" href="https://www.spain.info/es/como-moverse/"/> <meta property="og:url" content='https://www.spain.info/es/como-moverse/'/> <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> <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 --></head> <body> <!-- 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> <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> <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="/es/"> <img src="/export/sites/segtur/.content/images/logo_espana_menu.png" alt="Spain.info" class="img-fluid"></a> <p class="claim ">Portal oficial de turismo de España</p> <button id="open-buscador" class="btn-lupa collapsed"><span class="icon-search animunderline" aria-label='Buscar'></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='Cerrar'><span></span></button> <form action="/es/resultados-busqueda/" aria-labelledby="open-buscador"> <fieldset> <label lang="es" for="Buscar" xml:lang="es" class="sr-only">Buscar</label> <input name="q" class="form-control input-visible" type="search" placeholder="Buscar" aria-label="Buscar"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="Buscar"> </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>Dónde ir</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='Cerrar'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Descubre</strong> nuestros destinos</p></div> <hr> </div> <div class="arrowed wrapper-list-links"> <ul class="list-links"> <li> <a href="/es/destino/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="/es/destino/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="/es/destino/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="/es/destino/sevilla/" 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>Sevilla</a> </li> <li> <a href="/es/destino/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="/es/destino/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>Málaga</a> </li> <li> <a href="/es/destino/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="/es/destino/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="/es/destino/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="/es/destino/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="/es/destino/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="/es/region/islas-canarias/" 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>Islas Canarias</a> </li> <li> <a href="/es/region/islas-baleares/" 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>Islas Baleares</a> </li> <li> <a href="/es/destinos/" class="dropdown-item d-block d-customdk-none">ver todos los destinos</a> </li> </ul> <div class="wrapper-buscador-destinos container"> <form class="form-inline buscador-destinos" action="/es/resultados-busqueda/"> <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">Buscador destinos</label> <input name="q" class="form-control input-visible" type="search" placeholder="BUSCAR OTROS DESTINOS" aria-label="BUSCAR OTROS DESTINOS"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="BUSCAR OTROS DESTINOS"> </fieldset> </form> <a href="/es/destinos/" class="btn btn-dark text-uppercase">ver todos los destinos</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="es" 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>Qué hacer</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='Cerrar'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Planes</strong> para todos los gustos</p></div> <hr> </div> <a class="dropdown-item" href="/es/arte-cultura/" title="Ir a: Arte y cultura"> <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="Arte y cultura" title="Arte y cultura" /> <span>Arte y cultura</span> </a> <a class="dropdown-item" href="/es/costas-playas/" title="Ir a: Costas y playas"> <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="Costas y playas" title="Costas y playas" /> <span>Costas y playas</span> </a> <a class="dropdown-item" href="/es/ciudades/" title="Ir a: Turismo urbano"> <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="Turismo urbano" title="Turismo urbano" /> <span>Turismo urbano</span> </a> <a class="dropdown-item" href="/es/naturaleza/" title="Ir a: Naturaleza"> <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="Naturaleza" title="Naturaleza" /> <span>Naturaleza</span> </a> <a class="dropdown-item" href="/es/gastronomia-enoturismo/" title="Ir a: Gastronomía y enología"> <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="Gastronomía y enología" title="Gastronomía y enología" /> <span>Gastronomía y enología</span> </a> <a class="dropdown-item" href="/es/deporte-aventura/" title="Ir a: Deporte y aventura"> <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="Deporte y aventura" title="Deporte y aventura" /> <span>Deporte y aventura</span> </a> <a class="dropdown-item" href="/es/compras/" title="Ir a:Compras"> <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="Compras" title="Compras" /> <span>Compras</span> </a> <a class="dropdown-item" href="/es/rutas/" title="Ir a: Rutas"> <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="Rutas" title="Rutas" /> <span>Rutas</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>Planifica tu viaje</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='Cerrar'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Prepara </strong>tu viaje a España</p></div> <hr> </div> <div class="arrowed wrapper-list-links"> <ul class="list-links"> <li> <a href="/es/sobre-espana/" id="info-1" 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>Sobre España</a> </li> <li> <a href="/es/info/" 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>Información práctica</a> </li> <li> <a href="/es/como-llegar/" 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>Cómo llegar a España</a> </li> <li> <a href="/es/como-moverse/" 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>Cómo viajar por España</a> </li> <li> <a href="/es/actividades/" 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>Reserva de experiencias</a> </li> <li> <a href="/es/planificador-rutas/" 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>Planificador de rutas</a> </li> <li> <a href="/es/folletos/" 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>Descarga de folletos</a> </li> <li> <a href="/es/tiempo/" 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>El tiempo</a> </li> <li> <a href="/es/consejos-viaje/visado-pasaporte/" 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>Visado y pasaporte</a> </li> <li> <a href="https://sustainability.spain.info/es/" id="info-10" title="Ir a: Sostenibilidad en España" 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>Sostenibilidad en España</a> </li> </ul> </div> <div class="wrapper-recurso-menu imagen-menu"> <a href="/es/sobre-espana/" title="Ir a: Sobre España" id="card-1" class="card show standard-box-shadow"> <img id="imgAct9" src="/export/sites/segtur/.content/imagenes/menu-navegacion/turistas-museo-prado-mapa-madrid-s139919035.jpg" class="card-img-top" alt="Sobre España" title="Sobre España"/> <div class="card-body"> <p class="title text-uppercase">Sobre España</p> <p class="card-text mb-0">Datos y curiosidades del país, su cultura, su naturaleza, su gastronomía o su población.</p> </div> </a> <a href="/es/info/" title="Ir a: Información práctica" id="card-2" class="card standard-box-shadow"> <img id="imgAct10" src="/export/sites/segtur/.content/imagenes/menu-navegacion/informacion-turistica-madrid-c-madrid-destino-francesco-pinton.jpg" class="card-img-top" alt="Información práctica" title="Información práctica"/> <div class="card-body"> <p class="title text-uppercase">Información práctica</p> <p class="card-text mb-0">Prepara tu viaje con antelación siguiendo estos consejos sobre requisitos de entrada, dinero, seguridad, sanidad, horarios, etc.</p> </div> </a> <a href="/es/como-llegar/" title="Ir a: Cómo llegar a España" id="card-3" class="card standard-box-shadow"> <img id="imgAct11" src="/export/sites/segtur/.content/imagenes/menu-navegacion/mapa-planificacion-s348683150.jpg" class="card-img-top" alt="Cómo llegar a España" title="Cómo llegar a España"/> <div class="card-body"> <p class="title text-uppercase">Cómo llegar a España</p> <p class="card-text mb-0">Encuentra información sobre aeropuertos y puertos de crucero y conoce el tiempo de vuelo desde diferentes puntos del mundo.</p> </div> </a> <a href="/es/como-moverse/" title="Ir a: Cómo viajar por España" id="card-4" class="card standard-box-shadow"> <img id="imgAct12" src="/export/sites/segtur/.content/imagenes/menu-navegacion/chica-transporte-s456518287.jpg" class="card-img-top" alt="Cómo viajar por España" title="Cómo viajar por España"/> <div class="card-body"> <p class="title text-uppercase">Cómo viajar por España</p> <p class="card-text mb-0">Te ofrecemos datos útiles sobre conexiones entre las principales ciudades de España.</p> </div> </a> <a href="/es/actividades/" title="Ir a: Reserva de experiencias" id="card-5" class="card standard-box-shadow"> <img id="imgAct13" src="/export/sites/segtur/.content/imagenes/menu-navegacion/fotos-u311182.jpg" class="card-img-top" alt="Reserva de experiencias" title="Reserva de experiencias"/> <div class="card-body"> <p class="title text-uppercase">Reserva de experiencias</p> <p class="card-text mb-0">Elige entre miles de actividades pensadas para ti. Solo tienes que escoger la temática y el lugar donde quieres disfrutarla.</p> </div> </a> <a href="/es/planificador-rutas/" title="Ir a: Planificador de rutas" id="card-6" class="card standard-box-shadow"> <img id="imgAct14" src="/export/sites/segtur/.content/imagenes/menu-navegacion/turista-fornalutx-mallorca-c-pedro-giraldez.jpg" class="card-img-top" alt="Planificador de rutas" title="Planificador de rutas"/> <div class="card-body"> <p class="title text-uppercase">Planificador de rutas</p> <p class="card-text mb-0">Crea tu propio plan de viaje a España con un itinerario totalmente adaptado a tus necesidades.</p> </div> </a> <a href="/es/folletos/" title="Ir a: Descarga de folletos" id="card-7" class="card standard-box-shadow"> <img id="imgAct15" src="/export/sites/segtur/.content/imagenes/menu-navegacion/folleto-turistas-u1118390.jpg" class="card-img-top" alt="Descarga de folletos" title="Descarga de folletos"/> <div class="card-body"> <p class="title text-uppercase">Descarga de folletos</p> <p class="card-text mb-0">Con nuestros folletos y guías digitales podrás descubrir lo mejor de nuestra gastronomía, nuestra cultura, nuestras fiestas...</p> </div> </a> <a href="/es/tiempo/" title="Ir a: El tiempo" id="card-8" class="card standard-box-shadow"> <img id="imgAct16" src="/export/sites/segtur/.content/imagenes/menu-navegacion/clima-movil-c-gavin-allanwood-u723586.jpg" class="card-img-top" alt="El tiempo" title="El tiempo"/> <div class="card-body"> <p class="title text-uppercase">El tiempo</p> <p class="card-text mb-0">Consulta las temperaturas medias y las horas de sol de diferentes zonas y qué ropa conviene traer según la estación.</p> </div> </a> <a href="/es/consejos-viaje/visado-pasaporte/" title="Ir a: Visado y pasaporte" id="card-9" class="card standard-box-shadow"> <img id="imgAct17" src="/export/sites/segtur/.content/imagenes/menu-navegacion/pasaporte-u752510.jpg" class="card-img-top" alt="Visado y pasaporte" title="Visado y pasaporte"/> <div class="card-body"> <p class="title text-uppercase">Visado y pasaporte</p> <p class="card-text mb-0">¿Quieres saber si necesitas visado para viajar a España? Conoce los tipos de visado que existen y cómo conseguirlos.</p> </div> </a> <a href="https://sustainability.spain.info/es/" title="Ir a: Sostenibilidad en España" id="card-10" class="card standard-box-shadow hacerblank"> <img id="imgAct18" src="/export/sites/segtur/.content/imagenes/menu-navegacion/menu-sostenibilidad.jpg" class="card-img-top" alt="Sostenibilidad en España" title="Sostenibilidad en España"/> <div class="card-body"> <p class="title text-uppercase">Sostenibilidad en España</p> <p class="card-text mb-0">Planifica unas vacaciones respetuosas con el medio ambiente y el entorno social. Apúntate a cuidar del planeta.</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="/es/agenda/" 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-es" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown"><span class="icon-globe"></span> Español<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-es"> <ul> <li class="nav-item"> <a href="/en/getting-around/" class="dropdown-item" id="locale-en"> English</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="/es/mapa-interactivo/" class="" > <span class="icon-map-marker"></span> <span class="text">Mapa interactivo</span> </a> </li> <li class="list-item"> <a href="/es/planificar-viaje-espana/" class="" > <span class="icon-mi-viaje"></span> <span class="text">Mi viaje ideal</span> </a> </li> <li class="list-item"> <a href="/es/app/favoritos/" class="" rel="nofollow" > <span class="icon-like"></span> <span class="text">Mis favoritos</span> </a> </li> <li class="list-item"> <a href="https://aplicaciones.tourspain.es/CRM.HospedajeFormularios/Newsletter/NewsletterEspannol.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/es/' 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">Consejos para viajar seguro</span> <span class="description d-block secondary-color font-weight-bolder">Últimas noticias</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='Cómo viajar por España' title='Cómo viajar por España'><div class="title-container container"> <div class="wrapper-title text-white"> <h1 class="titulo-portada custom-title container-fluid">Cómo viajar por España</h1> <span class="subtitle text-white"><p>Destinos perfectamente comunicados</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="/es/" target="_self" title="" >Inicio</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">Conociendo el país</h2> <p class="text-secundario text-center"> Te ofrecemos información útil sobre distancias y conexiones entre las principales ciudades de España para que puedas organizar un gran recorrido por todo el país como plan para tus futuras vacaciones. Los trayectos aéreos internos tienen todos una duración inferior a dos horas (excepto a las islas Canarias), dispones de alrededor de 16.000 kilómetros de carreteras rápidas y el tren de alta velocidad (AVE) conecta grandes destinos como Barcelona, Sevilla o Valencia con Madrid en 3 horas o menos.<span class="br"></span> ¿Listo para viajar?</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">Avión</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">Tren</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">Coche</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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Barcelona</th> <td>625 km</td> <td>1 h 15 min</td> <tr> <tr> <th scope="row">Islas Baleares</th> <td>700 km</td> <td>1 h 20 min</td> <tr> <tr> <th scope="row">Islas Canarias</th> <td>2000 km</td> <td>2 h 50 min</td> <tr> <tr> <th scope="row">Sevilla</th> <td>525 km</td> <td>1 h</td> <tr> <tr> <th scope="row">Málaga</th> <td>530 km</td> <td>1 h 10 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>400 km</td> <td>1 h</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 h 10 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>595 km</td> <td>1 h 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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Barcelona</th> <td>625 km</td> <td>2 h 30 min</td> <tr> <tr> <th scope="row">Sevilla</th> <td>525 km</td> <td>2 h 30 min</td> <tr> <tr> <th scope="row">Málaga</th> <td>530 km</td> <td>2 h 25 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>400 km</td> <td>5 h 15 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>360 km</td> <td>1 h 40 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>315 km</td> <td>1 h 35 min</td> <tr> <tr> <th scope="row">Santander</th> <td>450 km</td> <td>4 h 15 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>595 km</td> <td>3 h</td> <tr> <tr> <th scope="row">Salamanca</th> <td>214 km</td> <td>1 h 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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Barcelona</th> <td>625 km</td> <td>6 h</td> <tr> <tr> <th scope="row">Sevilla</th> <td>525 km</td> <td>5 h</td> <tr> <tr> <th scope="row">Málaga</th> <td>530 km</td> <td>5 h 15 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>400 km</td> <td>4 h</td> <tr> <tr> <th scope="row">Valencia</th> <td>360 km</td> <td>3 h 30 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>315 km</td> <td>3 h 10 min</td> <tr> <tr> <th scope="row">Santander</th> <td>450 km</td> <td>4 h 30 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>595 km</td> <td>5 h 45 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>214 km</td> <td>2 h 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">Avión</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">Tren</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">Coche</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">Barco</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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>625 km</td> <td>1 h 15 min</td> <tr> <tr> <th scope="row">Islas Baleares</th> <td>285 km</td> <td>45 min</td> <tr> <tr> <th scope="row">Islas Canarias</th> <td>2450 km</td> <td>3 h 15 min</td> <tr> <tr> <th scope="row">Sevilla</th> <td>1000 km</td> <td>1 h 35 min</td> <tr> <tr> <th scope="row">Málaga</th> <td>930 km</td> <td>1 h 35 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>600 km</td> <td>1 h 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 h 15 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>1100 km</td> <td>1 h 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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>625 km</td> <td>2 h 30 min</td> <tr> <tr> <th scope="row">Sevilla</th> <td>1000 km</td> <td>5 h 25 min</td> <tr> <tr> <th scope="row">Málaga</th> <td>930 km</td> <td>6 h</td> <tr> <tr> <th scope="row">Bilbao</th> <td>600 km</td> <td>6 h 30 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>350 km</td> <td>3 h 15 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>315 km</td> <td>1 h 35 min</td> <tr> <tr> <th scope="row">Santander</th> <td>705 km</td> <td>7 h 20 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>1100 km</td> <td>7 h 10 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>842 km</td> <td>5 h 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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>625 km</td> <td>6 h</td> <tr> <tr> <th scope="row">Sevilla</th> <td>1000 km</td> <td>9 h 30 min</td> <tr> <tr> <th scope="row">Málaga</th> <td>930 km</td> <td>9 h 30 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>600 km</td> <td>5 h 45 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>350 km</td> <td>3 h 30 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>315 km</td> <td>3 h 10 min</td> <tr> <tr> <th scope="row">Santander</th> <td>705 km</td> <td>7 h 25 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>1100 km</td> <td>11 h</td> <tr> <tr> <th scope="row">Salamanca</th> <td>842 km</td> <td>8 h 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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Islas Baleares</th> <td>285 km</td> <td>6 h</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"> Islas Baleares</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">Avión</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">Barco</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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>700 km</td> <td>1 h 20 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>285 km</td> <td>45 min</td> <tr> <tr> <th scope="row">Islas Canarias</th> <td>2500 km</td> <td>3 h</td> <tr> <tr> <th scope="row">Sevilla</th> <td>950 km</td> <td>1 h 30 min</td> <tr> <tr> <th scope="row">Málaga</th> <td>850 km</td> <td>1 h 30 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>875 km</td> <td>1 h 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 h 25 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>1300 km</td> <td>1 h 50 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>900 km</td> <td>1 h 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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Barcelona</th> <td>285 km</td> <td>6 h</td> <tr> <tr> <th scope="row">Valencia</th> <td>250 km</td> <td>5 h</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"> Islas Canarias</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">Avión</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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>2000 km</td> <td>2 h 50 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>2450 km</td> <td>3 h 15 min</td> <tr> <tr> <th scope="row">Islas Baleares</th> <td>2500 km</td> <td>3 h</td> <tr> <tr> <th scope="row">Sevilla</th> <td>1500 km</td> <td>2 h 15 min</td> <tr> <tr> <th scope="row">Málaga</th> <td>1750 km</td> <td>2 h 15 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>2350 km </td> <td>3 h 05 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>2150 km</td> <td>2 h 45 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>2350 km</td> <td>3 h 10 min</td> <tr> <tr> <th scope="row">Santander</th> <td>2055 km</td> <td>3 h</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>2200 km</td> <td>2 h 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"> Sevilla</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">Avión</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">Tren</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">Coche</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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>525 km</td> <td>1 h</td> <tr> <tr> <th scope="row">Barcelona</th> <td>1000 km</td> <td>1 h 35 min</td> <tr> <tr> <th scope="row">Islas Baleares</th> <td>950 km</td> <td>1 h 30 min</td> <tr> <tr> <th scope="row">Islas Canarias</th> <td>1500 km</td> <td>2 h 15 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>860 km</td> <td>1 h 20 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>655 km</td> <td>1 h 10 min</td> <tr> <tr> <th scope="row">Santander</th> <td>825 km</td> <td>1h 35 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>800 km</td> <td>1 h 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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>525 km</td> <td>2 h 30 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>1000 km</td> <td>5 h 25 min</td> <tr> <tr> <th scope="row">Málaga</th> <td>205 km</td> <td>2 h</td> <tr> <tr> <th scope="row">Valencia</th> <td>655 km</td> <td>4 h</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>840 km</td> <td>3 h 40 min</td> <tr> <tr> <th scope="row">Santander</th> <td>825 km</td> <td>8 h 30 min </td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>800 km</td> <td>7 h 40 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>462 km</td> <td>6 h 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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>525 km</td> <td>5 h</td> <tr> <tr> <th scope="row">Barcelona</th> <td>1000 km</td> <td>9 h 30 min</td> <tr> <tr> <th scope="row">Málaga</th> <td>205 km</td> <td>2 h 15 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>860 km</td> <td>7 h 50 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>655 km</td> <td>6 h 15 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>840 km</td> <td>7 h 40 min</td> <tr> <tr> <th scope="row">Santander</th> <td>825 km</td> <td>8 h 20 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>800 km</td> <td>8 h y 20 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>462 km</td> <td>4 h 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"> Málaga</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">Avión</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">Tren</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">Coche</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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>530 km</td> <td>1h 10 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>930 km</td> <td>1 h 35 min</td> <tr> <tr> <th scope="row">Islas Baleares</th> <td>850 km</td> <td>1 h 30 min</td> <tr> <tr> <th scope="row">Islas Canarias</th> <td>1750 km</td> <td>2 h 15 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>920 km</td> <td>1 h 35 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>610 km</td> <td>1 h 30 min</td> <tr> <tr> <th scope="row">Santander</th> <td>948 km</td> <td>1 h 35 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>1100 km</td> <td>1 h 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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>530 km</td> <td>2 h 25 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>930 km</td> <td>6 h</td> <tr> <tr> <th scope="row">Sevilla</th> <td>205 km</td> <td>1 h 55 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>610 km</td> <td>4 h 10 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>830 km</td> <td>3 h 55 min</td> <tr> <tr> <th scope="row">Santander</th> <td>948 km</td> <td>8 h 15 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>1100 km</td> <td>7 h 50 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>680 km</td> <td>6 h 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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>530 km</td> <td>5 h 15 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>930 km</td> <td>9 h 30 min</td> <tr> <tr> <th scope="row">Sevilla</th> <td>205 km</td> <td>2 h 15 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>920 km</td> <td>8 h 40 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>610 km</td> <td>6 h 10 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>830 km</td> <td>8 h</td> <tr> <tr> <th scope="row">Santander</th> <td>948 km</td> <td>10 h 20 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>1100 km</td> <td>10 h 30 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>680 km</td> <td>6 h 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">Avión</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">Tren</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">Coche</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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>400 km</td> <td>1 h</td> <tr> <tr> <th scope="row">Barcelona</th> <td>600 km</td> <td>1 h 15 min</td> <tr> <tr> <th scope="row">Islas Baleares</th> <td>875 km</td> <td>1 h 30 min</td> <tr> <tr> <th scope="row">Islas Canarias</th> <td>2350 km</td> <td>3 h 05 min</td> <tr> <tr> <th scope="row">Sevilla</th> <td>860 km</td> <td>1 h 20 min</td> <tr> <tr> <th scope="row">Málaga</th> <td>920 km</td> <td>1 h 25 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>610 km</td> <td>1 h 10 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>580 km</td> <td>1 h 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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>400 km</td> <td>5 h 15 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>600 km</td> <td>6 h 30 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>300 km</td> <td>4 h 30 min</td> <tr> <tr> <th scope="row">Santander</th> <td>104 km</td> <td>2 h 56 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>580 km</td> <td>10 h</td> <tr> <tr> <th scope="row">Salamanca</th> <td>397 km</td> <td>5 h 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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>400 km</td> <td>4 h</td> <tr> <tr> <th scope="row">Barcelona</th> <td>600 km</td> <td>5 h 45 min</td> <tr> <tr> <th scope="row">Sevilla</th> <td>860 km</td> <td>7 h 50 min</td> <tr> <tr> <th scope="row">Málaga</th> <td>920 km</td> <td>8 h 40 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>610 km</td> <td>5 h 50 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>300 km</td> <td>2 h 55 min</td> <tr> <tr> <th scope="row">Santander</th> <td>104 km</td> <td>1 h 15 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>580 km</td> <td>5 h y 40 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>397 km</td> <td>3 h 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">Avión</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">Tren</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">Coche</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">Barco</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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</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">Islas Baleares</th> <td>250 km</td> <td>50 min</td> <tr> <tr> <th scope="row">Islas Canarias</th> <td>2150 km</td> <td>2 h 45 min</td> <tr> <tr> <th scope="row">Sevilla</th> <td>655 km</td> <td>1 h 10 min</td> <tr> <tr> <th scope="row">Málaga</th> <td>610 km</td> <td>1 h 30 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>610 km</td> <td>1 h 10 min</td> <tr> <tr> <th scope="row">Santander</th> <td>685 km</td> <td>1 h 15 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>950 km</td> <td>1 h 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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>360 km</td> <td>1 h 40 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>350 km</td> <td>3 h 15 min</td> <tr> <tr> <th scope="row">Sevilla</th> <td>655 km</td> <td>4 h</td> <tr> <tr> <th scope="row">Málaga</th> <td>610 km</td> <td>4 h 15 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>310 km</td> <td>4 h 15 min</td> <tr> <tr> <th scope="row">Santander</th> <td>685 km</td> <td>6 h 25 min </td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>950 km</td> <td>7 h 10 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>578 km</td> <td>5 h 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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>360 km</td> <td>3 h 30 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>350 km</td> <td>3 h 30 min</td> <tr> <tr> <th scope="row">Sevilla</th> <td>655 km</td> <td>6 h 15 min</td> <tr> <tr> <th scope="row">Málaga</th> <td>610 km</td> <td>6 h 10 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>610 km</td> <td>5 h 50 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>310 km</td> <td>3 h</td> <tr> <tr> <th scope="row">Santander</th> <td>685 km</td> <td>7 h 30 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>950 km</td> <td>9 h</td> <tr> <tr> <th scope="row">Salamanca</th> <td>578 km</td> <td>5 h 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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Islas Baleares</th> <td>250 km</td> <td>5 h</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">Avión</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">Tren</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">Coche</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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Islas Canarias</th> <td>2350 km</td> <td>3 h 10 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>780 km</td> <td>1 h 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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>315 km</td> <td>1 h 35 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>315 km</td> <td>1 h 35 min</td> <tr> <tr> <th scope="row">Sevilla</th> <td>840 km</td> <td>3 h 40 min</td> <tr> <tr> <th scope="row">Málaga</th> <td>830 km</td> <td>4 h 10 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>300 km</td> <td>4 h 30 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>310 km</td> <td>4 h 25 min</td> <tr> <tr> <th scope="row">Santander</th> <td>403 km</td> <td>6 h </td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>780 km</td> <td>7 h 20 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>538 km</td> <td>4 h 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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>315 km </td> <td>3 h 10 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>315 km</td> <td>3 h 10 min</td> <tr> <tr> <th scope="row">Sevilla</th> <td>840 km</td> <td>7 h 40 min</td> <tr> <tr> <th scope="row">Málaga</th> <td>830 km</td> <td>8 h</td> <tr> <tr> <th scope="row">Bilbao</th> <td>300 km</td> <td>2 h 55 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>310 km</td> <td>3 h</td> <tr> <tr> <th scope="row">Santander</th> <td>403 km</td> <td>4 h 25 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>780 km</td> <td>7 h 45 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>538 km</td> <td>5 h 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">Avión</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">Tren</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">Coche</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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>450 km</td> <td>1 h 10 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>705 km</td> <td>1 h 15 min</td> <tr> <tr> <th scope="row">Islas Baleares</th> <td>695 km</td> <td>1 h 25 min</td> <tr> <tr> <th scope="row">Islas Canarias</th> <td>2055 km</td> <td>3 h</td> <tr> <tr> <th scope="row">Sevilla</th> <td>825 km</td> <td>1h 35 min</td> <tr> <tr> <th scope="row">Málaga</th> <td>948 km</td> <td>1 h 35 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>685 km</td> <td>1 h 15 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>490 km</td> <td>3 h 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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>450 km</td> <td>4 h 15 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>705 km</td> <td>7 h 20 min</td> <tr> <tr> <th scope="row">Sevilla</th> <td>825 km</td> <td>8 h 30 min </td> <tr> <tr> <th scope="row">Málaga</th> <td>948 km</td> <td>8 h 15 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>104 km</td> <td>2 h 56 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>685 km</td> <td>6 h 25 min </td> <tr> <tr> <th scope="row">Zaragoza</th> <td>403 km</td> <td>6 h </td> <tr> <tr> <th scope="row">Salamanca</th> <td>362 km</td> <td>6 h 45 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>490 km</td> <td>9 h</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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>450 km</td> <td>4 h 30 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>705 km</td> <td>7 h 25 min</td> <tr> <tr> <th scope="row">Sevilla</th> <td>825 km</td> <td>8 h 20 min</td> <tr> <tr> <th scope="row">Málaga</th> <td>948 km</td> <td>10 h 20 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>104 km</td> <td>1 h 15 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>685 km</td> <td>7 h 30 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>403 km</td> <td>4 h 25 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>362 km</td> <td>3 h 20 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>490 km</td> <td>4 h 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">Avión</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">Tren</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">Coche</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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>595 km</td> <td>1 h 10 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>1100 km</td> <td>1 h 40 min</td> <tr> <tr> <th scope="row">Islas Baleares</th> <td>1300 km</td> <td>1 h 50 min</td> <tr> <tr> <th scope="row">Islas Canarias</th> <td>2200 km</td> <td>2 h 45 min</td> <tr> <tr> <th scope="row">Sevilla</th> <td>800 km</td> <td>1 h 25 min</td> <tr> <tr> <th scope="row">Málaga</th> <td>1100 km</td> <td>1 h 30 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>580 km</td> <td>1 h 5 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>950 km</td> <td>1 h 30 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>780 km</td> <td>1 h 25 min</td> <tr> <tr> <th scope="row">Santander</th> <td>490 km</td> <td>3 h 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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>595 km</td> <td>3 h</td> <tr> <tr> <th scope="row">Barcelona</th> <td>1100 km</td> <td>7 h 10 min</td> <tr> <tr> <th scope="row">Sevilla</th> <td>800 km</td> <td>7 h 40 min</td> <tr> <tr> <th scope="row">Málaga</th> <td>1100 km</td> <td>7 h 50 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>580 km</td> <td>10 h</td> <tr> <tr> <th scope="row">Valencia</th> <td>950 km</td> <td>7 h 10 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>780 km</td> <td>7 h 20 min</td> <tr> <tr> <th scope="row">Santander</th> <td>490 km</td> <td>9 h</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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>595 km</td> <td>5 h 45 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>1100 km</td> <td>11 h</td> <tr> <tr> <th scope="row">Sevilla</th> <td>800 km</td> <td>8 h y 20 min</td> <tr> <tr> <th scope="row">Málaga</th> <td>1100 km</td> <td>10 h 30 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>580 km</td> <td>5 h y 40 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>950 km</td> <td>9 h</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>780 km</td> <td>7 h 45 min</td> <tr> <tr> <th scope="row">Salamanca</th> <td>425 km</td> <td>4 h 10 min</td> <tr> <tr> <th scope="row">Santander</th> <td>490 km</td> <td>4 h 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">Avión</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">Tren</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">Coche</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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Islas Baleares</th> <td>900 km</td> <td>1 h 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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>214 km</td> <td>1 h 40 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>842 km</td> <td>5 h 20 min</td> <tr> <tr> <th scope="row">Sevilla</th> <td>462 km</td> <td>6 h 35 min</td> <tr> <tr> <th scope="row">Málaga</th> <td>680 km</td> <td>6 h 40 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>397 km</td> <td>5 h 50 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>578 km</td> <td>5 h 50 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>538 km</td> <td>4 h 15 min</td> <tr> <tr> <th scope="row">Santander</th> <td>362 km</td> <td>6 h 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">Ciudad</th> <th scope="col">Distancias (km)</th> <th scope="col">Tiempo (horas)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>214 km</td> <td>2 h 15 min</td> <tr> <tr> <th scope="row">Barcelona</th> <td>842 km</td> <td>8 h 10 min</td> <tr> <tr> <th scope="row">Sevilla</th> <td>462 km</td> <td>4 h 20 min</td> <tr> <tr> <th scope="row">Málaga</th> <td>680 km</td> <td>6 h 30 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>397 km</td> <td>3 h 50 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>578 km</td> <td>5 h 30 min</td> <tr> <tr> <th scope="row">Zaragoza</th> <td>538 km</td> <td>5 h 10 min</td> <tr> <tr> <th scope="row">Santander</th> <td>362 km</td> <td>3 h 20 min</td> <tr> <tr> <th scope="row">Santiago de Compostela</th> <td>425 km</td> <td>4 h 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">SEVILLA</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">SEVILLA</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">MÁLAGA</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">MÁLAGA</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="289" class="st11" width="89" height="19"/> <text transform="matrix(1 0 0 1 513.1622 303.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="289" class="st16" width="89" height="19"/> <g> <text transform="matrix(1 0 0 1 513.1622 303.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="595.5" y="295" class="st11" width="132" height="19"/> <text transform="matrix(1 0 0 1 605.447 309.2773)" class="st12 st13 st14">ISLAS BALEARES</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="595.5" y="295" class="st16" width="132" height="19"/> <g> <text transform="matrix(1 0 0 1 605.447 309.2773)" class="st11 st13 st14">ISLAS BALEARES</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 35.447 567.2773)" class="st12 st13 st14">ISLAS CANARIAS</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 35.447 567.2773)" class="st11 st13 st14">ISLAS CANARIAS</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">Te puede interesar</h2> <hr> </div> <div class="row"> <div class="col-md-6 col-lg-3"> <a class="card" href="/es/descubrir-espana/conexiones-aereas-espana/" title="Conexiones aéreas para conocer España"> <!--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='Aviones despegando del aeropuerto de Sevilla' title='Aviones despegando del aeropuerto de Sevilla'><!--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">Información práctica</span> <h2 class="title-secondary">Conexiones aéreas para conocer España</h2> </div> </div> </a> </div> <div class="col-md-6 col-lg-3"> <a class="card" href="/es/descubrir-espana/principales-conexiones-maritimas-espana/" title="Principales conexiones marítimas en España"> <!--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='Crucero en Barcelona' title='Crucero en 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">Información práctica</span> <h2 class="title-secondary">Principales conexiones marítimas en España</h2> </div> </div> </a> </div> <div class="col-md-6 col-lg-3"> <a class="card" href="/es/descubrir-espana/viajar-carretera-espana/" title="Viajar por carretera en España"> <!--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='Carretera por las dunas de Corralejo. Fuerteventura. Islas Canarias' title='Carretera por las dunas de Corralejo. Fuerteventura. Islas Canarias'><!--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">Información práctica</span> <h2 class="title-secondary">Viajar por carretera en España</h2> </div> </div> </a> </div> <div class="col-md-6 col-lg-3"> <a class="card" href="/es/top/viajes-en-tren-increibles/" title="12 viajes increíbles por España para amantes del tren"> <!--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='Tren Felipe II' title='Tren Felipe II'><!--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">Rutas</span> <h2 class="title-secondary">12 viajes increíbles por España para amantes del tren</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">Planifica tu viaje</span> <p class="title">Descubre más información de...</p> <hr> </div><div class="row"> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/es/como-llegar/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/como-llegar.svg" alt="Cómo llegar" title="Cómo llegar" class="img-fluid"/> <p class="title">Cómo llegar a España</p> <p class="subtitle">Diferentes maneras de viajar</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/es/folletos/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/folletos.svg" alt="Descarga de folletos" title="Descarga de folletos" class="img-fluid"/> <p class="title">Descarga de folletos</p> <p class="subtitle">Aprovecha tu viaje a España</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/es/tiempo/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/clima.svg" alt="El tiempo" title="El tiempo" class="img-fluid"/> <p class="title">El tiempo</p> <p class="subtitle">¿Qué temperatura hace en España?</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/es/mapa-interactivo/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/mapa.svg" alt="Mapa interactivo" title="Mapa interactivo" class="img-fluid"/> <p class="title">Mapa interactivo</p> <p class="subtitle">Localiza lo que te interesa</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/es/planificar-viaje-espana/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/mi-viaje.svg" alt="Mi viaje" title="Mi viaje" class="img-fluid"/> <p class="title">Mi viaje</p> <p class="subtitle">Te ayudamos a encontrar los mejores planes</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/es/info/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/info.svg" alt="Información práctica" title="Información práctica" class="img-fluid"/> <p class="title">Información práctica</p> <p class="subtitle">Consejos útiles para tu viaje a España</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">Modo accesible</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/es/como-moverse/" 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/es/como-moverse/" rel="nofollow" class="item-link hacerblank"><span class="icon-xicon1"></span></a></li> <li class="list-item"><a href="/es/app/enviar-a-un-amigo/?id=daf540ad-c64c-11e8-9e1c-4b40e2fd4688" 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">España</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="/es/"><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="twitter"><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">Todos los derechos reservados</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/CasoTuristaEspannol.aspx" target="_blank" rel="nofollow" class="text-gray text-uppercase"> Contacto</a> </li> <li class="list-item d-block"> <a title="" href="https://www.tourspain.es/es/" target="_blank" rel="nofollow" class="text-gray text-uppercase"> Conócenos</a> </li> <li class="list-item d-block"> <a title="" href="/es/mapa-web/" class="text-gray text-uppercase"> Mapa web</a> </li> <li class="list-item d-block"> <a title="" href="/es/aviso-legal/" rel="nofollow" class="text-gray text-uppercase"> Aviso legal</a> </li> <li class="list-item d-block"> <a title="" href="/es/condiciones-uso-informacion/" rel="nofollow" class="text-gray text-uppercase"> Uso de la información</a> </li> <li class="list-item d-block"> <a title="" href="/es/cookies/" rel="nofollow" class="text-gray text-uppercase"> Política de cookies</a> </li> <li class="list-item d-block"> <a title="" href="/es/accesibilidad/" rel="nofollow" class="text-gray text-uppercase"> Accesibilidad</a> </li> </ul> </nav> </div></div> </div> </div> </section> </div> <script defer src="/export/system/modules/es.segittur.comun/resources/js/cookie-consent-es.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="snackbar" class="aviso-pwa"><p>No estás online. Conexión requerida para contenido actualizado</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">Has descargado el contenido</p> <p id="textInstall" class="text py-3">Te recomendamos la descarga de contenido offline desde la Web App de Spain.info</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">Descargar</button> </div> </div> </div> <div id="swfail" class="aviso-pwa"><p>No es posible guardar para offline.</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 = "Descargado"; 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"> Haz click en compartir</span><img src="/.content/images/iconos/iosshare.svg"></div><div class="d-flex"><span>2.-</span><span> Selecciona "Añadir a pantalla de inicio"</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/es/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 = 'Descarga offline'; } else { stext_button.innerHTML = 'Descargado'; } } var locale = 'es'; /* if (locale == 'es' || locale == 'en' || locale == 'de' || locale == 'fr' || locale == 'it' || locale == 'pt_BR'){ setTimeout(() => { if (getCookie('encuesta')!="true" && getCookie('cc_cookie_sp')!=null && JSON.parse(getCookie('cc_cookie_sp')).external_cookies) { document.getElementById("encuesta").style.visibility = "visible"; } else { document.getElementById("encuesta").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> — Map data © <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 = 'es'; } 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 = 'es'; } 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>