CINXE.COM
Barcellona, cosa vedere e cosa fare | spain.info
<!DOCTYPE html> <html lang="it" class="no-js"> <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=20241105"> <link rel="stylesheet" href="/export/system/modules/es.segittur.comun/resources/css/style-cookies.css"> <link rel="dns-prefetch" href="https://a.tile.openstreetmap.se" /> <link rel="dns-prefetch" href="https://b.tile.openstreetmap.se" /> <link rel="dns-prefetch" href="https://c.tile.openstreetmap.se" /> <title>Barcellona, cosa vedere e cosa fare | spain.info</title> <meta name="description" content='Scopri la capitale cosmopolita della Spagna, le aree dedicate allo shopping, i quartieri di tendenza e le visite imperdibili. | spain.info'/> <meta property="fb:app_id" content="435706789795019"/> <meta property="og:title" content="Barcellona, cosa vedere e cosa fare | spain.info"/> <meta property="og:type" content="website"/> <meta property="og:image" content="https://www.spain.info/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/park-guell-barcelona-s-305364611.jpg"/> <meta property="og:site_name" content="Spain.info"/> <meta property="og:description" content='Scopri la capitale cosmopolita della Spagna, le aree dedicate allo shopping, i quartieri di tendenza e le visite imperdibili. | spain.info'/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@spain"/> <meta name="twitter:description" content='Scopri la capitale cosmopolita della Spagna, le aree dedicate allo shopping, i quartieri di tendenza e le visite imperdibili. | spain.info'/> <meta name="twitter:title" content="Barcellona, cosa vedere e cosa fare | spain.info"/> <meta name="twitter:image" content="https://www.spain.info/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/park-guell-barcelona-s-305364611.jpg"/> <link rel="alternate" href="https://www.spain.info/de/reiseziel/barcelona/" hreflang="de"/> <link rel="alternate" href="https://www.spain.info/ru/turisticheskoe-napravlenie/barselona/" hreflang="ru"/> <link rel="alternate" href="https://www.spain.info/ja/mokuteki/baruserona/" hreflang="ja"/> <link rel="alternate" href="https://www.spain.info/en/destination/barcelona/" hreflang="en"/> <link rel="alternate" href="https://www.spain.info/pt_BR/destino/barcelona/" hreflang="pt"/> <link rel="alternate" href="https://www.spain.info/it/destinazione/barcellona/" hreflang="it"/> <link rel="canonical" href="https://www.spain.info/it/destinazione/barcellona/"/> <link rel="alternate" href="https://www.spain.info/pl/kierunek/barcelona/" hreflang="pl"/> <link rel="alternate" href="https://www.spain.info/fr/destination/barcelone/" hreflang="fr"/> <link rel="alternate" href="https://www.spain.info/es/destino/barcelona/" hreflang="es"/> <meta property="og:url" content='https://www.spain.info/it/destinazione/barcellona/'/> <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/destino/barcelona/', 'tipo-recurso': 'Recurso final', 'tipo-plantilla': 'Destino I', 'detalle': 'Barcelona', 'comunidad': 'Cataluña ', 'provincia': 'Barcelona ', 'municipio': 'Barcelona ', 'zona-turistica': 'Tras las huellas de Miró ', 'category': '', 'objetivo': '', 'eje-primario': 'Donde ir', 'eje-secundario': 'Ciudades y pueblos' }); </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/destino/barcelona/" class="dropdown-item" id="locale-es"> Español</a> </li> <li class="nav-item"> <!----> <!----> <!----> <a href="/en/destination/barcelona/" class="dropdown-item" id="locale-en"> English</a> </li> <li class="nav-item"> <!----> <!----> <!----> <a href="/de/reiseziel/barcelona/" class="dropdown-item" id="locale-de"> Deutsch</a> </li> <li class="nav-item"> <!----> <!----> <!----> <a href="/fr/destination/barcelone/" class="dropdown-item" id="locale-fr"> Français</a> </li> <li class="nav-item"> <!----> <!----> <!----> <a href="/pt_BR/destino/barcelona/" class="dropdown-item" id="locale-pt_BR"> Português</a> </li> <li class="nav-item"> <!----> <!----> <!----> <a href="/ru/turisticheskoe-napravlenie/barselona/" class="dropdown-item" id="locale-ru"> русский</a> </li> <li class="nav-item"> <!----> <!----> <!----> <a href="/pl/kierunek/barcelona/" class="dropdown-item" id="locale-pl"> Polski</a> </li> <li class="nav-item"> <!----> <!----> <!----> <a href="/ja/mokuteki/baruserona/" 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" ><div> <section class="cabecera pano img-portada-container bg-cover layer-dark-shadow centered"> <!--<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/cataluna/park-guell-barcelona-s-305364611.jpg_604889389.jpg' srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/park-guell-barcelona-s-305364611.jpg_1014274486.jpg 480w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/park-guell-barcelona-s-305364611.jpg_78431701.jpg 768w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/park-guell-barcelona-s-305364611.jpg_604889389.jpg 1920w' sizes='(max-width: 480px) 480px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/park-guell-barcelona-s-305364611.jpg_1014274486.jpg' class='img-fluid img-editable' alt='Veduta dal Parc Güell di Barcellona (Catalogna)' title='Veduta dal Parc Güell di Barcellona (Catalogna)'><div class="title-container container"> <div class="wrapper-title text-white"> <h1 class="titulo-portada custom-title container-fluid text-white">Barcellona</h1> <p class="subtitle text-white"> Una città cosmopolita</p> </div> <div class="infoImg left left-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Veduta dal Parc Güell di Barcellona (Catalogna)</span> <span class="copy_container"> <span class="copy_texto"></span> <span class="foto_copy_fade"></span> </span> </span> </div> <div class="location position-absolute " > <div class="wrapper"> <img src="/export/sites/segtur/.content/mapas/mapa-cabecera/barcelona_mapa-mini-cabecera.png" class="img-fluid" title="" alt=""> <div class="text-white text-location"> <p><a href="/it/regione/barcellona-provincia/" class="text-white" title="Barcellona">Barcellona</a></p> <p><a href="/it/regione/catalogna/" class="text-white" title="Catalogna">Catalogna</a></p> </div> </div> </div> </div> <div class="lista-destinos"> <span id="barcelona">Barcelona</span> </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-4 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> <li class="breadcrumb-item"><a class="breadcrumb-link" href="/it/destinazioni/" target="_self" title="" >Destinazioni</a></li> </ol> </nav> </div> <div class="col-sm-8 text-right"> <div class="item-clima text-dark d-none d-md-inline-block"> <span class="icon-suncloud"></span> <span>Max </span><span>21ºC</span><span> / </span><span>Min </span><span>15ºC</span></div> <div class="item-location text-dark d-md-none text-center"> <span class="icon-point"></span> <a href="" class="text-underline"></a> <span> / </span> <a href="/it/regione/catalogna/" class="text-underline">Catalogna</a> </div> </div> </div> </div> </section> <section class="module entradilla"> <div class="container"> <div class="row"> <div class="col-md-8"> <p class="text-destacado"> Barcellona è una città ricca di originali offerte di svago che spingono i turisti a visitarla più volte. Affacciata sul Mediterraneo e nota per Gaudí e la sua architettura modernista, Barcellona è una delle capitali europee più trendy.</p> <p class="text-destacado"> </p> <p class="text-secundario"> La città è il centro di <strong>nuove tendenze</strong> nel mondo della cultura, della moda e della gastronomia. Combina la creatività dei suoi artisti e designer con il rispetto e la cura dei locali storici. In questa città, convivono l'incanto e la tranquillità del centro storico, l'avanguardia dei quartieri più moderni e il ritmo urbano di una delle città più visitate del mondo.</p> <div id="text-hidden-1" class="text-secundario collapse"> <p class="title ">Una destinazione sempre alla moda</p> <p class="text-secundario"> Barcellona è la vetrina delle ultime novità in fatto di moda. Passeggiare per le sue strade significa scoprire un mondo di infinite possibilità nel campo dello <strong>shopping</strong>. Da aree ricche di glamour e grandi firme con negozi iconici in edifici emblematici, come il celebre Paseo de Gracia o la Avenida Diagonal, a progetti alternativi e innovativi in zone come il quartiere del Born. A Barcellona abbondano anche i negozi tradizionali, con la possibilità di visitare luoghi secolari e atelier che sorprendono per l'elevata cura e attenzione al dettaglio.<span class="br"></span>Anche il carattere mediterraneo e l'atmosfera intensa delle sue strade sono di tendenza. Le possibilità sono pressoché infinite e spaziano dalle classiche visite, come una passeggiata per <strong>Las Ramblas</strong> o per i mercati tradizionali come La Boquería, a rilassanti pause in spiaggia o nelle tante terrazze all'aperto del centro storico. Inoltre, è possibile scoprire la città in modo originale con il programma di visite proposte dell'Ente del turismo di Barcellona. Le proposte comprendono itinerari guidati e tematici, percorsi in auto d'epoca, segway o bicicletta, gite in barca a vela o voli in elicottero.</p> <p class="title ">Una città in cui tornare</p> <p class="text-secundario"> Barcellona attira l'attenzione grazie ai suoi <strong>monumenti imperdibili</strong>, ad esempio la Sagrada Familia, il Park Güell, la Casa Batlló e la Pedrera. Chi la visita, però, scopre una città che ha sempre in serbo qualche piacevole sorpresa a ogni viaggio.<span class="br"></span>Le passeggiate sul mare, le serate trascorse sulle terrazze con vista sullo skyline della città, ampi <strong>spazi verdi</strong> come il Parc de Montjüic o Ciutadella, il porto turistico, il Port Olímpic di Barcellona o tutto ciò che ha a che fare con l'FC Barcelona sono possibilità per vivere nuove esperienze a ogni visita.<span class="br"></span>Anche l'offerta <strong>gastronomica</strong> è molto varia e combina ristoranti di alta cucina riconosciuti a livello mondiale, locali tradizionali che offrono piatti catalani, mercati gastronomici, ristoranti in cui scoprire il mondo attraverso i sapori...<span class="br"></span>L'<strong>agenda culturale</strong> include importanti centri d'arte, come il Museo Picasso, il Museo Nazionale d'Arte della Catalogna o CaixaForum, un'ampia gamma di festival e uno dei più grandi templi dell'opera della Spagna, il Gran Teatre del Liceu.</p> </div> <div class="pb-3"> <a data-toggle="collapse" href="#text-hidden-1" id="entradillaLeer" role="button" aria-expanded="false" aria-controls="text-hidden-1" class="link-standard">Leggi tutto</a> <a data-toggle="collapse" href="#text-hidden-1" id="entradillaCerrar" role="button" aria-expanded="true" aria-controls="text-hidden-1" class="link-standard noned">Chiudi</a> </div> </div> <div class="col-md-4 col-lg-3 offset-lg-1"> <div class="wrapper-botones"> <div id="acordeones-compartir" class="accordion"> <div class="item"> <div class="item-header" id="headingOne"> <button class="btn text-uppercase" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne"> <span class="icon-share"></span>Condividi</button> </div> <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#acordeones-compartir"> <div class="item-body"> <nav class="wrapper-icons-inline"> <ul class="list d-block"> <li class="list-item py-1 pl-0 pr-1"><a href="https://www.facebook.com/sharer.php?u=https://www.spain.info/it/destinazione/barcellona/" class="item-link hacerblank" rel="nofollow"><span class="icon-facebook"></span><span class="btn text-uppercase pl-3 bg-transparent d-inline">Facebook</span></a></li> <li class="list-item py-1 pl-0 pr-1"><a href="https://twitter.com/share?url=https://www.spain.info/it/destinazione/barcellona/" class="item-link hacerblank" rel="nofollow"><span class="icon-xicon1"></span><span class="btn text-uppercase pl-3 bg-transparent d-inline">Twitter</span></a></li> <li class="list-item py-1 pl-0 pr-1"><a href="/it/app/invia-a-un-amico/?id=6daf432b-f19e-11e9-88bc-0242ac110003" class="item-link hacerblank" rel="nofollow"><span class="icon-mail-social"></span><span class="btn text-uppercase pl-3 bg-transparent d-inline">E-mail</span></a></li> <li class="list-item download-wrapper py-1 pl-0 pr-1"> <button class="sguardar item-link item-body d-flex align-items-center"> <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 id="save_btn" class="btn text-uppercase pl-3 bg-transparent">Download offline</span> </button> </li> </ul> </nav> </div> </div> </div> <div class="item"> <input id="fav-id"type="hidden" value="6daf432b-f19e-11e9-88bc-0242ac110003"> <noscript> <div style="display:none"> </noscript> <div class="item-header"> <div id="fav-status"> <div id="no-fav" class="noned"> <a class="btn text-uppercase" type="button" data-toggle="collapse" data-target="#collapseTwofav" aria-expanded="false" aria-controls="collapseOne" rel="nofollow"><span class="icon-like"></span>Salva preferito</a> </div> <div id="has-fav" class="noned"> <a id="elim-fav" class="btn text-uppercase" rel="nofollow" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseOne"><span class="icon-like-active"></span>Elimina preferito</a> </div> </div> </div> <div id="collapseTwofav" class="collapse" aria-labelledby="favor-status-"> <div class="item-body"> <div class="bg-light-gray px-4"> <a class="bullet primary" href="/it/app/preferiti/" rel="nofollow">Vai a preferiti</a> </div> </div> </div> <noscript> </div> </noscript> <noscript> <p>Debe activar Javascript para poder utilizar este servicio</p> </noscript> </div> <div class="item"> <div class="item-header" id="headingThree"> <button class="btn text-uppercase" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="true" aria-controls="collapseOne"> <span class="icon-link"></span>Link utili</button> </div> <div id="collapseThree" class="show collapse" aria-labelledby="headingThree" data-parent="#acordeones-compartir"> <div class="item-body"> <div class="bg-light-gray text-left p-2 px-4"> <a href="https://www.barcelonaturisme.com/wv3/es/" class="bullet primary hacerblank" title="" rel="nofollow" >Barcelona Turisme</a> <a href="http://apps.barcelonaturisme.com/?lang=es" class="bullet primary hacerblank" title="" rel="nofollow" >App della destinazione</a> <a href="https://www.tmb.cat/es/transporte-barcelona/mapa/metro" class="bullet primary hacerblank" title="" rel="nofollow" >Mappa della metropolitana</a> <a href="https://www.tmb.cat/es/transporte-barcelona/mapa/bus" class="bullet primary hacerblank" title="" >Mappa della rete di autobus urbani</a> </div> </div> </div> </div> </div> </div> <div class="pt-2 wrapper-cert"> </div> </div> </div> </div> </section> <section class="module-positioned d-none d-md-block"> <div class="module"> <div class="container"> <div class="title-box "> <span class="subtitle">Da non perdere</span> <p class="title">Cosa visitare</p> <hr> <p class="description">Seleziona dalla lista o naviga nella mappa per scoprire i punti d’interesse.</p> </div></div> <div class="position-relative caja-mapa"> <div class="container"> <div class="mapinfo list-arrow"> <ul id="maplist" class="list"> </ul> </div> </div> <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ //MAPA LEAFLET: if( $('.leaf-map').length){ "use strict"; // Create or retrieve the data var lugares =[{"src":"<img data-src=\u0027/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/sagrada-familia-s87317419-c-AlessandroColle.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/sagrada-familia-s87317419-c-AlessandroColle.jpg_617812622.jpg 310w, /export/sites/segtur/.content/images/cabeceras-grandes/cataluna/sagrada-familia-s87317419-c-AlessandroColle.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/images/cabeceras-grandes/cataluna/sagrada-familia-s87317419-c-AlessandroColle.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/sagrada-familia-s87317419-c-AlessandroColle.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Vista del tetto e delle vetrate all\u2019interno della Sagrada Familia, Barcellona\u0027 title=\u0027Vista del tetto e delle vetrate all\u2019interno della Sagrada Familia, Barcellona\u0027>","name":"Basilica della Sagrada Familia","description":"Nel 1883 il geniale Gaudí accettò la direzione dei lavori prendendo il posto di Francisco de Paula. L\u0027artista vi si dedicò fino alla sua morte.","imageCopyright":"Alessandro Colle","href":"/it/siti-interesse/sagrada-familia/","imageAlt":"Vista del tetto e delle vetrate all\u2019interno della Sagrada Familia, Barcellona","latLng":[41.4029425172465,2.17449278760502]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/casa-batllo-barcelona-t0801946.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/casa-batllo-barcelona-t0801946.jpg_617812622.jpg 310w, /export/sites/segtur/.content/images/cabeceras-grandes/cataluna/casa-batllo-barcelona-t0801946.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/images/cabeceras-grandes/cataluna/casa-batllo-barcelona-t0801946.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/casa-batllo-barcelona-t0801946.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Dettaglio della facciata della Casa Batlló, Barcellona\u0027 title=\u0027Dettaglio della facciata della Casa Batlló, Barcellona\u0027>","name":"Casa Batlló","description":"È uno dei gioielli del Modernismo che, su commissione della famiglia Batlló, Gaudí ristrutturò interamente considerandola un\u0027opera nuova,\u2026","imageCopyright":"","href":"/it/siti-interesse/casa-batllo/","imageAlt":"Dettaglio della facciata della Casa Batlló, Barcellona","latLng":[41.3917439133066,2.16507813197617]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/catedral-barcelona-s231080335.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/catedral-barcelona-s231080335.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/catedral-barcelona-s231080335.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/catedral-barcelona-s231080335.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/catedral-barcelona-s231080335.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027\u0027 title=\u0027\u0027>","name":"Cattedrale di Barcellona","description":"Occupa un luogo sul quale anticamente sorgeva una basilica paleocristiana.\u2026","imageCopyright":"","href":"/it/siti-interesse/cattedrale-barcellona/","imageAlt":"","latLng":[41.3843595555079,2.17611130200298]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/sala-museo-picasso-barcelona-c-maxisport-s87562855.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/sala-museo-picasso-barcelona-c-maxisport-s87562855.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/sala-museo-picasso-barcelona-c-maxisport-s87562855.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/sala-museo-picasso-barcelona-c-maxisport-s87562855.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/sala-museo-picasso-barcelona-c-maxisport-s87562855.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Museo Picasso, Barcellona\u0027 title=\u0027Museo Picasso, Barcellona\u0027>","name":"Museo Picasso di Barcellona","description":"Il Museo Picasso costituisce una chiara testimonianza del legame che unì questo artista universale a Barcellona.","imageCopyright":"Maxisport / Shutterstock","href":"/it/siti-interesse/museo-picasso-barcellona/","imageAlt":"Museo Picasso, Barcellona","latLng":[41.3851826335181,2.18081490864198]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/casa-mila_barcelona_s10879111.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/casa-mila_barcelona_s10879111.jpg_617812622.jpg 310w, /export/sites/segtur/.content/images/cabeceras-grandes/cataluna/casa-mila_barcelona_s10879111.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/images/cabeceras-grandes/cataluna/casa-mila_barcelona_s10879111.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/casa-mila_barcelona_s10879111.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Terrazza della Casa Milà, Barcellona\u0027 title=\u0027Terrazza della Casa Milà, Barcellona\u0027>","name":"Casa Milà \u201cLa Pedrera\u201d","description":"La Pedrera-Casa Milà è l\u2019edificio civile più emblematico di Antoni Gaudí, sia per l\u2019innovazione costruttiva e funzionale sia per le soluzioni\u2026","imageCopyright":"","href":"/it/siti-interesse/casa-mila-pedrera/","imageAlt":"Terrazza della Casa Milà, Barcellona","latLng":[41.3953801,2.1619413999999324]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/Gran-Teatre-del-Liceu-barcelona-04-c-t-barcelona.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/Gran-Teatre-del-Liceu-barcelona-04-c-t-barcelona.jpg_617812622.jpg 310w, /export/sites/segtur/.content/images/cabeceras-grandes/cataluna/Gran-Teatre-del-Liceu-barcelona-04-c-t-barcelona.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/images/cabeceras-grandes/cataluna/Gran-Teatre-del-Liceu-barcelona-04-c-t-barcelona.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/Gran-Teatre-del-Liceu-barcelona-04-c-t-barcelona.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027\u0027 title=\u0027\u0027>","name":"Gran Teatro del Liceu","description":"Fu eretto dopo la guerra di successione, quando i capitani generali del nuovo re Filippo V diffusero l\u0027opera tra le truppe e la popolazione in\u2026","imageCopyright":"Turismo de Barcelona","href":"/it/siti-interesse/gran-teatro-liceu/","imageAlt":"","latLng":[41.38020068024339,2.173287698541797]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/palaumusica_barcelona_t0800653.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/palaumusica_barcelona_t0800653.jpg_617812622.jpg 310w, /export/sites/segtur/.content/images/cabeceras-grandes/cataluna/palaumusica_barcelona_t0800653.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/images/cabeceras-grandes/cataluna/palaumusica_barcelona_t0800653.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/palaumusica_barcelona_t0800653.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027\u0027 title=\u0027\u0027>","name":"Palazzo della Musica Catalana","description":"Fu inaugurato nel 1908, dopo tre anni di lavori diretti dal brillante architetto Lluís Domènech i Montaner.\u2026","imageCopyright":"","href":"/it/siti-interesse/palazzo-musica-catalana/","imageAlt":"","latLng":[41.387318140092034,2.1753925055297785]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/Museo-Arte-Nacional-Barcelona-s-163861319.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/Museo-Arte-Nacional-Barcelona-s-163861319.jpg_617812622.jpg 310w, /export/sites/segtur/.content/images/cabeceras-grandes/cataluna/Museo-Arte-Nacional-Barcelona-s-163861319.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/images/cabeceras-grandes/cataluna/Museo-Arte-Nacional-Barcelona-s-163861319.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/Museo-Arte-Nacional-Barcelona-s-163861319.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Museo Nazionale d'Arte della Catalogna, Barcellona\u0027 title=\u0027Museo Nazionale d'Arte della Catalogna, Barcellona\u0027>","name":"Museo Nazionale d\u0027Arte della Catalogna (MNAC)","description":"Il MNAC custodisce una collezione di opere d\u0027arte che vanno dal X al XX secolo.","imageCopyright":"","href":"/it/siti-interesse/mnac-museo-nazionale-arte-catalogna/","imageAlt":"Museo Nazionale d\u0027Arte della Catalogna, Barcellona","latLng":[41.3680316673578,2.1534958446746755]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/camp-nou-barcelona-c-fcbarcelona.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/camp-nou-barcelona-c-fcbarcelona.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/camp-nou-barcelona-c-fcbarcelona.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/camp-nou-barcelona-c-fcbarcelona.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/camp-nou-barcelona-c-fcbarcelona.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Panoramica dello Spotify Camp Nou. Barcellona\u0027 title=\u0027Panoramica dello Spotify Camp Nou. Barcellona\u0027>","name":"Spotify Camp Nou.","description":"È lo stadio di calcio più capiente di tutta Europa e ospita le partite del FC Barcelona dal 1957.","imageCopyright":"Germán Parga. FC Barcelona","href":"/it/siti-interesse/stadio-camp-nou/","imageAlt":"Panoramica dello Spotify Camp Nou. Barcellona","latLng":[41.3804851,2.121590200000014]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/10965-MACBA12-8969.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/10965-MACBA12-8969.jpg_617812622.jpg 310w, /export/sites/segtur/.content/images/cabeceras-grandes/cataluna/10965-MACBA12-8969.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/images/cabeceras-grandes/cataluna/10965-MACBA12-8969.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/10965-MACBA12-8969.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Museo di Arte Contemporanea di Barcellona (MACBA)\u0027 title=\u0027Museo di Arte Contemporanea di Barcellona (MACBA)\u0027>","name":"Museo di Arte Contemporanea di Barcellona (MACBA)","description":"Il museo espone opere d\u0027arte create negli ultimi 75 anni.","imageCopyright":"Rafael Vargas, 2009","href":"/it/siti-interesse/museo-arte-contemporanea-macba/","imageAlt":"Museo di Arte Contemporanea di Barcellona (MACBA)","latLng":[41.38302235796602,2.1668771521199393]}]; var listMarkersLatLong = []; //custom marker: var customMarker = L.icon({ iconUrl: '/export/system/modules/es.segittur.comun/resources/img/custom-marker.png', iconSize: [38, 38], // size of the icon iconAnchor: [20, 20], // point of the icon which will correspond to marker's location popupAnchor: [-3, -76] // point from which the popup should open relative to the iconAnchor }); var group = L.layerGroup(), list = document.getElementById('maplist'); // Create the map var map = new L.map('map', { center: new L.LatLng(40.4149903, -3.70447,15), scrollWheelZoom: false, maxZoom: 18, minZoom : 3, maxBounds: [ [90,-180], [-90, 180]], maxBoundsViscosity: 1.0, zoomControl: false, attribution: 'Map data © <a href="//openstreetmap.org" target="_blank">OpenStreetMap</a> contributors', layers: new L.TileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 18, attribution: 'Map data © <a href="//openstreetmap.org" target="_blank">OpenStreetMap</a> contributors' }) }); // Loop through the data L.control.zoom({ position: 'bottomright' }).addTo(map); //f() para habitar wheelzoom cuando se hace click en mapa. // map.on('click', function() { // if (map.scrollWheelZoom.enabled()) { // map.scrollWheelZoom.disable(); // } // else { // map.scrollWheelZoom.enable(); // } // }); function markerOnClick(e,accesoList){ var literalVM = "Maggiori informazioni"; var latlngMarker; var indice = 0; var encontrado = false; if (accesoList){ latlngMarker = e.getLatLng(); }else{ latlngMarker = e.latlng; } listMarkersLatLong.forEach(function (puntoAux,index) { if (latlngMarker == puntoAux){ encontrado = true; indice = index; return false; } }); if (encontrado){ var punto = lugares[indice]; if (null != punto){ var imgSrc = punto.src; if (null != punto.imageThumb && "" != punto.imageThumb){ imgSrc = punto.imageThumb; } var copyHtml = ""; if (null != punto.imageCopyright && "" != punto.imageCopyright){ copyHtml = "<div class='infoImg right right-top text-white'><span id='infoCont-4' class='infoCont hidden'><span id='info_title'>" + punto.imageAlt + "</span><span class='copy_container'><span class='copy_ico'><span>©</span></span><span class='copy_texto'>" + punto.imageCopyright + "</span><span class='foto_copy_fade'></span></span></span></div>"; } if(punto.href != ""){ var popup = L.popup({ offset: [244, 244] }) .setLatLng(punto.latLng) .setContent("<a href='"+ punto.href +"'><div class='mytooltipwrapper yes-img layer-dark-shadow zoom-in'>" + imgSrc + "<div class='wrapper-text text-white'><p class='title'>"+ punto.name +"</p><p class='description'>"+ punto.description +"</p></div></div></a>") .openOn(map); }else{ var popup = L.popup({ offset: [281, 60] }) .setLatLng(punto.latLng) .setContent("<div class='mytooltipwrapper no-img'><div class='bg-light'></div><div class='wrapper-text'><p class='title'>"+ punto.name +"</p></div></div>") .openOn(map); } var titulo = punto.name; // console.log(lugares); } } // if( $('.mapinfo li.active').length ){ // $('.mapinfo li.active').removeClass('active'); // } $('.mapinfo li.item-'+punto.marker_id+'').addClass('reactive'); if( $('.mytooltipwrapper').hasClass('no-img')){ $('.mytooltipwrapper.no-img').parent('.leaflet-popup-content').parent('.leaflet-popup-content-wrapper').parent('.leaflet-popup').find('.leaflet-popup-close-button').addClass('close-noimg'); } } let arrayOfMarkers = []; lugares.forEach(function (punto) { marker = L.marker(punto.latLng, { icon: customMarker }).on('click', markerOnClick); // Add each marker to the group listMarkersLatLong.push(marker.getLatLng()); group.addLayer(marker); // Save the ID of the marker with it's data punto.marker_id = group.getLayerId(marker); arrayOfMarkers.push(punto.latLng); }); // Add the group to the map group.addTo(map); // Click handler for handling var bounds = new L.LatLngBounds(arrayOfMarkers); map.fitBounds(bounds); function onClick(data) { marker_id = data.marker_id; marker = group.getLayer(marker_id); markerOnClick(marker,true); map.panTo(marker.getLatLng()); } // Append list items var item; lugares.forEach(function (punto) { item = document.createElement('li'); item.setAttribute("class", "item-"+punto.marker_id+""); item.innerHTML = punto.name; item.addEventListener('click', onClick.bind(null, punto)); list.appendChild(item); }); map.on('popupclose', function(e){ $('.mapinfo li.reactive').removeClass('reactive'); $('.mapinfo li.active').removeClass('active'); }); if(''=='Ruta urbana'){ var firstElement = lugares[0]; if(firstElement!=null){ var imgSrc = firstElement.src; if (null != firstElement.imageThumb && "" != firstElement.imageThumb){ imgSrc = firstElement.imageThumb; } var copyHtml = ""; if (null != firstElement.imageCopyright && "" != firstElement.imageCopyright){ copyHtml = "<div class='infoImg right right-top text-white'><span id='infoCont-4' class='infoCont hidden'><span id='info_title'>" + firstElement.imageAlt + "</span><span class='copy_container'><span class='copy_ico'><span>©</span></span><span class='copy_texto'>" + firstElement.imageCopyright + "</span><span class='foto_copy_fade'></span></span></span></div>"; } if(firstElement.href != ""){ var popup = L.popup({ offset: [244, 244] }) .setLatLng(firstElement.latLng) .setContent("<a href='"+ firstElement.href +"'><div class='mytooltipwrapper yes-img layer-dark-shadow zoom-in'>" + imgSrc + "<div class='wrapper-text text-white'><p class='title'>"+ firstElement.name +"</p><p class='description'>"+ firstElement.description +"</p></div></div></a>") .openOn(map); }else{ var popup = L.popup({ offset: [281, 60] }) .setLatLng(firstElement.latLng) .setContent("<div class='mytooltipwrapper no-img'><div class='bg-light'></div><div class='wrapper-text'><p class='title'>"+ firstElement.name +"</p></div></div>") .openOn(map); } var titulo = firstElement.name; } map.panTo(new L.LatLng(firstElement.latLng[0], firstElement.latLng[1])); $('.mapinfo li.item-'+firstElement.marker_id+'').addClass('reactive'); if( $('.mytooltipwrapper').hasClass('no-img')){ $('.mytooltipwrapper.no-img').parent('.leaflet-popup-content').parent('.leaflet-popup-content-wrapper').parent('.leaflet-popup').find('.leaflet-popup-close-button').addClass('close-noimg'); } } } }); //]]> </script> <noscript> <p>Activa JS</p> </noscript> <div id="map" class="leaf-map leaft-popup-custom-close"></div></div> </div> </section> <div> <section class="module d-customdk-none waaslider"> <div class="container"> <div class="title-box "> <span class="subtitle">Da non perdere</span> <p class="title">Cosa visitare</p> <hr> <p class="description">Seleziona dalla lista o naviga nella mappa per scoprire i punti d’interesse.</p> </div><div class="mask-mobile"> <div class="carousel-swipe carousel-numbered" id='destino-1'> <a href='/it/siti-interesse/casa-batllo/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/casa-batllo-barcelona-t0801946.jpg_1259223088.jpg' class="img-fluid" alt="" id="destino-1-img-1"> <p class="title text-white">Casa Batlló</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/barcelona_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Mappa con localizzazione"> </div> </a> <a href='/it/siti-interesse/casa-mila-pedrera/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/casa-mila_barcelona_s10879111.jpg_1259223088.jpg' class="img-fluid" alt="" id="destino-1-img-2"> <p class="title text-white">Casa Milà “La Pedrera”</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/barcelona_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Mappa con localizzazione"> </div> </a> <a href='/it/siti-interesse/stadio-camp-nou/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/camp-nou-barcelona-c-fcbarcelona.jpg_1259223088.jpg' class="img-fluid" alt="Germán Parga. FC Barcelona" id="destino-1-img-3"> <p class="title text-white">Spotify Camp Nou.</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/barcelona_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Mappa con localizzazione"> </div> </a> <a href='/it/siti-interesse/gran-teatro-liceu/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/Gran-Teatre-del-Liceu-barcelona-04-c-t-barcelona.jpg_1259223088.jpg' class="img-fluid" alt="Turismo de Barcelona" id="destino-1-img-4"> <p class="title text-white">Gran Teatro del Liceu</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/barcelona_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Mappa con localizzazione"> </div> </a> <a href='/it/siti-interesse/cattedrale-barcellona/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/catedral-barcelona-s231080335.jpg_1259223088.jpg' class="img-fluid" alt="" id="destino-1-img-5"> <p class="title text-white">Cattedrale di Barcellona</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/barcelona_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Mappa con localizzazione"> </div> </a> <a href='/it/siti-interesse/sagrada-familia/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/sagrada-familia-s87317419-c-AlessandroColle.jpg_1259223088.jpg' class="img-fluid" alt="Alessandro Colle" id="destino-1-img-6"> <p class="title text-white">Basilica della Sagrada Familia</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/barcelona_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Mappa con localizzazione"> </div> </a> <a href='/it/siti-interesse/museo-arte-contemporanea-macba/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/10965-MACBA12-8969.jpg_1259223088.jpg' class="img-fluid" alt="Rafael Vargas, 2009" id="destino-1-img-7"> <p class="title text-white">Museo di Arte Contemporanea di Barcellona (MACBA)</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/barcelona_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Mappa con localizzazione"> </div> </a> <a href='/it/siti-interesse/museo-picasso-barcellona/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/sala-museo-picasso-barcelona-c-maxisport-s87562855.jpg_1259223088.jpg' class="img-fluid" alt="Maxisport / Shutterstock" id="destino-1-img-8"> <p class="title text-white">Museo Picasso di Barcellona</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/barcelona_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Mappa con localizzazione"> </div> </a> <a href='/it/siti-interesse/mnac-museo-nazionale-arte-catalogna/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/Museo-Arte-Nacional-Barcelona-s-163861319.jpg_1259223088.jpg' class="img-fluid" alt="" id="destino-1-img-9"> <p class="title text-white">Museo Nazionale d'Arte della Catalogna (MNAC)</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/barcelona_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Mappa con localizzazione"> </div> </a> <a href='/it/siti-interesse/palazzo-musica-catalana/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/palaumusica_barcelona_t0800653.jpg_1259223088.jpg' class="img-fluid" alt="" id="destino-1-img-10"> <p class="title text-white">Palazzo della Musica Catalana</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/barcelona_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Mappa con localizzazione"> </div> </a> </div> </div> </div> </section> </div><div> <section class="module"> <div class="container"> <div class="title-box "> <span class="subtitle">Cosa fare</span> <p class="title"><strong>Altre</strong> idee per il tuo viaggio</p> <hr> </div></div> <div> <section class="wrapper-bi-carousel"> <div id="custom-slider-top" class="slider-horizontales-opacos destacados positioned"> <div class="destacado-full-width"> <div class="slider custom-slider-sinc-1 full-width wrapper d-none d-lg-block"> <div class="item layer-dark-shadow left"> <div class="position-absolute content left top text-white w-100"> <div class="row"> <div class="col-lg-8 offset-lg-1 offset-xl-0"> <h2 class="title text-white">B Cool, B Barcellona</h2> <p class="text text-white">Barcellona è una città cosmopolita e multiculturale che fa tendenza. Una meta dove godersi la strada, che può essere percorsa in bicicletta e dove scoprire…</p> <a href='/it/scoprire-spagna/b-cool-b-barcellona/' title='B Cool, B Barcellona' rel='' class="btn btn-transparent text-uppercase text-white">Leggi tutto</a> </div> </div> </div> <div class="infoImg right right-top text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title"></span> <span class="copy_container"> <span class="copy_ico"> <span>©</span> </span> <span class="copy_texto">Maria Rosa Fg</span> <span class="foto_copy_fade"></span> </span> </span> </div> <img data-src='/export/sites/segtur/.content/images/cabecera/born-antic-barcelona-c-maria-rosa-fg.jpg_1224728085.jpg' srcset='/export/sites/segtur/.content/images/cabecera/born-antic-barcelona-c-maria-rosa-fg.jpg_1224728085.jpg 1110w, /export/sites/segtur/.content/images/cabecera/born-antic-barcelona-c-maria-rosa-fg.jpg_1500626932.jpg 690w, /export/sites/segtur/.content/images/cabecera/born-antic-barcelona-c-maria-rosa-fg.jpg_1224728085.jpg 1110w' sizes='(max-width: 480px) 1110px, (max-width: 768px) 690px, 1110px' src='/export/sites/segtur/.content/images/cabecera/born-antic-barcelona-c-maria-rosa-fg.jpg_1224728085.jpg' class='img-fluid' alt='Born Antic, Barcellona' title='Born Antic, Barcellona'></div> <div class="item layer-dark-shadow left"> <div class="position-absolute content left top text-white w-100"> <div class="row"> <div class="col-lg-8 offset-lg-1 offset-xl-0"> <h2 class="title text-white">Dieci volti di Barcellona da scoprire</h2> <p class="text text-white">Come saprai, Barcellona è sinonimo di Gaudí, Mediterraneo, cultura, calcio... Ora ti invitiamo a scoprire diversi volti della città per rendere il tuo viaggio…</p> <a href='/it/top/diverse-facce-barcellona-scoprire/' title='Dieci volti di Barcellona da scoprire' rel='' class="btn btn-transparent text-uppercase text-white">Leggi tutto</a> </div> </div> </div> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/barcelona-fuente-magica-fuegos-artificiales-s340877138.jpg_1224728085.jpg' srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/barcelona-fuente-magica-fuegos-artificiales-s340877138.jpg_1224728085.jpg 1110w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/barcelona-fuente-magica-fuegos-artificiales-s340877138.jpg_1500626932.jpg 690w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/barcelona-fuente-magica-fuegos-artificiales-s340877138.jpg_1224728085.jpg 1110w' sizes='(max-width: 480px) 1110px, (max-width: 768px) 690px, 1110px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/barcelona-fuente-magica-fuegos-artificiales-s340877138.jpg_1224728085.jpg' class='img-fluid' alt='Spettacolo di fuochi d'artificio alla fontana magica di Barcellona' title='Spettacolo di fuochi d'artificio alla fontana magica di Barcellona'></div> <div class="item layer-dark-shadow left"> <div class="position-absolute content left top text-white w-100"> <div class="row"> <div class="col-lg-8 offset-lg-1 offset-xl-0"> <h2 class="title text-white">Barcellona in due giorni</h2> <p class="text text-white">L'ampia offerta culturale e di svago rende Barcellona una delle città più visitate del mondo.…</p> <a href='/it/itinerario/barcellona-due-giorni/' title='Barcellona in due giorni' rel='' class="btn btn-transparent text-uppercase text-white">Leggi tutto</a> </div> </div> </div> <img data-src='/export/sites/segtur/.content/imagenes/rutas/barcelona-dos-dias/barcelona-s212073259.jpg_1224728085.jpg' srcset='/export/sites/segtur/.content/imagenes/rutas/barcelona-dos-dias/barcelona-s212073259.jpg_1224728085.jpg 1110w, /export/sites/segtur/.content/imagenes/rutas/barcelona-dos-dias/barcelona-s212073259.jpg_1500626932.jpg 690w, /export/sites/segtur/.content/imagenes/rutas/barcelona-dos-dias/barcelona-s212073259.jpg_1224728085.jpg 1110w' sizes='(max-width: 480px) 1110px, (max-width: 768px) 690px, 1110px' src='/export/sites/segtur/.content/imagenes/rutas/barcelona-dos-dias/barcelona-s212073259.jpg_1224728085.jpg' class='img-fluid' alt='Vedute di Barcellona' title='Vedute di Barcellona'></div> <div class="item layer-dark-shadow left"> <div class="position-absolute content left top text-white w-100"> <div class="row"> <div class="col-lg-8 offset-lg-1 offset-xl-0"> <h2 class="title text-white">Barcellona, la mecca del modernismo di Gaudí</h2> <p class="text text-white">Parlare di Barcellona senza menzionare le opere di Antoni Gaudí è quasi impossibile.…</p> <a href='/it/top/barcellona-modernismo-gaudi/' title='Barcellona, la mecca del modernismo di Gaudí' rel='' class="btn btn-transparent text-uppercase text-white">Leggi tutto</a> </div> </div> </div> <img data-src='/export/sites/segtur/.content/images/cabecera/mosaicos-park-guell-barcelona-123rf-27270768.jpg_1224728085.jpg' srcset='/export/sites/segtur/.content/images/cabecera/mosaicos-park-guell-barcelona-123rf-27270768.jpg_1224728085.jpg 1110w, /export/sites/segtur/.content/images/cabecera/mosaicos-park-guell-barcelona-123rf-27270768.jpg_1500626932.jpg 690w, /export/sites/segtur/.content/images/cabecera/mosaicos-park-guell-barcelona-123rf-27270768.jpg_1224728085.jpg 1110w' sizes='(max-width: 480px) 1110px, (max-width: 768px) 690px, 1110px' src='/export/sites/segtur/.content/images/cabecera/mosaicos-park-guell-barcelona-123rf-27270768.jpg_1224728085.jpg' class='img-fluid' alt='Dettaglio Park Güell, Barcellona' title='Dettaglio Park Güell, Barcellona'></div> <div class="item layer-dark-shadow left"> <div class="position-absolute content left top text-white w-100"> <div class="row"> <div class="col-lg-8 offset-lg-1 offset-xl-0"> <h2 class="title text-white">Cosa vedere a Barcellona... secondo Instagram</h2> <p class="text text-white">Cosa succede se provi a fare una ricerca con l'hashtag #Barcellona su Instagram? Beh, il risultato... sono circa 70 milioni di post!…</p> <a href='/it/top/cosa-vedere-barcellona-instagram/' title='Cosa vedere a Barcellona... secondo Instagram' rel='' class="btn btn-transparent text-uppercase text-white">Leggi tutto</a> </div> </div> </div> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/turistas-barcelona_1199649778.jpg_1224728085.jpg' srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/turistas-barcelona_1199649778.jpg_1224728085.jpg 1110w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/turistas-barcelona_1199649778.jpg_1500626932.jpg 690w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/turistas-barcelona_1199649778.jpg_1224728085.jpg 1110w' sizes='(max-width: 480px) 1110px, (max-width: 768px) 690px, 1110px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/turistas-barcelona_1199649778.jpg_1224728085.jpg' class='img-fluid' alt='Turisti a Barcellona' title='Turisti a Barcellona'></div> <div class="item layer-dark-shadow left"> <div class="position-absolute content left top text-white w-100"> <div class="row"> <div class="col-lg-8 offset-lg-1 offset-xl-0"> <h2 class="title text-white">La festa di Sant Jordi a Barcellona</h2> <p class="text text-white">Rose, libri e innamorati: il 23 aprile sono i protagonisti a Barcellona. In Catalogna, la Giornata Internazionale del Libro diventa l'occasione per una festa…</p> <a href='/it/scoprire-spagna/festa-sant-jordi-barcellona/' title='La festa di Sant Jordi a Barcellona' rel='' class="btn btn-transparent text-uppercase text-white">Leggi tutto</a> </div> </div> </div> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/rosas-en-sant-jordi-barcelona-s1075964864.jpg_1224728085.jpg' srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/rosas-en-sant-jordi-barcelona-s1075964864.jpg_1224728085.jpg 1110w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/rosas-en-sant-jordi-barcelona-s1075964864.jpg_1500626932.jpg 690w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/rosas-en-sant-jordi-barcelona-s1075964864.jpg_1224728085.jpg 1110w' sizes='(max-width: 480px) 1110px, (max-width: 768px) 690px, 1110px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/rosas-en-sant-jordi-barcelona-s1075964864.jpg_1224728085.jpg' class='img-fluid' alt='Ramo di rose nel giorno di Sant Jordi. Barcellona' title='Ramo di rose nel giorno di Sant Jordi. Barcellona'></div> <div class="item layer-dark-shadow left"> <div class="position-absolute content left top text-white w-100"> <div class="row"> <div class="col-lg-8 offset-lg-1 offset-xl-0"> <h2 class="title text-white">Visita la Barcellona che non compare sulle guide</h2> <p class="text text-white">Angoli marittimi, strade romantiche, rifugi di guerra, belvedere panoramici o percorsi sotterranei… Barcellona ha in serbo piacevoli sorprese, anche quando…</p> <a href='/it/scoprire-spagna/barcellona-luoghi-sconosciuti/' title='Visita la Barcellona che non compare sulle guide' rel='' class="btn btn-transparent text-uppercase text-white">Leggi tutto</a> </div> </div> </div> <img data-src='/export/sites/segtur/.content/images/cabecera/rambla-barcelona-o.jpg_1224728085.jpg' srcset='/export/sites/segtur/.content/images/cabecera/rambla-barcelona-o.jpg_1224728085.jpg 1110w, /export/sites/segtur/.content/images/cabecera/rambla-barcelona-o.jpg_1500626932.jpg 690w, /export/sites/segtur/.content/images/cabecera/rambla-barcelona-o.jpg_1224728085.jpg 1110w' sizes='(max-width: 480px) 1110px, (max-width: 768px) 690px, 1110px' src='/export/sites/segtur/.content/images/cabecera/rambla-barcelona-o.jpg_1224728085.jpg' class='img-fluid' alt='La Rambla, Barcellona' title='La Rambla, Barcellona'></div> <div class="item layer-dark-shadow left"> <div class="position-absolute content left top text-white w-100"> <div class="row"> <div class="col-lg-8 offset-lg-1 offset-xl-0"> <h2 class="title text-white">Spazi di cultura alternativa a Barcellona</h2> <p class="text text-white">Indossa il tuo modello più hipster perché andiamo a Barcellona, una delle città spagnole più all'avanguardia e dove ogni giorno sembrano sorgere nuove tendenze.…</p> <a href='/it/scoprire-spagna/spazi-cultura-alternativa-barcellona/' title='Spazi di cultura alternativa a Barcellona' rel='' class="btn btn-transparent text-uppercase text-white">Leggi tutto</a> </div> </div> </div> <div class="infoImg right right-top text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title"></span> <span class="copy_container"> <span class="copy_ico"> <span>©</span> </span> <span class="copy_texto">El Born. CCM-Pere Virgili</span> <span class="foto_copy_fade"></span> </span> </span> </div> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/born-barcelona-13121401pv011borncc-c.jpg_1224728085.jpg' srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/born-barcelona-13121401pv011borncc-c.jpg_1224728085.jpg 1110w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/born-barcelona-13121401pv011borncc-c.jpg_1500626932.jpg 690w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/born-barcelona-13121401pv011borncc-c.jpg_1224728085.jpg 1110w' sizes='(max-width: 480px) 1110px, (max-width: 768px) 690px, 1110px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/born-barcelona-13121401pv011borncc-c.jpg_1224728085.jpg' class='img-fluid' alt='Il Born, Centro di Cultura e Memoria' title='Il Born, Centro di Cultura e Memoria'></div> <div class="item layer-dark-shadow left"> <div class="position-absolute content left top text-white w-100"> <div class="row"> <div class="col-lg-8 offset-lg-1 offset-xl-0"> <h2 class="title text-white">Itinerari da Barcellona per conoscere la Catalogna</h2> <p class="text text-white">Ecco alcune idee per persone fortunate. Fortunate perché partono per Barcellona e possono, inoltre, fermarsi vari giorni per visitare altri luoghi della…</p> <a href='/it/scoprire-spagna/gite-da-barcellona/' title='Itinerari da Barcellona per conoscere la Catalogna' rel='' class="btn btn-transparent text-uppercase text-white">Leggi tutto</a> </div> </div> </div> <img data-src='/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/cadaques-girona-42383418-istock.jpg_1224728085.jpg' srcset='/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/cadaques-girona-42383418-istock.jpg_1224728085.jpg 1110w, /export/sites/segtur/.content/images/cabeceras-grandes/cataluna/cadaques-girona-42383418-istock.jpg_1500626932.jpg 690w, /export/sites/segtur/.content/images/cabeceras-grandes/cataluna/cadaques-girona-42383418-istock.jpg_1224728085.jpg 1110w' sizes='(max-width: 480px) 1110px, (max-width: 768px) 690px, 1110px' src='/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/cadaques-girona-42383418-istock.jpg_1224728085.jpg' class='img-fluid' alt='Veduta di Cadaqués, Girona' title='Veduta di Cadaqués, Girona'></div> </div> </div> </div> </div> <div> <div id='custom-slider-bottom-1' class="custom-slider-bottom custom-slider-bottom waaslider"><div class="container position-relative"> <div class="negative-mt extra-mr extra-ml"> <svg class="waa waaleft" 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="arrowangleleft" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g class="DK/icono/flecha-izq-gris-claro-inactivo"> <g class="Flecha-izq" transform="translate(36.000000, 36.000000) rotate(-180.000000) translate(-36.000000, -36.000000) "> <circle class="circleleft" fill="#9B9B9B" opacity="0.59984189" cx="36" cy="36" r="36"></circle> <polyline class="angleleft" 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> </g> </g> </svg><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><div class="custom-slider-sinc-2 custom-slider-bottom arrows-out"> <div class="wrapper-card"> <a href='/it/top/diverse-facce-barcellona-scoprire/' title='Dieci volti di Barcellona da scoprire' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/barcelona-fuente-magica-fuegos-artificiales-s340877138.jpg_1143197247.jpg' srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/barcelona-fuente-magica-fuegos-artificiales-s340877138.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/barcelona-fuente-magica-fuegos-artificiales-s340877138.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/barcelona-fuente-magica-fuegos-artificiales-s340877138.jpg_1143197247.jpg 280w' sizes='(max-width: 480px) 345px, (max-width: 768px) 345px, 280px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/barcelona-fuente-magica-fuegos-artificiales-s340877138.jpg_1570148651.jpg' class='img-fluid' alt='Spettacolo di fuochi d'artificio alla fontana magica di Barcellona' title='Spettacolo di fuochi d'artificio alla fontana magica di Barcellona'><!-- <div class="infoImg right right-top"> --> <!-- <span id="infoCont-4" class="infoCont hidden"> --> <!-- <span class="copy_container"> --> <!-- <span class="copy_ico"> --> <!-- <span>©</span> --> <!-- </span> --> <!-- <span class="foto_copy_fade"></span> --> <!-- </span> --> <!-- </span> --> <!-- </div> --> </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">Dieci volti di Barcellona da scoprire</h2> <p class="description-secondary">Come saprai, Barcellona è sinonimo di Gaudí, Mediterraneo,…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/it/itinerario/barcellona-due-giorni/' title='Barcellona in due giorni' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/rutas/barcelona-dos-dias/barcelona-s212073259.jpg_1143197247.jpg' srcset='/export/sites/segtur/.content/imagenes/rutas/barcelona-dos-dias/barcelona-s212073259.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/imagenes/rutas/barcelona-dos-dias/barcelona-s212073259.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/imagenes/rutas/barcelona-dos-dias/barcelona-s212073259.jpg_1143197247.jpg 280w' sizes='(max-width: 480px) 345px, (max-width: 768px) 345px, 280px' src='/export/sites/segtur/.content/imagenes/rutas/barcelona-dos-dias/barcelona-s212073259.jpg_1570148651.jpg' class='img-fluid' alt='Vedute di Barcellona' title='Vedute di Barcellona'><!-- <div class="infoImg right right-top"> --> <!-- <span id="infoCont-4" class="infoCont hidden"> --> <!-- <span class="copy_container"> --> <!-- <span class="copy_ico"> --> <!-- <span>©</span> --> <!-- </span> --> <!-- <span class="foto_copy_fade"></span> --> <!-- </span> --> <!-- </span> --> <!-- </div> --> </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">Barcellona in due giorni</h2> <p class="description-secondary">L'ampia offerta culturale e di svago rende Barcellona una delle…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/it/top/barcellona-modernismo-gaudi/' title='Barcellona, la mecca del modernismo di Gaudí' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/images/cabecera/mosaicos-park-guell-barcelona-123rf-27270768.jpg_1143197247.jpg' srcset='/export/sites/segtur/.content/images/cabecera/mosaicos-park-guell-barcelona-123rf-27270768.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/images/cabecera/mosaicos-park-guell-barcelona-123rf-27270768.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/images/cabecera/mosaicos-park-guell-barcelona-123rf-27270768.jpg_1143197247.jpg 280w' sizes='(max-width: 480px) 345px, (max-width: 768px) 345px, 280px' src='/export/sites/segtur/.content/images/cabecera/mosaicos-park-guell-barcelona-123rf-27270768.jpg_1570148651.jpg' class='img-fluid' alt='Dettaglio Park Güell, Barcellona' title='Dettaglio Park Güell, Barcellona'><!-- <div class="infoImg right right-top"> --> <!-- <span id="infoCont-4" class="infoCont hidden"> --> <!-- <span class="copy_container"> --> <!-- <span class="copy_ico"> --> <!-- <span>©</span> --> <!-- </span> --> <!-- <span class="foto_copy_fade"></span> --> <!-- </span> --> <!-- </span> --> <!-- </div> --> </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">Barcellona, la mecca del modernismo di Gaudí</h2> <p class="description-secondary">Parlare di Barcellona senza menzionare le opere di Antoni Gaudí è…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/it/top/cosa-vedere-barcellona-instagram/' title='Cosa vedere a Barcellona... secondo Instagram' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/turistas-barcelona_1199649778.jpg_1143197247.jpg' srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/turistas-barcelona_1199649778.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/turistas-barcelona_1199649778.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/turistas-barcelona_1199649778.jpg_1143197247.jpg 280w' sizes='(max-width: 480px) 345px, (max-width: 768px) 345px, 280px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/turistas-barcelona_1199649778.jpg_1570148651.jpg' class='img-fluid' alt='Turisti a Barcellona' title='Turisti a Barcellona'><!-- <div class="infoImg right right-top"> --> <!-- <span id="infoCont-4" class="infoCont hidden"> --> <!-- <span class="copy_container"> --> <!-- <span class="copy_ico"> --> <!-- <span>©</span> --> <!-- </span> --> <!-- <span class="foto_copy_fade"></span> --> <!-- </span> --> <!-- </span> --> <!-- </div> --> </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">Cosa vedere a Barcellona... secondo Instagram</h2> <p class="description-secondary">Cosa succede se provi a fare una ricerca con l'hashtag…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/it/scoprire-spagna/festa-sant-jordi-barcellona/' title='La festa di Sant Jordi a Barcellona' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/rosas-en-sant-jordi-barcelona-s1075964864.jpg_1143197247.jpg' srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/rosas-en-sant-jordi-barcelona-s1075964864.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/rosas-en-sant-jordi-barcelona-s1075964864.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/rosas-en-sant-jordi-barcelona-s1075964864.jpg_1143197247.jpg 280w' sizes='(max-width: 480px) 345px, (max-width: 768px) 345px, 280px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/rosas-en-sant-jordi-barcelona-s1075964864.jpg_1570148651.jpg' class='img-fluid' alt='Ramo di rose nel giorno di Sant Jordi. Barcellona' title='Ramo di rose nel giorno di Sant Jordi. Barcellona'><!-- <div class="infoImg right right-top"> --> <!-- <span id="infoCont-4" class="infoCont hidden"> --> <!-- <span class="copy_container"> --> <!-- <span class="copy_ico"> --> <!-- <span>©</span> --> <!-- </span> --> <!-- <span class="foto_copy_fade"></span> --> <!-- </span> --> <!-- </span> --> <!-- </div> --> </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">La festa di Sant Jordi a Barcellona</h2> <p class="description-secondary">Rose, libri e innamorati: il 23 aprile sono i protagonisti a…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/it/scoprire-spagna/barcellona-luoghi-sconosciuti/' title='Visita la Barcellona che non compare sulle guide' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/images/cabecera/rambla-barcelona-o.jpg_1143197247.jpg' srcset='/export/sites/segtur/.content/images/cabecera/rambla-barcelona-o.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/images/cabecera/rambla-barcelona-o.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/images/cabecera/rambla-barcelona-o.jpg_1143197247.jpg 280w' sizes='(max-width: 480px) 345px, (max-width: 768px) 345px, 280px' src='/export/sites/segtur/.content/images/cabecera/rambla-barcelona-o.jpg_1570148651.jpg' class='img-fluid' alt='La Rambla, Barcellona' title='La Rambla, Barcellona'><!-- <div class="infoImg right right-top"> --> <!-- <span id="infoCont-4" class="infoCont hidden"> --> <!-- <span class="copy_container"> --> <!-- <span class="copy_ico"> --> <!-- <span>©</span> --> <!-- </span> --> <!-- <span class="foto_copy_fade"></span> --> <!-- </span> --> <!-- </span> --> <!-- </div> --> </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">Visita la Barcellona che non compare sulle guide</h2> <p class="description-secondary">Angoli marittimi, strade romantiche, rifugi di guerra, belvedere…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/it/scoprire-spagna/spazi-cultura-alternativa-barcellona/' title='Spazi di cultura alternativa a Barcellona' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/born-barcelona-13121401pv011borncc-c.jpg_1143197247.jpg' srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/born-barcelona-13121401pv011borncc-c.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/born-barcelona-13121401pv011borncc-c.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/born-barcelona-13121401pv011borncc-c.jpg_1143197247.jpg 280w' sizes='(max-width: 480px) 345px, (max-width: 768px) 345px, 280px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/born-barcelona-13121401pv011borncc-c.jpg_1570148651.jpg' class='img-fluid' alt='Il Born, Centro di Cultura e Memoria' title='Il Born, Centro di Cultura e Memoria'><!-- <div class="infoImg right right-top"> --> <!-- <span id="infoCont-4" class="infoCont hidden"> --> <!-- <span class="copy_container"> --> <!-- <span class="copy_ico"> --> <!-- <span>©</span> --> <!-- </span> --> <!-- <span class="foto_copy_fade"></span> --> <!-- </span> --> <!-- </span> --> <!-- </div> --> </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">Spazi di cultura alternativa a Barcellona</h2> <p class="description-secondary">Indossa il tuo modello più hipster perché andiamo a Barcellona,…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/it/scoprire-spagna/gite-da-barcellona/' title='Itinerari da Barcellona per conoscere la Catalogna' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/cadaques-girona-42383418-istock.jpg_1143197247.jpg' srcset='/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/cadaques-girona-42383418-istock.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/images/cabeceras-grandes/cataluna/cadaques-girona-42383418-istock.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/images/cabeceras-grandes/cataluna/cadaques-girona-42383418-istock.jpg_1143197247.jpg 280w' sizes='(max-width: 480px) 345px, (max-width: 768px) 345px, 280px' src='/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/cadaques-girona-42383418-istock.jpg_1570148651.jpg' class='img-fluid' alt='Veduta di Cadaqués, Girona' title='Veduta di Cadaqués, Girona'><!-- <div class="infoImg right right-top"> --> <!-- <span id="infoCont-4" class="infoCont hidden"> --> <!-- <span class="copy_container"> --> <!-- <span class="copy_ico"> --> <!-- <span>©</span> --> <!-- </span> --> <!-- <span class="foto_copy_fade"></span> --> <!-- </span> --> <!-- </span> --> <!-- </div> --> </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">Itinerari da Barcellona per conoscere la Catalogna</h2> <p class="description-secondary">Ecco alcune idee per persone fortunate.…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/it/scoprire-spagna/b-cool-b-barcellona/' title='B Cool, B Barcellona' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/images/cabecera/born-antic-barcelona-c-maria-rosa-fg.jpg_1143197247.jpg' srcset='/export/sites/segtur/.content/images/cabecera/born-antic-barcelona-c-maria-rosa-fg.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/images/cabecera/born-antic-barcelona-c-maria-rosa-fg.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/images/cabecera/born-antic-barcelona-c-maria-rosa-fg.jpg_1143197247.jpg 280w' sizes='(max-width: 480px) 345px, (max-width: 768px) 345px, 280px' src='/export/sites/segtur/.content/images/cabecera/born-antic-barcelona-c-maria-rosa-fg.jpg_1570148651.jpg' class='img-fluid' alt='Born Antic, Barcellona' title='Born Antic, Barcellona'><!-- <div class="infoImg right right-top"> --> <!-- <span id="infoCont-4" class="infoCont hidden"> --> <!-- <span class="copy_container"> --> <!-- <span class="copy_ico"> --> <!-- <span>©</span> --> <!-- </span> --> <!-- <span class="foto_copy_fade"></span> --> <!-- </span> --> <!-- </span> --> <!-- </div> --> </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">B Cool, B Barcellona</h2> <p class="description-secondary">Barcellona è una città cosmopolita e multiculturale che fa…</p> </div> </div> </a> </div> </div> </div> </div> </div> </section> </section> </div><section class="module tabable-list"> <div class="container"> <div class="title-box "> <span class="subtitle">Informazioni pratiche</span> <p class="title"><strong>Come arrivare – Informazioni sui trasporti</strong></p> <hr> <p class="description">Seleziona il mezzo di trasporto per vedere come arrivare e come muoversi all'interno della destinazione.</p> </div><div class="row"> <div class="col-md-6"> <div class="card"> <div class="wrapper-icons position-absolute"> <div id="btn-0" class="content left top clipped bg-white position-relative mr-2 ml-2 active"> <div class="clipped-content"> <span class="icon-plane-fill"></span> </div> </div> <div id="btn-1" class="content left top clipped bg-white position-relative mr-2 ml-2 "> <div class="clipped-content"> <span class="icon-train-fill"></span> </div> </div> <div id="btn-2" class="content left top clipped bg-white position-relative mr-2 ml-2 "> <div class="clipped-content"> <span class="icon-bus"></span> </div> </div> <div id="btn-3" class="content left top clipped bg-white position-relative mr-2 ml-2 "> <div class="clipped-content"> <span class="icon-car-fill"></span> </div> </div> <div id="btn-4" class="content left top clipped bg-white position-relative mr-2 ml-2 "> <div class="clipped-content"> <span class="icon-ship-fill"></span> </div> </div> </div> <div id="list-0" class="wrapper-info blocked "> <p><strong> Come arrivare a in aereo</strong> </p> <ul class="list"> <li class="list-item d-flex"> <span class="icon-plane-fill"></span> <p> <span class="d-inline"> L'<a title="Aeroporto di Barcellona" href="/it/aereo/aeroporto-barcellona/">aeroporto di Barcellona-El Prat</a> si trova a 12 chilometri dalla città.</span> </p> </li> <li class="list-item d-flex"> <span class="icon-plane-fill"></span> <p> <span class="d-inline"> Puoi raggiungere il centro con diversi mezzi di trasporto pubblico, con una percorrenza media di 35 minuti o meno: linea A1 e A2 dell'Aerobus, linea ferroviaria R2 Nord, linea 46 di autobus urbano, linee <span style="font-weight: 400;">99, L77, PR1, PR2 Y PR3; N17, N18</span> e N19 di autobus notturni e taxi.</span> </p> </li> <li class="list-item d-flex"> <span class="icon-plane-fill"></span> <p> <span class="d-inline"> La via di accesso all'aeroporto è la superstrada C-31. Dalla circonvallazione della città, è possibile accedere percorrendo la via di collegamento denominata Pata Sur.</span> </p> </li> <li class="list-item d-flex"> <span class="icon-plane-fill"></span> <p> <span class="d-inline"> <a title="Sito web AENA" href="http://www.aena.es/es/aeropuerto-barcelona/index.html" target="_blank" rel="noopener">Maggiori informazioni</a></span> </p> </li> </ul> </div> <div id="list-1" class="wrapper-info "> <p><strong> Come arrivare a in treno</strong> </p> <ul class="list"> <li class="list-item d-flex"> <span class="icon-train-fill"></span> <p> <span class="d-inline"> Ci sono due stazioni principali a Barcellona:</span> </p> </li> <li class="list-item d-flex"> <span class="icon-train-fill"></span> <p> <span class="d-inline"> <a title="Strazione di Barcellona - Sants" href="/it/trasporto/stazione-ferroviaria-barcellona-sants/">Stazione di Barcellona - Sants</a>:<span class="br"></span>Collegamenti internazionali su treni ad alta velocità con la Francia e città spagnole come Madrid, Valencia, Malaga, Siviglia o Saragozza.<span class="br"></span>È collegata con le linee 3 e 5 della metropolitana e diverse linee di autobus (27, 78, 109, 115, D40, H10, V5 e V7).</span> </p> </li> <li class="list-item d-flex"> <span class="icon-train-fill"></span> <p> <span class="d-inline"> <a title="Strazione di França" href="/it/trasporto/stazione-ferroviaria-barcellona-franca/">Strazione di França</a>:<span class="br"></span>Dalla stazione puoi muoverti facilmente usando i trasporti pubblici: linee 47, 59, 120, D20, H14, V13, V15, V17 e V19 di autobus e linea 4 della metropolitana.</span> </p> </li> <li class="list-item d-flex"> <span class="icon-train-fill"></span> <p> <span class="d-inline"> <a title="Sito RENFE" href="https://www.renfe.com/" target="_blank" rel="noopener">Prenotazione biglietti ferroviari</a></span> </p> </li> </ul> </div> <div id="list-2" class="wrapper-info "> <p><strong> Come arrivare a in autobus</strong> </p> <ul class="list"> <li class="list-item d-flex"> <span class="icon-bus"></span> <p> <span class="d-inline"> Ci sono due stazioni principali a Barcellona:</span> </p> </li> <li class="list-item d-flex"> <span class="icon-bus"></span> <p> <span class="d-inline"> <a title="Stazione Barcellona Nord" href="/it/trasporto/stazione-autobus-barcellona-nord/">Stazione Barcellona Nord</a>, collegamento con la fermata della metropolitana Arc de Triomf (linea 1) e con le linee 6, 54, H14, H16 e V21 di autobus.<span class="br"></span>Itinerari per Europa, resto della Spagna e Africa.</span> </p> </li> <li class="list-item d-flex"> <span class="icon-bus"></span> <p> <span class="d-inline"> <a title="Stazione Barcellona - Sants" href="/it/trasporto/stazione-autobus-barcellona-sants/">Stazione Barcellona – Sants</a>, collegamento con la fermata della metropolitana Sants Estació (linee 3 e 5), con le linee 27, 78,109, 115, D40, H10, V5 e V7 di autobus.<span class="br"></span>È la stazione dei treni ad alta velocità della città. </span> </p> </li> </ul> </div> <div id="list-3" class="wrapper-info "> <p><strong> Come arrivare in auto</strong> </p> <ul class="list"> <li class="list-item d-flex"> <span class="icon-car-fill"></span> <p> <span class="d-inline"> Dalla Francia, lungo le strade AP-7, N-II e C-32.</span> </p> </li> <li class="list-item d-flex"> <span class="icon-car-fill"></span> <p> <span class="d-inline"> Dal resto della Spagna, lungo la AP-7 e la C-32.</span> </p> </li> <li class="list-item d-flex"> <span class="icon-car-fill"></span> <p> <span class="d-inline"> Buona parte di Barcellona è considerata zona a basse emissioni e prevede restrizioni di traffico e parcheggio. Se ti rechi a Barcellona in auto o in moto, visita il<a title="Più info: Comune di Barcellona - Zone a traffico limitato" href="https://www.zbe.barcelona/es/index.html" target="_blank" rel="noopener"> sito del Comune di Barcellona</a> per conoscerle. Queste restrizioni si applicano anche ai veicoli con targa straniera, quindi se il tuo veicolo ha una targa straniera, dovrai registrarla e controllare se necessita di autorizzazione: per maggiori informazioni in merito clicca sul <a title="Vedi altro: Immatricolazione di veicoli stranieri - Comune di Barcellona" href="https://zberegistre.ambmobilitat.cat/es/VehiclesEstrangers" target="_blank" rel="noopener">link</a> seguente. </span> </p> </li> <li class="list-item d-flex"> <span class="icon-car-fill"></span> <p> <span class="d-inline"> L'etichetta francese è considerata equivalente a quella spagnola: visita il <a title="Più info: tabella equivalenze etichette ambientali DGT" href="https://sede.dgt.gob.es/es/vehiculos/distintivo-ambiental/equivalencia-distintivo-ambiental-ue.shtml" target="_blank" rel="noopener">sito della DGT</a> per consultare la tabella delle equivalenze tra le etichette ambientali e sapere a quali restrizioni potresti essere soggetto.</span> </p> </li> </ul> </div> <div id="list-4" class="wrapper-info "> <p><strong> Come arrivare a in barca</strong> </p> <ul class="list"> <li class="list-item d-flex"> <span class="icon-ship-fill"></span> <p> <span class="d-inline"> Il <a title="Porto di Barcellona" href="/it/trasporto/porto-barcellona/">porto di Barcellona</a> si trova a circa 5 chilometri dal centro.</span> </p> </li> <li class="list-item d-flex"> <span class="icon-ship-fill"></span> <p> <span class="d-inline"> È disponibile una linea di autobus interna (88) che percorre tutto lo spazio portuale e raggiunge Avenida Para llel, con le fermate delle linee 2 e 3 della metropolitana e delle linee D20, H14, V11, 21, 120 e 121 di autobus.</span> </p> </li> <li class="list-item d-flex"> <span class="icon-ship-fill"></span> <p> <span class="d-inline"> Collegamento diretto con l'Italia e l'Algeria.</span> </p> </li> <li class="list-item d-flex"> <span class="icon-ship-fill"></span> <p> <span class="d-inline"> Collegamento giornaliero con le Isole Baleari.</span> </p> </li> </ul> </div> </div> </div> <div class="col-md-6"> <div class="card"> <div class="wrapper-icons position-absolute"> <div id="btn-move0" class="content left top clipped bg-white position-relative mr-2 ml-2 active"> <div class="clipped-content"> <span class="icon-info-serif"></span> </div> </div> <div id="btn-move1" class="content left top clipped bg-white position-relative mr-2 ml-2 "> <div class="clipped-content"> <span class="icon-metro-fill"></span> </div> </div> <div id="btn-move2" class="content left top clipped bg-white position-relative mr-2 ml-2 "> <div class="clipped-content"> <span class="icon-bus"></span> </div> </div> <div id="btn-move3" class="content left top clipped bg-white position-relative mr-2 ml-2 "> <div class="clipped-content"> <span class="icon-info-serif"></span> </div> </div> </div> <div id="list-move0" class="wrapper-info blocked "> <p> <strong> Informazioni pratiche</strong> </p> <ul class="list"> <li class="list-item d-flex"> <span class="icon-info-serif"></span> <p> <span class="d-inline"> Si consiglia l'utilizzo dei mezzi pubblici.</span> </p> </li> <li class="list-item d-flex"> <span class="icon-info-serif"></span> <p> <span class="d-inline"> Hola Barcelona: tessera per viaggi illimitati in metro, autobus, tram e treno per 2, 3, 4 o 5 giorni. <a title="Sito web TMC" href="https://www.tmb.cat/es/tarifas-metro-bus-barcelona/billetes-visita-barcelona/abono-por-dias-hola-bcn" target="_blank" rel="noopener">Maggiori informazioni</a></span> </p> </li> <li class="list-item d-flex"> <span class="icon-info-serif"></span> <p> <span class="d-inline"> Barcelona Card: tessera turistica con accessi gratuiti o prioritari trasporto illimitato e altri vantaggi per 3, 4 o 5 giorni. <a title="Barcellona Card" href="https://bcnshop.barcelonaturisme.com/shopv3/es/product/1/barcelona-card.html?o=b" target="_blank" rel="noopener">Maggiori informazioni</a></span> </p> </li> <li class="list-item d-flex"> <span class="icon-info-serif"></span> <p> <span class="d-inline"> In città il parcheggio è a pagamento ed è limitato a un determinato lasso di tempo in base alla zona. Inoltre, gran parte di Barcellona è Zona a traffico limitato, con restrizioni alla circolazione e al parcheggio. Visita il<a title="Più info: Comune di Barcellona - Zone a traffico limitato" href="https://www.zbe.barcelona/es/index.html" target="_blank" rel="noopener"> sito del Comune di Barcellona</a> per conoscerle. </span> </p> </li> <li class="list-item d-flex"> <span class="icon-info-serif"></span> <p> <span class="d-inline"> Le restrizioni di traffico si applicano anche ai veicoli con targa straniera, quindi se la tua targa è straniera, dovrai registrarla e controllare se necessita di autorizzazione: visita questo <a title="Vedi altro: Immatricolazione di veicoli stranieri - Comune di Barcellona" href="https://zberegistre.ambmobilitat.cat/es/VehiclesEstrangers" target="_blank" rel="noopener">link</a> per maggiori informazioni. Se possiedi l'etichetta ambientale francese, sappi che è considerata corrispondente a quella spagnola: visita il <a title="Più info: tabella equivalenze etichette ambientali DGT" href="https://sede.dgt.gob.es/es/vehiculos/distintivo-ambiental/equivalencia-distintivo-ambiental-ue.shtml" target="_blank" rel="noopener">sito della DGT</a> per consultare la tabella delle equivalenze e sapere a quali restrizioni potresti essere soggetto.</span> </p> </li> </ul> </div> <div id="list-move1" class="wrapper-info "> <p> <strong> Come spostarsi a in metro/tram</strong> </p> <ul class="list"> <li class="list-item d-flex"> <span class="icon-metro-fill"></span> <p> <span class="d-inline"> Circolano normalmente dalle 5:00 alle 24:00. Il venerdì e la vigilia dei giorni festivi, fino alle 2:00 del mattino, mentre il sabato e la domenica viene offerto un servizio continuo 24 ore su 24.</span> </p> </li> <li class="list-item d-flex"> <span class="icon-metro-fill"></span> <p> <span class="d-inline"> Si può scegliere tra corsa semplice, tessere viaggi, per numero di tratte o per gruppi. <a title="TMB" href="https://www.tmb.cat/es/home" target="_blank" rel="noopener">Maggiori informazioni</a></span> </p> </li> </ul> </div> <div id="list-move2" class="wrapper-info "> <p> <strong> Come spostarsi a in autobus</strong> </p> <ul class="list"> <li class="list-item d-flex"> <span class="icon-bus"></span> <p> <span class="d-inline"> Le linee urbane di autobus circolano normalmente dalle 4:25 alle 23:00.</span> </p> </li> <li class="list-item d-flex"> <span class="icon-bus"></span> <p> <span class="d-inline"> Esiste un servizio notturno di autobus: Nit Bus. Tutte le linee partono o si fermano in Plaza de Catalunya o nei dintorni.</span> </p> </li> <li class="list-item d-flex"> <span class="icon-bus"></span> <p> <span class="d-inline"> <a title="Autobus turistico" href="https://www.barcelonabusturistic.cat/es" target="_blank" rel="noopener">Autobus turistico</a> con 2 itinerari, audioguida e uso illimitato per 1 o 2 giorni.</span> </p> </li> <li class="list-item d-flex"> <span class="icon-bus"></span> <p> <span class="d-inline"> <a title="TMB" href="https://www.tmb.cat/es/home" target="_blank" rel="noopener">Maggiori informazioni</a></span> </p> </li> </ul> </div> <div id="list-move3" class="wrapper-info "> <p> <strong> Come spostarsi a con altri mezzi di trasporto</strong> </p> <ul class="list"> <li class="list-item d-flex"> <span class="icon-info-serif"></span> <p> <span class="d-inline"> <strong>Taxi</strong>: veicoli facilmente identificabili dai colori giallo e nero. Una luce verde nella parte superiore indica se sono disponibili.</span> </p> </li> <li class="list-item d-flex"> <span class="icon-info-serif"></span> <p> <span class="d-inline"> Applicano supplementi sul prezzo per l'entrata e l'uscita dagli aeroporti e per il trasporto di bagagli.</span> </p> </li> <li class="list-item d-flex"> <span class="icon-info-serif"></span> <p> <span class="d-inline"> <strong>Bicicletta : </strong>un modo originale, diverso e sostenibile di spostarsi a Barcellona. La città è dotata di piste ciclabili predisposte. Ci sono numerose imprese di noleggio di biciclette ed è inoltre disponibile il servizio comunale di <a title="Bicing" href="https://www.bicing.barcelona/es" target="_blank" rel="noopener">Bicing.</a></span> </p> </li> </ul> </div> </div> </div> </div> </div> </section> <div> <section class="module"> <div> <section class="carousel-full-width carousel-numbered"> <div id="carousel-full-width-1" class="carousel slide"> <div id="carouselIndicators-2" class="carousel slide" data-interval="false"> <div class="carousel-inner" role="listbox"> <div id="item-0" class="item carousel-item active" data-slide-number="0"> <div class="row align-items-center layer-dark-shadow left"> <div class="col-md-5 offset-md-2 order-md-1 card-body position-absolute text-card"> <div class="title-box text-white"> <p class="title"><strong>Escursioni</strong> in luoghi vicini</p> <hr> </div><p class="text-uppercase font-weight-bold text-left text-white">Costa Brava</p> <small class="text-white">Distanza da Barcellona 150Km</small> <p class="text-white pb-4"> Calette dall'acqua di colore blu intenso, spiagge di sabbia dorata, parchi ...</p> <a href='/it/regione/costa-brava/' title='Costa Brava' rel='' class="btn btn-transparent text-uppercase d-block text-white">Maggiori informazioni</a> </div> <div class="col-md-12 order-md-1"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/palafrugell-girona-s144973225.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/palafrugell-girona-s144973225.jpg_703474574.jpg 480w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/palafrugell-girona-s144973225.jpg_1481854746.jpg 768w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/palafrugell-girona-s144973225.jpg_1854118159.jpg 1920w' sizes='(max-width: 480px) 480px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/palafrugell-girona-s144973225.jpg_703474574.jpg' class='lazy img-fluid' alt='' title=''></div> </div> </div> <div id="item-1" class="item carousel-item" data-slide-number="1"> <div class="row align-items-center layer-dark-shadow left"> <div class="col-md-5 offset-md-2 order-md-1 card-body position-absolute text-card"> <div class="title-box text-white"> <p class="title"><strong>Escursioni</strong> in luoghi vicini</p> <hr> </div><p class="text-uppercase font-weight-bold text-left text-white">Montserrat</p> <small class="text-white">Distanza da Barcellona 65Km</small> <p class="text-white pb-4"> Nel cuore della Catalogna si erge una montagna dalle forme uniche: rocce di...</p> <a href='/it/destinazione/montserrat/' title='Montserrat' rel='' class="btn btn-transparent text-uppercase d-block text-white">Maggiori informazioni</a> </div> <div class="col-md-12 order-md-1"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/montserrat-barcelona-c-sebastian-pichler-u151147.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/montserrat-barcelona-c-sebastian-pichler-u151147.jpg_703474574.jpg 480w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/montserrat-barcelona-c-sebastian-pichler-u151147.jpg_1481854746.jpg 768w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/montserrat-barcelona-c-sebastian-pichler-u151147.jpg_1854118159.jpg 1920w' sizes='(max-width: 480px) 480px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/montserrat-barcelona-c-sebastian-pichler-u151147.jpg_703474574.jpg' class='lazy img-fluid' alt='Sebastián Pichler' title='Sebastián Pichler'><div class="infoImg right right-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title"></span> <span class="copy_container"> <span class="copy_ico"> <span>©</span> </span> <span class="copy_texto">Sebastián Pichler</span> <span class="foto_copy_fade"></span> </span> </span> </div> </div> </div> </div> <div id="item-2" class="item carousel-item" data-slide-number="2"> <div class="row align-items-center layer-dark-shadow left"> <div class="col-md-5 offset-md-2 order-md-1 card-body position-absolute text-card"> <div class="title-box text-white"> <p class="title"><strong>Escursioni</strong> in luoghi vicini</p> <hr> </div><p class="text-uppercase font-weight-bold text-left text-white">Sitges</p> <small class="text-white">Distanza da Barcellona 40Km</small> <p class="text-white pb-4"> La posizione intermedia tra mare e montagna della località barcellonese di ...</p> <a href='/it/destinazione/sitges/' title='Sitges' rel='' class="btn btn-transparent text-uppercase d-block text-white">Maggiori informazioni</a> </div> <div class="col-md-12 order-md-1"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/sitges-s283084064.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/sitges-s283084064.jpg_703474574.jpg 480w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/sitges-s283084064.jpg_1481854746.jpg 768w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/sitges-s283084064.jpg_1854118159.jpg 1920w' sizes='(max-width: 480px) 480px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/sitges-s283084064.jpg_703474574.jpg' class='lazy img-fluid' alt='' title=''></div> </div> </div> <div id="item-3" class="item carousel-item" data-slide-number="3"> <div class="row align-items-center layer-dark-shadow left"> <div class="col-md-5 offset-md-2 order-md-1 card-body position-absolute text-card"> <div class="title-box text-white"> <p class="title"><strong>Escursioni</strong> in luoghi vicini</p> <hr> </div><p class="text-uppercase font-weight-bold text-left text-white">Tarragona</p> <small class="text-white">Distanza da Barcellona 100Km</small> <p class="text-white pb-4"> Nella città di Tarragona, iscritta nell'elenco del Patrimonio Mondiale, la ...</p> <a href='/it/destinazione/tarragona/' title='Tarragona' rel='' class="btn btn-transparent text-uppercase d-block text-white">Maggiori informazioni</a> </div> <div class="col-md-12 order-md-1"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/pont-diable-tarragona_c-costa-daurada.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/pont-diable-tarragona_c-costa-daurada.jpg_703474574.jpg 480w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/pont-diable-tarragona_c-costa-daurada.jpg_1481854746.jpg 768w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/pont-diable-tarragona_c-costa-daurada.jpg_1854118159.jpg 1920w' sizes='(max-width: 480px) 480px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/pont-diable-tarragona_c-costa-daurada.jpg_703474574.jpg' class='lazy img-fluid' alt='Costa Daurada' title='Costa Daurada'><div class="infoImg right right-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title"></span> <span class="copy_container"> <span class="copy_ico"> <span>©</span> </span> <span class="copy_texto">Costa Daurada</span> <span class="foto_copy_fade"></span> </span> </span> </div> </div> </div> </div> <div id="item-4" class="item carousel-item" data-slide-number="4"> <div class="row align-items-center layer-dark-shadow left"> <div class="col-md-5 offset-md-2 order-md-1 card-body position-absolute text-card"> <div class="title-box text-white"> <p class="title"><strong>Escursioni</strong> in luoghi vicini</p> <hr> </div><p class="text-uppercase font-weight-bold text-left text-white">Costa Daurada</p> <small class="text-white">Distanza da Barcellona 150Km</small> <p class="text-white pb-4"> Lungo gli 81 km di Mediterraneo che bagnano la Costa Daurada, nel sud della...</p> <a href='/it/regione/costa-dorada/' title='Costa Daurada' rel='' class="btn btn-transparent text-uppercase d-block text-white">Maggiori informazioni</a> </div> <div class="col-md-12 order-md-1"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/playa-larga-salou_c-costa-daurada.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/playa-larga-salou_c-costa-daurada.jpg_703474574.jpg 480w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/playa-larga-salou_c-costa-daurada.jpg_1481854746.jpg 768w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/playa-larga-salou_c-costa-daurada.jpg_1854118159.jpg 1920w' sizes='(max-width: 480px) 480px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/playa-larga-salou_c-costa-daurada.jpg_703474574.jpg' class='lazy img-fluid' alt='Costa Daurada' title='Costa Daurada'><div class="infoImg right right-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title"></span> <span class="copy_container"> <span class="copy_ico"> <span>©</span> </span> <span class="copy_texto">Costa Daurada</span> <span class="foto_copy_fade"></span> </span> </span> </div> </div> </div> </div> <div id="item-5" class="item carousel-item" data-slide-number="5"> <div class="row align-items-center layer-dark-shadow left"> <div class="col-md-5 offset-md-2 order-md-1 card-body position-absolute text-card"> <div class="title-box text-white"> <p class="title"><strong>Escursioni</strong> in luoghi vicini</p> <hr> </div><p class="text-uppercase font-weight-bold text-left text-white">Parco Naturale del Delta dell'Ebro</p> <small class="text-white">Distanza da Barcellona 175Km</small> <p class="text-white pb-4"> È stato scelto dalla Commissione Europea come destinazione europea d'eccell...</p> <a href='/it/natura/parco-naturale-delta-ebro/' title='Parco Naturale del Delta dell'Ebro' rel='' class="btn btn-transparent text-uppercase d-block text-white">Maggiori informazioni</a> </div> <div class="col-md-12 order-md-1"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/parque_natural_delta_ebro_tarragona_s_734436523.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/parque_natural_delta_ebro_tarragona_s_734436523.jpg_703474574.jpg 480w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/parque_natural_delta_ebro_tarragona_s_734436523.jpg_1481854746.jpg 768w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/parque_natural_delta_ebro_tarragona_s_734436523.jpg_1854118159.jpg 1920w' sizes='(max-width: 480px) 480px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/parque_natural_delta_ebro_tarragona_s_734436523.jpg_703474574.jpg' class='lazy img-fluid' alt='' title=''></div> </div> </div> <div id="item-6" class="item carousel-item" data-slide-number="6"> <div class="row align-items-center layer-dark-shadow left"> <div class="col-md-5 offset-md-2 order-md-1 card-body position-absolute text-card"> <div class="title-box text-white"> <p class="title"><strong>Escursioni</strong> in luoghi vicini</p> <hr> </div><p class="text-uppercase font-weight-bold text-left text-white">Girona</p> <small class="text-white">Distanza da Barcellona 100Km</small> <p class="text-white pb-4"> La cosiddetta “Città dei Quattro Fiumi” ci mostra un centro storico dominat...</p> <a href='/it/destinazione/girona/' title='Girona' rel='' class="btn btn-transparent text-uppercase d-block text-white">Maggiori informazioni</a> </div> <div class="col-md-12 order-md-1"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/girona_s34500556.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/girona_s34500556.jpg_703474574.jpg 480w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/girona_s34500556.jpg_1481854746.jpg 768w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/girona_s34500556.jpg_1854118159.jpg 1920w' sizes='(max-width: 480px) 480px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/girona_s34500556.jpg_703474574.jpg' class='lazy img-fluid' alt='' title=''></div> </div> </div> </div> <a class="carousel-control-prev" href="#carouselIndicators-2" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselIndicators-2" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> <ol class="carousel-indicators d-md-inline-block text-center"> <li class="active indicator-item" data-target="#carousel-full-width-1" data-slide-to="0"></li> <li class="indicator-item" data-target="#carousel-full-width-1" data-slide-to="1"></li> <li class="indicator-item" data-target="#carousel-full-width-1" data-slide-to="2"></li> <li class="indicator-item" data-target="#carousel-full-width-1" data-slide-to="3"></li> <li class="indicator-item" data-target="#carousel-full-width-1" data-slide-to="4"></li> <li class="indicator-item" data-target="#carousel-full-width-1" data-slide-to="5"></li> <li class="indicator-item" data-target="#carousel-full-width-1" data-slide-to="6"></li> </ol> </div> </div> </section> </div> </section> </div><div> <section class="module destacados positioned min-h-md"> <div class="container"> <div class="pb-4"> <div class="title-box "> <span class="subtitle">Programmazione</span> <p class="title"><strong>Mostre, festival, sport...</strong></p> <hr> <p class="description">Consulta alcuni degli eventi più interessanti a cui potrai assistere nella località.</p> </div></div> <div class="row"> <div class="col-md-4"> <a class="card d-block" href="/it/eventi/mostra-serge-attukwei-clottey/"> <div class="bg-cover"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/eventos-fiestas/cataluna/fachada-museo-tapies.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/eventos-fiestas/cataluna/fachada-museo-tapies.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/eventos-fiestas/cataluna/fachada-museo-tapies.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/eventos-fiestas/cataluna/fachada-museo-tapies.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/eventos-fiestas/cataluna/fachada-museo-tapies.jpg_2140969072.jpg' class='lazy img-fluid img-editable' alt='La facciata del Museu Tàpies è stata realizzata da Serge Attukwei Clottey con l'installazione «Més enllà de la pell», Barcellona, 2024.' title='La facciata del Museu Tàpies è stata realizzata da Serge Attukwei Clottey con l'installazione «Més enllà de la pell», Barcellona, 2024.'><!-- <div class="infoImg right right-top"> --> <!-- <span id="infoCont-4" class="infoCont hidden"> --> <!-- <span id="info_title"> </span> --> <!-- <span class="copy_container"> --> <!-- <span class="copy_ico"> --> <!-- <span>©</span> --> <!-- </span> --> <!-- <span class="foto_copy_fade"></span> --> <!-- </span> --> <!-- </span> --> <!-- </div> --> </div> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle">Mostra</span> <h2 class="title-secondary">Serge Attukwei Clottey. Oltre la pelle</h2> <p class="small">Barcelona</p> <p class="secondary-color small">03 luglio 2024 - 01 dicembre 2024</p> </div> </div> </a> <div class="position-absolute content left top clipped bg-primary-color"> <div class="clipped-content"> <strong class="text-center d-block">03</strong> <small class="text-center text-uppercase d-block">lug</small> </div> </div> </div> <div class="col-md-4"> <a class="card d-block" href="/it/eventi/festival-internazionale-jazz-barcellona/"> <div class="bg-cover"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/Genericas/saxofonista_s2492191.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/Genericas/saxofonista_s2492191.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/Genericas/saxofonista_s2492191.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/Genericas/saxofonista_s2492191.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/Genericas/saxofonista_s2492191.jpg_2140969072.jpg' class='lazy img-fluid img-editable' alt='' title=''><!-- <div class="infoImg right right-top"> --> <!-- <span id="infoCont-4" class="infoCont hidden"> --> <!-- <span id="info_title"> </span> --> <!-- <span class="copy_container"> --> <!-- <span class="copy_ico"> --> <!-- <span>©</span> --> <!-- </span> --> <!-- <span class="foto_copy_fade"></span> --> <!-- </span> --> <!-- </span> --> <!-- </div> --> </div> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle">Festival</span> <h2 class="title-secondary">Festival Internazionale del Jazz di Barcellona</h2> <p class="small">Barcelona</p> <p class="secondary-color small">10 ottobre 2024 - 23 marzo 2025</p> </div> </div> </a> <div class="position-absolute content left top clipped bg-primary-color"> <div class="clipped-content"> <strong class="text-center d-block">10</strong> <small class="text-center text-uppercase d-block">ott</small> </div> </div> </div> <div class="col-md-4"> <a class="card d-block" href="/it/eventi/henri-cartier-bresson/"> <div class="bg-cover"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/eventos-fiestas/cataluna/exposicion-henri-cartier-bresson_c-henri-cartier-bresson-magnum-photos.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/eventos-fiestas/cataluna/exposicion-henri-cartier-bresson_c-henri-cartier-bresson-magnum-photos.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/eventos-fiestas/cataluna/exposicion-henri-cartier-bresson_c-henri-cartier-bresson-magnum-photos.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/eventos-fiestas/cataluna/exposicion-henri-cartier-bresson_c-henri-cartier-bresson-magnum-photos.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/eventos-fiestas/cataluna/exposicion-henri-cartier-bresson_c-henri-cartier-bresson-magnum-photos.jpg_2140969072.jpg' class='lazy img-fluid img-editable' alt='Siviglia, Spagna, 1933' title='Siviglia, Spagna, 1933'><!-- <div class="infoImg right right-top"> --> <!-- <span id="infoCont-4" class="infoCont hidden"> --> <!-- <span id="info_title"> </span> --> <!-- <span class="copy_container"> --> <!-- <span class="copy_ico"> --> <!-- <span>©</span> --> <!-- </span> --> <!-- <span class="foto_copy_fade"></span> --> <!-- </span> --> <!-- </span> --> <!-- </div> --> </div> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle">Mostra</span> <h2 class="title-secondary">Esposizione: Henri Cartier-Bresson</h2> <p class="small">Barcelona</p> <p class="secondary-color small">11 ottobre 2024 - 26 gennaio 2025</p> </div> </div> </a> <div class="position-absolute content left top clipped bg-primary-color"> <div class="clipped-content"> <strong class="text-center d-block">11</strong> <small class="text-center text-uppercase d-block">ott</small> </div> </div> </div> </div> <a href="/it/risultati-ricerca/?lq=&reloaded=q=&sh=agenda&sort=score+desc&filterMun=Barcelona" class="btn btn-white text-uppercase d-block mx-auto mt-4" rel=”nofollow”>Maggiori informazioni</a> </div> </section> </div><div class="bg-cover"> <section class="module banner-img-bg"> <div class="bg-cover"> <img src="/export/sites/segtur/.content/imagenes/banners/actividades/banner-actividades-generico.jpg" alt="banner" class="img-editable img-fluid" style="display: none;"> <div class="container"> <div class="wrapper-cta"> <div class="title-box"> <span class="subtitle">ESPERIENZE</span> <p class="title">Effettua la tua prenotazione</p> <hr> <p class="description d-none d-sm-block">Scegli tra migliaia di attività per vivere al meglio le tue vacanze.</p> </div> <a href="/it/risultati-ricerca/?tab=e&exp=true&loc=ICP" class="btn btn-white text-uppercase" rel="nofollow">Maggiori informazioni</a> <img src="/export/sites/segtur/.content/imagenes/banners/actividades/banner-actividades-generica-mb.jpg" alt="banner" class="img-fluid d-md-none"> </div> </div> </div> </section> </div></div></div><div id="extra" ></div><div id="form-errores" ></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/destinazione/barcellona/" 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/destinazione/barcellona/" 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=6daf432b-f19e-11e9-88bc-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.it" 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/spagnainitalia" rel="nofollow" class="item-link" target="_blank" aria-label="twitter"><span class="icon-xicon1 text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.youtube.com/spain" rel="nofollow" class="item-link" target="_blank" aria-label="youtube"><span class="icon-youtube text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.instagram.com/spain/" rel="nofollow" class="item-link" target="_blank" aria-label="instagram"><span class="icon-instagram text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.tiktok.com/@visitspain" rel="nofollow" class="item-link" target="_blank" aria-label="tiktok"><span class="icon-tiktok text-white"></span></a></li> </ul> </nav> </div> <p class="text-gray">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="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'; /* if (locale == 'es' || locale == 'en' || locale == 'de' || locale == 'fr' || locale == 'it' || locale == 'pt_BR'){ setTimeout(() => { if (getCookie('encuesta')!="true" && getCookie('cc_cookie_sp')!=null && JSON.parse(getCookie('cc_cookie_sp')).external_cookies) { document.getElementById("encuesta").style.visibility = "visible"; } else { document.getElementById("encuesta").style.visibility = "hidden"; } }, 30000); } */ }; window.addEventListener('appinstalled', e => { $('#wrapper-saved').removeClass('d-block'); $('#installApp').hide(); $('#ssavedOffline').css({display: "block"}); $('#textInstall').hide(); }); document.getElementById('close-saved').addEventListener('click', e => { document.getElementById('wrapper-saved').style.display = 'none'; }) </script> <script defer src="/export/system/modules/es.segittur.comun/resources/js/scripts.min.js" type="text/javascript"></script> <script type="text/javascript"> if( $('#modal-mapa-fav').length){ $('#modal-mapa-fav').on('shown.bs.modal', function(e) { var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapafav = document.createElement('script'); mapafav.type = "text/javascript"; mapafav.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-favoritos.js"; $('body').append(mapafav); }); } if($('#mi-viaje-container').length){ var miviajescript = document.createElement('script'); miviajescript.type = "text/javascript"; miviajescript.src = "/export/system/modules/es.segittur.consulta/resources/mi-viaje-query.js"; $('body').append(miviajescript); } if ($('.experiencias-search').length) { $('<link id="bsdp-css" href="/export/system/modules/es.segittur.comun/resources/css/bootstrap-datepicker3.min.css" rel="stylesheet">').appendTo('head'); $('<link id="bsdp-css" href="/export/system/modules/es.segittur.comun/resources/css/bootstrap-slider.css" rel="stylesheet">').appendTo('head'); var datescript = document.createElement('script'); datescript.type = "text/javascript"; datescript.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-slider.js"; $('body').append(datescript); var localescript = document.createElement('script'); localescript.type = "text/javascript"; localescript.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-datepicker.min.js"; localescript.charset = "UTF-8"; $('body').append(localescript); var btslider = document.createElement('script'); btslider.type = "text/javascript"; btslider.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-datepicker.es.min.js"; btslider.charset = "UTF-8"; $('body').append(btslider); $('.input-daterange').datepicker({ weekStart: 1, language: "es", multidate: false, todayHighlight: true }); $("#priceSliderInput").slider({}); /* textPrice = document.createElement("p"); textPrice.id = "textPrice"; acordPrecio = document.getElementById("acord-precio"); acordPrecio.appendChild(textPrice); min = acordPrecio.getElementsByClassName("tooltip-min")[0].getElementsByClassName("tooltip-inner")[0].innerText; max = acordPrecio.getElementsByClassName("tooltip-max")[0].getElementsByClassName("tooltip-inner")[0].innerText; document.getElementById('textPrice').innerText = min+"€ - "+max+"€"; $("#priceSliderInput").on("slide", function(slideEvt) { //$("#tooltip-inner").html("asd"); let mini = document.getElementById("priceSliderInput").getAttribute("value"); console.log(mini); mini.textContent += ' e'; //document.getElementsByClassName("tooltip-max")[0].getElementsByClassName("tooltip-inner")[0].innerText; //document.getElementById('textPrice').innerText = min+"€ - "+max+"€"; //console.log("asd"); }); */ } if ($('.kml').length) { var script = document.createElement('script'); script.type = "text/javascript"; script.src = "/export/system/modules/es.segittur.comun/resources/js/L.KML.js"; $('body').append(script); //MAPA LEAFLET var map = L.map('map').setView([40.4149903, -3.70447, 15], 14); map.scrollWheelZoom.disable(); L.tileLayer('https://{s}.tile.openstreetmap.se/hydda/full/{z}/{x}/{y}.png', { maxZoom: 18, attribution: 'Tiles courtesy of <a href="http://openstreetmap.se/" target="_blank">OpenStreetMap Sweden</a> — Map data © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' }).addTo(map); // Load kml file fetch(segturkml).then(function (res) { return res.text(); }).then(function (kmltext) { // Create new kml overlay var parser = new DOMParser(); var kml = parser.parseFromString(kmltext, 'text/xml'); var track = new L.KML(kml); map.addLayer(track); // Adjust map to show the kml var bounds = track.getBounds(); map.fitBounds(bounds); }); } if ($('.gpx').length) { if(navigator.userAgent.indexOf('MSIE')!==-1 || navigator.appVersion.indexOf('Trident/') > -1){ $('<link href="https://unpkg.com/@raruto/leaflet-elevation@0.3.9/leaflet-elevation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/gpx.css" rel="stylesheet">').appendTo('head'); var opts = { map: { center: [41.4583, 12.7059], zoom: 5, markerZoomAnimation: false, zoomControl: false, layersControl: false }, zoomControl: { position: 'topleft', }, topoLayer: { url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'map data: © <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>))', }, }, osmLayer: { url:'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'Map data: © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>', } }, elevationControl: { tracks: { track_1: { url: segturgpx } }, options: { position: "bottomright", theme: "lime-theme", useHeightIndicator: false, interpolation: d3.curveLinear, collapsed: false, detachedView: false, }, }, layersControl: { options: { collapsed: false, }, }, }; var map = new L.Map('map', opts.map); var baseLayers = {}; baseLayers.OTM = new L.TileLayer(opts.osmLayer.url, opts.osmLayer.options); baseLayers.TOPO = new L.TileLayer(opts.topoLayer.url, opts.topoLayer.options); var controlZoom = new L.Control.Zoom(opts.zoomControl); var controlElevation = L.control.elevation(opts.elevationControl.options); var controlLayer = L.control.layers(null, null, opts.layersControl.options); controlZoom.addTo(map); controlLayer.addTo(map); controlElevation.loadChart(map); map.addLayer(baseLayers.OTM); var traces = []; var tracks = opts.elevationControl.tracks; var i = 0; for (var track in tracks) { loadTrace(track, i++) } function loadTrace(track, i) { var trace = {}; trace.gpx = new L.GPX(tracks[track].url, { async: true, index: i, marker_options: { startIconUrl: '/export/sites/segtur/.content/images/iconos/poi-rojo.png', endIconUrl: '/export/sites/segtur/.content/images/iconos/poi-rojo.png', shadowUrl: null, }, polyline_options: { color: tracks[track].color, } }); trace.gpx.on('loaded', function(e) { controlLayer.addBaseLayer(e.target, e.target.get_name()); document.getElementsByClassName("leaflet-control-layers")[0].style.display = "none"; let elevationContainer = document.getElementsByClassName("leaflet-control-container")[0]; let elevationSpaininfoTheme = elevationContainer.getElementsByClassName("lime-theme")[0]; elevationSpaininfoTheme.getElementsByClassName("background")[0].style.backgroundColor = 'rgba(255, 255, 240, 0.5)'; elevationSpaininfoTheme.getElementsByClassName("background")[0].style.backgroundColor = 'rgba(187, 214, 171, 0.6)'; if (e.target.options.index == 0) { setElevationTrace(0); } else { //map.removeLayer(e.target); } }) trace.gpx.on("addline", function(e) { trace.line = e.line; }) trace.gpx.addTo(map); traces.push(trace); } map.on("baselayerchange", function(e) { for (var i in traces) { if (traces[i].gpx._leaflet_id == e.layer._leaflet_id) { setElevationTrace(e.layer.options.index); break; } } }); function setElevationTrace(index) { var trace = traces[index]; controlElevation.clear(); var q = document.querySelector.bind(document); controlElevation.addData(trace.line); map.fitBounds(trace.gpx.getBounds()); trace.gpx.setStyle({ color: 'red', weight: 4, opacity: 0.8, }); } }else{ $('<link href="https://unpkg.com/@raruto/leaflet-elevation@1.5.0/dist/leaflet-elevation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/gpx.css" rel="stylesheet">').appendTo('head'); var optElevationControl = { theme: "spaininfo-theme", summary: false, downloadLink: false, followMarker: false, marker: 'position-marker', position: "bottomright", collapsed: false, detached: false, autofitBounds: false, legend: false, gpxOptions: { marker_options: { wptIconUrls: { 'inicio': '/export/sites/segtur/.content/images/iconos/poi-rojo.png', 'fin': '/export/sites/segtur/.content/images/iconos/poi-rojo.png' } } } }; if($( window ).width() < 1280){ optElevationControl = { theme: "spaininfo-theme", summary: false, downloadLink: false, followMarker: false, marker: 'position-marker', autofitBounds: false, legend: false, gpxOptions: { marker_options: { wptIconUrls: { 'inicio': '/export/sites/segtur/.content/images/iconos/poi-rojo.png', 'fin': '/export/sites/segtur/.content/images/iconos/poi-rojo.png' } } } }; } var opts = { map: { center: [40.4149903, -3.70447], zoom: 15, }, topoLayer: { url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'map data: © <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>))', }, }, osmLayer: { url:'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'Map data: © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>', } }, elevationControl: { url: segturgpx, options: optElevationControl }, layersControl: { options: { collapsed: false }, }, }; var map = new L.Map('map', opts.map); map.scrollWheelZoom.disable(); var baseLayers = {}; baseLayers["Topo"] = new L.TileLayer(opts.topoLayer.url, opts.topoLayer.options); baseLayers["Map"] = new L.TileLayer(opts.osmLayer.url, opts.osmLayer.options); map.addLayer(baseLayers["Map"]); var controlElevation = L.control.elevation(opts.elevationControl.options); var controlLayer = L.control.layers(baseLayers, null, opts.layersControl.options); controlElevation.load(opts.elevationControl.url); controlElevation.addTo(map); controlLayer.addTo(map); map.on('eledata_loaded', function(e) { var coordinateGPX = ""; var latitude = controlElevation.getBounds().getCenter().lat; var longitude = controlElevation.getBounds().getCenter().lng; if( coordinateGPX != "false"){ let coordinateList = coordinateGPX.split(","); latitude = parseFloat(coordinateList[0]); longitude = parseFloat(coordinateList[1]); } map.setView([latitude, longitude], 15); }); } } if( $('#mapa-oets').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var scriptmapoet = document.createElement('script'); scriptmapoet.type = "text/javascript"; scriptmapoet.src = "/export/system/modules/es.segittur.infoPractica/resources/mapa-oets-sh.js"; $('body').append(scriptmapoet); } if( $('.resultados-mapa').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); if( $('.sh-mapa-interactivo').length ){ var mapai = document.createElement('script'); mapai.type = "text/javascript"; mapai.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-interactivo.js"; $('body').append(mapai); } if( $('.mapa-buscador').length ){ $('#modal-mapa-buscador').on('shown.bs.modal', function(e) { var mapab = document.createElement('script'); mapab.type = "text/javascript"; mapab.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-buscador.js"; $('body').append(mapab); $('.header').css('z-index', '9'); }); $('#modal-mapa-buscador').on('hidden.bs.modal', function(e){ $('.header').css('z-index', '999999999'); }); } $('#resultados-texto').click(function(){ $('html, body').animate({scrollTop: $(this).offset().top - 70 },'slow'); }); $('.navbar-toggler').click(function(){ var ide = $(this).attr('data-target'); var cajas = $("[class^='wrapper-lista-'].show"); if (!$(ide).hasClass("show")) { $(cajas).removeClass('show'); } if(!$(cajas).length){ $('.header-relative').css({'overflow':'hidden', 'position':'fixed'}); } else { $('.header-relative').css({'overflow':'inherit', 'position':'inherit'}); } }); $('#padre').on('shown.bs.collapse', function () { $(this).find('input').prop('checked', true); }); $('#padre').on('hidden.bs.collapse', function () { $(this).find('input').prop('checked', false); }); } if( $('#mapa-pueblosbonitos').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapaPueblosBonitos = document.createElement('script'); mapaPueblosBonitos.type = "text/javascript"; mapaPueblosBonitos.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-pueblos-bonitos.js"; $('body').append(mapaPueblosBonitos); var localemapapb = '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><script type='application/ld+json'>{"@context":"http://www.schema.org","@type":"TouristDestination","name":"Barcellona","url":"https://www.spain.info/it/destinazione/barcellona/","description":"Barcellona è una città ricca di originali offerte di svago che spingono i turisti a visitarla più volte. Affacciata sul Mediterraneo e nota per Gaudí e la sua architettura modernista, Barcellona è una delle capitali europee più trendy.","image":"https://www.spain.info/.content/imagenes/cabeceras-grandes/cataluna/park-guell-barcelona-s-305364611.jpg","address":{"@type":"PostalAddress","streetAddress":" Barcelona Barcellona Catalogna","addressLocality":"Barcelona","addressRegion":"Catalogna"}}</script> </body> </html>