Home. Rodalies de Catalunya

<!DOCTYPE html> <html xml:lang="en-GB" lang="en-GB"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="WT.z_idioma" content='en' />  <title>Home. Rodalies de Catalunya</title> <link rel='alternate' hreflang='ca' href='https://rodalies.gencat.cat/ca/inici/index.html' /><link rel='alternate' hreflang='es' href='https://rodalies.gencat.cat/es/inici/index.html' /><link rel='alternate' hreflang='en' href='https://rodalies.gencat.cat/en/inici/index.html' /><link rel='alternate' hreflang='x-default' href='https://rodalies.gencat.cat/' /><link rel="shortcut icon" type="image/x-icon" href="/web/resources/fwkResponsives/common/img/favicon.ico" /> <link href="/web/resources/fwkResponsives/common/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> <link href="/web/resources/fwkResponsives/common/css/styles.css" rel="stylesheet" type="text/css"/> <link href="/web/resources/fwkResponsives/common/css/leaflet.min.css" rel="stylesheet" type="text/css"/> <link href="/web/resources/fwkResponsives/common/css/master.responsive.css" rel="stylesheet" type="text/css"/>  <script src="/web/resources/fwkResponsives/common/js/jquery.min.js" type="text/javascript"></script> <script src="/web/resources/fwkResponsives/common/js/jquery-ui.js" type="text/javascript"></script> <script src="/web/resources/fwkResponsives/common/js/master.min.js" type="text/javascript"></script> <script src="/web/resources/fwkResponsives/common/js/entorn_config.js" type="text/javascript"></script> <script src="/web/resources/fwkResponsives/common/js/generic_responsive.js" type="text/javascript"></script> <script src="/web/resources/fwkResponsives/common/js/master.responsive.js" type="text/javascript"></script>  <link href="/web/resources/fwkResponsive/fpca_llista/css/fpca_llista.css" rel="stylesheet" type="text/css"/> <link href="/web/system/modules/cat.gencat.wcmResponsive.formatters.incidencia_rodalies_front/resources/fpca_incidencia_rodalies_front/css/styles.9f852d1b745ed67c.css" rel="stylesheet" type="text/css"/> <link href="/web/system/modules/cat.gencat.wcmResponsive.formatters.incidencia_rodalies_front/resources/fpca_incidencia_rodalies_front/css/quill.bubble.css" rel="stylesheet" type="text/css"/> <link href="/web/system/modules/cat.gencat.wcmResponsive.formatters.incidencia_rodalies_front/resources/fpca_incidencia_rodalies_front/css/quill.core.css" rel="stylesheet" type="text/css"/> <link href="/web/system/modules/cat.gencat.wcmResponsive.formatters.incidencia_rodalies_front/resources/fpca_incidencia_rodalies_front/css/quill.snow.css" rel="stylesheet" type="text/css"/> <link href="/web/resources/fwkResponsive/fpca_llista_mesEnllacos/css/fpca_llista_mesEnllacos.css" rel="stylesheet" type="text/css"/> <link href="/web/resources/fwkResponsive/fpca_diapositives/css/fpca_diapositives.css" rel="stylesheet" type="text/css"/> <link href="/web/resources/fwkResponsive/fpca_llista_pestanyes/css/fpca_llista_pestanyes.css" rel="stylesheet" type="text/css"/> <link href="/web/resources/fwkResponsive/fpca_llista_quadriculaColors/css/fpca_llista_quadriculaColors.css" rel="stylesheet" type="text/css"/> <link href="/web/resources/fwkResponsive/fpca_peu/css/fpca_peu.css" rel="stylesheet" type="text/css"/> <link href="/web/resources/fwkResponsive/fpca_peu_xarxesSocials/css/fpca_peu_xarxesSocials.css" rel="stylesheet" type="text/css"/> <link href="/web/resources/fwkResponsive/fpca_peu_contacte/css/fpca_peu_contacte.css" rel="stylesheet" type="text/css"/> <link href="/web/resources/fwkResponsive/fpca_capcalera/css/capcalera.css" rel="stylesheet" type="text/css"/> <link href="/web/resources/fwkResponsive/common/css/simplebar.css" rel="stylesheet" type="text/css"/> <link href="/web/system/modules/cat.gencat.wcmResponsive.formatters.horaries_front/resources/fpca_horaries_front/css/styles.974dad23747e13be.css" rel="stylesheet" type="text/css"/> <link href="/web/system/modules/cat.gencat.wcmResponsive.formatters.horaries_front/resources/fpca_horaries_front/css/quill.bubble.css" rel="stylesheet" type="text/css"/> <link href="/web/system/modules/cat.gencat.wcmResponsive.formatters.horaries_front/resources/fpca_horaries_front/css/quill.core.css" rel="stylesheet" type="text/css"/> <link href="/web/system/modules/cat.gencat.wcmResponsive.formatters.horaries_front/resources/fpca_horaries_front/css/quill.snow.css" rel="stylesheet" type="text/css"/> <script src="/web/resources/fwkResponsive/fpca_llista/js/fpca_llista.js" type="text/javascript"></script> <script src="/web/system/modules/cat.gencat.wcmResponsive.formatters.incidencia_rodalies_front/resources/fpca_incidencia_rodalies_front/js/main.aa86f0045c2f1cec.js" type="text/javascript"></script> <script src="/web/system/modules/cat.gencat.wcmResponsive.formatters.incidencia_rodalies_front/resources/fpca_incidencia_rodalies_front/js/polyfills.bcc751ba8c8b7c61.js" type="text/javascript"></script> <script src="/web/system/modules/cat.gencat.wcmResponsive.formatters.incidencia_rodalies_front/resources/fpca_incidencia_rodalies_front/js/quill.c3f34ab39961df7a.js" type="text/javascript"></script> <script src="/web/system/modules/cat.gencat.wcmResponsive.formatters.incidencia_rodalies_front/resources/fpca_incidencia_rodalies_front/js/runtime.1bb991c9099d9617.js" type="text/javascript"></script> <script src="/web/resources/fwkResponsive/fpca_llista_mesEnllacos/js/fpca_llista_mesEnllacos.js" type="text/javascript"></script> <script src="/web/resources/fwkResponsive/fpca_diapositives/js/fpca_diapositives.js" type="text/javascript"></script> <script src="/web/resources/fwkResponsive/js/vimeo-player.js" type="text/javascript"></script> <script src="/web/resources/fwkResponsive/fpca_llista_pestanyes/js/fpca_llista_pestanyes.js" type="text/javascript"></script> <script src="/web/resources/fwkResponsive/fpca_peu/js/fpca_peu.js" type="text/javascript"></script> <script src="/web/resources/fwkResponsive/fpca_peu_xarxesSocials/js/fpca_peu_xarxesSocials.js" type="text/javascript"></script> <script src="/web/resources/fwkResponsive/fpca_peu_contacte/js/fpca_peu_contacte.js" type="text/javascript"></script> <script src="/web/resources/fwkResponsive/fpca_capcalera/js/fpca_capcalera.js" type="text/javascript"></script> <script src="/web/resources/fwkResponsive/common/js/simplebar.min.js" type="text/javascript"></script> <script src="/web/resources/fwkResponsive/common/js/autoComplete.min.js" type="text/javascript"></script> <script src="/web/resources/fwkResponsive/common/js/algoliasearch.min.js" type="text/javascript"></script> <script src="/web/resources/fwkResponsive/common/js/autoComplete.js" type="text/javascript"></script> <script src="/web/system/modules/cat.gencat.wcmResponsive.formatters.horaries_front/resources/fpca_horaries_front/js/main.3dad4843e94893d5.js" type="text/javascript"></script> <script src="/web/system/modules/cat.gencat.wcmResponsive.formatters.horaries_front/resources/fpca_horaries_front/js/polyfills.4ee79fa8a7e8b69e.js" type="text/javascript"></script> <script src="/web/system/modules/cat.gencat.wcmResponsive.formatters.horaries_front/resources/fpca_horaries_front/js/quill.448ca4ccf47798d6.js" type="text/javascript"></script> <script src="/web/system/modules/cat.gencat.wcmResponsive.formatters.horaries_front/resources/fpca_horaries_front/js/runtime.dcec44e37e3bf3de.js" type="text/javascript"></script> <link href="/web/resources/fwkResponsives/common/css/print.css" rel="stylesheet" type="text/css"/> <meta property="og:title" content="Home"/> <meta property="og:url" content="http://rodalies.gencat.cat/en/inici/"/> <meta property="og:type" content=""/> <meta property="og:site_name" content="Rodalies de Catalunya"/> <meta property="og:image" content="http://rodalies.gencat.cat/web/resources/fwk/comuns/img/avatar.jpg" /> <meta property="og:image:secure_url" content="https://rodalies.gencat.cat/web/resources/fwk/comuns/img/avatar.jpg" /> <meta property="og:image:width" content="640" /> <meta property="og:image:height" content="442" /> <meta name="twitter:title" content="Home"/> <meta name="twitter:card" content="summary"/> <meta name="twitter:site" content="@gencat"> <meta name="twitter:image" content="http://rodalies.gencat.cat/web/resources/fwk/comuns/img/avatar.jpg" /> <script type="text/javascript"> (function(window, document, dataLayerName, id) { window[dataLayerName]=window[dataLayerName]||[],window[dataLayerName].push({start:(new Date).getTime(),event:"stg.start"});var scripts=document.getElementsByTagName('script')[0],tags=document.createElement('script'); function stgCreateCookie(a,b,c){var d="";if(c){var e=new Date;e.setTime(e.getTime()+24*c*60*60*1e3),d="; expires="+e.toUTCString();f="; SameSite=Strict"}document.cookie=a+"="+b+d+f+"; path=/"} var isStgDebug=(window.location.href.match("stg_debug")||document.cookie.match("stg_debug"))&&!window.location.href.match("stg_disable_debug");stgCreateCookie("stg_debug",isStgDebug?1:"",isStgDebug?14:-1); var qP=[];dataLayerName!=="dataLayer"&&qP.push("data_layer_name="+dataLayerName),isStgDebug&&qP.push("stg_debug");var qPString=qP.length>0?("?"+qP.join("&")):""; tags.async=!0,tags.src="https://gencat.containers.piwik.pro/"+id+".js"+qPString,scripts.parentNode.insertBefore(tags,scripts); !function(a,n,i){a[n]=a[n]||{};for(var c=0;c<i.length;c++)!function(i){a[n][i]=a[n][i]||{},a[n][i].api=a[n][i].api||function(){var a=[].slice.call(arguments,0);"string"==typeof a[0]&&window[dataLayerName].push({event:n+"."+i+":"+a[0],parameters:[].slice.call(arguments,1)})}}(i[c])}(window,"ppms",["tm","cm"]); })(window, document, 'dataLayer', 'eb50131d-1482-4c39-a0fa-835d5e4dacd6'); </script> <script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="U6T8U-HLN5F-TUC99-LBTYR-FZDHV",function(){function e(){if(!r){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,o.appendChild(e),r=!0}}function t(e){r=!0;var n,t,a,i,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(o,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",i=(a.frameElement||a).style,i.width=0,i.height=0,i.border=0,i.display="none",o.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void 0;",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=14,window.BOOMR.url=n+"U6T8U-HLN5F-TUC99-LBTYR-FZDHV";var i=document.currentScript||document.getElementsByTagName("script")[0],o=i.parentNode,r=!1,d=document.createElement("link");if(d.relList&&"function"==typeof d.relList.supports&&d.relList.supports("preload")&&"as"in d)window.BOOMR.snippetMethod="p",d.href=window.BOOMR.url,d.rel="preload",d.as="script",d.addEventListener("load",e),d.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!r)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),o.appendChild(d);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="bdpnbetilbdiaz2gmoxa-f-ddd2ef9d5-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,o={"ak.v":"39","ak.cp":"1325450","ak.ai":parseInt("797760",10),"ak.ol":"0","ak.cr":1,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"41388e7","ak.r":40747,"ak.a2":n,"ak.m":"dscb","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":60150,"ak.gh":"104.88.70.111","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1732666286","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==2eXDzOjLR0goL7fmcvtvG4izzpdlvqV27I+5wZRJKMjoQJQ+8K/VdDophmu0ihiLw8APMM94bzSYRw8YGrD5jdxxiDd3Jwc/4M+1PdYBuiNpQ0LpjUKEL3XcKqgI9+t3HmQjcUn/q5oXh5L4H35prdeanBFVm3p5FbgutCqDhxLl1WZb+z/VcDt3jc/CbobHePaMyReutIwCbt6MfMXAC6NxKFFEHl6spvi68i1m5XYbFRyvxVZ9HUrw2KWRyj61PapF97o8Ks864rNckE8pb3HXV7y9koV9uWhuss4U+4JisLhFEV582ZTi1M5/1VAbZtS8dWK9edEdLz4JLezq/it7PT6N0h+6gdXL2RttlPhmtzyjbF5Ono3FCSQux7lWz82nkTHHv4Y/L10KRjcnDviafrkIrK2eJwDCoquC57Q=","ak.pv":"6","ak.dpoabenc":"","ak.tf":i};if(""!==t)o["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))o["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(o)},rv:function(){var e=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:o,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body>  <a class="hidden-xs skip-main" href="#main" tabindex="1" role="region"> Saltar al contingut principal </a> <div class="contenidor unfixed"> <header class="NG-header">    <div id="hTContainer" ><div class="fpca_capcalera_new"> <div class="NG-header__container NG-header__container--relative" > <div class="NG-main"> <div class="NG-container">  <div class="NG-row-flex NG-row-flex--space-between"> <div class="NG-col NG--pd15 NG-row-flex--vertical-lg NG-row-flex-row-reverse"> <div class="NG-header__logo"> <a href="https://web.gencat.cat/" target="_blank" > <span class="sr-only">. Open in a new window.</span><img class="NG-header__image" src="/web/resources/fwkResponsive/fpca_capcalera/img/gencat-nuevo-completo-w.svg" alt="Generalitat's logo" /> </a> </div> <a class="NG-header__icon js-burguer-menu" role="button" tabindex="0"> <span class="sr-only" title="Menu">Menu</span> </a> </div> <div class="NG-col NG--pd15"> <div class="NG-navbar__menu-desktop--wrapper hide-mobile"> <ul class="NG-navbar__menu NG-navbar__menu--invert js-NG-navbar__menu show-lg"> <li class="NG-navbar__list"> <a class="NG-navbar__link NG-navbar__link" href="/en/contacte/" target="_self" > <img class="NG-navbar__image" src="/web/resources/fwkResponsive/fpca_capcalera/img/contacte-b.svg" alt="" /> Contact</a> </li> <li class="NG-navbar__list NG-navbar__list--vertical-sm"> <a class="NG-navbar__link js-NG-menu-idioma" id="rotate_icon" role="button" aria-expanded="false" title="Select language" tabindex="0" > <img class="NG-navbar__image" src="/web/resources/fwkResponsive/fpca_capcalera/img/idioma-b.svg" alt="" /> <span class="NG-idioma"> Language:</span> <span class="NG-nom-idioma-letter"> <span class="js-NG-idioma-text notranslate">en</span> <img class="NG-navbar__down" src="/web/resources/fwkResponsive/fpca_capcalera/img/chevron-down-small-w.svg" alt="" /> </span> <img class="NG-rotate-image NG-navbar__image NG-navbar__image--float-right" src="/web/resources/fwkResponsive/fpca_capcalera/img/chevron-down-thin-b.svg" alt="" /> </a> <ul class="NG-navbar__list-language idioma" aria-label="Page lenguage. "> <li class='NG-block__content'><a title="Català" data-idioma="Català" lang="ca" role="button" tabindex="0" class="js-NG-idioma-item js-NG-idioma-tooltip NG-block__content_label notranslate enllacIdioma" href="/ca/inici/index.html">Català</a></li><li class='NG-block__content'><a title="Castellano" data-idioma="Castellano" lang="es" role="button" tabindex="0" class="js-NG-idioma-item js-NG-idioma-tooltip NG-block__content_label notranslate enllacIdioma" href="/es/inici/index.html">Castellano</a></li></ul> </li> </ul> </div> <a class="NG-header__icon2 js-search-menu" aria-controls="NG-search" role="button" aria-expanded="false" tabindex="0" > <span class="sr-only">Search engine</span> </a> </div> </div> </div> </div> <div class="NG-header__wrapper"> <div class="NG-search" id="NG-search"> <div class="NG-search__wrapper"> <input type="hidden" id="searchPage" name="searchPage" value="/en/ajuda/cercador/index.html"> <input type="hidden" id="localeSearch" name="localeSearch" value="en"> <input type="hidden" id="asSiteSearch" name="asSiteSearch" value="rodalies.gencat.cat"> <h2 class="NG-search__title">Search engine</h2> <form id="fpca_capcalera_cercador" action="/en/ajuda/cercador/index.html" method="get"> <div class="NG-inputSearch NG-inputSearch--wrapper"> <input class="NG-inputSearch__input" id="autoCompleteCapcalera" type="text" name="q" title="Search" autocomplete="off" placeholder="You can search for procedures, departments, services..." /> <input type="hidden" name="lr" value="lang_en"/> <button class="NG-inputSearch__button" type="submit"> <img class="NG-inputSearch__button-image" src="/web/resources/fwkResponsive/fpca_capcalera/img/search-w.svg" alt="Search" width="24px" height="24px" /> </button> <input type="hidden" value="rodalies.gencat.cat" name="as_sitesearch"> <input type="hidden" value="htm" name="as_filetype"> </div> </form> <div class="NG-buttons--wrapper"> </div> </div> </div> <div class="display:none;"> </div> <div class="NG-departament"> <div class="NG-departament__background-wrapper NG-departament__background-wrapper--top"> <div class="NG-container"> <div class="NG-row-flex NG-row-flex--align-center-md"> <div class="NG-col NG--pd15"> <h2 class="NG-departament__title"> <a href="/en/" title="Rodalies de Catalunya"> Rodalies de Catalunya</a> </h2> </div> </div> </div> </div> </div> <nav class="NG-navbar"> <div class="NG-container"> <div class="NG-row-flex NG-row-flex--vertical-md"> <ul class="NG-navbar__menu js-navbar__menu"> <li class="NG-navbar__list NG-navbar__list--white NG-navbar__list--active NG-navbar__list--selected"><a class="NG-navbar__link NG-navbar__link--noborder" target="_self" title="Menu Home" href="/en/inici/"> Home</a> </li> <li class="NG-navbar__list NG-navbar__list--white"><a class="NG-navbar__link NG-navbar__link--noborder" target="_self" title="Menu Timetables" href="/en/horaris/"> Timetables</a> </li> <li class="NG-navbar__list NG-navbar__list--white js-has-megamenu"><button class="NG-navbar__link NG-navbar__link--noborder" title="Menu Fares" role="button" aria-expanded="false" tabindex="0"> Fares</button> <div class="NG-megamenu"> <div class="NG-megamenu__nav-self--wrapper-mobile"> <div class="NG-megamenu__nav-self--top"> <button class="NG-megamenu__nav-link-back js-NG-megamenu__nav-link-back" role="button" > <span class="sr-only">Go back to the previous level</span> <span class="NG-megamenu__nav-link-back-trapezium"></span> </button> <a class="NG-megamenu__nav-link-self" href="/en/tarifes/" target="_self" title="Menu Fares"> <span>Go to “</span>Fares<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt=""> </a> </div> </div> <div class="NG-row-flex NG-row-flex--full-height js-NG-megamenu-wrapper"> <div class="NG-col"> <div class="NG-megamenu__nav-wrapper js-NG-simplebar" data-level="1"> <ul class="NG-megamenu__nav"> <li class="NG-megamenu__nav-item "><button class="NG-megamenu__nav-submenu js-NG-megamenu__nav-submenu" role="button" aria-expanded="false" tabindex="0" title="Barcelona suburban railway services"> Barcelona suburban railway services</button> <div class="NG-megamenu__nav-wrapper js-NG-simplebar" data-level="2"> <div class="NG-megamenu__nav-self--top"> <p class="NG-megamenu__nav-self-wrapper"> <button class="NG-megamenu__nav-link-back js-NG-megamenu__nav-link-back" role="button" tabindex="0"> <span class="sr-only">Go back to the previous level</span> <span class="NG-megamenu__nav-link-back-trapezium"></span> </button> <a class="NG-megamenu__nav-link-self" target="_self" title="Barcelona suburban railway services" href="/en/tarifes/servei_rodalia_barcelona/"> <span>Go to “</span>Barcelona suburban railway services<span>”</span> </a> </p> </div> <ul class="NG-megamenu__nav"> <li class="NG-megamenu__nav-item "> <a class="" target="_self" title="Only suburban railway" href="/en/tarifes/servei_rodalia_barcelona/nomes_rodalies/"> Only suburban railway</a> </li> <li class="NG-megamenu__nav-item "> <a class="" target="_self" title="ATM integrated service" href="/en/tarifes/servei_rodalia_barcelona/servei_integrat_atm/"> ATM integrated service</a> </li> <li> <p class="NG-megamenu__nav-self"> <a class="NG-megamenu__nav-link-self" target="_self" title="Barcelona suburban railway services" href="/en/tarifes/servei_rodalia_barcelona/"> <span>Go to “</span>Barcelona suburban railway services<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt=""> </a> </p> </li> </ul> </div> </li> <li class="NG-megamenu__nav-item "><button class="NG-megamenu__nav-submenu js-NG-megamenu__nav-submenu" role="button" aria-expanded="false" tabindex="0" title="Girona suburban railway services"> Girona suburban railway services</button> <div class="NG-megamenu__nav-wrapper js-NG-simplebar" data-level="2"> <div class="NG-megamenu__nav-self--top"> <p class="NG-megamenu__nav-self-wrapper"> <button class="NG-megamenu__nav-link-back js-NG-megamenu__nav-link-back" role="button" tabindex="0"> <span class="sr-only">Go back to the previous level</span> <span class="NG-megamenu__nav-link-back-trapezium"></span> </button> <a class="NG-megamenu__nav-link-self" target="_self" title="Girona suburban railway services" href="/en/tarifes/servei_de_rodalia_de_girona/"> <span>Go to “</span>Girona suburban railway services<span>”</span> </a> </p> </div> <ul class="NG-megamenu__nav"> <li class="NG-megamenu__nav-item "> <a class="" target="_self" title="Only Girona suburban railway" href="/en/tarifes/servei_de_rodalia_de_girona/nomes-rodalia/"> Only Girona suburban railway</a> </li> <li class="NG-megamenu__nav-item "> <a class="" target="_self" title="ATM Girona integrated service" href="/en/tarifes/servei_de_rodalia_de_girona/servei-integrat-atm-girona/"> ATM Girona integrated service</a> </li> <li> <p class="NG-megamenu__nav-self"> <a class="NG-megamenu__nav-link-self" target="_self" title="Girona suburban railway services" href="/en/tarifes/servei_de_rodalia_de_girona/"> <span>Go to “</span>Girona suburban railway services<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt=""> </a> </p> </li> </ul> </div> </li> <li class="NG-megamenu__nav-item "><button class="NG-megamenu__nav-submenu js-NG-megamenu__nav-submenu" role="button" aria-expanded="false" tabindex="0" title="Camp de Tarragona suburban railway services"> Camp de Tarragona suburban railway services</button> <div class="NG-megamenu__nav-wrapper js-NG-simplebar" data-level="2"> <div class="NG-megamenu__nav-self--top"> <p class="NG-megamenu__nav-self-wrapper"> <button class="NG-megamenu__nav-link-back js-NG-megamenu__nav-link-back" role="button" tabindex="0"> <span class="sr-only">Go back to the previous level</span> <span class="NG-megamenu__nav-link-back-trapezium"></span> </button> <a class="NG-megamenu__nav-link-self" target="_self" title="Camp de Tarragona suburban railway services" href="/en/tarifes/servei_de_rodalia_del_camp_de_tarragona/"> <span>Go to “</span>Camp de Tarragona suburban railway services<span>”</span> </a> </p> </div> <ul class="NG-megamenu__nav"> <li class="NG-megamenu__nav-item "> <a class="" target="_self" title="Only Camp de Tarragona suburban railway" href="/en/tarifes/servei_de_rodalia_del_camp_de_tarragona/nomes_rodalia/"> Only Camp de Tarragona suburban railway</a> </li> <li class="NG-megamenu__nav-item "> <a class="" target="_self" title="ATM Camp de Tarragona integrated service" href="/en/tarifes/servei_de_rodalia_del_camp_de_tarragona/servei_integrat_atm_camp_de_tarragona/"> ATM Camp de Tarragona integrated service</a> </li> <li> <p class="NG-megamenu__nav-self"> <a class="NG-megamenu__nav-link-self" target="_self" title="Camp de Tarragona suburban railway services" href="/en/tarifes/servei_de_rodalia_del_camp_de_tarragona/"> <span>Go to “</span>Camp de Tarragona suburban railway services<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt=""> </a> </p> </li> </ul> </div> </li> <li class="NG-megamenu__nav-item "><button class="NG-megamenu__nav-submenu js-NG-megamenu__nav-submenu" role="button" aria-expanded="false" tabindex="0" title="Lleida suburban railway services"> Lleida suburban railway services</button> <div class="NG-megamenu__nav-wrapper js-NG-simplebar" data-level="2"> <div class="NG-megamenu__nav-self--top"> <p class="NG-megamenu__nav-self-wrapper"> <button class="NG-megamenu__nav-link-back js-NG-megamenu__nav-link-back" role="button" tabindex="0"> <span class="sr-only">Go back to the previous level</span> <span class="NG-megamenu__nav-link-back-trapezium"></span> </button> <a class="NG-megamenu__nav-link-self" target="_self" title="Lleida suburban railway services" href="/en/tarifes/servei-de-rodalia-de-lleida/"> <span>Go to “</span>Lleida suburban railway services<span>”</span> </a> </p> </div> <ul class="NG-megamenu__nav"> <li class="NG-megamenu__nav-item "> <a class="" target="_self" title="Only Lleida suburban railway" href="/en/tarifes/servei-de-rodalia-de-lleida/nomes-rodalia/"> Only Lleida suburban railway</a> </li> <li class="NG-megamenu__nav-item "> <a class="" target="_self" title="ATM Lleida integrades service" href="/en/tarifes/servei-de-rodalia-de-lleida/servei-integrat-atm-de-lleida/"> ATM Lleida integrades service</a> </li> <li> <p class="NG-megamenu__nav-self"> <a class="NG-megamenu__nav-link-self" target="_self" title="Lleida suburban railway services" href="/en/tarifes/servei-de-rodalia-de-lleida/"> <span>Go to “</span>Lleida suburban railway services<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt=""> </a> </p> </li> </ul> </div> </li> <li class="NG-megamenu__nav-item "><a class="" target="_self" title="Regional services" href="/en/tarifes/servei_regionals/"> Regional services</a> </li> <li> <p class="NG-megamenu__nav-self"> <a class="NG-megamenu__nav-link-self" href="/en/tarifes/" target="_self" title="Menu Fares"> <span>Go to “</span>Fares<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt="" /> </a> </p> </li> </ul> </div> </div> <div class="NG-col NG-col--fullwidth NG-row-flex NG-show-lg js-NG-hide-description"> <div class="NG-col NG--flex45"> <div class="NG-megamenu__img-wrapper"> <img class="NG-megamenu__img-centered" src="/.content/00_home/07_Imatges_navegacio/1.jpg" alt="Imatge 1: Barcelona suburban railway services" /> </div> </div> <div class="NG-col NG-col--fullwidth NG-row-flex--vertical-lg"> <div class="NG-row-flex NG-row-flex--vertical-lg"> <div class="NG-row-flex"> <div class="NG-col NG-col--fullwidth"> <div class="NG-megamenu__description"> <div class="NG-megamenu__description-wrapper"> <p class="NG-megamenu__description-title"> Fares</p> <p>The Catalan suburban railway services offers different fees depending on the customer and travel type. Find the ticket that best suits your needs. </p> <div class="NG-megamenu__nav-self--wrapper-desktop"> <p class="NG-megamenu__nav-self"> <a class="NG-megamenu__nav-link-self" href="/en/tarifes/" target="_self" title="Menu Fares"> <span>Go to “</span>Fares<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt="" /> </a> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </li> <li class="NG-navbar__list NG-navbar__list--white"><a class="NG-navbar__link NG-navbar__link--noborder" target="_self" title="Menu Changes" href="/en/alteracions_del_servei/"> Changes</a> </li> <li class="NG-navbar__list NG-navbar__list--white js-has-megamenu"><button class="NG-navbar__link NG-navbar__link--noborder" title="Menu Lines" role="button" aria-expanded="false" tabindex="0"> Lines</button> <div class="NG-megamenu"> <div class="NG-megamenu__nav-self--wrapper-mobile"> <div class="NG-megamenu__nav-self--top"> <button class="NG-megamenu__nav-link-back js-NG-megamenu__nav-link-back" role="button" > <span class="sr-only">Go back to the previous level</span> <span class="NG-megamenu__nav-link-back-trapezium"></span> </button> <a class="NG-megamenu__nav-link-self" href="/en/linies_estacions_i_trens/" target="_self" title="Menu Lines"> <span>Go to “</span>Lines<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt=""> </a> </div> </div> <div class="NG-row-flex NG-row-flex--full-height js-NG-megamenu-wrapper"> <div class="NG-col"> <div class="NG-megamenu__nav-wrapper js-NG-simplebar" data-level="1"> <ul class="NG-megamenu__nav"> <li class="NG-megamenu__nav-item "><a class="" target="_self" title="Maps" href="/en/linies_estacions_i_trens/planols-de-la-xarxa/"> Maps</a> </li> <li> <p class="NG-megamenu__nav-self"> <a class="NG-megamenu__nav-link-self" href="/en/linies_estacions_i_trens/" target="_self" title="Menu Lines"> <span>Go to “</span>Lines<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt="" /> </a> </p> </li> </ul> </div> </div> <div class="NG-col NG-col--fullwidth NG-row-flex NG-show-lg js-NG-hide-description"> <div class="NG-col NG-col--fullwidth NG-row-flex--vertical-lg"> <div class="NG-row-flex NG-row-flex--vertical-lg"> <div class="NG-row-flex"> <div class="NG-col NG-col--fullwidth"> <div class="NG-megamenu__description"> <div class="NG-megamenu__description-wrapper"> <p class="NG-megamenu__description-title"> Lines</p> <div class="NG-megamenu__nav-self--wrapper-desktop"> <p class="NG-megamenu__nav-self"> <a class="NG-megamenu__nav-link-self" href="/en/linies_estacions_i_trens/" target="_self" title="Menu Lines"> <span>Go to “</span>Lines<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt="" /> </a> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </li> <li class="NG-navbar__list NG-navbar__list--white js-has-megamenu"><button class="NG-navbar__link NG-navbar__link--noborder" title="Menu Client services" role="button" aria-expanded="false" tabindex="0"> Client services</button> <div class="NG-megamenu"> <div class="NG-megamenu__nav-self--wrapper-mobile"> <div class="NG-megamenu__nav-self--top"> <button class="NG-megamenu__nav-link-back js-NG-megamenu__nav-link-back" role="button" > <span class="sr-only">Go back to the previous level</span> <span class="NG-megamenu__nav-link-back-trapezium"></span> </button> <a class="NG-megamenu__nav-link-self" href="/en/atencio_al_client/" target="_self" title="Menu Client services"> <span>Go to “</span>Client services<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt=""> </a> </div> </div> <div class="NG-row-flex NG-row-flex--full-height js-NG-megamenu-wrapper"> <div class="NG-col"> <div class="NG-megamenu__nav-wrapper js-NG-simplebar" data-level="1"> <ul class="NG-megamenu__nav"> <li class="NG-megamenu__nav-item "><a class="" target="_self" title=" Telephonic attention" href="/en/atencio_al_client/atencio-telefonica/"> Telephonic attention</a> </li> <li class="NG-megamenu__nav-item "><a class="" target="_self" title="Lost property claim" href="/en/atencio_al_client/objectes_perduts/"> Lost property claim</a> </li> <li class="NG-megamenu__nav-item "><a class="" target="_self" title="Xpress refund" href="/en/atencio_al_client/dx/"> Xpress refund</a> </li> <li class="NG-megamenu__nav-item "><button class="NG-megamenu__nav-submenu js-NG-megamenu__nav-submenu" role="button" aria-expanded="false" tabindex="0" title="App Rodalies de Catalunya"> App Rodalies de Catalunya</button> <div class="NG-megamenu__nav-wrapper js-NG-simplebar" data-level="2"> <div class="NG-megamenu__nav-self--top"> <p class="NG-megamenu__nav-self-wrapper"> <button class="NG-megamenu__nav-link-back js-NG-megamenu__nav-link-back" role="button" tabindex="0"> <span class="sr-only">Go back to the previous level</span> <span class="NG-megamenu__nav-link-back-trapezium"></span> </button> <a class="NG-megamenu__nav-link-self" target="_self" title="App Rodalies de Catalunya" href="/en/atencio_al_client/app_rodalies/"> <span>Go to “</span>App Rodalies de Catalunya<span>”</span> </a> </p> </div> <ul class="NG-megamenu__nav"> <li class="NG-megamenu__nav-item "> <a class="" target="_self" title="Privacy policy of the app Rodalies de Catalunya" href="/en/atencio_al_client/app_rodalies/politica-privacitat/"> Privacy policy of the app Rodalies de Catalunya</a> </li> <li class="NG-megamenu__nav-item "> <a class="" target="_self" title="Conditions of Use for the Rodalies de Catalunya Mobile App " href="/en/atencio_al_client/app_rodalies/avis_legal_rodalies/"> Conditions of Use for the Rodalies de Catalunya Mobile App </a> </li> <li class="NG-megamenu__nav-item "> <a class="" target="_self" title="Declaration of accessibility of the Rodalies de Catalunya application (iOS)" href="/en/atencio_al_client/app_rodalies/declaracio-accessibilitat-ios/"> Declaration of accessibility of the Rodalies de Catalunya application (iOS)</a> </li> <li class="NG-megamenu__nav-item "> <a class="" target="_self" title="Declaration of accessibility of the Rodalies de Catalunya application (Android)" href="/en/atencio_al_client/app_rodalies/declaracio-accessibilitat-android/"> Declaration of accessibility of the Rodalies de Catalunya application (Android)</a> </li> <li> <p class="NG-megamenu__nav-self"> <a class="NG-megamenu__nav-link-self" target="_self" title="App Rodalies de Catalunya" href="/en/atencio_al_client/app_rodalies/"> <span>Go to “</span>App Rodalies de Catalunya<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt=""> </a> </p> </li> </ul> </div> </li> <li class="NG-megamenu__nav-item "><button class="NG-megamenu__nav-submenu js-NG-megamenu__nav-submenu" role="button" aria-expanded="false" tabindex="0" title="Terms and conditions of use"> Terms and conditions of use</button> <div class="NG-megamenu__nav-wrapper js-NG-simplebar" data-level="2"> <div class="NG-megamenu__nav-self--top"> <p class="NG-megamenu__nav-self-wrapper"> <button class="NG-megamenu__nav-link-back js-NG-megamenu__nav-link-back" role="button" tabindex="0"> <span class="sr-only">Go back to the previous level</span> <span class="NG-megamenu__nav-link-back-trapezium"></span> </button> <a class="NG-megamenu__nav-link-self" target="_self" title="Terms and conditions of use" href="/en/atencio_al_client/condicions_dus_2/"> <span>Go to “</span>Terms and conditions of use<span>”</span> </a> </p> </div> <ul class="NG-megamenu__nav"> <li class="NG-megamenu__nav-item "> <a class="" target="_self" title="GENERAL TERMS AND CONDITIONS GOVERNING THE USE OF THE SUBURBAN AND REGIONAL RAIL SERVICES OF CATALONIA" href="/en/atencio_al_client/condicions_dus_2/noves_condicions/"> GENERAL TERMS AND CONDITIONS GOVERNING THE USE OF THE SUBURBAN AND REGIONAL RAIL SERVICES OF CATALONIA</a> </li> <li> <p class="NG-megamenu__nav-self"> <a class="NG-megamenu__nav-link-self" target="_self" title="Terms and conditions of use" href="/en/atencio_al_client/condicions_dus_2/"> <span>Go to “</span>Terms and conditions of use<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt=""> </a> </p> </li> </ul> </div> </li> <li class="NG-megamenu__nav-item "><a class="" target="_self" title="Rodalies on Twitter" href="/en/atencio_al_client/rodalies_a_twitter/"> Rodalies on Twitter</a> </li> <li class="NG-megamenu__nav-item "><a class="" target="_self" title="Frequently Asked Questions (FAQs)" href="/en/atencio_al_client/preguntes_frequents/"> Frequently Asked Questions (FAQs)</a> </li> <li> <p class="NG-megamenu__nav-self"> <a class="NG-megamenu__nav-link-self" href="/en/atencio_al_client/" target="_self" title="Menu Client services"> <span>Go to “</span>Client services<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt="" /> </a> </p> </li> </ul> </div> </div> <div class="NG-col NG-col--fullwidth NG-row-flex NG-show-lg js-NG-hide-description"> <div class="NG-col NG-col--fullwidth NG-row-flex--vertical-lg"> <div class="NG-row-flex NG-row-flex--vertical-lg"> <div class="NG-row-flex"> <div class="NG-col NG-col--fullwidth"> <div class="NG-megamenu__description"> <div class="NG-megamenu__description-wrapper"> <p class="NG-megamenu__description-title"> Client services</p> <div class="NG-megamenu__nav-self--wrapper-desktop"> <p class="NG-megamenu__nav-self"> <a class="NG-megamenu__nav-link-self" href="/en/atencio_al_client/" target="_self" title="Menu Client services"> <span>Go to “</span>Client services<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt="" /> </a> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </li> <li class="NG-navbar__list NG-navbar__list--white js-has-megamenu"><button class="NG-navbar__link NG-navbar__link--noborder" title="Menu Tourism" role="button" aria-expanded="false" tabindex="0"> Tourism</button> <div class="NG-megamenu"> <div class="NG-megamenu__nav-self--wrapper-mobile"> <div class="NG-megamenu__nav-self--top"> <button class="NG-megamenu__nav-link-back js-NG-megamenu__nav-link-back" role="button" > <span class="sr-only">Go back to the previous level</span> <span class="NG-megamenu__nav-link-back-trapezium"></span> </button> <a class="NG-megamenu__nav-link-self" href="/en/nou-bitllets-combinats/" target="_self" title="Menu Tourism"> <span>Go to “</span>Tourism<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt=""> </a> </div> </div> <div class="NG-row-flex NG-row-flex--full-height js-NG-megamenu-wrapper"> <div class="NG-col"> <div class="NG-megamenu__nav-wrapper js-NG-simplebar" data-level="1"> <ul class="NG-megamenu__nav"> <li class="NG-megamenu__nav-item "><a class="" target="_self" title="PortAventura Park" href="/en/nou-bitllets-combinats/portaventura/"> PortAventura Park</a> </li> <li class="NG-megamenu__nav-item "><a class="" target="_self" title="Ferrari Land + PortAventura" href="/en/nou-bitllets-combinats/Ferrari-Land-PortAventura/"> Ferrari Land + PortAventura</a> </li> <li class="NG-megamenu__nav-item "><a class="" target="_self" title="Skitren La Molina" href="/en/nou-bitllets-combinats/skitren-la-molina/"> Skitren La Molina</a> </li> <li class="NG-megamenu__nav-item "><a class="" target="_self" title="Skitren Vall de Nuria" href="/en/nou-bitllets-combinats/Skitren-Vall-de-Nuria/"> Skitren Vall de Nuria</a> </li> <li class="NG-megamenu__nav-item "><a class="" target="_self" title="TrenNatura - Online sale link" href="/en/nou-bitllets-combinats/TreNatura-Venda-Online/"> TrenNatura - Online sale link</a> </li> <li class="NG-megamenu__nav-item "><a class="" target="_self" title="Catalunya en Miniatura - Miniature Park" href="/en/nou-bitllets-combinats/Catalunya-en-Miniatura/"> Catalunya en Miniatura - Miniature Park</a> </li> <li class="NG-megamenu__nav-item "><a class="" target="_self" title="Catalunya en Miniatura - Miniature Park + Adventure Circuits" href="/en/nou-bitllets-combinats/Catalunya-en-Miniatura-Aventura-Vertical/"> Catalunya en Miniatura - Miniature Park + Adventure Circuits</a> </li> <li class="NG-megamenu__nav-item "><a class="" target="_self" title="Freixetren " href="/en/nou-bitllets-combinats/freixetren/"> Freixetren </a> </li> <li class="NG-megamenu__nav-item "><a class="" target="_self" title="Bus Turistic" href="/en/nou-bitllets-combinats/bus-turistic/"> Bus Turistic</a> </li> <li class="NG-megamenu__nav-item "><a class="" target="_self" title="Barcelona City Tour" href="/en/nou-bitllets-combinats/barcelona-city-tour/"> Barcelona City Tour</a> </li> <li class="NG-megamenu__nav-item "><a class="" target="_self" title="Museu del Ferrocarril de Catalunya" href="/en/nou-bitllets-combinats/museu-del-ferrocarril-de-catalunya/"> Museu del Ferrocarril de Catalunya</a> </li> <li class="NG-megamenu__nav-item "><a class="" target="_self" title="Tren + Bus (Blanes / Lloret / Tossa de Mar)" href="/en/nou-bitllets-combinats/tren-bus-blanes---lloret---tossa-de-mar/"> Tren + Bus (Blanes / Lloret / Tossa de Mar)</a> </li> <li class="NG-megamenu__nav-item "><a class="" target="_self" title="CombinadoCercanías (AVE-Larga Distancia + cercanías)" href="/en/nou-bitllets-combinats/combinadocercanias-ave-larga-distancia-rodalia/"> CombinadoCercanías (AVE-Larga Distancia + cercanías)</a> </li> <li> <p class="NG-megamenu__nav-self"> <a class="NG-megamenu__nav-link-self" href="/en/nou-bitllets-combinats/" target="_self" title="Menu Tourism"> <span>Go to “</span>Tourism<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt="" /> </a> </p> </li> </ul> </div> </div> <div class="NG-col NG-col--fullwidth NG-row-flex NG-show-lg js-NG-hide-description"> <div class="NG-col NG--flex45"> <div class="NG-megamenu__img-wrapper"> <img class="NG-megamenu__img-centered" src="/.content/00_home/07_Imatges_navegacio/3.jpg" alt="Imatge 1: PortAventura Park" /> </div> </div> <div class="NG-col NG-col--fullwidth NG-row-flex--vertical-lg"> <div class="NG-row-flex NG-row-flex--vertical-lg"> <div class="NG-row-flex"> <div class="NG-col NG-col--fullwidth"> <div class="NG-megamenu__description"> <div class="NG-megamenu__description-wrapper"> <p class="NG-megamenu__description-title"> Tourism</p> <div class="NG-megamenu__nav-self--wrapper-desktop"> <p class="NG-megamenu__nav-self"> <a class="NG-megamenu__nav-link-self" href="/en/nou-bitllets-combinats/" target="_self" title="Menu Tourism"> <span>Go to “</span>Tourism<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt="" /> </a> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </li> <li class="NG-navbar__list NG-navbar__list--white js-has-megamenu"><button class="NG-navbar__link NG-navbar__link--noborder" title="Menu About Rodalies" role="button" aria-expanded="false" tabindex="0"> About Rodalies</button> <div class="NG-megamenu"> <div class="NG-megamenu__nav-self--wrapper-mobile"> <div class="NG-megamenu__nav-self--top"> <button class="NG-megamenu__nav-link-back js-NG-megamenu__nav-link-back" role="button" > <span class="sr-only">Go back to the previous level</span> <span class="NG-megamenu__nav-link-back-trapezium"></span> </button> <a class="NG-megamenu__nav-link-self" href="/en/sobre-rodalies/" target="_self" title="Menu About Rodalies"> <span>Go to “</span>About Rodalies<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt=""> </a> </div> </div> <div class="NG-row-flex NG-row-flex--full-height js-NG-megamenu-wrapper"> <div class="NG-col"> <div class="NG-megamenu__nav-wrapper js-NG-simplebar" data-level="1"> <ul class="NG-megamenu__nav"> <li class="NG-megamenu__nav-item "><button class="NG-megamenu__nav-submenu js-NG-megamenu__nav-submenu" role="button" aria-expanded="false" tabindex="0" title="Trains"> Trains</button> <div class="NG-megamenu__nav-wrapper js-NG-simplebar" data-level="2"> <div class="NG-megamenu__nav-self--top"> <p class="NG-megamenu__nav-self-wrapper"> <button class="NG-megamenu__nav-link-back js-NG-megamenu__nav-link-back" role="button" tabindex="0"> <span class="sr-only">Go back to the previous level</span> <span class="NG-megamenu__nav-link-back-trapezium"></span> </button> <a class="NG-megamenu__nav-link-self" target="_self" title="Trains" href="/en/sobre-rodalies/tipus_de_trens/"> <span>Go to “</span>Trains<span>”</span> </a> </p> </div> <ul class="NG-megamenu__nav"> <li class="NG-megamenu__nav-item "> <button class="NG-megamenu__nav-submenu js-NG-megamenu__nav-submenu" role="button" aria-expanded="false" tabindex="0" title="Trains Barcelona suburban railway services"> Trains Barcelona suburban railway services</button> <div class="NG-megamenu__nav-wrapper js-NG-simplebar js-NG-top-level" data-level="3"> <div class="NG-megamenu__nav-self--top"> <p class="NG-megamenu__nav-self-wrapper"> <button class="NG-megamenu__nav-link-back js-NG-megamenu__nav-link-back" role="button" tabindex="0"> <span class="sr-only">Go back to the previous level</span> <span class="NG-megamenu__nav-link-back-trapezium"></span> </button> <a class="NG-megamenu__nav-link-self" target="_self" title="Trains Barcelona suburban railway services" href="/en/sobre-rodalies/tipus_de_trens/servei_rodalia_barcelona/"> <span>Go to “</span>Trains Barcelona suburban railway services<span>”</span> </a> </p> </div> <ul class="NG-megamenu__nav"> <li class="NG-megamenu__nav-item "> <a class="" target="_self" title="Civia" href="/en/sobre-rodalies/tipus_de_trens/servei_rodalia_barcelona/civia/"> Civia</a> </li> <li class="NG-megamenu__nav-item "> <a class="" target="_self" title="450 Series" href="/en/sobre-rodalies/tipus_de_trens/servei_rodalia_barcelona/serie_450/"> 450 Series</a> </li> <li class="NG-megamenu__nav-item "> <a class="" target="_self" title="470 Series" href="/en/sobre-rodalies/tipus_de_trens/servei_rodalia_barcelona/serie_447/"> 470 Series</a> </li> <li> <p class="NG-megamenu__nav-self"> <a class="NG-megamenu__nav-link-self" href="/en/sobre-rodalies/tipus_de_trens/servei_rodalia_barcelona/" target="_self" title="Menu Trains Barcelona suburban railway services"> <span>Go to “</span>Trains Barcelona suburban railway services<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt="" /> </a> </p> </li> </ul> </div> </li> <li class="NG-megamenu__nav-item "> <button class="NG-megamenu__nav-submenu js-NG-megamenu__nav-submenu" role="button" aria-expanded="false" tabindex="0" title="Trains Regional services"> Trains Regional services</button> <div class="NG-megamenu__nav-wrapper js-NG-simplebar js-NG-top-level" data-level="3"> <div class="NG-megamenu__nav-self--top"> <p class="NG-megamenu__nav-self-wrapper"> <button class="NG-megamenu__nav-link-back js-NG-megamenu__nav-link-back" role="button" tabindex="0"> <span class="sr-only">Go back to the previous level</span> <span class="NG-megamenu__nav-link-back-trapezium"></span> </button> <a class="NG-megamenu__nav-link-self" target="_self" title="Trains Regional services" href="/en/sobre-rodalies/tipus_de_trens/serveis_regionals/"> <span>Go to “</span>Trains Regional services<span>”</span> </a> </p> </div> <ul class="NG-megamenu__nav"> <li class="NG-megamenu__nav-item "> <a class="" target="_self" title="470 Series" href="/en/sobre-rodalies/tipus_de_trens/serveis_regionals/serie_470/"> 470 Series</a> </li> <li class="NG-megamenu__nav-item "> <a class="" target="_self" title="449 series" href="/en/sobre-rodalies/tipus_de_trens/serveis_regionals/serie_449/"> 449 series</a> </li> <li class="NG-megamenu__nav-item "> <a class="" target="_self" title="448 Series" href="/en/sobre-rodalies/tipus_de_trens/serveis_regionals/serie_448/"> 448 Series</a> </li> <li> <p class="NG-megamenu__nav-self"> <a class="NG-megamenu__nav-link-self" href="/en/sobre-rodalies/tipus_de_trens/serveis_regionals/" target="_self" title="Menu Trains Regional services"> <span>Go to “</span>Trains Regional services<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt="" /> </a> </p> </li> </ul> </div> </li> <li> <p class="NG-megamenu__nav-self"> <a class="NG-megamenu__nav-link-self" target="_self" title="Trains" href="/en/sobre-rodalies/tipus_de_trens/"> <span>Go to “</span>Trains<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt=""> </a> </p> </li> </ul> </div> </li> <li class="NG-megamenu__nav-item "><button class="NG-megamenu__nav-submenu js-NG-megamenu__nav-submenu" role="button" aria-expanded="false" tabindex="0" title="Accessibility"> Accessibility</button> <div class="NG-megamenu__nav-wrapper js-NG-simplebar" data-level="2"> <div class="NG-megamenu__nav-self--top"> <p class="NG-megamenu__nav-self-wrapper"> <button class="NG-megamenu__nav-link-back js-NG-megamenu__nav-link-back" role="button" tabindex="0"> <span class="sr-only">Go back to the previous level</span> <span class="NG-megamenu__nav-link-back-trapezium"></span> </button> <a class="NG-megamenu__nav-link-self" target="_self" title="Accessibility" href="/en/sobre-rodalies/accessibilitat/"> <span>Go to “</span>Accessibility<span>”</span> </a> </p> </div> <ul class="NG-megamenu__nav"> <li class="NG-megamenu__nav-item "> <a class="" target="_self" title="ACCESSIBILITY STATEMENT" href="/en/sobre-rodalies/accessibilitat/declaracio-accessibilitat-web/"> ACCESSIBILITY STATEMENT</a> </li> <li class="NG-megamenu__nav-item "> <a class="" target="_self" title="Assistance service" href="/en/sobre-rodalies/accessibilitat/servei_atendo/"> Assistance service</a> </li> <li class="NG-megamenu__nav-item "> <a class="" target="_self" title="Accessibility plan" href="/en/sobre-rodalies/accessibilitat/pla_d_accessibilitat/"> Accessibility plan</a> </li> <li> <p class="NG-megamenu__nav-self"> <a class="NG-megamenu__nav-link-self" target="_self" title="Accessibility" href="/en/sobre-rodalies/accessibilitat/"> <span>Go to “</span>Accessibility<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt=""> </a> </p> </li> </ul> </div> </li> <li class="NG-megamenu__nav-item "><a class="" target="_self" title="News" href="/en/sobre-rodalies/actualitat/"> News</a> </li> <li> <p class="NG-megamenu__nav-self"> <a class="NG-megamenu__nav-link-self" href="/en/sobre-rodalies/" target="_self" title="Menu About Rodalies"> <span>Go to “</span>About Rodalies<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt="" /> </a> </p> </li> </ul> </div> </div> <div class="NG-col NG-col--fullwidth NG-row-flex NG-show-lg js-NG-hide-description"> <div class="NG-col NG-col--fullwidth NG-row-flex--vertical-lg"> <div class="NG-row-flex NG-row-flex--vertical-lg"> <div class="NG-row-flex"> <div class="NG-col NG-col--fullwidth"> <div class="NG-megamenu__description"> <div class="NG-megamenu__description-wrapper"> <p class="NG-megamenu__description-title"> About Rodalies</p> <div class="NG-megamenu__nav-self--wrapper-desktop"> <p class="NG-megamenu__nav-self"> <a class="NG-megamenu__nav-link-self" href="/en/sobre-rodalies/" target="_self" title="Menu About Rodalies"> <span>Go to “</span>About Rodalies<span>”</span> <img src="/web/resources/fwkResponsive/fpca_capcalera/img/arrow-right-r.svg" alt="" /> </a> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </li> </ul> <div class="NG-navbar__menu-mobile--wrapper"></div> </div> </div> </nav> </div> </div> <div class="secondary-header"> <div class="NG-submain"> <div class="NG-container"> <div class="NG-row-flex"> <div class="NG-col NG--pd15 NG-row-flex--vertical-lg NG-row-flex-row-reverse"> <div class="NG-header__logo"> <a href="https://web.gencat.cat/" target="_blank" > <span class="sr-only">. Open in a new window.</span><img class="NG-header__image" src="/web/resources/fwkResponsive/fpca_capcalera/img/gencat-nuevo-completo-w.svg" alt="Generalitat's logo" /> </a> </div> </div> <div class="NG-col"> <p class="NG-header__section_title"> <span class="NG-header__section_title_separator">|</span> <a title="Rodalies de Catalunya" href="/en/" > Rodalies de Catalunya</a> </p> </div> </div> </div> </div> </div> </div> </div>  </header> </div> <div class="border-start bgGrey">   <div id="impacteContainer" > <div class="fpca_horaries_front"> <style>@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13, 110, 253;--bs-secondary-rgb:108, 117, 125;--bs-success-rgb:25, 135, 84;--bs-info-rgb:13, 202, 240;--bs-warning-rgb:255, 193, 7;--bs-danger-rgb:220, 53, 69;--bs-light-rgb:248, 249, 250;--bs-dark-rgb:33, 37, 41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-font-sans-serif:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33, 37, 41;--bs-body-bg:#fff;--bs-body-bg-rgb:255, 255, 255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0, 0, 0;--bs-secondary-color:rgba(33, 37, 41, .75);--bs-secondary-color-rgb:33, 37, 41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233, 236, 239;--bs-tertiary-color:rgba(33, 37, 41, .5);--bs-tertiary-color-rgb:33, 37, 41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248, 249, 250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13, 110, 253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10, 88, 202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, .175);--bs-border-radius:.375rem;--bs-border-radius-sm:.25rem;--bs-border-radius-lg:.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15);--bs-box-shadow-sm:0 .125rem .25rem rgba(0, 0, 0, .075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, .175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, .075);--bs-focus-ring-width:.25rem;--bs-focus-ring-opacity:.25;--bs-focus-ring-color:rgba(13, 110, 253, .25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}*,*:before,*:after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.spinner-border{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-.125em;--bs-spinner-border-width:.25em;--bs-spinner-animation-speed:.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}@media (prefers-reduced-motion: reduce){.spinner-border{--bs-spinner-animation-speed:1.5s}}.d-flex{display:flex!important}.justify-content-center{justify-content:center!important}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@charset "UTF-8";@font-face{font-family:OpenSans;src:url(/system/modules/cat.gencat.wcmResponsive.formatters.horaries_front/resources/fpca_horaries_front/fonts/OpenSans-Regular.eot);src:url(/system/modules/cat.gencat.wcmResponsive.formatters.horaries_front/resources/fpca_horaries_front/fonts/OpenSans-Regular.eot?#iefix) format("embedded-opentype"),url(/system/modules/cat.gencat.wcmResponsive.formatters.horaries_front/resources/fpca_horaries_front/fonts/OpenSans-Regular.svg#OpenSans-Regular) format("svg"),url(/system/modules/cat.gencat.wcmResponsive.formatters.horaries_front/resources/fpca_horaries_front/fonts/OpenSans-Regular.ttf) format("truetype"),url(/system/modules/cat.gencat.wcmResponsive.formatters.horaries_front/resources/fpca_horaries_front/fonts/OpenSans-Regular.woff) format("woff"),url(/system/modules/cat.gencat.wcmResponsive.formatters.horaries_front/resources/fpca_horaries_front/fonts/OpenSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal}body{font-family:OpenSans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased}</style><link rel="stylesheet" href="/system/modules/cat.gencat.wcmResponsive.formatters.horaries_front/resources/fpca_horaries_front/css/styles.974dad23747e13be.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="/system/modules/cat.gencat.wcmResponsive.formatters.horaries_front/resources/fpca_horaries_front/css/styles.974dad23747e13be.css"></noscript> <div id="app-root-horaries-front_loading_spinner" class="d-flex justify-content-center"><div class="spinner-border" role="status"><span class="sr-only">...</span></div></div> <div id="warningTemp" style="display: none;"></div> <app-root-horaries-front type="1" urlhoraris="/ca/horaris/" descarregahoraris=""></app-root-horaries-front> <script src="/system/modules/cat.gencat.wcmResponsive.formatters.horaries_front/resources/fpca_horaries_front/js/runtime.dcec44e37e3bf3de.js" type="module"></script><script src="/system/modules/cat.gencat.wcmResponsive.formatters.horaries_front/resources/fpca_horaries_front/js/polyfills.4ee79fa8a7e8b69e.js" type="module"></script><script src="/system/modules/cat.gencat.wcmResponsive.formatters.horaries_front/resources/fpca_horaries_front/js/main.3dad4843e94893d5.js" type="module"></script></body> <script type="text/javascript">var $section = $(".fpca_horaries_front").closest('section');if(!$section.length==0){$section.addClass('pad0');}</script> </div> </div> </div> <main id="main"> <div class="literalesAccesibilidad"> <input type="hidden" class="literalTipoArchivo" value="File type"/> <input type="hidden" class="literalPesoArchivo" value="File weight"/>  </div> <section class="padding-xs padding-sm padding-md colorSectionOdd"> <article class="container fullcontainer-xs"> <div class="row"> <div> <div id="center_1R" > <div class="fpca_diapositives slider-col-100 formatter_body" data-resource-id="39e3a471-5736-11e7-bff7-005056924a59"> <div class="slider-rectangular slider-text-lateral"> <div class="shadowBox-sm pd-15"> <div class="box-sm">  <div id="carousel-example-generic-39e3a471-5736-11e7-bff7-005056924a59" class="carousel slide slider_imatges slider_grand" data-ride="carousel">   <div class="slider_imatges_cont "> <div class="slide_navigator " style='display: none; opacity: 1; height: 0;'> <div class="slide_left"> <a target="_blank" href="#carousel-example-generic-39e3a471-5736-11e7-bff7-005056924a59" data-slide="prev"> <img src="/web/resources/fwkResponsive/fpca_diapositives/img/icona-45-fletxa-esquerra.svg" alt="Previous image"> </a> </div> <div class="slide_right"> <a target="_blank" href="#carousel-example-generic-39e3a471-5736-11e7-bff7-005056924a59" data-slide="next"> <img src="/web/resources/fwkResponsive/fpca_diapositives/img/icona-45-fletxa-dreta.svg" alt="Next image"> </a> </div> </div> <div class="carousel-inner"> <div class="item active"> <div class="carousel-image"> <a href="http://rodalies.gencat.cat/en/nou-bitllets-combinats/bus-turistic/" title="Bus Turístic" > <img class="img-responsive " src="/web/.content/07_Oci_Turisme/00_BitlletsCombinats/Imatges_bitllets_combinats/bus-turistic.jpg_223078711.jpg" alt=""> </a> </div> <div class="carousel-caption"> <span class="col-sm-12 dekstop"> <a href="http://rodalies.gencat.cat/en/nou-bitllets-combinats/bus-turistic/" title="Bus Turístic" > Bus Turístic </a> </span> <p class="dekstop gray"> Combined ticket that includes the journey in train and the ticket to the touristic bus </p> </div> </div> <div class="item"> <div class="carousel-image"> <a href="http://rodalies.gencat.cat/en/nou-bitllets-combinats/freixetren/" title="Freixetren" > <img class="img-responsive " src="/web/.content/07_Oci_Turisme/00_BitlletsCombinats/Imatges_bitllets_combinats/Freixetren_2020_CAT.jpg_223078711.jpg" alt="Freixetren"> </a> </div> <div class="carousel-caption"> <span class="col-sm-12 dekstop"> <a href="http://rodalies.gencat.cat/en/nou-bitllets-combinats/freixetren/" title="Freixetren" > Freixetren </a> </span> <p class="dekstop gray"> Combined ticket that includes the journey in train and the visit to the Freixenet Cellars </p> </div> </div> <div class="item"> <div class="carousel-image"> <a href="http://rodalies.gencat.cat/en/nou-bitllets-combinats/barcelona-city-tour/" title="Barcelona City Tour" > <img class="img-responsive " src="/web/.content/07_Oci_Turisme/00_BitlletsCombinats/Imatges_bitllets_combinats/BCN-CITY-TOUR.jpg_223078711.jpg" alt=""> </a> </div> <div class="carousel-caption"> <span class="col-sm-12 dekstop"> <a href="http://rodalies.gencat.cat/en/nou-bitllets-combinats/barcelona-city-tour/" title="Barcelona City Tour" > Barcelona City Tour </a> </span> <p class="dekstop gray"> Combined ticket that includes the journey in train and the ticket to the touristic bus </p> </div> </div> </div> <div style="clear: both; display: block;"></div> <a class="left carousel-control hide" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" role="image" alt="Darrera imatge"> </span> </a> <a class="right carousel-control hide" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" role="image" alt="Propera imatge"> </span> </a> </div> </div> </div> </div> </div> </div> </div></div> </div> </article> </section> <section class="padding-xs padding-sm padding-md colorSectionOdd"> <article class="container fullcontainer-xs"> <div class="row"> <div class="col-xs-12 col-md-6"> <div id="center_2_1R" > <div class="fpca_llista_pestanyes formatter_body w50"> <div class="pestanyes shadowBox-sm pd-15 pd-30"> <div class="pestanyes_top hidden-xs"> <div class="scroller scroller-left" role="button" tabindex="-1"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g fill="none" fill-rule="evenodd"> <path d="M0 0h24v24H0z"/> <path d="M7.675 19.332a1.126 1.126 0 0 1-.014-1.602l.014-.014 6.175-6.05-6.175-6.048a1.126 1.126 0 0 1-.014-1.603l.014-.014a1.184 1.184 0 0 1 1.636-.013L9.325 4l7 6.858c.45.441.456 1.155.014 1.602l-.014.014-7 6.857a1.184 1.184 0 0 1-1.65 0z" class="fill_hover" fill="#C00000"/> </g> </svg> </div> <div class="wrapper"> <ul class="pestanyes_top nav-tabs list" id="pestanyes_9e6ef94a-5737-11e7-bff7-005056924a59" role="tablist"> <li id="tab_1_9e6ef94a-5737-11e7-bff7-005056924a59" class="tab pestanya-slider active" role="tab" tabindex="0" aria-selected="true" data-pinned="true" aria-posinset="1" aria-setsize="2"> <div id="center_1_9e6ef94a-5737-11e7-bff7-005056924a59_titlePestanya"> <div class="titol-tab"> <span title="Service updates">Service updates</span> </div> </div> </li> <li id="tab_2_9e6ef94a-5737-11e7-bff7-005056924a59" class="tab pestanya-slider" role="tab" tabindex="0" aria-selected="false" data-pinned="false" aria-posinset="2" aria-setsize="2"> <div id="center_2_9e6ef94a-5737-11e7-bff7-005056924a59_titlePestanya"> <div class="titol-tab"> <span title="Programmed disruptions">Programmed disruptions</span> </div> </div> </li> </ul> </div> <div class="scroller scroller-right" role="button" tabindex="-1"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g fill="none" fill-rule="evenodd"> <path d="M0 0h24v24H0z"/> <path d="M7.675 19.332a1.126 1.126 0 0 1-.014-1.602l.014-.014 6.175-6.05-6.175-6.048a1.126 1.126 0 0 1-.014-1.603l.014-.014a1.184 1.184 0 0 1 1.636-.013L9.325 4l7 6.858c.45.441.456 1.155.014 1.602l-.014.014-7 6.857a1.184 1.184 0 0 1-1.65 0z" class="fill_hover" fill="#C00000"/> </g> </svg> </div> </div> <div class="panel-group pestanyes_bot box-sm" id="accordion_9e6ef94a-5737-11e7-bff7-005056924a59"> <div class="panel active" id="1_9e6ef94a-5737-11e7-bff7-005056924a59_panel" role="tabpanel"> <h2 class="sr-only" tabindex="0">Service updates</h2> <div id="1_9e6ef94a-5737-11e7-bff7-005056924a59_mb" class="panel-heading visible-xs accord-pestanya"> <div class="panel-title"> <a title="Service updates" data-toggle="collapse" data-parent="#accordion_9e6ef94a-5737-11e7-bff7-005056924a59" href="#collapse_1_9e6ef94a-5737-11e7-bff7-005056924a59_mb"> <div id="center_1_9e6ef94a-5737-11e7-bff7-005056924a59_titlePestanya_mb"> <div class="titol-tab"> <span>Service updates</span> </div> </div> </a> </div> </div> <div id="collapse_1_9e6ef94a-5737-11e7-bff7-005056924a59_mb" class="panel-collapse collapse in"> <div id="center_1_9e6ef94a-5737-11e7-bff7-005056924a59_pestanya_mb" class="content-pestanya m_false"> <div > <div class="fpca_incidencia_rodalies_front"> <style>@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13, 110, 253;--bs-secondary-rgb:108, 117, 125;--bs-success-rgb:25, 135, 84;--bs-info-rgb:13, 202, 240;--bs-warning-rgb:255, 193, 7;--bs-danger-rgb:220, 53, 69;--bs-light-rgb:248, 249, 250;--bs-dark-rgb:33, 37, 41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-font-sans-serif:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33, 37, 41;--bs-body-bg:#fff;--bs-body-bg-rgb:255, 255, 255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0, 0, 0;--bs-secondary-color:rgba(33, 37, 41, .75);--bs-secondary-color-rgb:33, 37, 41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233, 236, 239;--bs-tertiary-color:rgba(33, 37, 41, .5);--bs-tertiary-color-rgb:33, 37, 41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248, 249, 250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13, 110, 253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10, 88, 202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, .175);--bs-border-radius:.375rem;--bs-border-radius-sm:.25rem;--bs-border-radius-lg:.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15);--bs-box-shadow-sm:0 .125rem .25rem rgba(0, 0, 0, .075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, .175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, .075);--bs-focus-ring-width:.25rem;--bs-focus-ring-opacity:.25;--bs-focus-ring-color:rgba(13, 110, 253, .25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}*,*:before,*:after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.spinner-border{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-.125em;--bs-spinner-border-width:.25em;--bs-spinner-animation-speed:.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}@media (prefers-reduced-motion: reduce){.spinner-border{--bs-spinner-animation-speed:1.5s}}.d-flex{display:flex!important}.justify-content-center{justify-content:center!important}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@charset "UTF-8";@font-face{font-family:OpenSans;src:url(/system/modules/cat.gencat.wcmResponsive.formatters.incidencia_rodalies_front/resources/fpca_incidencia_rodalies_front/fonts/OpenSans-Regular.eot);src:url(/system/modules/cat.gencat.wcmResponsive.formatters.incidencia_rodalies_front/resources/fpca_incidencia_rodalies_front/fonts/OpenSans-Regular.eot?#iefix) format("embedded-opentype"),url(/system/modules/cat.gencat.wcmResponsive.formatters.incidencia_rodalies_front/resources/fpca_incidencia_rodalies_front/fonts/OpenSans-Regular.svg#OpenSans-Regular) format("svg"),url(/system/modules/cat.gencat.wcmResponsive.formatters.incidencia_rodalies_front/resources/fpca_incidencia_rodalies_front/fonts/OpenSans-Regular.ttf) format("truetype"),url(/system/modules/cat.gencat.wcmResponsive.formatters.incidencia_rodalies_front/resources/fpca_incidencia_rodalies_front/fonts/OpenSans-Regular.woff) format("woff"),url(/system/modules/cat.gencat.wcmResponsive.formatters.incidencia_rodalies_front/resources/fpca_incidencia_rodalies_front/fonts/OpenSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal}body{font-family:OpenSans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased}</style><link rel="stylesheet" href="/system/modules/cat.gencat.wcmResponsive.formatters.incidencia_rodalies_front/resources/fpca_incidencia_rodalies_front/css/styles.9f852d1b745ed67c.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="/system/modules/cat.gencat.wcmResponsive.formatters.incidencia_rodalies_front/resources/fpca_incidencia_rodalies_front/css/styles.9f852d1b745ed67c.css"></noscript> <div id="app-root-incidencia-rodalies-front_loading_spinner" class="d-flex justify-content-center"><div class="spinner-border" role="status"><span class="sr-only">...</span></div></div> <app-root-incidencia-rodalies-front type="3" showtitle="false" text="2" numresults="0"></app-root-incidencia-rodalies-front> <script src="/system/modules/cat.gencat.wcmResponsive.formatters.incidencia_rodalies_front/resources/fpca_incidencia_rodalies_front/js/runtime.1bb991c9099d9617.js" type="module"></script><script src="/system/modules/cat.gencat.wcmResponsive.formatters.incidencia_rodalies_front/resources/fpca_incidencia_rodalies_front/js/polyfills.bcc751ba8c8b7c61.js" type="module"></script><script src="/system/modules/cat.gencat.wcmResponsive.formatters.incidencia_rodalies_front/resources/fpca_incidencia_rodalies_front/js/main.aa86f0045c2f1cec.js" type="module"></script></body> </div> <div class="fpca_llista_mesEnllacos shadowBox-sm formatter_body"> <div class="pd-15 pd-30"> <div class="shadow-sm"></div> <div class="box-sm"> <div class="panel-footer"> <ul class="list-group llistat_xarxes_socials col-xs-12 col-sm-8"> <li class="list-group-item social_text"><strong><span>Seguiu les alteracions a:</span></strong></li> <li class='list-group-item'><a title='Xarxes socials' class='xarxes' href='/ca/rss/'><img alt="Xarxes socials" src="/web/resources/fwkResponsives/common/img/NG_ico_rss.png_196546587.png"></a></li><li class='list-group-item'><a title='Rodalies a twitter' class='rodalies' href='/ca/atencio_al_client/rodalies_a_twitter/'><img alt="Rodalies a twitter" src="/web/resources/fwkResponsives/common/img/NG_ico_twitter.svg_196546587.svg"></a></li> </ul> <a title="Veure totes les alteracions" class="col-xs-12 col-sm-4 text-right txt_peu2 " href="/ca/alteracions_del_servei/">Veure totes les alteracions</a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="panel " id="2_9e6ef94a-5737-11e7-bff7-005056924a59_panel" role="tabpanel"> <h2 class="sr-only" tabindex="0">Programmed disruptions</h2> <div id="2_9e6ef94a-5737-11e7-bff7-005056924a59_mb" class="panel-heading visible-xs accord-pestanya"> <div class="panel-title"> <a title="Programmed disruptions" data-toggle="collapse" data-parent="#accordion_9e6ef94a-5737-11e7-bff7-005056924a59" href="#collapse_2_9e6ef94a-5737-11e7-bff7-005056924a59_mb"> <div id="center_2_9e6ef94a-5737-11e7-bff7-005056924a59_titlePestanya_mb"> <div class="titol-tab"> <span>Programmed disruptions</span> </div> </div> </a> </div> </div> <div id="collapse_2_9e6ef94a-5737-11e7-bff7-005056924a59_mb" class="panel-collapse collapse "> <div id="center_2_9e6ef94a-5737-11e7-bff7-005056924a59_pestanya_mb" class="content-pestanya m_false"> <div > <div class="fpca_llista_mesEnllacos shadowBox-sm formatter_body"> <div class="pd-15 pd-30"> <div class="shadow-sm"></div> <div class="box-sm"> <div class="panel-footer"> <ul class="list-group llistat_xarxes_socials col-xs-12 col-sm-8"> <li class="list-group-item social_text"><strong><span>Seguiu les alteracions a:</span></strong></li> <li class='list-group-item'><a title='Xarxes socials' class='xarxes' href='/ca/rss/'><img alt="Xarxes socials" src="/web/resources/fwkResponsives/common/img/NG_ico_rss.png_196546587.png"></a></li><li class='list-group-item'><a title='Rodalies a twitter' class='rodalies' href='/ca/atencio_al_client/rodalies_a_twitter/'><img alt="Rodalies a twitter" src="/web/resources/fwkResponsives/common/img/NG_ico_twitter.svg_196546587.svg"></a></li> </ul> <a title="Veure totes les alteracions" class="col-xs-12 col-sm-4 text-right txt_peu2 " href="/ca/alteracions_del_servei/">Veure totes les alteracions</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></div> <div class="col-xs-12 col-md-6"> <div id="center_2_2R" > <div class="fpca_llista_pestanyes formatter_body w50"> <div class="pestanyes shadowBox-sm pd-15 pd-30"> <div class="pestanyes_top hidden-xs"> <div class="scroller scroller-left" role="button" tabindex="-1"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g fill="none" fill-rule="evenodd"> <path d="M0 0h24v24H0z"/> <path d="M7.675 19.332a1.126 1.126 0 0 1-.014-1.602l.014-.014 6.175-6.05-6.175-6.048a1.126 1.126 0 0 1-.014-1.603l.014-.014a1.184 1.184 0 0 1 1.636-.013L9.325 4l7 6.858c.45.441.456 1.155.014 1.602l-.014.014-7 6.857a1.184 1.184 0 0 1-1.65 0z" class="fill_hover" fill="#C00000"/> </g> </svg> </div> <div class="wrapper"> <ul class="pestanyes_top nav-tabs list" id="pestanyes_65629dd3-573e-11e7-bff7-005056924a59" role="tablist"> <li id="tab_1_65629dd3-573e-11e7-bff7-005056924a59" class="tab pestanya-slider active" role="tab" tabindex="0" aria-selected="true" data-pinned="true" aria-posinset="1" aria-setsize="1"> <div id="center_1_65629dd3-573e-11e7-bff7-005056924a59_titlePestanya"> <div class="titol-tab"> <span title="News">News</span> </div> </div> </li> </ul> </div> <div class="scroller scroller-right" role="button" tabindex="-1"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g fill="none" fill-rule="evenodd"> <path d="M0 0h24v24H0z"/> <path d="M7.675 19.332a1.126 1.126 0 0 1-.014-1.602l.014-.014 6.175-6.05-6.175-6.048a1.126 1.126 0 0 1-.014-1.603l.014-.014a1.184 1.184 0 0 1 1.636-.013L9.325 4l7 6.858c.45.441.456 1.155.014 1.602l-.014.014-7 6.857a1.184 1.184 0 0 1-1.65 0z" class="fill_hover" fill="#C00000"/> </g> </svg> </div> </div> <div class="panel-group pestanyes_bot box-sm" id="accordion_65629dd3-573e-11e7-bff7-005056924a59"> <div class="panel active" id="1_65629dd3-573e-11e7-bff7-005056924a59_panel" role="tabpanel"> <h2 class="sr-only" tabindex="0">News</h2> <div id="1_65629dd3-573e-11e7-bff7-005056924a59_mb" class="panel-heading visible-xs accord-pestanya"> <div class="panel-title"> <a title="News" data-toggle="collapse" data-parent="#accordion_65629dd3-573e-11e7-bff7-005056924a59" href="#collapse_1_65629dd3-573e-11e7-bff7-005056924a59_mb"> <div id="center_1_65629dd3-573e-11e7-bff7-005056924a59_titlePestanya_mb"> <div class="titol-tab"> <span>News</span> </div> </div> </a> </div> </div> <div id="collapse_1_65629dd3-573e-11e7-bff7-005056924a59_mb" class="panel-collapse collapse in"> <div id="center_1_65629dd3-573e-11e7-bff7-005056924a59_pestanya_mb" class="content-pestanya m_false"> <div > </div> </div> </div> </div> </div> </div> </div> </div></div> </div> </article> </section> <section class="padding-xs padding-sm padding-md colorSectionOdd"> <article class="container fullcontainer-xs"> <div class="row"> <div> <div id="center_3R" > <div class="fpca_llista_quadriculaColors pd-15 formatter_body"> <h2 class="header2 pd-15s-m">Themes</h2> <p class="hidden">Themes</p>  <div> <article class="llistat_destacat_color col-sm-12">  <div class="llistat_destacat_color_cont"> <ul class="list-group"> <li class="destacat_color list-group-item col-xs-6 col-sm-3"><div class="destacat_color_cont box-sm text_negre"><a title="Timetables" href="/en/horaris/tots-els-horaris/">Timetables</a></div></li><li class="destacat_color list-group-item col-xs-6 col-sm-3"><div class="destacat_color_cont box-sm text_negre"><a title="Maps" href="/en/linies_estacions_i_trens/planols-de-la-xarxa/">Maps</a></div></li><li class="destacat_color list-group-item col-xs-6 col-sm-3"><div class="destacat_color_cont box-sm text_negre"><a title="Tourist tickets" href="/ca/nou-bitllets-combinats/">Tourist tickets</a></div></li><li class="destacat_color list-group-item col-xs-6 col-sm-3"><div class="destacat_color_cont box-sm text_negre"><a title="Rodalies on Twitter" href="/en/atencio_al_client/rodalies_a_twitter/">Rodalies on Twitter</a></div></li> </ul> </div> </article> </div>  </div> </div></div> </div> </article> </section> </main> <div class="container visible-xs oculta_xarxes"> <div class="row padding-xs"> <div class="footer-xarxes"> </div> </div> </div>   <div id="fAvisLegal" ><div class="fpca_peu_new"> <footer class="in-faldo"> <div ></div> <div > <div class="fpca_peu_xarxesSocials"> <div class="footer-social"> <div class="NG-container"> <div class="footer-social__wrapper"> <div class="NG-row-flex NG-row-flex--vertical-md"> <div class="NG-col"> <div class="footer-social__text"> <p class="footer-social__text-title">Follow the Rodalies social media:</p> </div> </div> <div class="NG-col"> <ul class="footer-social__list"> <li class="footer-social__list-item"> <a class="footer-social__list-link" href="https://rodalies.gencat.cat/ca/atencio_al_client/rodalies_a_twitter/" target="_blank"> <img class="footer-social__list-link-image js-footer-hover-img" alt="Twitter's icon" data-default="/web/resources/fwkResponsive/fpca_peu_xarxesSocials/img/twitter-c.svg" data-hover="/web/resources/fwkResponsive/fpca_peu_xarxesSocials/img/twitter-c-sobre.svg" src="/web/resources/fwkResponsive/fpca_peu_xarxesSocials/img/twitter-c.svg" > </a> </li> </ul> </div> </div> </div> <div class="footer-social_border"> <span class="footer-social_border--line"></span> </div> </div> </div> </div> </div> <div > <div class="fpca_peu_contacte"> <div class="footer-contact"> <div class="NG-container"> <div class="footer-contact__wrapper"> <h2 class="footer-contact__title">How we take care of you</h2> <div class="NG-row-flex NG-row-flex--vertical-md"> <div class="NG-col footer-contact__description-wrapper"> <div class="footer-contact__description"> <div class="footer-contact__text"> <p>You can contact us through any of the following contact channels</p> </div> </div> </div> <div class="NG-col footer-contact__list-wrapper"> <ul class="footer-contact__list"> <li class="footer-contact__list-item"> <a class="footer-contact__list-link" target="_self" href="/en/atencio_al_client/atencio-telefonica/"> <img class="footer-contact__list-img" alt="900 410 041" src="/web/shared/continguts_per_compartir/icones/peu_contacte/phone.svg" > <span class="footer-contact__list-txt"> 900 410 041 </span> </a> </li> <li class="footer-contact__list-item"> <a class="footer-contact__list-link" target="_self" href="/en/atencio_al_client/preguntes_frequents/"> <img class="footer-contact__list-img" alt="FAQs" src="/web/shared/continguts_per_compartir/icones/peu_contacte/registre.svg" > <span class="footer-contact__list-txt"> FAQs </span> </a> </li> <li class="footer-contact__list-item"> <a class="footer-contact__list-link" target="_self" href="/en/atencio_al_client/consultes_i_reclamacions/"> <img class="footer-contact__list-img" alt="Inquiries and complaints" src="/web/shared/continguts_per_compartir/icones/peu_contacte/bustia.svg" > <span class="footer-contact__list-txt"> Inquiries and complaints </span> </a> </li> <li class="footer-contact__list-item"> <a class="footer-contact__list-link" target="_self" href="/en/atencio_al_client/app_rodalies/"> <img class="footer-contact__list-img" alt="App Rodalies" src="/web/.content/00-FALDO/faldo-com-atenem-personalitzat/rodalies.svg" > <span class="footer-contact__list-txt"> App Rodalies </span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript" src="/system/modules/cat.vass.wcmResponsive.template.common/resources/common/js/accessibility.js"></script><div class="footer-bottom"> <div class="NG-container"> <div class="footer-bottom__wrapper"> <div class="NG-row-flex NG-row-flex--space-between NG-row-flex--vertical-reverse-xs"> <div class="NG-col"> <a class="footer-bottom__logo-link" target="_blank" title="https://web.gencat.cat/en/inici/" href="https://web.gencat.cat/en/inici/"> <img class="footer-bottom__logo" src="/web/resources/fwkResponsives/common/img/logo_generalitat_blanc.svg" alt="https://web.gencat.cat/en/inici/" srcset=""> </a> </div> <div class="NG-col NG--flex75"> <ul class="footer-bottom__list"> <li class="footer-bottom__list-item"> <a class="footer-bottom__list-link" title="Accessibility" target="_self" href="/en/sobre-rodalies/accessibilitat/"> Accessibility</a> </li> <li class="footer-bottom__list-item"> <a class="footer-bottom__list-link" title="Site map" target="_self" href="/en/ajuda/mapaweb/"> Site map</a> </li> <li class="footer-bottom__list-item"> <a class="footer-bottom__list-link" title="Legal notice" target="_blank" href="https://web.gencat.cat/en/ajuda/avis_legal/"> Legal notice</a> </li> </ul> </div> </div> </div> </div> </div> </footer> <div class="NG-container"> <div class="NG-row-flex NG-goToTop__wrapper"> <button class="NG-goToTop js-NG-goToTop" style="display: block;"> <img class="NG-goToTop_image" alt="Go up" src="/web/resources/fwkResponsive/fpca_peu/img/chevron-up-w.svg"> </button> </div> </div> </div> </div>   <script type="text/javascript" src="/system/modules/cat.vass.wcmResponsive.template.common/resources/common/js/accessibility.js"></script></body> </html>

CINXE.COM

Home. Rodalies de Catalunya