CINXE.COM
Come spostarsi in Spagna. Trasporti | spain.info
<!DOCTYPE html> <html class="no-js" lang="it"> <head> <script type="text/javascript"> var texto = "(Si apre in una finestra nuova)"; </script> <link rel='manifest' href='/manifest.json?loc=it'> <link rel="apple-touch-icon" href="/export/sites/segtur/.content/images/logo192.png"> <meta name="apple-mobile-web-app-capable" content="yes" /> <link rel="stylesheet" href="https://use.typekit.net/kmb1yfs.css"> <link rel="stylesheet" href="https://use.typekit.net/wip1dnr.css"> <link rel="preload" href="/export/system/modules/es.segittur.comun/resources/fonts/mega_fresh-webfont.woff2" as="font" type="font/woff2" crossorigin> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin=""/> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css"/> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css"> <link rel="stylesheet" href="/export/system/modules/es.segittur.comun/resources/css/style.min.css?tmp=20250214"> <link rel="stylesheet" href="/export/system/modules/es.segittur.comun/resources/css/style-cookies.css"> <link rel="dns-prefetch" href="https://a.tile.openstreetmap.se" /> <link rel="dns-prefetch" href="https://b.tile.openstreetmap.se" /> <link rel="dns-prefetch" href="https://c.tile.openstreetmap.se" /> <title>Come spostarsi in Spagna. Trasporti | spain.info</title> <meta name="description" content='Scopri il modo migliore per spostarsi in Spagna. Informazioni su aeroporti, stazioni ferroviarie, autobus e porti per viaggiare in Spagna | 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="canonical" href="https://www.spain.info/it/come-muoversi/"/> <link rel="alternate" href="https://www.spain.info/pl/czym-sie-poruszac/" hreflang="pl"/> <link rel="alternate" href="https://www.spain.info/fr/comment-se-deplacer/" hreflang="fr"/> <link rel="alternate" href="https://www.spain.info/es/como-moverse/" hreflang="es"/> <meta property="og:url" content='https://www.spain.info/it/come-muoversi/'/> <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="/it/"> <img src="/export/sites/segtur/.content/images/logo_espana_menu.png" alt="Spain.info" class="img-fluid"></a> <p class="claim ">Portale ufficiale del turismo spagnolo</p> <button id="open-buscador" class="btn-lupa collapsed"><span class="icon-search animunderline" aria-label='Cerca'></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='Chiudi'><span></span></button> <form action="/it/risultati-ricerca/" aria-labelledby="open-buscador"> <fieldset> <label lang="es" for="Cerca" xml:lang="es" class="sr-only">Cerca</label> <input name="q" class="form-control input-visible" type="search" placeholder="Cerca" aria-label="Cerca"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="Cerca"> </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>Dove andare</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='Chiudi'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Scopri</strong> le nostre destinazioni</p></div> <hr> </div> <div class="arrowed wrapper-list-links"> <ul class="list-links"> <li> <a href="/it/destinazione/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="/it/destinazione/barcellona/" 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>Barcellona</a> </li> <li> <a href="/it/destinazione/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="/it/destinazione/siviglia/" 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>Siviglia</a> </li> <li> <a href="/it/destinazione/saragozza/" 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>Saragozza</a> </li> <li> <a href="/it/destinazione/malaga/" id="list-mdn-malaga" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Malaga</a> </li> <li> <a href="/it/destinazione/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="/it/destinazione/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="/it/destinazione/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="/it/destinazione/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="/it/destinazione/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="/it/regione/isole-canarie/" 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>Isole Canarie</a> </li> <li> <a href="/it/regione/isole-baleari/" 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>Isole Baleari</a> </li> <li> <a href="/it/destinazioni/" class="dropdown-item d-block d-customdk-none">visualizza tutte le destinazioni</a> </li> </ul> <div class="wrapper-buscador-destinos container"> <form class="form-inline buscador-destinos" action="/it/risultati-ricerca/"> <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">Motore di ricerca di destinazioni</label> <input name="q" class="form-control input-visible" type="search" placeholder="CERCA ALTRE DESTINAZIONI" aria-label="CERCA ALTRE DESTINAZIONI"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="CERCA ALTRE DESTINAZIONI"> </fieldset> </form> <a href="/it/destinazioni/" class="btn btn-dark text-uppercase">visualizza tutte le destinazioni</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="it" 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>Cosa fare</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='Chiudi'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Proposte</strong> per tutti i gusti</p></div> <hr> </div> <a class="dropdown-item" href="/it/arte-cultura/" title="Maggiori informazioni su: Arte e 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 e cultura" title="Arte e cultura" /> <span>Arte e cultura</span> </a> <a class="dropdown-item" href="/it/coste-spiagge/" title="Maggiori informazioni su: Coste e spiagge"> <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="Coste e spiagge" title="Coste e spiagge" /> <span>Coste e spiagge</span> </a> <a class="dropdown-item" href="/it/citta/" title="Maggiori informazioni su: 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="/it/natura/" title="Maggiori informazioni su: Natura"> <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="Natura" title="Natura" /> <span>Natura</span> </a> <a class="dropdown-item" href="/it/gastronomia-enoturismo/" title="Maggiori informazioni su: Gastronomia ed enologia"> <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="Gastronomia ed enologia" title="Gastronomia ed enologia" /> <span>Gastronomia ed enologia</span> </a> <a class="dropdown-item" href="/it/sport-avventura/" title="Maggiori informazioni su: Sport e avventura"> <img id="imgAct6" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/turistas-naturaleza-canarias-c-radek-u-zLWGDlOXCKs.jpg" class="img-fluid img-menu" alt="Sport e avventura" title="Sport e avventura" /> <span>Sport e avventura</span> </a> <a class="dropdown-item" href="/it/shopping/" title="Maggiori informazioni su: Shopping"> <img id="imgAct7" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/compras-s343979471.jpg" class="img-fluid img-menu" alt="Shopping" title="Shopping" /> <span>Shopping</span> </a> <a class="dropdown-item" href="/it/itinerari/" title="Maggiori informazioni su: Itinerari"> <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="Itinerari" title="Itinerari" /> <span>Itinerari</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>Programma il tuo viaggio</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='Chiudi'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Prepara </strong>il tuo viaggio in Spagna</p></div> <hr> </div> <div class="arrowed wrapper-list-links"> <ul class="list-links"> <li> <a href="/it/info-spagna/" 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>Sulla Spagna</a> </li> <li> <a href="/it/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>Informazioni pratiche</a> </li> <li> <a href="/it/come-arrivare/" 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>Come arrivare in Spagna</a> </li> <li> <a href="/it/come-muoversi/" 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>Come viaggiare per la Spagna</a> </li> <li> <a href="/it/attivita/" 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>Prenotazione delle esperienze</a> </li> <li> <a href="/it/programmatore-itinerari/" 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>Programmatore di itinerari</a> </li> <li> <a href="/it/opuscoli/" 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>Download dépliant</a> </li> <li> <a href="/it/clima/" 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>Il meteo</a> </li> <li> <a href="/it/consigli-viaggio/visto-passaporto/" 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>Visto e passaporto</a> </li> <li> <a href="https://sustainability.spain.info/it/" id="info-10" title="Maggiori informazioni su: Sostenibilità in Spagna" 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>Sostenibilità in Spagna</a> </li> </ul> </div> <div class="wrapper-recurso-menu imagen-menu"> <a href="/it/info-spagna/" title="Maggiori informazioni su: Sulla Spagna" 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="Sulla Spagna" title="Sulla Spagna"/> <div class="card-body"> <p class="title text-uppercase">Sulla Spagna</p> <p class="card-text mb-0">Dati e curiosità del paese, della cultura, della natura, della gastronomia e della popolazione.</p> </div> </a> <a href="/it/info/" title="Maggiori informazioni su: Informazioni pratiche" 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="Informazioni pratiche" title="Informazioni pratiche"/> <div class="card-body"> <p class="title text-uppercase">Informazioni pratiche</p> <p class="card-text mb-0">Prepara il tuo viaggio in anticipo seguendo questi consigli sui requisiti di ingresso, sul denaro, sulla sicurezza, sulla sanità, sugli orari, ecc.</p> </div> </a> <a href="/it/come-arrivare/" title="Maggiori informazioni su: Come arrivare in Spagna" 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="Come arrivare in Spagna" title="Come arrivare in Spagna"/> <div class="card-body"> <p class="title text-uppercase">Come arrivare in Spagna</p> <p class="card-text mb-0">Ottieni informazioni sugli aeroporti e sui porti di approdo delle navi da crociera e scopri la durata dei voli da diverse località internazionali.</p> </div> </a> <a href="/it/come-muoversi/" title="Maggiori informazioni su: Come viaggiare per la Spagna" 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="Come viaggiare per la Spagna" title="Come viaggiare per la Spagna"/> <div class="card-body"> <p class="title text-uppercase">Come viaggiare per la Spagna</p> <p class="card-text mb-0">Ti offriamo dei dati utili sui collegamenti tra le principali città della Spagna.</p> </div> </a> <a href="/it/attivita/" title="Maggiori informazioni su: Prenotazione delle esperienze" 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="Prenotazione delle esperienze" title="Prenotazione delle esperienze"/> <div class="card-body"> <p class="title text-uppercase">Prenotazione delle esperienze</p> <p class="card-text mb-0">Scegli tra migliaia di attività pensate per te. Ti basterà scegliere la tematica e il luogo in cui viverle.</p> </div> </a> <a href="/it/programmatore-itinerari/" title="Maggiori informazioni su: Programmatore di itinerari" 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="Programmatore di itinerari" title="Programmatore di itinerari"/> <div class="card-body"> <p class="title text-uppercase">Programmatore di itinerari</p> <p class="card-text mb-0">Crea il tuo programma di viaggio in Spagna con un itinerario su misura pensato per le tue esigenze.</p> </div> </a> <a href="/it/opuscoli/" title="Maggiori informazioni su: Download dépliant" 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="Download dépliant" title="Download dépliant"/> <div class="card-body"> <p class="title text-uppercase">Download dépliant</p> <p class="card-text mb-0">Con i nostri dépliant e guide digitali, potrai scoprire il meglio della nostra gastronomia, cultura, feste...</p> </div> </a> <a href="/it/clima/" title="Maggiori informazioni su: Il meteo" 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="Il meteo" title="Il meteo"/> <div class="card-body"> <p class="title text-uppercase">Il meteo</p> <p class="card-text mb-0">Consulta le temperature medie e le ore di sole delle diverse zone, oltre a scoprire quali vestiti è meglio indossare a seconda della stagione.</p> </div> </a> <a href="/it/consigli-viaggio/visto-passaporto/" title="Maggiori informazioni su: Visto e passaporto" 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="Visto e passaporto" title="Visto e passaporto"/> <div class="card-body"> <p class="title text-uppercase">Visto e passaporto</p> <p class="card-text mb-0">Vuoi sapere se hai bisogno di un visto per viaggiare in Spagna? Scopri i tipi di visti esistenti e come ottenerli.</p> </div> </a> <a href="https://sustainability.spain.info/it/" title="Maggiori informazioni su: Sostenibilità in Spagna" 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="Sostenibilità in Spagna" title="Sostenibilità in Spagna"/> <div class="card-body"> <p class="title text-uppercase">Sostenibilità in Spagna</p> <p class="card-text mb-0">Programma una vacanza ecosostenibile e rispettosa del territorio. Prenditi anche tu cura del pianeta.</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="/it/eventi/" 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-it" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown"><span class="icon-globe"></span> Italiano<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-it"> <ul> <li class="nav-item"> <a href="/es/como-moverse/" class="dropdown-item" id="locale-es"> Español</a> </li> <li class="nav-item"> <a href="/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="/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="/it/mappa-interattiva/" class="" > <span class="icon-map-marker"></span> <span class="text">Mappa interattiva</span> </a> </li> <li class="list-item"> <a href="/it/pianificare-viaggio-spagna/" class="" > <span class="icon-mi-viaje"></span> <span class="text">Il mio viaggio ideale</span> </a> </li> <li class="list-item"> <a href="/it/app/preferiti/" class="" rel="nofollow" > <span class="icon-like"></span> <span class="text">I miei preferiti</span> </a> </li> <li class="list-item"> <a href="https://aplicaciones.tourspain.es/CRM.HospedajeFormularios/Newsletter/NewsletterItaliano.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/it/' 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">Consigli per viaggiare in sicurezza</span> <span class="description d-block secondary-color font-weight-bolder">Ultime notizie</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='Come viaggiare per la Spagna' title='Come viaggiare per la Spagna'><div class="title-container container"> <div class="wrapper-title text-white"> <h1 class="titulo-portada custom-title container-fluid">Come viaggiare per la Spagna</h1> <span class="subtitle text-white"><p>Mete perfettamente collegate</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="/it/" target="_self" title="" >Inizio</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">Alla scoperta del paese</h2> <p class="text-secundario text-center"> Ecco alcune informazioni utili su distanze e collegamenti tra le principali città spagnole in modo che, per le tue prossime vacanze, tu possa organizzare un gran tour in giro per la Spagna. I tragitti aerei nazionali hanno tutti una durata inferiore a due ore (tranne che per le Isole Canarie), abbiamo circa 17000 kilometri di strade a scorrimento veloce e i treni ad alta velocità (AVE) collegano grandi città come Barcellona, Siviglia o Valencia a Madrid in 3 ore o meno.<span class="br"></span> Sei pronto a viaggiare?</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">Aereo</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">Treno</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">Auto</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</th> </tr> </thead> <tbody> <tr> <th scope="row">Barcellona</th> <td>625 km</td> <td>1 h 15 min.</td> <tr> <tr> <th scope="row">Isole Baleari</th> <td>700 km</td> <td>1 h 20 min.</td> <tr> <tr> <th scope="row">Isole Canarie</th> <td>2000 km</td> <td>2 h 50 min.</td> <tr> <tr> <th scope="row">Siviglia</th> <td>525 km</td> <td>1 h</td> <tr> <tr> <th scope="row">Malaga</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</th> </tr> </thead> <tbody> <tr> <th scope="row">Barcellona</th> <td>625 km</td> <td>2 h 30 min.</td> <tr> <tr> <th scope="row">Siviglia</th> <td>525 km</td> <td>2 h 30 min.</td> <tr> <tr> <th scope="row">Malaga</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">Saragozza</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</th> </tr> </thead> <tbody> <tr> <th scope="row">Barcellona</th> <td>625 km</td> <td>6 h</td> <tr> <tr> <th scope="row">Siviglia</th> <td>525 km</td> <td>5 h</td> <tr> <tr> <th scope="row">Malaga</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">Saragozza</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"> Barcellona</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">Aereo</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">Treno</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">Auto</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">Barca</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</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">Isole Baleari</th> <td>285 km</td> <td>45 min.</td> <tr> <tr> <th scope="row">Isole Canarie</th> <td>2450 km</td> <td>3 h 15 min.</td> <tr> <tr> <th scope="row">Siviglia</th> <td>1000 km</td> <td>1 h 35 min.</td> <tr> <tr> <th scope="row">Malaga</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</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">Siviglia</th> <td>1000 km</td> <td>5 h 25 min.</td> <tr> <tr> <th scope="row">Malaga</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">Saragozza</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>625 km</td> <td>6 h</td> <tr> <tr> <th scope="row">Siviglia</th> <td>1000 km</td> <td>9 h 30 min.</td> <tr> <tr> <th scope="row">Malaga</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">Saragozza</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</th> </tr> </thead> <tbody> <tr> <th scope="row">Isole Baleari</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"> Isole Baleari</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">Aereo</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">Barca</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</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">Barcellona</th> <td>285 km</td> <td>45 min.</td> <tr> <tr> <th scope="row">Isole Canarie</th> <td>2500 km</td> <td>3 h</td> <tr> <tr> <th scope="row">Siviglia</th> <td>950 km</td> <td>1 h 30 min.</td> <tr> <tr> <th scope="row">Malaga</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</th> </tr> </thead> <tbody> <tr> <th scope="row">Barcellona</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"> Isole Canarie</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">Aereo</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</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">Barcellona</th> <td>2450 km</td> <td>3 h 15 min.</td> <tr> <tr> <th scope="row">Isole Baleari</th> <td>2500 km</td> <td>3 h</td> <tr> <tr> <th scope="row">Siviglia</th> <td>1500 km</td> <td>2 h 15 min.</td> <tr> <tr> <th scope="row">Malaga</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">Saragozza</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"> Siviglia</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">Aereo</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">Treno</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">Auto</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>525 km</td> <td>1 h</td> <tr> <tr> <th scope="row">Barcellona</th> <td>1000 km</td> <td>1 h 35 min.</td> <tr> <tr> <th scope="row">Isole Baleari</th> <td>950 km</td> <td>1 h 30 min.</td> <tr> <tr> <th scope="row">Isole Canarie</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</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">Barcellona</th> <td>1000 km</td> <td>5 h 25 min.</td> <tr> <tr> <th scope="row">Malaga</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">Saragozza</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>525 km</td> <td>5 h</td> <tr> <tr> <th scope="row">Barcellona</th> <td>1000 km</td> <td>9 h 30 min.</td> <tr> <tr> <th scope="row">Malaga</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">Saragozza</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 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"> Malaga</button> </p> </div> <div id="collapse6" class="panel-collapseMov collapse " aria-labelledby="heading-dt-malaga" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab6-1" data-toggle="tab" href="#medio-plane-6-1" role="tab" aria-controls="medio-plane-6-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Aereo</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">Treno</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">Auto</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>530 km</td> <td>1h 10 min</td> <tr> <tr> <th scope="row">Barcellona</th> <td>930 km</td> <td>1 h 35 min.</td> <tr> <tr> <th scope="row">Isole Baleari</th> <td>850 km</td> <td>1 h 30 min.</td> <tr> <tr> <th scope="row">Isole Canarie</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</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">Barcellona</th> <td>930 km</td> <td>6 h</td> <tr> <tr> <th scope="row">Siviglia</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">Saragozza</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</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">Barcellona</th> <td>930 km</td> <td>9 h 30 min.</td> <tr> <tr> <th scope="row">Siviglia</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">Saragozza</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">Aereo</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">Treno</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">Auto</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>400 km</td> <td>1 h</td> <tr> <tr> <th scope="row">Barcellona</th> <td>600 km</td> <td>1 h 15 min.</td> <tr> <tr> <th scope="row">Isole Baleari</th> <td>875 km</td> <td>1 h 30 min.</td> <tr> <tr> <th scope="row">Isole Canarie</th> <td>2350 km</td> <td>3 h 05 min.</td> <tr> <tr> <th scope="row">Siviglia</th> <td>860 km</td> <td>1 h 20 min.</td> <tr> <tr> <th scope="row">Malaga</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</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">Barcellona</th> <td>600 km</td> <td>6 h 30 min.</td> <tr> <tr> <th scope="row">Saragozza</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>400 km</td> <td>4 h</td> <tr> <tr> <th scope="row">Barcellona</th> <td>600 km</td> <td>5 h 45 min.</td> <tr> <tr> <th scope="row">Siviglia</th> <td>860 km</td> <td>7 h 50 min.</td> <tr> <tr> <th scope="row">Malaga</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">Saragozza</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 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">Aereo</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">Treno</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">Auto</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">Barca</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>360 km</td> <td>55 min.</td> <tr> <tr> <th scope="row">Barcellona</th> <td>350 km</td> <td>55 min.</td> <tr> <tr> <th scope="row">Isole Baleari</th> <td>250 km</td> <td>50 min.</td> <tr> <tr> <th scope="row">Isole Canarie</th> <td>2150 km</td> <td>2 h 45 min.</td> <tr> <tr> <th scope="row">Siviglia</th> <td>655 km</td> <td>1 h 10 min.</td> <tr> <tr> <th scope="row">Malaga</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</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">Barcellona</th> <td>350 km</td> <td>3 h 15 min.</td> <tr> <tr> <th scope="row">Siviglia</th> <td>655 km</td> <td>4 h</td> <tr> <tr> <th scope="row">Malaga</th> <td>610 km</td> <td>4 h 15 min.</td> <tr> <tr> <th scope="row">Saragozza</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</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">Barcellona</th> <td>350 km</td> <td>3 h 30 min.</td> <tr> <tr> <th scope="row">Siviglia</th> <td>655 km</td> <td>6 h 15 min.</td> <tr> <tr> <th scope="row">Malaga</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">Saragozza</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</th> </tr> </thead> <tbody> <tr> <th scope="row">Isole Baleari</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"> Saragozza</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">Aereo</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">Treno</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">Auto</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</th> </tr> </thead> <tbody> <tr> <th scope="row">Isole Canarie</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</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">Barcellona</th> <td>315 km</td> <td>1 h 35 min.</td> <tr> <tr> <th scope="row">Siviglia</th> <td>840 km</td> <td>3 h 40 min.</td> <tr> <tr> <th scope="row">Malaga</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</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">Barcellona</th> <td>315 km</td> <td>3 h 10 min.</td> <tr> <tr> <th scope="row">Siviglia</th> <td>840 km</td> <td>7 h 40 min.</td> <tr> <tr> <th scope="row">Malaga</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">Aereo</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">Treno</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">Auto</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</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">Barcellona</th> <td>705 km</td> <td>1 h 15 min.</td> <tr> <tr> <th scope="row">Isole Baleari</th> <td>695 km</td> <td>1 h 25 min.</td> <tr> <tr> <th scope="row">Isole Canarie</th> <td>2055 km</td> <td>3 h</td> <tr> <tr> <th scope="row">Siviglia</th> <td>825 km</td> <td>1h 35 min</td> <tr> <tr> <th scope="row">Malaga</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</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">Barcellona</th> <td>705 km</td> <td>7 h 20 min.</td> <tr> <tr> <th scope="row">Siviglia</th> <td>825 km</td> <td>8 h 30 min. </td> <tr> <tr> <th scope="row">Malaga</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">Saragozza</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</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">Barcellona</th> <td>705 km</td> <td>7 h 25 min.</td> <tr> <tr> <th scope="row">Siviglia</th> <td>825 km</td> <td>8 h 20 min.</td> <tr> <tr> <th scope="row">Malaga</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">Saragozza</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">Aereo</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">Treno</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">Auto</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</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">Barcellona</th> <td>1100 km</td> <td>1 h 40 min.</td> <tr> <tr> <th scope="row">Isole Baleari</th> <td>1300 km</td> <td>1 h 50 min.</td> <tr> <tr> <th scope="row">Isole Canarie</th> <td>2200 km</td> <td>2 h 45 min.</td> <tr> <tr> <th scope="row">Siviglia</th> <td>800 km</td> <td>1 h 25 min.</td> <tr> <tr> <th scope="row">Malaga</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">Saragozza</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>595 km</td> <td>3 h</td> <tr> <tr> <th scope="row">Barcellona</th> <td>1100 km</td> <td>7 h 10 min.</td> <tr> <tr> <th scope="row">Siviglia</th> <td>800 km</td> <td>7 h 40 min.</td> <tr> <tr> <th scope="row">Malaga</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">Saragozza</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</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">Barcellona</th> <td>1100 km</td> <td>11 h</td> <tr> <tr> <th scope="row">Siviglia</th> <td>800 km</td> <td>8 h 20 min</td> <tr> <tr> <th scope="row">Malaga</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 40 min</td> <tr> <tr> <th scope="row">Valencia</th> <td>950 km</td> <td>9 h</td> <tr> <tr> <th scope="row">Saragozza</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">Aereo</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">Treno</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">Auto</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</th> </tr> </thead> <tbody> <tr> <th scope="row">Isole Baleari</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</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">Barcellona</th> <td>842 km</td> <td>5 h 20 min.</td> <tr> <tr> <th scope="row">Siviglia</th> <td>462 km</td> <td>6 h 35 min.</td> <tr> <tr> <th scope="row">Malaga</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">Saragozza</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">Città</th> <th scope="col">Distanza (km)</th> <th scope="col">Meteo (ore)</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">Barcellona</th> <td>842 km</td> <td>8 h 10 min.</td> <tr> <tr> <th scope="row">Siviglia</th> <td>462 km</td> <td>4 h 20 min.</td> <tr> <tr> <th scope="row">Malaga</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">Saragozza</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 613.1622 182.2773)" class="st12 st13 st14">BARCELLONA</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 613.1622 182.2773)" class="st11 st13 st14">BARCELLONA</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 232.1622 383.2773)" class="st12 st13 st14">SIVIGLIA</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 232.1622 383.2773)" class="st11 st13 st14">SIVIGLIA</text> </g> </g> </g> <g id="g-dt-bilbao"> <g id="g-dt-bilbao-off"> <g> <circle class="st9" cx="439.5" cy="52" r="12"/> <circle class="st10" cx="439.5" cy="52" r="7.2"/> </g> <rect x="461.5" y="42" class="st11" width="72" height="19"/> <text transform="matrix(1 0 0 1 474.1622 56.2773)" class="st12 st13 st14">BILBAO</text> </g> <g id="g-dt-bilbao-on"> <g> <circle class="st17" cx="439.5" cy="52" r="12"/> <circle class="st16" cx="439.5" cy="52" r="7.2"/> </g> <rect x="461.5" y="42" class="st16" width="72" height="19"/> <g> <text transform="matrix(1 0 0 1 474.1622 56.2773)" class="st11 st13 st14">BILBAO</text> </g> </g> </g> <g id="g-dt-malaga"> <g id="g-dt-malaga-off"> <g> <circle class="st9" cx="371.5" cy="416" r="12"/> <circle class="st10" cx="371.5" cy="416" r="7.2"/> </g> <rect x="388.5" y="406" class="st11" width="81" height="19"/> <text transform="matrix(1 0 0 1 401.1622 420.2773)" class="st12 st13 st14">MALAGA</text> </g> <g id="g-dt-malaga-on"> <g> <circle class="st15" cx="371.5" cy="416" r="12"/> <circle class="st16" cx="371.5" cy="416" r="7.2"/> </g> <rect x="388.5" y="406" class="st16" width="81" height="19"/> <g> <text transform="matrix(1 0 0 1 401.1622 420.2773)" class="st11 st13 st14">MALAGA</text> </g> </g> </g> <g id="g-dt-zaragoza"> <g id="g-dt-zaragoza-off"> <g> <circle class="st9" cx="527.5" cy="158" r="12"/> <circle class="st10" cx="527.5" cy="158" r="7.2"/> </g> <rect x="419.5" y="148" class="st11" width="89" height="19"/> <text transform="matrix(1 0 0 1 427.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="419.5" y="148" class="st16" width="89" height="19"/> <g> <text transform="matrix(1 0 0 1 427.1622 162.2773)" class="st11 st13 st14">ZARAGOZA</text> </g> </g> </g> <g id="g-dt-valencia"> <g id="g-dt-valencia-off"> <g> <circle class="st9" cx="546.5" cy="272" r="12"/> <circle class="st10" cx="546.5" cy="272" r="7.2"/> </g> <rect x="500.5" y="237" class="st11" width="83" height="19"/> <text transform="matrix(1 0 0 1 510.1622 251.2773)" class="st12 st13 st14">VALENCIA</text> </g> <g id="g-dt-valencia-on"> <g> <circle class="st15" cx="546.5" cy="272" r="12"/> <circle class="st16" cx="546.5" cy="272" r="7.2"/> </g> <rect x="500.5" y="237" class="st16" width="83" height="19"/> <g> <text transform="matrix(1 0 0 1 510.1622 251.2773)" class="st11 st13 st14">VALENCIA</text> </g> </g> </g> <g id="g-dt-islas-baleares"> <g id="g-dt-islas-baleares-off"> <g> <circle class="st9" cx="660.22" cy="280" r="12"/> <circle class="st10" cx="660.22" cy="280" r="7.2"/> </g> <rect x="603.5" y="298" class="st11" width="114" height="19"/> <text transform="matrix(1 0 0 1 613.447 312.2773)" class="st12 st13 st14">ISOLE BALEARI</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="603.5" y="298" class="st16" width="114" height="19"/> <g> <text transform="matrix(1 0 0 1 613.447 312.2773)" class="st11 st13 st14">ISOLE BALEARI</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="115" height="19"/> <text transform="matrix(1 0 0 1 36.447 567.2773)" class="st12 st13 st14">ISOLE CANARIE</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="115" height="19"/> <g> <text transform="matrix(1 0 0 1 32.447 567.2773)" class="st11 st13 st14">ISOLE CANARIE</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">Potrebbe interessarti</h2> <hr> </div> <div class="row"> <div class="col-md-6 col-lg-3"> <a class="card" href="/it/scoprire-spagna/collegamenti-aerei-spagna/" title="I collegamenti aerei per conoscere la Spagna"> <!--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='Aerei in decollo dall'aeroporto di Siviglia' title='Aerei in decollo dall'aeroporto di Siviglia'><!--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">Informazioni pratiche</span> <h2 class="title-secondary">I collegamenti aerei per conoscere la Spagna</h2> </div> </div> </a> </div> <div class="col-md-6 col-lg-3"> <a class="card" href="/it/scoprire-spagna/principali-collegamenti-marittimi-spagna/" title="I principali collegamenti marittimi in Spagna"> <!--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='Nave da crociera a Barcellona' title='Nave da crociera a Barcellona'><!--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">Informazioni pratiche</span> <h2 class="title-secondary">I principali collegamenti marittimi in Spagna</h2> </div> </div> </a> </div> <div class="col-md-6 col-lg-3"> <a class="card" href="/it/scoprire-spagna/viaggiare-strada-spagna/" title="Viaggiare su strada in Spagna"> <!--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='Strada attraverso le dune di Corralejo. Fuerteventura. Isole Canarie' title='Strada attraverso le dune di Corralejo. Fuerteventura. Isole Canarie'><!--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">Informazioni pratiche</span> <h2 class="title-secondary">Viaggiare su strada in Spagna</h2> </div> </div> </a> </div> <div class="col-md-6 col-lg-3"> <a class="card" href="/it/top/viaggi-treno-incredibili/" title="12 viaggi incredibili per la Spagna per gli amanti del treno"> <!--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='Treno Filippo II' title='Treno Filippo 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">Itinerari</span> <h2 class="title-secondary">12 viaggi incredibili per la Spagna per gli amanti del treno</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">Programma il tuo viaggio</span> <p class="title">Scopri altre informazioni su...</p> <hr> </div><div class="row"> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/it/come-arrivare/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/como-llegar.svg" alt="Come arrivare" title="Come arrivare" class="img-fluid"/> <p class="title">Come arrivare in Spagna</p> <p class="subtitle">Modi diversi di viaggiare</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/it/opuscoli/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/folletos.svg" alt="Download dépliant" title="Download dépliant" class="img-fluid"/> <p class="title">Download dépliant</p> <p class="subtitle">Goditi il tuo viaggio in Spagna</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/it/clima/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/clima.svg" alt="Meteo" title="Meteo" class="img-fluid"/> <p class="title">Meteo</p> <p class="subtitle">Quali sono le temperature in Spagna?</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/it/mappa-interattiva/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/mapa.svg" alt="Mappa interattiva" title="Mappa interattiva" class="img-fluid"/> <p class="title">Mappa interattiva</p> <p class="subtitle">Trova quello che ti interessa</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/it/pianificare-viaggio-spagna/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/mi-viaje.svg" alt="Il mio viaggio" title="Il mio viaggio" class="img-fluid"/> <p class="title">Il mio viaggio</p> <p class="subtitle">Ti aiutiamo a trovare le attività migliori</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/it/info/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/info.svg" alt="Informazioni pratiche" title="Informazioni pratiche" class="img-fluid"/> <p class="title">Informazioni pratiche</p> <p class="subtitle">Consigli utili per il tuo viaggio in Spagna</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">Modalità accessibile</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/it/come-muoversi/" 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/it/come-muoversi/" rel="nofollow" class="item-link hacerblank"><span class="icon-xicon1"></span></a></li> <li class="list-item"><a href="/it/app/invia-a-un-amico/?id=bed5c714-f55f-11e9-9a6c-0242ac110003" class="item-link hacerblank" rel="nofollow"><span class="icon-mail-social"></span></a></li> <li class="list-item"> <div class="sguardar"> <span id="save_btn"> <svg version="1.1" width="25px" fill="#E71C03" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 533.3 533.3" style="enable-background:new 0 0 533.3 533.3;" xml:space="preserve"> <g><path class="st0" d="M266.7,283.3L400,150H300V16.7h-66.7V150h-100L266.7,283.3z M387.9,228.8l-37.4,37.4L486,316.7l-219.3,81.8 L47.4,316.7l135.5-50.5l-37.4-37.4L0,283.3v133.3l266.7,100l266.7-100V283.3L387.9,228.8z"></path></g> </svg> </span> </div> </li> </ul> </div> </div> </div> <div class="claim text-center"> <p class="custom-title">Spagna</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="/it/"><img src="/export/sites/segtur/.content/comun/footer/logo.jpg" alt="logo"></a> </div> </div> <div class="col-md-4 text-center"> <div class="wrapper-icons-inline"> <nav class="wrapper-icons-inline--rounded"> <ul class="list"> <li class="list-item pb-3"><a href="https://www.facebook.com/spain.info" rel="nofollow" class="item-link" target="_blank" aria-label="facebook"><span class="icon-facebook text-white"></span></a></li> <li class="list-item pb-3"><a href="https://x.com/spain" rel="nofollow" class="item-link" target="_blank" aria-label="x"><span class="icon-xicon1 text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.youtube.com/spain" rel="nofollow" class="item-link" target="_blank" aria-label="youtube"><span class="icon-youtube text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.instagram.com/spagna_da_scoprire" 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">Tutti i diritti riservati</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/CasoTuristaItaliano.aspx" target="_blank" rel="nofollow" class="text-gray text-uppercase"> Contatto</a> </li> <li class="list-item d-block"> <a title="" href="https://www.tourspain.es/en/" target="_blank" class="text-gray text-uppercase"> Chi siamo</a> </li> <li class="list-item d-block"> <a title="" href="/it/mappa-sito/" class="text-gray text-uppercase"> Mappa sito</a> </li> <li class="list-item d-block"> <a title="" href="/it/avviso-legale/" rel="nofollow" class="text-gray text-uppercase"> Avviso legale</a> </li> <li class="list-item d-block"> <a title="" href="/it/condizioni-utilizzo-informazioni/" rel="nofollow" class="text-gray text-uppercase"> Uso dei contenuti</a> </li> <li class="list-item d-block"> <a title="" href="/it/cookies/" rel="nofollow" class="text-gray text-uppercase"> Politica sui cookie</a> </li> <li class="list-item d-block"> <a title="" href="/it/accessibilita/" rel="nofollow" class="text-gray text-uppercase"> Accessibilità</a> </li> </ul> </nav> </div></div> </div> </div> </section> </div> <script defer src="/export/system/modules/es.segittur.comun/resources/js/cookie-consent-it.js" type="text/javascript"></script> <script defer src="/export/system/modules/es.segittur.comun/resources/js/klaro-no-translations-no-css.js" type="text/javascript"></script> <div id="popupRRSS"> <div id="banner-popup-rrss" class="overlay standard-box-shadow"> <img src="/export/sites/segtur/.content/images/bg-banner-rrss.png" class="img-fluid"> <div class="wrapper position-absolute"> <p class="title text-left">I TUOI NUOVI RICORDI COMINCIANO QUI.</p> <span id="cerrarPopupRRSS" class="icon-close"></span> <p class="subtitle text-white text-left"><span>SCOPRI LA SPAGNA CON NOI</span><span class="d-block">SEGUICI SU…</span></p> <div class="wrapper-icons-inline"> <ul class="list"> <li class="list-item"><a href="https://www.instagram.com/spagna_da_scoprire" id="popupIG" rel="nofollow" target="_blank" aria-label="instagram"><span class="icon-instagram"></span></a></li> <li class="list-item"><a href="https://www.facebook.com/spain.info" id="popupFB" rel="nofollow" target="_blank" aria-label="facebook"><span class="icon-facebook"></span></a></li> <li class="list-item"><a href="https://www.tiktok.com/@visitspain" id="popupTT" rel="nofollow" target="_blank" aria-label="tiktok"><span class="icon-tiktok"></span></a></li> <li class="list-item"><a href="https://www.youtube.com/spain" id="popupYT" rel="nofollow" target="_blank" aria-label="youtube"><span class="icon-youtube"></span></a></li> </ul> </div> </div> </div> </div> <script type="text/javascript"> $("#cerrarPopupRRSS").click(function(e) { setCookie("puRRSS", "true", 120); document.getElementById("popupRRSS").style.visibility = "hidden"; }); </script> <div id="snackbar" class="aviso-pwa"><p>Non sei online. È richiesta la connessione per aggiornare il contenuto.</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">Hai effettuato il download del contenuto</p> <p id="textInstall" class="text py-3">Ti consigliamo il download di contenuti offline dalla web app di 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">Download</button> </div> </div> </div> <div id="swfail" class="aviso-pwa"><p>Non è possibile salvare per la visualizzazione 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 = "Download effettuato"; swrapper_saved.style.display = 'block'; ssaved.style.display = "block"; function iOS() { return [ 'iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod' ].includes(navigator.platform) || (navigator.userAgent.includes("Mac") && "ontouchend" in document) } var result = iOS(); if(result == true){ swrapper_saved.style.display = 'block'; stext_install.style.display = 'block'; //sinstall_button.style.display = 'block'; stext_ios.innerHTML = '<div class="d-flex"><span>1.-</span><span class="mr-2"> 1. Fai clic su Condividi (icona Condividi di iOS).</span><img src="/.content/images/iconos/iosshare.svg"></div><div class="d-flex"><span>2.-</span><span> 2. Seleziona “Aggiungere alla schermata Home”.</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/it/offline.html'; urls.push(urlCanonical, offlinepage); urls.forEach(element => { if (element !== undefined){ caches.open('main-1') .then(cache => fetch(element).then(response => { if (element == urlCanonical){ var parser = new DOMParser(); var xmlDoc = ""; response.text().then(function(text) { xmlDoc = parser.parseFromString(text,"text/html"); Array.prototype.map.call( xmlDoc.querySelectorAll("img[src^='/export']"), function(e) { if (e.src !== undefined && e.src !== ''){ if ((/^([\w]+\:)?\/\//.test(e.src) && e.src.indexOf(location.host) === -1) || (/^([\w]+\:)?\/\//.test(e.href) && e.href.indexOf(location.host) === -1)) { } else { replaceAttributes(e, 'srcset', 'data-srcset', 'data-src', 'src'); e.classList.remove('lazy'); e.removeAttribute('sizes'); } } } ); const responseText = "<!DOCTYPE html>" + xmlDoc.documentElement.outerHTML; let newText = responseText; const path = "/export/system/modules/es.segittur.comun/resources/"; let staticResoruces = ["jquery-3.4.1.min.js","popper.min.js","bootstrap.min.css","bootstrap.min.js","slick.css","slick-theme.css","slick.min.js"]; Array.prototype.map.call( xmlDoc.querySelectorAll("link[rel='stylesheet'][href], script[src]"), function(e) { let url = e.href || e.src; let urlSplit = url.split("/"); let filename = urlSplit[urlSplit.length - 1]; if(staticResoruces.includes(filename)){ if(e.hasAttribute('integrity')){ let integritynumber = e.getAttribute('integrity'); newText = newText.replace("integrity=\""+integritynumber+"\" crossorigin=\"anonymous\"", ""); newText = newText.replace("integrity=\""+integritynumber+"\" crossorigin=\"\"", ""); newText = newText.replace("integrity=\""+integritynumber+"\"", ""); } if(e.src){ filename = path+"js/"+filename; }else{ filename = path+"css/"+filename; } if(filename=="/export/system/modules/es.segittur.comun/resources/js/slick.min.js"){ url = url.replace("https:",""); url = url.replace("http:",""); } newText = newText.replace(url, filename); } } ); return cache.put(urlCanonical, new Response(newText, response)); }); } else{ return cache.put(element, response.clone()); } } ) ); } }); } }); } if('serviceWorker' in navigator){ if(navigator.onLine) { document.getElementById('snackbar').style.display = 'none'; } else { document.getElementById('snackbar').style.display = 'block'; } } window.deferredPrompt = {}; window.addEventListener('beforeinstallprompt', e => { stext_install.style.display = 'block'; sinstall_button.style.display = 'block'; e.preventDefault(); window.deferredPrompt = e; sinstall_button.addEventListener('click', e => { window.deferredPrompt.prompt(); window.deferredPrompt.userChoice.then(choiceResult => { if (choiceResult.outcome === 'accepted') { sinstall_button.style.display = 'none'; swrapper_saved.style.display = 'none'; } window.deferredPrompt = null; }); }); }); window.onload = function() { if (stext_button != null){ var location = window.location.href; if(localStorage.getItem(location) === null){ stext_button.innerHTML = 'Download offline'; } else { stext_button.innerHTML = 'Download effettuato'; } } var locale = 'it'; setTimeout(() => { if (getCookie('puRRSS')!="true") { document.getElementById("popupRRSS").style.visibility = "visible"; window.dataLayer = window.dataLayer || []; window.dataLayer.push({event: 'pop-up'}); } else { document.getElementById("popupRRSS").style.visibility = "hidden"; } }, 30000); }; window.addEventListener('appinstalled', e => { $('#wrapper-saved').removeClass('d-block'); $('#installApp').hide(); $('#ssavedOffline').css({display: "block"}); $('#textInstall').hide(); }); document.getElementById('close-saved').addEventListener('click', e => { document.getElementById('wrapper-saved').style.display = 'none'; }) </script> <script defer src="/export/system/modules/es.segittur.comun/resources/js/scripts.min.js" type="text/javascript"></script> <script type="text/javascript"> if( $('#modal-mapa-fav').length){ $('#modal-mapa-fav').on('shown.bs.modal', function(e) { var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapafav = document.createElement('script'); mapafav.type = "text/javascript"; mapafav.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-favoritos.js"; $('body').append(mapafav); }); } if($('#mi-viaje-container').length){ var miviajescript = document.createElement('script'); miviajescript.type = "text/javascript"; miviajescript.src = "/export/system/modules/es.segittur.consulta/resources/mi-viaje-query.js"; $('body').append(miviajescript); } if ($('.experiencias-search').length) { $('<link id="bsdp-css" href="/export/system/modules/es.segittur.comun/resources/css/bootstrap-datepicker3.min.css" rel="stylesheet">').appendTo('head'); $('<link id="bsdp-css" href="/export/system/modules/es.segittur.comun/resources/css/bootstrap-slider.css" rel="stylesheet">').appendTo('head'); var datescript = document.createElement('script'); datescript.type = "text/javascript"; datescript.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-slider.js"; $('body').append(datescript); var localescript = document.createElement('script'); localescript.type = "text/javascript"; localescript.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-datepicker.min.js"; localescript.charset = "UTF-8"; $('body').append(localescript); var btslider = document.createElement('script'); btslider.type = "text/javascript"; btslider.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-datepicker.es.min.js"; btslider.charset = "UTF-8"; $('body').append(btslider); $('.input-daterange').datepicker({ weekStart: 1, language: "es", multidate: false, todayHighlight: true }); $("#priceSliderInput").slider({}); /* textPrice = document.createElement("p"); textPrice.id = "textPrice"; acordPrecio = document.getElementById("acord-precio"); acordPrecio.appendChild(textPrice); min = acordPrecio.getElementsByClassName("tooltip-min")[0].getElementsByClassName("tooltip-inner")[0].innerText; max = acordPrecio.getElementsByClassName("tooltip-max")[0].getElementsByClassName("tooltip-inner")[0].innerText; document.getElementById('textPrice').innerText = min+"€ - "+max+"€"; $("#priceSliderInput").on("slide", function(slideEvt) { //$("#tooltip-inner").html("asd"); let mini = document.getElementById("priceSliderInput").getAttribute("value"); console.log(mini); mini.textContent += ' e'; //document.getElementsByClassName("tooltip-max")[0].getElementsByClassName("tooltip-inner")[0].innerText; //document.getElementById('textPrice').innerText = min+"€ - "+max+"€"; //console.log("asd"); }); */ } if ($('.kml').length) { var script = document.createElement('script'); script.type = "text/javascript"; script.src = "/export/system/modules/es.segittur.comun/resources/js/L.KML.js"; $('body').append(script); //MAPA LEAFLET var map = L.map('map').setView([40.4149903, -3.70447, 15], 14); map.scrollWheelZoom.disable(); L.tileLayer('https://{s}.tile.openstreetmap.se/hydda/full/{z}/{x}/{y}.png', { maxZoom: 18, attribution: 'Tiles courtesy of <a href="http://openstreetmap.se/" target="_blank">OpenStreetMap Sweden</a> — 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 = 'it'; } 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 = 'it'; } 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>