CINXE.COM
Página de inicio | Visitar | Parlamento Europeo
<!DOCTYPE html> <html lang="es"> <head><link rel="canonical" href="https://visiting.europarl.europa.eu/es" /><link rel="alternate" hreflang="es" href="https://visiting.europarl.europa.eu/es" /> <link rel="alternate" hreflang="de" href="https://visiting.europarl.europa.eu/de" /> <link rel="alternate" hreflang="fi" href="https://visiting.europarl.europa.eu/fi" /> <link rel="alternate" hreflang="pt" href="https://visiting.europarl.europa.eu/pt" /> <link rel="alternate" hreflang="bg" href="https://visiting.europarl.europa.eu/bg" /> <link rel="alternate" hreflang="lt" href="https://visiting.europarl.europa.eu/lt" /> <link rel="alternate" hreflang="lv" href="https://visiting.europarl.europa.eu/lv" /> <link rel="alternate" hreflang="hr" href="https://visiting.europarl.europa.eu/hr" /> <link rel="alternate" hreflang="fr" href="https://visiting.europarl.europa.eu/fr" /> <link rel="alternate" hreflang="hu" href="https://visiting.europarl.europa.eu/hu" /> <link rel="alternate" hreflang="sk" href="https://visiting.europarl.europa.eu/sk" /> <link rel="alternate" hreflang="sl" href="https://visiting.europarl.europa.eu/sl" /> <link rel="alternate" hreflang="ga" href="https://visiting.europarl.europa.eu/ga" /> <link rel="alternate" hreflang="sv" href="https://visiting.europarl.europa.eu/sv" /> <link rel="alternate" hreflang="mt" href="https://visiting.europarl.europa.eu/mt" /> <link rel="alternate" hreflang="el" href="https://visiting.europarl.europa.eu/el" /> <link rel="alternate" hreflang="en" href="https://visiting.europarl.europa.eu/en" /> <link rel="alternate" hreflang="it" href="https://visiting.europarl.europa.eu/it" /> <link rel="alternate" hreflang="et" href="https://visiting.europarl.europa.eu/et" /> <link rel="alternate" hreflang="cs" href="https://visiting.europarl.europa.eu/cs" /> <link rel="alternate" hreflang="pl" href="https://visiting.europarl.europa.eu/pl" /> <link rel="alternate" hreflang="da" href="https://visiting.europarl.europa.eu/da" /> <link rel="alternate" hreflang="ro" href="https://visiting.europarl.europa.eu/ro" /> <link rel="alternate" hreflang="nl" href="https://visiting.europarl.europa.eu/nl" /> <title>Página de inicio | Visitar | Parlamento Europeo</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" type="image/vnd.microsoft.icon" href="/modules/multiapp-templates/img/favicons/favicon.ico"/> <meta name="robots" content="index, follow, noodp, noydir, notranslate, noarchive" /> <meta name="description" content="Visite la institución de la UE que representa a los ciudadanos europeos. El Parlamento Europeo se complace en acoger tanto a grupos como a visitantes individuales en Bruselas, Estrasburgo y Luxemburgo." /> <meta itemprop="name" content="Página de inicio | Visitar | Parlamento Europeo" /> <meta itemprop="description" content="Visite la institución de la UE que representa a los ciudadanos europeos. El Parlamento Europeo se complace en acoger tanto a grupos como a visitantes individuales en Bruselas, Estrasburgo y Luxemburgo." /> <meta property="og:title" content="Página de inicio | Visitar | Parlamento Europeo" /> <meta property="og:url" content="https://visiting.europarl.europa.eu/es" /> <meta property="og:image" content="https://www.europarl.europa.eu/website/common/img/icon/sharelogo_facebook.jpg" /> <meta property="og:site_name" content="European Parliament" /> <meta property="og:type" content="government" /> <meta property="og:description" content="Visite la institución de la UE que representa a los ciudadanos europeos. El Parlamento Europeo se complace en acoger tanto a grupos como a visitantes individuales en Bruselas, Estrasburgo y Luxemburgo." /> <meta property="twitter:card" content="summary" /> <meta property="twitter:title" content="Página de inicio | Visitar | Parlamento Europeo" /> <meta property="twitter:image" content="https://www.europarl.europa.eu/website/common/img/icon/sharelogo_twitter.jpg" /> <meta property="twitter:site" content="Europarl_EN" /> <meta property="twitter:creator" content="Europarl_EN" /> <meta property="twitter:description" content="Visite la institución de la UE que representa a los ciudadanos europeos. El Parlamento Europeo se complace en acoger tanto a grupos como a visitantes individuales en Bruselas, Estrasburgo y Luxemburgo." /> <meta http-equiv="X-UA-Compatible" content="IE=10"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <script type="text/JavaScript" defer data-tracker-name="ATInternet" data-value="//www.europarl.europa.eu/website/webanalytics/ati-visiting.js" src="//www.europarl.europa.eu/website/privacy-policy/privacy-policy.js"></script> <script type="application/json" id="jahia-data-ctx">{"contextPath":"","lang":"es","uilang":"es","siteUuid":"ba2c8414-8252-4558-a458-88d2b00a87af","wcag":false,"ckeCfg":""}</script> <script type="application/json" id="jahia-data-ck">{"path":"/modules/ckeditor/javascript/","lng":"es_ES"}</script> <script src="/javascript/initJahiaContext.js"></script> <link id="staticAssetCSS0" rel="stylesheet" href="/generated-resources/4f542b25abd35b77593a14ded7a1ec.min.css" media="screen" type="text/css"/> <script id="staticAssetJavascript0" src="/generated-resources/b5d49ca1c5d4a587ce81c6f4a8a6c383.min.js" ></script> <noscript> <link rel="stylesheet" type="text/css" href="/modules/multiapp-templates/css/style-nojs.min.css"/> <link rel="stylesheet" type="text/css" href="/modules/multiapp-templates/css/header-ep-nojs.css"/> <link rel="stylesheet" type="text/css" href="/modules/multiapp-templates/css/components-ep-nojs.css"/> </noscript> <script type="text/javascript"> function redirection(url){ location.href=url; } </script> <script type="application/json" id="jahia-data-aggregatedjs">{"scripts":["/modules/multiapp-templates/javascript/jquery-3.6.0.min.js","/modules/multiapp-templates/javascript/behaviour.js","/modules/multiapp-templates/javascript/bootstrap_carousel.js","/modules/multiapp-templates/javascript/ol.js","/modules/multiapp-templates/javascript/pollyfils.js","/modules/multiapp-templates/javascript/nouislider.js","/modules/multiapp-templates/javascript/datepickerCGI.js","/modules/multiapp-templates/javascript/jquery-ui.min.js","/modules/multiapp-templates/javascript/bundle.js","/modules/multiapp-templates/javascript/js/script.js","/modules/multiapp-templates/javascript/utils/dom.js","/modules/multiapp-templates/javascript/utils/date-time.js","/modules/multiapp-templates/javascript/utils/ajax.js","/modules/multiapp-templates/javascript/utils/global-helper.js","/modules/multiapp-templates/javascript/utils/tabs.js","/modules/multiapp-templates/javascript/utils/clipboard.js","/modules/multiapp-components/javascript/components/mant_header/header.js","/modules/multiapp-components/javascript/components/mant_visitingSearch/visitingSearch.js"]}</script> <script type="text/javascript" src="/modules/CsrfServlet"></script> </head> <body lang="es" class="homepage"> <!-- STYLES ET SCRIPTS GENERIQUES --> <!-- add css --> <!-- add JS --> <input type="hidden" id="webanalytic-id_chapters" value="homepage"/> <input type="hidden" id="webanalytic-id_pages" value="homepage_visiting"/> <input type="hidden" id="webanalytic-id_sub-chapters" value=""/> <input type="hidden" id="webanalytic-id_sub-sub-chapters" value=""/> <div id="website" class="home"> <!-- ### START mant:header.default ### --><div id="website-header" class="ep-header"> <!-- ### START mant:waiShortcut.default ### --><!-- "WAI SHORTCUTS" Component This should be on aopt of the header This is a nav used for keyboard navigation only --> <nav class="wai-shortcut" aria-label="Saltar enlaces de navegación"> <ul id="waimenu"> <li><a href="#website-body"><span class="label">Acceso al contenido de la página (pulsar «Enter»)</span></a></li> <li><a href="#language-select"><span class="label">Acceso directo al listado de idiomas (pulsar «Enter»)</span></a></li> <li><a href="#search-field"><span class="label">Acceso directo al menú de búsqueda (pulsar «Enter»)</span></a></li> </ul> </nav> <!-- ### END mant:waiShortcut.default ### --><!-- ### START mant:toolbarTop.default ### --><!-- COMPOSANT "TOOLBAR TOP" --> <div class="toolbar toolbar_top"> <div class="toolbar-grid m-column no-padding-m"> <!-- test --> <!-- test --> <!-- ### START mant:languageSwitcher.header ### --><div class="dropdown-lang" id="language-select"> <!-- Select language no js --> <noscript> <div class="dropdown"> <div class="dropdown-lang no-js"> <div class="wrapper-dropdown-lang"> <form action="/es/homepage/Header/header/toolbartop/languageswitcher.ChangeLanguage.do" method="post"> <input name="page" type="hidden" value="/cms/render/live/es/sites/visiting/homepage.default.html"/> <input name="baseUrl" type="hidden" value="/cms/render/live/es"/> <div class="select"> <label for="change_language_nojs" class="sr-only">Change the navigation language</label> <select id="change_language_nojs" name="url" required> <option lang="bg" value="/bg">BG - български</option> <option lang="cs" value="/cs">CS - čeština</option> <option lang="da" value="/da">DA - dansk</option> <option lang="de" value="/de">DE - Deutsch</option> <option lang="el" value="/el">EL - ελληνικά</option> <option lang="en" value="/en">EN - English</option> <option lang="es" value="/es" selected="selected">ES - español</option> <option lang="et" value="/et">ET - eesti keel</option> <option lang="fi" value="/fi">FI - suomi</option> <option lang="fr" value="/fr">FR - français</option> <option lang="ga" value="/ga">GA - Gaeilge</option> <option lang="hr" value="/hr">HR - hrvatski</option> <option lang="hu" value="/hu">HU - magyar</option> <option lang="it" value="/it">IT - italiano</option> <option lang="lt" value="/lt">LT - lietuvių kalba</option> <option lang="lv" value="/lv">LV - latviešu valoda</option> <option lang="mt" value="/mt">MT - Malti</option> <option lang="nl" value="/nl">NL - Nederlands</option> <option lang="pl" value="/pl">PL - polski</option> <option lang="pt" value="/pt">PT - português</option> <option lang="ro" value="/ro">RO - română</option> <option lang="sk" value="/sk">SK - slovenčina</option> <option lang="sl" value="/sl">SL - slovenščina</option> <option lang="sv" value="/sv">SV - svenska</option> </select> </div> <button type="submit" class="btn">Cambiar la lengua de navegación</button> </form> </div> </div> </div> </noscript> <!-- End Select language no js --> <!--<nav class="custom-select dropdown" aria-label="Change the navigation language">--> <nav class="custom-select dropdown" aria-label="Change the navigation language"> <button id="dropdown" class="btn lang_select" type="submit" aria-haspopup="true" aria-expanded="false" > ES - español</button> <ul class="no-display menu-content" tabindex="-1"> <li> <a href="/bg" hreflang="bg" lang="bg"> <span class="wrapper-label"> <span class="label">BG - български</span> </span> </a> </li> <li> <a href="/cs" hreflang="cs" lang="cs"> <span class="wrapper-label"> <span class="label">CS - čeština</span> </span> </a> </li> <li> <a href="/da" hreflang="da" lang="da"> <span class="wrapper-label"> <span class="label">DA - dansk</span> </span> </a> </li> <li> <a href="/de" hreflang="de" lang="de"> <span class="wrapper-label"> <span class="label">DE - Deutsch</span> </span> </a> </li> <li> <a href="/el" hreflang="el" lang="el"> <span class="wrapper-label"> <span class="label">EL - ελληνικά</span> </span> </a> </li> <li> <a href="/en" hreflang="en" lang="en"> <span class="wrapper-label"> <span class="label">EN - English</span> </span> </a> </li> <li class="current" aria-current="true"> <a href="" hreflang="es" lang="es"> <span class="wrapper-label"> <span class="label">ES - español</span> </span> </a> </li> <li> <a href="/et" hreflang="et" lang="et"> <span class="wrapper-label"> <span class="label">ET - eesti keel</span> </span> </a> </li> <li> <a href="/fi" hreflang="fi" lang="fi"> <span class="wrapper-label"> <span class="label">FI - suomi</span> </span> </a> </li> <li> <a href="/fr" hreflang="fr" lang="fr"> <span class="wrapper-label"> <span class="label">FR - français</span> </span> </a> </li> <li> <a href="/ga" hreflang="ga" lang="ga"> <span class="wrapper-label"> <span class="label">GA - Gaeilge</span> </span> </a> </li> <li> <a href="/hr" hreflang="hr" lang="hr"> <span class="wrapper-label"> <span class="label">HR - hrvatski</span> </span> </a> </li> <li> <a href="/hu" hreflang="hu" lang="hu"> <span class="wrapper-label"> <span class="label">HU - magyar</span> </span> </a> </li> <li> <a href="/it" hreflang="it" lang="it"> <span class="wrapper-label"> <span class="label">IT - italiano</span> </span> </a> </li> <li> <a href="/lt" hreflang="lt" lang="lt"> <span class="wrapper-label"> <span class="label">LT - lietuvių kalba</span> </span> </a> </li> <li> <a href="/lv" hreflang="lv" lang="lv"> <span class="wrapper-label"> <span class="label">LV - latviešu valoda</span> </span> </a> </li> <li> <a href="/mt" hreflang="mt" lang="mt"> <span class="wrapper-label"> <span class="label">MT - Malti</span> </span> </a> </li> <li> <a href="/nl" hreflang="nl" lang="nl"> <span class="wrapper-label"> <span class="label">NL - Nederlands</span> </span> </a> </li> <li> <a href="/pl" hreflang="pl" lang="pl"> <span class="wrapper-label"> <span class="label">PL - polski</span> </span> </a> </li> <li> <a href="/pt" hreflang="pt" lang="pt"> <span class="wrapper-label"> <span class="label">PT - português</span> </span> </a> </li> <li> <a href="/ro" hreflang="ro" lang="ro"> <span class="wrapper-label"> <span class="label">RO - română</span> </span> </a> </li> <li> <a href="/sk" hreflang="sk" lang="sk"> <span class="wrapper-label"> <span class="label">SK - slovenčina</span> </span> </a> </li> <li> <a href="/sl" hreflang="sl" lang="sl"> <span class="wrapper-label"> <span class="label">SL - slovenščina</span> </span> </a> </li> <li> <a href="/sv" hreflang="sv" lang="sv"> <span class="wrapper-label"> <span class="label">SV - svenska</span> </span> </a> </li> </ul> </nav> </div> <!-- ### END mant:languageSwitcher.header ### --><!-- ### START mant:linkList.header ### --><!-- COMPOSANT "OTHER WEBSITES" --> <nav class="navigation-menu nav-top" aria-label="external links navigation"> <div class="menu-container"> <div class="focusable"> <a role="button" class="btn-open-menu" aria-labelledby="other-website-menu" aria-haspopup="true" aria-expanded="false" tabindex="0">Ver otros sitios web</a> <ul id="other-website-menu" class="menu-level-0" aria-label="View menu"> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/news/es" tabindex="0"> <span class="content"> <span class="label">Noticias</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/topics/es/" tabindex="0"> <span class="content"> <span class="label">Temas</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/meps/es/home" tabindex="0"> <span class="content"> <span class="label">Eurodiputados</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/aboutparliament/es" tabindex="0"> <span class="content"> <span class="label">Sobre el Parlamento</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/plenary/es" tabindex="0"> <span class="content"> <span class="label">Sesión plenaria</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/committees/es" tabindex="0"> <span class="content"> <span class="label">Comisiones</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0 nopadding-right"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/delegations/es" tabindex="0"> <span class="content"> <span class="label">Delegaciones</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://elections.europa.eu/es/" tabindex="0"> <span class="content"> <span class="label">Elecciones</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0 has-menu-dropdown" style="user-select: none; -webkit-user-select: none;"> <a class="icon-arrow-dropdown" role="button" aria-haspopup="true" aria-expanded="false" tabindex="0"> <span class="content"> <span class="label">Otros sitios web</span> </span> </a> <ul class="menu-level-1"> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://multimedia.europarl.europa.eu/es" tabindex="0"> <span class="content"> <span class="label">Multimedia Centre</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:internalLink.ParlHead ### --><a href="https://the-president.europarl.europa.eu/en" tabindex="0"> <span class="content"> <span class="label">Sitio web del presidente</span> </span> </a> <!-- ### END mant:internalLink.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:internalLink.ParlHead ### --><a href="https://the-secretary-general.europarl.europa.eu/en" tabindex="0"> <span class="content"> <span class="label">Secretaría General</span> </span> </a> <!-- ### END mant:internalLink.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/thinktank/es/home.html" tabindex="0"> <span class="content"> <span class="label">Think tank</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.epnewshub.eu/" tabindex="0"> <span class="content"> <span class="label">EP Newshub</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/at-your-service/es" tabindex="0"> <span class="content"> <span class="label">A su servicio</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/visiting/es" tabindex="0"> <span class="content"> <span class="label">Visitas</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/legislative-train/" tabindex="0"> <span class="content"> <span class="label">Legislative train</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/contracts-and-grants/es/" tabindex="0"> <span class="content"> <span class="label">Contratos y subvenciones</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/RegistreWeb/home/welcome.htm?language=ES" tabindex="0"> <span class="content"> <span class="label">Registro</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://data.europarl.europa.eu/es/home" tabindex="0"> <span class="content"> <span class="label">Portal de datos abiertos</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://liaison-offices.europarl.europa.eu/es" tabindex="0"> <span class="content"> <span class="label">Oficinas de enlace</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> </ul> </li> </ul> </div> </div> </nav> <!-- ### END mant:linkList.header ### --></div> </div> <!-- ### END mant:toolbarTop.default ### --><!-- ### START mant:banner.default ### --><!-- COMPOSANT "BANNER" --> <header class="header"> <div class="header-wrapper no-padding"> <div class="grid"> <span class="title-wrapper"> <a href="/es" class="title"> <span class="labeltxt">Visitas</span> </a> <a href="https://www.europarl.europa.eu/portal/es" class="subtitle"> <span class="labeltxt">Parlamento Europeo</span> <span class="logo"></span> </a> </span> </div> </div> </header> <!-- ### END mant:banner.default ### --><!-- ### START mant:toolbarBottom.default ### --><!-- COMPOSANT "TOOLBAR BOTTOM" --> <div class="toolbar toolbar_bottom sticky"> <div class="toolbar-grid no-padding flex-end"> <!-- COMPOSANT "NAV MENU" navMenu.groovy --> <nav class="navigation-menu nav-main" aria-label="Main navigation"> <div class="menu-container"> <a href="#" class="menu-icon" tabindex="0"> <span class="label">Menú</span> <span class="nav-icon"></span> </a> <ul class="menu-level-0"><li class="level-0 current "><a class="link-level-0" aria-current="true" href="/es" target="_self"><span class="content"><span class="label">Página de inicio</span><span class="current-element"></span></span></a></li><li class="level-0 has-menu-dropdown"><a class="icon-arrow-dropdown" role="button" aria-haspopup="true" tabindex="0"><span class="content"><span class="label">Oferta para visitantes</span><span class="current-element"></span></span></a><ul class="menu-level-1"><li class="level-1 "><a href="/es/visitor-offer" target="_self"><span class="content"><span class="label">Ver todas</span></span></a></li><li class="level-1 has-menu-dropdown"><a class=" icon-arrow-dropdown" role="button" aria-haspopup="true" tabindex="0"><span class="content"><span class="label">Bruselas</span><span class="current-element"></span></span></a><ul class="menu-level-2"><li class="level-2 "><a href="/es/visitor-offer/brussels/parlamentarium" target="_self"><span class="content"><span class="label">Parlamentarium</span></span></a></li><li class="level-2 "><a href="/es/visitor-offer/brussels/hemicycle" target="_self"><span class="content"><span class="label">El hemiciclo del Parlamento Europeo</span></span></a></li><li class="level-2 "><a href="/es/visitor-offer/brussels/house-of-european-history" target="_self"><span class="content"><span class="label">Casa de la Historia Europea</span></span></a></li><li class="level-2 "><a href="/es/visitor-offer/brussels/info-hub" target="_self"><span class="content"><span class="label">Info Hub</span></span></a></li></ul></li><li class="level-1 has-menu-dropdown"><a class=" icon-arrow-dropdown" role="button" aria-haspopup="true" tabindex="0"><span class="content"><span class="label">Estrasburgo</span><span class="current-element"></span></span></a><ul class="menu-level-2"><li class="level-2 "><a href="/es/visitor-offer/strasbourg/hemicycle" target="_self"><span class="content"><span class="label">Parlamento Europeo en Estrasburgo</span></span></a></li><li class="level-2 "><a href="/es/visitor-offer/strasbourg/parlamentarium-simone-veil" target="_self"><span class="content"><span class="label">El Parlamentarium Simone Veil</span></span></a></li><li class="level-2 "><a href="/es/visitor-offer/strasbourg/events-and-exhibitions" target="_self"><span class="content"><span class="label">Eventos y exposiciones en Estrasburgo</span></span></a></li></ul></li><li class="level-1 "><a href="/es/visitor-offer/other-locations/europa-experience/luxembourg" target="_self"><span class="content"><span class="label">Luxemburgo</span></span></a></li><li class="level-1 has-menu-dropdown"><a class=" icon-arrow-dropdown" role="button" aria-haspopup="true" tabindex="0"><span class="content"><span class="label">Otras ubicaciones</span><span class="current-element"></span></span></a><ul class="menu-level-2"><li class="level-2 "><a href="/es/homepage/pageContent-area/offer/europa-experience.html" target="_self"><span class="content"><span class="label">Experiencia Europa</span></span></a></li><li class="level-2 "><a href="/es/visitor-offer/other-locations/jean-monnet-house" target="_self"><span class="content"><span class="label">Casa de Jean Monnet</span></span></a></li></ul></li></ul></li><li class="level-0 has-menu-dropdown"><a class="icon-arrow-dropdown" role="button" aria-haspopup="true" tabindex="0"><span class="content"><span class="label">Educación y aprendizaje</span><span class="current-element"></span></span></a><ul class="menu-level-1"><li class="level-1 "><a href="/es/estrasburgo/educacion" target="_self"><span class="content"><span class="label">Ver todas</span></span></a></li><li class="level-1 "><a href="https://visiting.europarl.europa.eu/es/education-learning?location=Brussels" target="_self"><span class="content"><span class="label">Bruselas</span></span></a></li><li class="level-1 "><a href="https://visiting.europarl.europa.eu/es/education-learning?location=Strasbourg" target="_self"><span class="content"><span class="label">Estrasburgo</span></span></a></li><li class="level-1 "><a href="https://visiting.europarl.europa.eu/es/education-learning?location=Luxembourg" target="_self"><span class="content"><span class="label">Luxembourg</span></span></a></li><li class="level-1 "><a href="https://visiting.europarl.europa.eu/es/education-learning?location=Other" target="_self"><span class="content"><span class="label">Otras ubicaciones</span></span></a></li></ul></li><li class="level-0 "><a class="link-level-0" href="/es/online-activities" title="Nuestros juegos, recursos didácticos y actividades interactivas disponibles en línea le ayudarán a entender el Parlamento Europeo y cómo influye en su vida."><span class="content"><span class="label">Actividades en línea</span><span class="current-element"></span></span></a></li></ul> </div> </nav><!-- ### START mant:titleSticky.header ### --><!-- This title is only shown on the toolbar when in sticky mode --> <span class="title-toolbar" aria-hidden="true"><span class="label">Parlamento Europeo</span></span> <!-- ### END mant:titleSticky.header ### --></div> </div> <!-- ### END mant:toolbarBottom.default ### --></div> <!-- ### END mant:header.default ### --><main id="website-body" role="main" > <div class="ep_gridrow"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-m_header ep_hidden"> <div class="ep_gridcolumn-content"> <h1 class="ep-a_heading ep-layout_level3"> <span class="ep_title"> <span class="ep-p_text"><span class="ep_name">Página de inicio</span><span class="ep_icon"> </span></span> </span> </h1> </div> </div> </div> </div> <!-- ### START mant:visitingSearch.home ### --> <div class="visitSearch visitingSearch" style="background-image:url(/files/live/sites/visiting/files/X06jd2A-crop977x475.jpeg); background-position: center;"> <div class="ep_gridrow" style="letter-spacing: initial; height:100%;"> <div id="searchLanguage" style="position: absolute; margin-top: 355px; margin-left: 2%;"> <div class="white languageBubble lsn" style="position: relative;"> <div class="bubbleContent">24</div> <i class="fas fa-flip-horizontal fa-comment-alt"></i> <span style=" position: absolute; top: 7px; left: 50px;">Idiomas</span> </div> </div> <div class="ep_gridrow-content"> <div id="visitingSearchTitle" class="ep_gridcolumn" data-view1200="8" data-view1020="8" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <div id="computerSearchTitle" class="ep_gridcolumn-content white" style="padding-top: 16%;"> <div style="width: 100%; display: inline-flex;"> <div style="width: 60%;"> <div style="font-size: 4.5em; color: rgb(80,160,216);">Captivating</div> <div class="white" style="font-size: 3em; margin-left: 6%;"> and <span style="color: rgb(80,160,216); font-size: 1.6em;">diverse </span> visits</div> </div> <div style="width: 40%; align-self: center;padding-left: 4%;"> <span style="color: rgb(80,160,216); font-size: 1.4em; font-weight: bolder; font-family: Helvetica,Arial,sans-serif;"> VISITAR<span style="vertical-align: super; font-weight: bolder; margin: 10px;">.</span> JUGAR<span style="vertical-align: super;font-weight: bolder; margin: 10px;">.</span> APRENDER</span> </div> </div> <div class="white" style="padding-top:4%; font-size: 4.5em; margin-left: 8%;"> for everyone<span style="color: rgb(80,160,216);">,</span> </div> <div class="white" style="font-size: 4.5em; margin-left: 14%;"> all<span style="color: rgb(80,160,216); font-size: 0.6em;"> for</span> free</div> </div> <div id="tabletSearchTitle" class="ep_gridcolumn-content white"> <div style="align-self: center; margin-top: 6%; margin-left: 17%;"> <span style="color: rgb(80,160,216); font-size: 1.2em; font-weight: bolder; font-family: Helvetica,Arial,sans-serif;">VISITAR<span style="vertical-align: super; font-weight: bolder; margin: 10px;">.</span> JUGAR<span style="vertical-align: super;font-weight: bolder; margin: 10px;">.</span> APRENDER</span> </div> <div style="font-size: 4.5em; color: rgb(80,160,216); margin-top: 7%; margin-left: 2%;"> Captivating</div> <div class="white" style="font-size: 3em; margin-left: 8%;"> and <span style="color: rgb(80,160,216); font-size: 1.6em;">diverse </span> visits</div> <div class="white" style="padding-top:2%; font-size: 4.3em; margin-top: 8%; margin-left: 2%;">for everyone<span style="color: rgb(80,160,216);">,</span> </div> <div class="white" style="font-size: 3.8em; margin-left: 8%;"> all<span style="color: rgb(80,160,216); font-size: 0.6em;"> for</span> free</div> </div> <div id="phoneSearchTitle" class="ep_gridcolumn-content white"> <div style="display: flex; justify-content: center; margin-top: 6%;"> <span style="color: rgb(80,160,216); font-size: 1em; font-weight: bolder; font-family: Helvetica,Arial,sans-serif;">VISITAR<span style="vertical-align: super; font-weight: bolder; margin: 10px;">.</span> JUGAR<span style="vertical-align: super;font-weight: bolder; margin: 10px;">.</span> APRENDER</span> </div> <div style="font-size: 3.8em; color: rgb(80,160,216); margin-top: 5%; margin-left: 2%;"> Captivating</div> <div class="white" style="font-size: 2.8em; margin-left: 12%;"> and <span style="color: rgb(80,160,216); font-size: 1.3em;">diverse </span> visits</div> <div class="white" style="padding-top:2%; font-size: 3.2em; margin-top: 4%; margin-left: 7%;">for everyone<span style="color: rgb(80,160,216);">,</span></div> <div class="white" style="font-size: 3em; margin-left: 17%;"> all<span style="color: rgb(80,160,216); font-size: 0.6em;"> for</span> free</div> </div> </div> <div class="ep_gridcolumn searchInputs" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4" style="padding-top: 8%;"> <div id="formVisitingSearch" class="ep_gridcolumn-content"> <div class="ep-a_field"> <label for="offerFilter_location" class="ep_hidden"> <span class="ep_name">Select a location</span> </label> <div class="ep-p_select"> <div class="ep_select ep_field-native"> <span class="ep_icon ep_location"></span> <select data-selectconverted="true" class="ep_field" name="location" id="offerFilter_location" aria-label="Location selection" title="Escoger ubicación"> <option value="" disabled="disabled" selected="selected">Escoger ubicación</option> <option value="Brussels">Bruselas</option> <option value="Strasbourg">Estrasburgo</option> <option value="Luxembourg">Luxemburgo</option> <option value="Other">Otras ubicaciones</option> </select> <span class="ep_icon-arrow"></span> </div> </div> </div> <div class="ep-a_field"> <label for="offerFilter_type" class="ep_hidden"> <span class="ep_name">Define size and type</span> </label> <div class="ep-p_select"> <div class="ep_select ep_field-native"> <span class="ep_icon ep_user"></span> <select data-selectconverted="true" class="ep_field" name="type" id="offerFilter_type" aria-label="Definir tamaño y tipo" title="Definir tamaño y tipo"> <option value="" disabled="disabled" selected="selected">Definir tamaño y tipo</option> <option value="individual">Visita individual </option> <option value="family">Visita familiar</option> <option value="groups">Visita de grupo (> 10 personas)</option> <option value="school">Visita escolar</option> </select> <span class="ep_icon-arrow"></span> </div> </div> </div> <div id="datepicker"></div> <button class="ep_button button_validation" type="button" id="submitSearch"> <span class="ep_name">Buscar en nuestra oferta</span> </button> </div> </div> </div> </div> </div> <script type="text/javascript"> $(() => { dom.setJspInput('visiting-search-component-data', { schoolListPageUrl: '/es/estrasburgo/educacion', generalListPageUrl: '/es/visitor-offer', specificDatesUrl: '/es/homepage/pageContent-area/visiting-home-header.Calendar.do', labels: { placeholder: 'Fecha', confirmTheDate: 'Confirme la fecha', days: ['Semana', 'L', 'M', 'MI', 'J', 'V', 'S', 'D'], actions: ['Hoy', 'Mañana', 'Esta semana', 'Próxima semana', 'Próximas dos semanas', 'Próximo mes'], tags: ['Pleno en Estrasburgo', 'Pleno en Bruselas', 'Cerrado para visitas'], months: ['enero', 'febrero', 'marzo', 'abril', 'mayo', 'junio', 'julio', 'agosto', 'septiembre', 'octubre', 'noviembre', 'diciembre'], }, }); }); </script> <!-- ### END mant:visitingSearch.home ### --><!-- ### START mant:offerCreation.home ### --><!-- ### END mant:offerCreation.home ### --><style> #website-body .ep-flip-card a:hover .ep-p_text .ep_name, #website-body .ep-flip-card a:focus .ep-p_text .ep_name{ color: #fff; transform: none; outline: none; } #website-body button.reverse { background-color: white; color: #223065; padding: 15px 30px; letter-spacing: normal; margin-top: 6%; margin-bottom: 6%; width: fit-content; white-space: initial; cursor: pointer; font-size: 1.5em; font-weight: 600; transition: background-color .3s ease-in-out; } #website-body button.reverse:hover, #website-body button.reverse:focus{ background-color: #000; color: #fff !important; } #website-body button.reverse:focus .ep_name, #website-body button.reverse:focus .ep_name { color: #fff; } #website-body button.reverse:focus { outline: 3px dotted #fff; } .footerOfferSelect{ display: flex; box-sizing: border-box; margin-top: auto; } .footerOfferSelect > div{ margin-top:3px; } .footerOfferSelect > div .fas, .footerOfferSelect > div .far{ margin-right: 5px; font-size: .9rem; } .footerOfferSelect > div .card-back-information{ margin-top:0; font-size: .8rem; } </style> <!-- ### START mant:permanentOfferList.home ### --><div class="ep_gridrow permanentOfferList" style="margin-top: 40px;"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content" style="display: flex"> <div class="ep-a_heading ep-layout_level2"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name sansSerif"> <strong>Oferta para visitantes</strong></span></div> </h2> </div> </div> </div> <div class="ep_gridcolumn" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridrow" > <div id="data-77cb3b1f-2ad5-4ca1-9374-07e1d5745c1d" class="ep_gridrow-content"> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="/es/visitor-offer/strasbourg/hemicycle" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #223065;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/Header/final/the-european-parliament-in-strasbourg-thumbnail.png alt="" srcset=" /files/live/sites/visiting/files/Images/Header/final/the-european-parliament-in-strasbourg-thumbnail.png 320w, /files/live/sites/visiting/files/Images/Header/final/the-european-parliament-in-strasbourg-thumbnail.png 640w, /files/live/sites/visiting/files/Images/Header/final/the-european-parliament-in-strasbourg-thumbnail.png 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>El Parlamento Europeo en Estrasburgo</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Estrasburgo</div> <div class="location" style="color: #223065">Parlamento Europeo</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="/es/visitor-offer/brussels/hemicycle" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #215895;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/EP%20Brussels/Hemicycle_thumb.jpg alt="" srcset=" /files/live/sites/visiting/files/Images/EP%20Brussels/Hemicycle_thumb.jpg 320w, /files/live/sites/visiting/files/Images/EP%20Brussels/Hemicycle_thumb.jpg 640w, /files/live/sites/visiting/files/Images/EP%20Brussels/Hemicycle_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>El hemiciclo del Parlamento Europeo</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Bruselas</div> <div class="location" style="color: #215895">Hemiciclo</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="/es/visitor-offer/brussels/parlamentarium" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #257725;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/EP%20Brussels/Parlamentarium_thumb.jpg alt="" srcset=" /files/live/sites/visiting/files/Images/EP%20Brussels/Parlamentarium_thumb.jpg 320w, /files/live/sites/visiting/files/Images/EP%20Brussels/Parlamentarium_thumb.jpg 640w, /files/live/sites/visiting/files/Images/EP%20Brussels/Parlamentarium_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Parlamentarium</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Bruselas</div> <div class="location" style="color: #257725">Parlamentarium</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="/es/visitor-offer/brussels/house-of-european-history" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #CF4321;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/EP%20Brussels/HEH_thumb.jpg alt="" srcset=" /files/live/sites/visiting/files/Images/EP%20Brussels/HEH_thumb.jpg 320w, /files/live/sites/visiting/files/Images/EP%20Brussels/HEH_thumb.jpg 640w, /files/live/sites/visiting/files/Images/EP%20Brussels/HEH_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Casa de la Historia Europea</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Bruselas</div> <div class="location" style="color: #CF4321">Casa de la Historia Europea</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="/es/visitor-offer/other-locations/jean-monnet-house" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #953984;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/EP%20Strasbourg/Jean_Monnet_thumb.jpg alt="" srcset=" /files/live/sites/visiting/files/Images/EP%20Strasbourg/Jean_Monnet_thumb.jpg 320w, /files/live/sites/visiting/files/Images/EP%20Strasbourg/Jean_Monnet_thumb.jpg 640w, /files/live/sites/visiting/files/Images/EP%20Strasbourg/Jean_Monnet_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Casa de Jean Monnet</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Otras ubicaciones</div> <div class="location" style="color: #953984">Casa de Jean Monnet</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="/es/homepage/pageContent-area/offer/europa-experience.html" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #953984;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/Visitor%20Offer/EU%20EXP/Europa_Experience_thumb.jpg alt="" srcset=" /files/live/sites/visiting/files/Images/Visitor%20Offer/EU%20EXP/Europa_Experience_thumb.jpg 320w, /files/live/sites/visiting/files/Images/Visitor%20Offer/EU%20EXP/Europa_Experience_thumb.jpg 640w, /files/live/sites/visiting/files/Images/Visitor%20Offer/EU%20EXP/Europa_Experience_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Experiencia Europa</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Otras ubicaciones</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> </div> </div> </div> </div> </div> <div class="ep_gridrow" id="viawAll77cb3b1f2ad54ca1937407e1d5745c1d"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-m_footer" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <div class="ep-a_loadmore"> <div class="ep_button visitingButton"> <a id="offer-77cb3b1f-2ad5-4ca1-9374-07e1d5745c1d-loadMoreBtn" class="ep-p_text" href="/es/visitor-offer"> <span class="sr-only">Oferta para visitantes</span> <span class="ep_name"> Ver todas</span> <span class="ep_icon"> </span> </a> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ var map = {}; $("body").on('click','#event-77cb3b1f-2ad5-4ca1-9374-07e1d5745c1d-loadMoreBtn',function() { map["queryType"] = "permanentOfferList"; $.ajax({ type: "POST", url: '/es/homepage/pageContent-area/visitor-offer.loadMoreArticles.do', data: map, dataType: "json", success: function(data) { spliceExistingItems(data.articles); data.articles.forEach(function(item){ $.ajax(item["url"]+'.ajax').done(function(value){ $("#data-77cb3b1f-2ad5-4ca1-9374-07e1d5745c1d").append( '<div class="ep_gridcolumn" data-view1200="4" data-view1020="4"' +'data-view750="6" data-view640="8" data-view480="8" data-view320="4">'+value+'</div>'); }); }); $("#viawAll77cb3b1f2ad54ca1937407e1d5745c1d").hide(); } }); }); function spliceExistingItems (data){ if(data.length >= '6'){ data.splice(0, '6'); return data; } return []; } }) </script> <!-- ### END mant:permanentOfferList.home ### --><style> #website-body .ep-flip-card a:hover .ep-p_text .ep_name, #website-body .ep-flip-card a:focus .ep-p_text .ep_name{ color: #fff; transform: none; outline: none; } #website-body button.reverse { background-color: white; color: #223065; padding: 15px 30px; letter-spacing: normal; margin-top: 6%; margin-bottom: 6%; width: fit-content; white-space: initial; cursor: pointer; font-size: 1.5em; font-weight: 600; transition: background-color .3s ease-in-out; } #website-body button.reverse:hover, #website-body button.reverse:focus{ background-color: #000; color: #fff !important; } #website-body button.reverse:focus .ep_name, #website-body button.reverse:focus .ep_name { color: #fff; } #website-body button.reverse:focus { outline: 3px dotted #fff; } .footerOfferSelect{ display: flex; box-sizing: border-box; margin-top: auto; } .footerOfferSelect > div{ margin-top:3px; } .footerOfferSelect > div .fas, .footerOfferSelect > div .far{ margin-right: 5px; font-size: .9rem; } .footerOfferSelect > div .card-back-information{ margin-top:0; font-size: .8rem; } </style> <!-- ### START mant:permanentOfferList.home ### --><div class="ep_gridrow permanentOfferList" style="margin-top: 40px;"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content" style="display: flex"> <div class="ep-a_heading ep-layout_level2"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name sansSerif"> <strong>Educación y aprendizaje</strong></span></div> </h2> </div> </div> </div> <div class="ep_gridcolumn" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridrow" > <div id="data-bcf27b52-9f78-45bd-a895-d6ef3797cfa3" class="ep_gridrow-content"> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="https://digital-journey.europarl.europa.eu/#/es/" class="flip-card-inner" target="_blank"> <div> <div class="flip-card-front" style="background-color: #008298;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/Digital/Digital%20Journey/Digital_journey_thumb.jpg alt="" srcset=" /files/live/sites/visiting/files/Images/Digital/Digital%20Journey/Digital_journey_thumb.jpg 320w, /files/live/sites/visiting/files/Images/Digital/Digital%20Journey/Digital_journey_thumb.jpg 640w, /files/live/sites/visiting/files/Images/Digital/Digital%20Journey/Digital_journey_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Viaje Digital</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> En línea</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="https://historia.europa.eu/en/learn#paragraph-teachers" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #CF4321;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/Digital/HEH/educators_thumb.png alt="" srcset=" /files/live/sites/visiting/files/Images/Digital/HEH/educators_thumb.png 320w, /files/live/sites/visiting/files/Images/Digital/HEH/educators_thumb.png 640w, /files/live/sites/visiting/files/Images/Digital/HEH/educators_thumb.png 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Educadores</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Bruselas</div> <div class="location" style="color: #CF4321">Casa de la Historia Europea</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="/es/education-learning/role-play-game" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #008298;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/Digital/Role%20Play%20Game/Role_play_game_thumb.jpg alt="" srcset=" /files/live/sites/visiting/files/Images/Digital/Role%20Play%20Game/Role_play_game_thumb.jpg 320w, /files/live/sites/visiting/files/Images/Digital/Role%20Play%20Game/Role_play_game_thumb.jpg 640w, /files/live/sites/visiting/files/Images/Digital/Role%20Play%20Game/Role_play_game_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Juego de rol</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Otras ubicaciones</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> </div> </div> </div> </div> </div> <div class="ep_gridrow" id="viawAllbcf27b529f7845bda895d6ef3797cfa3"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-m_footer" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <div class="ep-a_loadmore"> <div class="ep_button visitingButton"> <a id="offer-bcf27b52-9f78-45bd-a895-d6ef3797cfa3-loadMoreBtn" class="ep-p_text" href="/es/estrasburgo/educacion"> <span class="sr-only">Educación y aprendizaje</span> <span class="ep_name"> Ver todas</span> <span class="ep_icon"> </span> </a> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ var map = {}; $("body").on('click','#event-bcf27b52-9f78-45bd-a895-d6ef3797cfa3-loadMoreBtn',function() { map["queryType"] = "permanentOfferList"; $.ajax({ type: "POST", url: '/es/homepage/pageContent-area/education-and-learning.loadMoreArticles.do', data: map, dataType: "json", success: function(data) { spliceExistingItems(data.articles); data.articles.forEach(function(item){ $.ajax(item["url"]+'.ajax').done(function(value){ $("#data-bcf27b52-9f78-45bd-a895-d6ef3797cfa3").append( '<div class="ep_gridcolumn" data-view1200="4" data-view1020="4"' +'data-view750="6" data-view640="8" data-view480="8" data-view320="4">'+value+'</div>'); }); }); $("#viawAllbcf27b529f7845bda895d6ef3797cfa3").hide(); } }); }); function spliceExistingItems (data){ if(data.length >= '3'){ data.splice(0, '3'); return data; } return []; } }) </script> <!-- ### END mant:permanentOfferList.home ### --><style> #website-body .ep-flip-card a:hover .ep-p_text .ep_name, #website-body .ep-flip-card a:focus .ep-p_text .ep_name{ color: #fff; transform: none; outline: none; } #website-body button.reverse { background-color: white; color: #223065; padding: 15px 30px; letter-spacing: normal; margin-top: 6%; margin-bottom: 6%; width: fit-content; white-space: initial; cursor: pointer; font-size: 1.5em; font-weight: 600; transition: background-color .3s ease-in-out; } #website-body button.reverse:hover, #website-body button.reverse:focus{ background-color: #000; color: #fff !important; } #website-body button.reverse:focus .ep_name, #website-body button.reverse:focus .ep_name { color: #fff; } #website-body button.reverse:focus { outline: 3px dotted #fff; } .footerOfferSelect{ display: flex; box-sizing: border-box; margin-top: auto; } .footerOfferSelect > div{ margin-top:3px; } .footerOfferSelect > div .fas, .footerOfferSelect > div .far{ margin-right: 5px; font-size: .9rem; } .footerOfferSelect > div .card-back-information{ margin-top:0; font-size: .8rem; } </style> <!-- ### START mant:permanentOfferList.home ### --><div class="ep_gridrow permanentOfferList" style="margin-top: 40px;"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content" style="display: flex"> <div class="ep-a_heading ep-layout_level2"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name sansSerif"> <strong>Eventos y exposiciones</strong></span></div> </h2> </div> </div> </div> <div class="ep_gridcolumn" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridrow" > <div id="data-6e8eb322-db4a-4ada-82c9-68a4a8b84b97" class="ep_gridrow-content"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn equalHM eq" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4" data-view1200="12" data-view1020="12" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <a href="/es/brussels/events/looting-art-history" class="ep_gridcolumn-content equalHMbottom" target="_self"> <div> <figure> <img src="/files/live/sites/visiting/files/Images/EP%20Brussels/HEH/heh_art_looting_debate_thumb.png" alt="" srcset=" /files/live/sites/visiting/files/Images/EP%20Brussels/HEH/heh_art_looting_debate_thumb.png 320w, /files/live/sites/visiting/files/Images/EP%20Brussels/HEH/heh_art_looting_debate_thumb.png 640w, /files/live/sites/visiting/files/Images/EP%20Brussels/HEH/heh_art_looting_debate_thumb.png 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="info" style="background-color: #CF4321;"> <span> <strong> <time datetime="19:00">19:00</time> </strong> a <strong> <time datetime="20:30">20:30</time> </strong></span> <span> <strong> <time datetime="2024-12-04">04-12-2024</time> </strong> </span> </div> <div class="content"> <h2 class="title"> <span>The Looting of Art in History </span> </h2> <p> <p style="text-align: justify;">Join us in the House of European History for a panel debate, which will explore the practice of art looting during war, a practice which was widespread during the period of the Thirty Years War and recently popularised in the film ‘The Monuments Men.’</p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Bruselas</div> <div class="locate">Casa de la Historia Europea</div> </div> </div> </a> </div> <!-- ### END mant:offer.default ### --><!-- ### START mant:offer.default ### --><div class="ep_gridcolumn equalHM eq" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4" data-view1200="12" data-view1020="12" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <a href="/es/strasbourg/exhibition/bold-voices-new-acquisitions-of-works-of-art" class="ep_gridcolumn-content equalHMbottom" target="_self"> <div> <figure> <img src="/files/live/sites/visiting/files/Images/Exhibitions/Bold_Voices_exhibit_Strasbourg.png" alt="" srcset=" /files/live/sites/visiting/files/Images/Exhibitions/Bold_Voices_exhibit_Strasbourg.png 320w, /files/live/sites/visiting/files/Images/Exhibitions/Bold_Voices_exhibit_Strasbourg.png 640w, /files/live/sites/visiting/files/Images/Exhibitions/Bold_Voices_exhibit_Strasbourg.png 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="info" style="background-color: #223065;"> <span> <strong> <time datetime="9:00">9:00</time> </strong> a <strong> <time datetime="17:00">17:00</time> </strong></span> <span> <strong> <time datetime="2024-10-25">25-10-2024</time> </strong> a <strong> <time datetime="2025-02-11">11-02-2025</time> </strong></span> </div> <div class="content"> <h2 class="title"> <span>“Bold Voices”: new acquisitions of works of art</span> </h2> <p> <p style="text-align: justify;">“Bold Voices”, a new exhibition will be displayed in the visitor’s circuit in Strasbourg. It showcases new acquisitions from the European Parliament’s collection of contemporary art and enriches the cultural offer for the visitors.</p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Estrasburgo</div> <div class="locate">Parlamento Europeo</div> </div> </div> </a> </div> <!-- ### END mant:offer.default ### --><!-- ### START mant:offer.default ### --><div class="ep_gridcolumn equalHM eq" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4" data-view1200="12" data-view1020="12" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <a href="/es/brussels/events/thirty-years-war-european-film" class="ep_gridcolumn-content equalHMbottom" target="_self"> <div> <figure> <img src="/files/live/sites/visiting/files/Images/Events/HEH/heh_movie_screenings_thumb.png" alt="" srcset=" /files/live/sites/visiting/files/Images/Events/HEH/heh_movie_screenings_thumb.png 320w, /files/live/sites/visiting/files/Images/Events/HEH/heh_movie_screenings_thumb.png 640w, /files/live/sites/visiting/files/Images/Events/HEH/heh_movie_screenings_thumb.png 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="info" style="background-color: #CF4321;"> <span> <strong> <time datetime="19:00">19:00</time> </strong> a <strong> <time datetime="21:30">21:30</time> </strong></span> <span> <strong> <time datetime="2024-11-13">13-11-2024</time> </strong> a <strong> <time datetime="2024-11-27">27-11-2024</time> </strong></span> </div> <div class="content"> <h2 class="title"> <span>The Thirty Years War in European Film</span> </h2> <p> <p style="text-align: justify;">This month the House of European History will host three screenings of famous films that represent and (re)imagine the Thirty Years War. The films will be introduced by film curator Wouter Hessels and will be preceded by a tour of the exhibition.</p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Bruselas</div> <div class="locate">Casa de la Historia Europea</div> </div> </div> </a> </div> <!-- ### END mant:offer.default ### --><!-- ### START mant:offer.default ### --><div class="ep_gridcolumn equalHM eq" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4" data-view1200="12" data-view1020="12" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <a href="/es/brussels/info-hub/european-parliament-tuesday-concerts" class="ep_gridcolumn-content equalHMbottom" target="_self"> <div> <figure> <img src="/files/live/sites/visiting/files/Images/Events/info_hub/autumn_winter_concerts_thumb.png" alt="" srcset=" /files/live/sites/visiting/files/Images/Events/info_hub/autumn_winter_concerts_thumb.png 320w, /files/live/sites/visiting/files/Images/Events/info_hub/autumn_winter_concerts_thumb.png 640w, /files/live/sites/visiting/files/Images/Events/info_hub/autumn_winter_concerts_thumb.png 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="info" style="background-color: #953984;"> <span> <strong> <time datetime="13:00">13:00</time> </strong> </span> <span> <strong> <time datetime="2024-11-05">05-11-2024</time> </strong> a <strong> <time datetime="2024-12-17">17-12-2024</time> </strong></span> </div> <div class="content"> <h2 class="title"> <span>European Parliament's Tuesday concerts</span> </h2> <p> <p>Take a break and enjoy live music during your lunch hour at the Info Hub!</p> <p> </p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Bruselas</div> <div class="locate">Info Hub</div> </div> </div> </a> </div> <!-- ### END mant:offer.default ### --><!-- ### START mant:offer.default ### --><div class="ep_gridcolumn equalHM eq" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4" data-view1200="12" data-view1020="12" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <a href="/es/visitor-offer/brussels/lunchtime-tours-every-tuesday" class="ep_gridcolumn-content equalHMbottom" target="_self"> <div> <figure> <img src="/files/live/sites/visiting/files/Images/Events/HEH/lunch_tours_thumb.jpg" alt="" srcset=" /files/live/sites/visiting/files/Images/Events/HEH/lunch_tours_thumb.jpg 320w, /files/live/sites/visiting/files/Images/Events/HEH/lunch_tours_thumb.jpg 640w, /files/live/sites/visiting/files/Images/Events/HEH/lunch_tours_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="info" style="background-color: #CF4321;"> <span> <strong> <time datetime="12:15">12:15</time> </strong> a <strong> <time datetime="13:00">13:00</time> </strong></span> <span> <strong> <time datetime="2024-12-03">03-12-2024</time> </strong> a <strong> <time datetime="2024-12-31">31-12-2024</time> </strong></span> </div> <div class="content"> <h2 class="title"> <span>Lunchtime tours every Tuesday</span> </h2> <p> <p style="text-align: justify;">December Lunch Tours theme – <strong>'It’s the most wonderful time of the year'</strong></p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Bruselas</div> <div class="locate">Casa de la Historia Europea</div> </div> </div> </a> </div> <!-- ### END mant:offer.default ### --><!-- ### START mant:offer.default ### --><div class="ep_gridcolumn equalHM eq" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4" data-view1200="12" data-view1020="12" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <a href="http://info-hub.booking.europarl.europa.eu/events/lux-audience-award-julie-keeps-quiet-by-l-van-dijl-watchrate-6qMuRK3pxlA" class="ep_gridcolumn-content equalHMbottom" target="_self"> <div> <figure> <img src="/files/live/sites/visiting/files/Images/EP%20Brussels/Info%20Hub/lux_award_julie_keeps_quiet_thumb.png" alt="" srcset=" /files/live/sites/visiting/files/Images/EP%20Brussels/Info%20Hub/lux_award_julie_keeps_quiet_thumb.png 320w, /files/live/sites/visiting/files/Images/EP%20Brussels/Info%20Hub/lux_award_julie_keeps_quiet_thumb.png 640w, /files/live/sites/visiting/files/Images/EP%20Brussels/Info%20Hub/lux_award_julie_keeps_quiet_thumb.png 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="info" style="background-color: #953984;"> <span> <strong> <time datetime="18:30">18:30</time> </strong> a <strong> <time datetime="21:30">21:30</time> </strong></span> <span> <strong> <time datetime="2024-12-03">03-12-2024</time> </strong> </span> </div> <div class="content"> <h2 class="title"> <span>LUX Audience Award Prize Screening – "Julie Keeps Quiet"</span> </h2> <p> <p style="text-align: justify;">Watch the Belgian Swedish film ‘Julie Keeps Quiet’.</p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Bruselas</div> <div class="locate">Info Hub</div> </div> </div> </a> </div> <!-- ### END mant:offer.default ### --></div> </div> </div> </div> </div> <div class="ep_gridrow" id="viawAll6e8eb322db4a4ada82c968a4a8b84b97"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-m_footer" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <div class="ep-a_loadmore"> <div class="ep_button visitingButton"> <a id="offer-6e8eb322-db4a-4ada-82c9-68a4a8b84b97-loadMoreBtn" class="ep-p_text" href="/es/visitor-offer"> <span class="sr-only">Eventos y exposiciones</span> <span class="ep_name"> Ver todas</span> <span class="ep_icon"> </span> </a> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ var map = {}; $("body").on('click','#event-6e8eb322-db4a-4ada-82c9-68a4a8b84b97-loadMoreBtn',function() { map["queryType"] = "permanentOfferList"; $.ajax({ type: "POST", url: '/es/homepage/pageContent-area/events-and-exhibitions.loadMoreArticles.do', data: map, dataType: "json", success: function(data) { spliceExistingItems(data.articles); data.articles.forEach(function(item){ $.ajax(item["url"]+'.ajax').done(function(value){ $("#data-6e8eb322-db4a-4ada-82c9-68a4a8b84b97").append( '<div class="ep_gridcolumn" data-view1200="4" data-view1020="4"' +'data-view750="6" data-view640="8" data-view480="8" data-view320="4">'+value+'</div>'); }); }); $("#viawAll6e8eb322db4a4ada82c968a4a8b84b97").hide(); } }); }); function spliceExistingItems (data){ if(data.length >= '6'){ data.splice(0, '6'); return data; } return []; } }) </script> <!-- ### END mant:permanentOfferList.home ### --><!-- ### START mant:spotlight.home ### --><div id="minifySpotlightToShowHide" class="BeforeScroll lsn "> <div class="ep_gridrow" style="letter-spacing: initial;"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn" data-view1200="10" data-view1020="10" data-view750="9" data-view640="8" data-view480="4" data-view320="4"> <div class="ep_gridcolumn-content"> <div class="white" style="padding-top: 25px; display: flex;"> <a href="https://" target="_blank"> <span class="white" style="font-size: 3em; align-self: center; text-align: center;">TODOS JUNTOS POR LA DEMOCRACIA</span> </a> </div> </div> </div> <div class="ep_gridcolumn" data-view1200="2" data-view1020="2" data-view750="3" data-view640="2" data-view480="4" data-view320="4"> <div class="ep_gridcolumn-content"> <div id="spotlightMinifyButton" class="white"> <button class="ep_button reverse white" onclick="event.stopPropagation();location.href='https://together.europarl.europa.eu/es/';" type="button" style="cursor: pointer; float: right; height: 35px; font-size: 1.5em; width: 100%; font-weight: bold; background-color: #008298"> <span class="ep_name sansSerif">Registrarse</span> </button> </div> </div> </div> </div> </div> </div> <style type="text/css"> @media only screen and (min-width: 750px) { #spotlightMinifyButton{ padding-top: 25px; } #minifySpotlightToShowHide{ height: 80px; } } @media only screen and (max-width: 749px) { #minifySpotlightToShowHide{ height: 160px; } } #minifySpotlightToShowHide{ top: 40px; position: fixed; background-image: url(/files/live/sites/visiting/files/Images/Digital/Use%20your%20vote%202024/togetherfordemocracy.png); background-size: cover; margin-bottom: 30px; overflow: hidden; align-content: center; font-family: Georgia,Garamond,serif,Palatino; } .BeforeScroll { height: 100px; width: 100%; display: none; } .AfterScroll { height: 100px; width: 100%; display: flex; } </style> <script type="text/javascript"> var position; var div; $(document).ready(() => { position = $('#spotlight')?.position()?.top; position = isNaN(position) ? null : position + 500; div = $("#minifySpotlightToShowHide"); if(position && position < 1000) { changeMinifyVisibility(); $(window).scroll(() => changeMinifyVisibility()); } }); function changeMinifyVisibility() { var windowPos = $(window).scrollTop(); if (position && windowPos > position) { div.addClass("AfterScroll"); div.removeClass("BeforeScroll"); } else { div.addClass("BeforeScroll"); div.removeClass("AfterScroll"); } } </script> <style> @media screen and (max-width: 750px) { #pic-{ background-image:url(/files/live/sites/visiting/files/Images/EP%20Strasbourg/Events/Elections_night_thumb.png); } } @media screen and (min-width: 751px) { #pic-{ background-image:url(/files/live/sites/visiting/files/Images/Digital/Use%20your%20vote%202024/togetherfordemocracy.png); } } </style> <div id="pic-" style="height: 500px; background-size: cover; background-position: center; margin-bottom:30px;overflow: hidden;" class="Spotlight lsn withButton"> <div class="ep_gridrow" style="letter-spacing: initial;"> <div class="ep_gridrow-content" style="height: 500px; color: white; float:left; font-size: 1.6em; "> <div id="computerSpotlightContent" style="position: relative;" class="ep_gridcolumn lsn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <div style="background: rgba(0,0,0,0.5); height: 100%; padding: 8% 5%; overflow-y: auto; overflow-x: hidden;"> <h2 class="ep-a_heading ep-layout_level2" data-visibility480="false" data-visibility320="false"> <span class="ep_title" style="word-break: break-word"> <span class="ep-p_text white"> <a href="https://" target="_blank"> <span class="ep_name" data-visibility480="" data-visibility320="" style="position: relative; opacity: 1;" spellcheck="false">TODOS JUNTOS POR LA DEMOCRACIA</span> </a> </span> </span> </h2> <div style="display: flex; margin-top: 6px; margin-bottom: 18px; flex-wrap: wrap; font-size: 0.7em;"> </div> <div style="display: flex; margin-top: 6px; margin-bottom: 18px; flex-wrap: wrap; font-size: 0.7em;"> </div> <div class="ep-a_text lsn"> <span style="overflow-wrap: break-word;"> <span><p style="text-align: justify;">El futuro de Europa está en nuestras manos. Si trabajamos juntos, podremos encontrar soluciones a los problemas más importantes. Aprovecha para informarte sobre todosjuntos.eu y descubre cómo puedes ser parte del cambio.</p> <p> </p> </span> </span> </div> <button class="ep_button" type="button" onclick="event.stopPropagation();location.href='https://together.europarl.europa.eu/es/';" style="background-color: #008298; color: white; padding: 15px;cursor: pointer;"> <span class="ep_name" style="font-weight: bolder; letter-spacing: 0.7px;">Registrarse</span> </button> </div> </div> <div id="phoneSpotlightContent" style="position:relative" class="ep_gridcolumn " data-view1200="4" data-view1020="4" data-view750="5" data-view640="8" data-view480="8" data-view320="4" onclick="redirection('https://')"> <!-- Optional element following it's external or internal --> <div class="ep_gridrow" style="padding: 0px 10px; width: 100%;"> <div class="ep_gridrow-content background node /sites/visiting/contents/dgunits/vscu" style="letter-spacing:normal;"> <div class="ep_gridcolumn" style="background-color: black; padding: 10px 8px; flex-grow: 1; text-align: center; white-space: nowrap; word-wrap: normal;"> <strong>Punto de mira</strong> </div> <div class="ep_gridcolumn " style=" padding: 10px 8px; text-align: right; flex-grow: 2; font-size: 0.7em; display: block;"> <strong></strong> </div> </div> </div> <!-- Optional element following it's external or internal --> <div style="background: rgba(0,0,0,0.5); padding: 6% 0 0% 0; overflow-y: auto; overflow-x: hidden; position: absolute; width: 100%; bottom: 0; text-align: center;"> <h2 class="ep-a_heading ep-layout_level2"> <div class="ep_title"> <div class="ep-p_text white"> <a href="https://" target="_blank"> <span class="ep_name" style="font-size: 0.7em; line-height: 1.3em; text-align: center;" spellcheck="false">TODOS JUNTOS POR LA DEMOCRACIA</span> </a> </div> </div> </h2> <div style="display: flex; margin-top: 6px; margin-bottom: 1px; flex-wrap: wrap; justify-content: center;"> </div> </div> </div> <button class="ep_button phoneOnly" type="button" onclick="event.stopPropagation(); location.href='https://together.europarl.europa.eu/es/';" style="background-color: #008298; color: white; padding: 15px; cursor: pointer; font-family: Helvetica,Arial,sans-serif; font-size: 1.5em!important;"> <span class="ep_name" style="font-weight: bolder; letter-spacing: 0.7px;">Registrarse</span> </button> <div class="ep_gridcolumn" data-view1200="8" data-view1020="8" data-view750="8" data-view640="0" data-view480="0" data-view320="0" > </div> </div> </div> </div> <div id="spotlightCarousel"> <!-- ### START mant:carouselContainer.default ### --><div class="computerCarouselTemplate ep_gridrow carouselContainer" style="margin-top: 2%;"> <div class="ep_gridrow-content" style="letter-spacing:initial; padding: 0 3%;"> <div class="ep_gridcolumn"> <div class="ep_gridcolumn-content"> <div id="042750d5-6114-4d9e-a3be-bf904ca519db-carousel" class="carousel slide" data-ride="carousel" data-interval="false" style="width: 100%"> <!-- The slideshow --> <div class="carousel-inner"> <div class="carousel-item active"> <div class="ep_gridrow" > <div class="ep_gridrow-content" > <div class="ep_gridcolumn" data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4" style="text-align: justify;"> <div class="ep_gridcolumn-content active"> <!-- ### START mant:spotlightItem.default ### --><div class="spotlightItem"> <div> <div class="picture" style="height: 150px; background-image:url(/files/live/sites/visiting/files/Images/EP%20Brussels/hungarian_pres_news); background-size: cover !important;"> <div style="float: right; padding-right: 10px; padding-top: 10px;"> <i class="fas fa-sign-out-alt" style="font-size: 2em; color: white;"></i> </div> </div> </div> <a href="http://consilium.europa.eu/en/council-eu/presidency-council-eu/" target="_blank"> <div class="ep-a_heading ep-layout_level2" style="margin-top:20px;"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name">Hungarian Presidency of the European Council</span></div> </h2> </div> </a> <div class="ep-a_text" data-visibility480="" data-visibility320="" spellcheck="false"><p style="text-align: justify;">The sculpture “Yellow Whirl” by Zsófi Barabás complements the temporary art exhibition dedicated to the Hungarian Presidency of the Council of the EU located inside the European Parliament. This sculpture represents artworks from the Art Collection of the European Parliament and the collection of the Central Bank of Hungary.</p> </div> </div> <!-- ### END mant:spotlightItem.default ### --></div> </div> <div class="ep_gridcolumn" data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4" style="text-align: justify;"> <div class="ep_gridcolumn-content"> <!-- ### START mant:spotlightItem.default ### --><div class="spotlightItem"> <div> <div class="picture" style="height: 150px; background-image:url(/files/live/sites/visiting/files/Images/Spotlight%20items/news/youth_ideas_report_news.png); background-size: cover !important;"> <div style="float: right; padding-right: 10px; padding-top: 10px;"> <i class="fas fa-sign-out-alt" style="font-size: 2em; color: white;"></i> </div> </div> </div> <a href="http://visiting.europarl.europa.eu/en/event/strasbourg/european-youth-event-2025" target=""> <div class="ep-a_heading ep-layout_level2" style="margin-top:20px;"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name">European Youth Event 2025</span></div> </h2> </div> </a> <div class="ep-a_text" data-visibility480="" data-visibility320="" spellcheck="false"><p style="text-align: justify;">The sixth edition of the EYE will take place on 13 and 14 June 2025, offering an interactive and dynamic mix of activities, debates, workshops, visits, artistic performances and much more – both inside the European Parliament in Strasbourg and around in the EYE Village.</p> </div> </div> <!-- ### END mant:spotlightItem.default ### --></div> </div> <div class="ep_gridcolumn" data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4" style="text-align: justify;"> <div class="ep_gridcolumn-content"> <!-- ### START mant:spotlightItem.default ### --><div class="spotlightItem"> <div> <div class="picture" style="height: 150px; background-image:url(/files/live/sites/visiting/files/Images/Spotlight%20items/Europa-xp-spotlight/EUXP-Warsaw-opening.png); background-size: cover !important;"> <div style="float: right; padding-right: 10px; padding-top: 10px;"> <i class="fas fa-sign-out-alt" style="font-size: 2em; color: white;"></i> </div> </div> </div> <a href="https://visiting.europarl.europa.eu/en/visitor-offer/other-locations/europa-experience/dublin" target=""> <div class="ep-a_heading ep-layout_level2" style="margin-top:20px;"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name">Europa Experience now in Dublin!</span></div> </h2> </div> </a> <div class="ep-a_text" data-visibility480="" data-visibility320="" spellcheck="false"><p>Visit the new Europa Experience, which has opened in Dublin. Discover the exhibition and learn more about the European Union and how it affects your daily life using interactive stations and a Role Play Game.</p> </div> </div> <!-- ### END mant:spotlightItem.default ### --></div> </div> <div class="ep_gridcolumn" data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4" style="text-align: justify;"> <div class="ep_gridcolumn-content"> <!-- ### START mant:spotlightItem.default ### --><div class="spotlightItem"> <div> <div class="picture" style="height: 150px; background-image:url(/files/live/sites/visiting/files/Images/Events/HEH/News%20Item%20%e2%80%93%20Visiting%20Website.png); background-size: cover !important;"> <div style="float: right; padding-right: 10px; padding-top: 10px;"> <i class="fas fa-sign-out-alt" style="font-size: 2em; color: white;"></i> </div> </div> </div> <a href="http://historia.europa.eu/en/our-work/news/house-european-history-welcomes-one-millionth-visitor" target="_blank"> <div class="ep-a_heading ep-layout_level2" style="margin-top:20px;"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name">The House of European History welcomes its millionth visitor</span></div> </h2> </div> </a> <div class="ep-a_text" data-visibility480="" data-visibility320="" spellcheck="false"><p style="text-align: justify;">On Tuesday 12 November, Raquel Correia, a European studies student from Porto, became the millionth visitor to the House of European History where she received a warm welcome to the museum by President of the European Parliament Roberta Metsola.</p> </div> </div> <!-- ### END mant:spotlightItem.default ### --></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tabletCarouselTemplate ep_gridrow"> <div class="ep_gridrow-content" style="letter-spacing:initial;"> <div class="ep_gridcolumn"> <div class="ep_gridrow"> <div id="carousel-042750d5-6114-4d9e-a3be-bf904ca519db-data" class="ep_gridrow-content" > <div class="ep_gridcolumn carouselItem" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <!-- ### START mant:spotlightItem.default ### --><div class="spotlightItem"> <div> <div class="picture" style="height: 150px; background-image:url(/files/live/sites/visiting/files/Images/EP%20Brussels/hungarian_pres_news); background-size: cover !important;"> <div style="float: right; padding-right: 10px; padding-top: 10px;"> <i class="fas fa-sign-out-alt" style="font-size: 2em; color: white;"></i> </div> </div> </div> <a href="http://consilium.europa.eu/en/council-eu/presidency-council-eu/" target="_blank"> <div class="ep-a_heading ep-layout_level2" style="margin-top:20px;"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name">Hungarian Presidency of the European Council</span></div> </h2> </div> </a> <div class="ep-a_text" data-visibility480="" data-visibility320="" spellcheck="false"><p style="text-align: justify;">The sculpture “Yellow Whirl” by Zsófi Barabás complements the temporary art exhibition dedicated to the Hungarian Presidency of the Council of the EU located inside the European Parliament. This sculpture represents artworks from the Art Collection of the European Parliament and the collection of the Central Bank of Hungary.</p> </div> </div> <!-- ### END mant:spotlightItem.default ### --></div> </div> <div class="ep_gridcolumn carouselItem" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <!-- ### START mant:spotlightItem.default ### --><div class="spotlightItem"> <div> <div class="picture" style="height: 150px; background-image:url(/files/live/sites/visiting/files/Images/Spotlight%20items/news/youth_ideas_report_news.png); background-size: cover !important;"> <div style="float: right; padding-right: 10px; padding-top: 10px;"> <i class="fas fa-sign-out-alt" style="font-size: 2em; color: white;"></i> </div> </div> </div> <a href="http://visiting.europarl.europa.eu/en/event/strasbourg/european-youth-event-2025" target=""> <div class="ep-a_heading ep-layout_level2" style="margin-top:20px;"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name">European Youth Event 2025</span></div> </h2> </div> </a> <div class="ep-a_text" data-visibility480="" data-visibility320="" spellcheck="false"><p style="text-align: justify;">The sixth edition of the EYE will take place on 13 and 14 June 2025, offering an interactive and dynamic mix of activities, debates, workshops, visits, artistic performances and much more – both inside the European Parliament in Strasbourg and around in the EYE Village.</p> </div> </div> <!-- ### END mant:spotlightItem.default ### --></div> </div> </div> </div> </div> </div> </div> <div class="phoneCarouselTemplate ep_gridrow"> <div class="ep_gridrow-content" style="letter-spacing: initial;"> <div class="ep_gridcolumn" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <div class="ep-a_links"> <ul id="carousel-042750d5-6114-4d9e-a3be-bf904ca519db-data-phone" class="ep_list" style="margin-top: 70px;"> <!-- ### START mant:spotlightItem.short ### --><li class="ep_item"><h2 style="font-size: 2em; font-family: Georgia, Garamond, serif, Palatino;"><a style="color: inherit" href="http://consilium.europa.eu/en/council-eu/presidency-council-eu/" target="_blank">Hungarian Presidency of the European Council<a></a></h2></li> <!-- ### END mant:spotlightItem.short ### --><!-- ### START mant:spotlightItem.short ### --><li class="ep_item"><h2 style="font-size: 2em; font-family: Georgia, Garamond, serif, Palatino;"><a style="color: inherit" href="http://visiting.europarl.europa.eu/en/event/strasbourg/european-youth-event-2025" target="_blank">European Youth Event 2025<a></a></h2></li> <!-- ### END mant:spotlightItem.short ### --><!-- ### START mant:spotlightItem.short ### --><li class="ep_item"><h2 style="font-size: 2em; font-family: Georgia, Garamond, serif, Palatino;"><a style="color: inherit" href="https://visiting.europarl.europa.eu/en/visitor-offer/other-locations/europa-experience/dublin" target="_blank">Europa Experience now in Dublin!<a></a></h2></li> <!-- ### END mant:spotlightItem.short ### --><!-- ### START mant:spotlightItem.short ### --><li class="ep_item"><h2 style="font-size: 2em; font-family: Georgia, Garamond, serif, Palatino;"><a style="color: inherit" href="http://historia.europa.eu/en/our-work/news/house-european-history-welcomes-one-millionth-visitor" target="_blank">The House of European History welcomes its millionth visitor<a></a></h2></li> <!-- ### END mant:spotlightItem.short ### --></ul> </div> </div> </div> </div> </div> <script type="text/javascript"> function next(id, event) { event?.preventDefault(); if (!event || ['Enter', ' '].includes(event.key)) $('#'+id+'-carousel').carousel('next'); } function prev(id, event) { event?.preventDefault(); if (!event || ['Enter', ' '].includes(event.key)) $('#'+id+'-carousel').carousel('prev'); } $(() => { $("body").on('click','#carousel-042750d5-6114-4d9e-a3be-bf904ca519db-loadMoreBtn', () => { const loadMoreArticlesUrl = '/es/homepage/pageContent-area/together-for-democracy/carouselcontainer-1.loadMoreArticles.do'; const payload = { queryType: "carousel" }; ajax.post(loadMoreArticlesUrl, {data: payload}, { success: function(data) { const newItems = spliceExistingItems(data.articles); newItems.forEach(item => { if(!$('.tabletCarouselTemplate').is(":visible")) { $("#carousel-042750d5-6114-4d9e-a3be-bf904ca519db-data-phone").append( '<li class="ep_item"><h2 style="font-size: 2em; font-family: Georgia, Garamond, serif, Palatino;">'+ item["jcr:title"] +'</h2></li>' ); } else { ajax.get(item["url"]+'.ajax', {dataType: 'html'}, { success: (value) => { $("#carousel-042750d5-6114-4d9e-a3be-bf904ca519db-data").append(` <div class="ep_gridcolumn carouselItem" data-view1020="6" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content">` +value+ `</div> </div> `); } }); } }); $("#item-042750d5-6114-4d9e-a3be-bf904ca519db").hide(); } }); }); function spliceExistingItems(data) { const deleteCount = $('#carousel-042750d5-6114-4d9e-a3be-bf904ca519db-data').is(":visible") ? 2 : true ? 4 : 3; data.splice(0, deleteCount); return data; } }) </script> <!-- ### END mant:carouselContainer.default ### --></div> <script type="text/javascript"> function redirection(url){ location.href=url; } </script> <!-- ### END mant:spotlight.home ### --><!-- ### START mant:visitingContact.home ### --><section class="ep_gridrow visitingContact" style="margin: 20px 0;"> <div class="ep_gridrow-content" style="letter-spacing:initial;"> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content" style="padding-left:0;"> <div class="contactBox sideOnShort"> <div class="topbox"> <div class="iconBox"> <i class="far fa-newspaper"></i> </div> <div class="mainBox"> <div class="contactBoxTitle"> <span>Sigamos en contacto</span> </div> <div> <span>Suscríbase a nuestro boletín</span> </div> <div class="button noOnPad" style="width: auto;"> <a href="https://www.epsurvey.efmfeedback.com/se/306CD26F4B5CB9A5"> <span class="ep_name">Suscribirse</span> <span class="ep_hidden">Suscribirse</span> </a> </div> </div> </div> <div class="contentBox sideOnShort padOnly"> <div class="button"> <a href="https://www.epsurvey.efmfeedback.com/se/306CD26F4B5CB9A5"> <span class="ep_name">Suscribirse</span> <span class="ep_hidden">Suscribirse</span> </a> </div> </div> </div> </div> </div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <div class="contactBox sideOnShort"> <div class="topbox"> <div class="iconBox imported iconContainer cust-social"> <span class="ep_hidden">Social network</span> </div> <div class="mainBox"> <div class="contactBoxTitle"> <span>Manténgase informado</span> </div> <div> <span>Siga #VisitEP en redes sociales</span> </div> </div> </div> <div class="contentBox sideOnShort"> <div> <div class="listsocialmedia"> <ul> <li> <!-- ### START mant:socMedLink.visitcontact ### --><div class="custom-layout"> <a href="https://www.facebook.com/visitEuropeanParliament/" target="_blank"> <span class="ep_hidden">Check out Visiting of European Parliament on Facebook</span> <span class="fab layout_facebook"></span> </a> </div> <!-- ### END mant:socMedLink.visitcontact ### --></li> <li> <!-- ### START mant:socMedLink.visitcontact ### --><div class="custom-layout"> <a href="https://www.instagram.com/visit_ep/" target="_blank"> <span class="ep_hidden">Check out Visiting of European Parliament on Instagram</span> <span class="fab layout_instagram"></span> </a> </div> <!-- ### END mant:socMedLink.visitcontact ### --></li> </ul> </div> </div> </div> </div> </div> </div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content" style="padding-right:0;"> <div class="contactBox sideOnShort"> <div class="topbox"> <div class="iconBox"> <i class="fas fa-concierge-bell"></i> </div> <div class="mainBox"> <div class="contactBoxTitle"> <span>¿Más preguntas?</span> </div> <div> <span>Envíe un email</span> </div> <div class="button noOnPad" style="width: auto;"> <a href="mailto:visit@europarl.europa.eu"> <span class="ep_name">Contacto</span> </a> </div> </div> </div> <div class="contentBox sideOnShort padOnly"> <div></div> <div class="button"> <a href="mailto:visit@europarl.europa.eu"> <span class="ep_name">Contacto</span> </a> </div> </div> </div> </div> </div> </div> </section> <!-- ### END mant:visitingContact.home ### --><!-- ### START mant:linkBox.home ### --><section class="ep_gridrow ep-o_calltoactionbanner linkBox" style="position: relative"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-layout_image" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridrow"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-m_header" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <div class="ep-a_media ep-layout_banner"> <figure> <div class="ep_media ep-layout_image"> <div class="ep-p_image ep-layout_banner"> <div class="ep_image"> <img role="presentation" src="/files/live/sites/visiting/files/X06jd2A-crop977x475.jpeg"/> <span class="ep_small" style="background-image:url(/files/live/sites/visiting/files/X06jd2A-crop977x475.jpeg);"> </span> <span class="ep_medium" style="background-image:url(/files/live/sites/visiting/files/X06jd2A-crop977x475.jpeg);"> </span> <span class="ep_large" style="background-image:url(/files/live/sites/visiting/files/X06jd2A-crop977x475.jpeg);"> </span> <span class="ep_icon"> </span> </div> </div> </div> </figure> </div> </div> </div> </div> </div> </div> <div class="layoutTop" style="width: 100%; z-index: 3; background-color: black; position: absolute; top: 0; left: 0; padding: 10px 0"> <div class="ep_gridrow"> <div class="ep_gridrow-content"> <div style="color: #fff; letter-spacing: normal; font-size: 1.5em; font-weight: 600;"> <span>Continuar su visita</span> </div> </div> </div> </div> <div class="ep_gridcolumn ep-layout_text linkBoxItemContainer" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridrow"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-layout_content linkBoxItem " data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:linkBoxItem.default ### --><div class="ep-p_text"> <div style="color: #76e4ff; font-size: 1.5em; line-height: normal; text-transform: uppercase; font-weight: 600;"> <span class="ep_name">Bruselas</span> </div> <a href="https://ec.europa.eu/info/about-european-commission/visit-european-commission/visitors-centre_en" class="linkBoxLink" > <span class="ep_name">Comisión Europea</span> <span class="ep_icon"> </span> </a> </div> <!-- ### END mant:linkBoxItem.default ### --></div> <div class="ep_gridcolumn ep-layout_content linkBoxItem " data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:linkBoxItem.default ### --><div class="ep-p_text"> <div style="color: #76e4ff; font-size: 1.5em; line-height: normal; text-transform: uppercase; font-weight: 600;"> <span class="ep_name">Bruselas</span> </div> <a href="https://www.consilium.europa.eu/en/contact/visits/" class="linkBoxLink" > <span class="ep_name">Consejo Europeo - Consejo de la Unión Europea</span> <span class="ep_icon"> </span> </a> </div> <!-- ### END mant:linkBoxItem.default ### --></div> <div class="ep_gridcolumn ep-layout_content linkBoxItem " data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:linkBoxItem.default ### --><div class="ep-p_text"> <div style="color: #76e4ff; font-size: 1.5em; line-height: normal; text-transform: uppercase; font-weight: 600;"> <span class="ep_name">Bruselas</span> </div> <a href="https://www.eesc.europa.eu/en/contact/visit-eesc" class="linkBoxLink" > <span class="ep_name">Comité Económico y Social Europeo</span> <span class="ep_icon"> </span> </a> </div> <!-- ### END mant:linkBoxItem.default ### --></div> <div class="ep_gridcolumn ep-layout_content linkBoxItem " data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:linkBoxItem.default ### --><div class="ep-p_text"> <div style="color: #76e4ff; font-size: 1.5em; line-height: normal; text-transform: uppercase; font-weight: 600;"> <span class="ep_name">Bruselas</span> </div> <a href="https://cor.europa.eu/en/engage/Pages/book-your-visit.aspx" class="linkBoxLink" > <span class="ep_name">Comité Europeo de las Regiones</span> <span class="ep_icon"> </span> </a> </div> <!-- ### END mant:linkBoxItem.default ### --></div> </div> </div> </div> </div> </section> <!-- ### END mant:linkBox.home ### --><!-- ### START mant:specificDateManagement.home ### --><!-- ### END mant:specificDateManagement.home ### --><script type="text/javascript"> // window.addEventListener("load", (event) => { // document.getElementById('startDate').min = new Date().toISOString().split("T")[0]; // document.getElementById('endDate').min = new Date().toISOString().split("T")[0]; // }); function collapse() { var coll = document.getElementsByClassName("custom_collapsible"); var i; for (i = 0; i < coll.length; i++) { coll[i].classList.toggle("active"); var content = coll[i].nextElementSibling; if (content.style.display === "block") { content.style.display = "none"; } else { content.style.display = "block"; } } } function handleAddHemicycleClosingDays() { const startDate = document.getElementById('startDate').value; const endDate = document.getElementById('endDate').value; const type = document.getElementById('type').value; const mode = document.getElementById('mode').value; const warning = document.getElementById("warning"); const repeatingDays = Array.from(document.getElementById('repeatingDays').selectedOptions).map(v => v.value); if (!startDate || !endDate || repeatingDays.length === 0 || !type || !mode) { warning.textContent = "Please fill in all fields!!!"; return } const url = '/es/homepage/pageContent-area/specificdatemanagement.AutoAddHemicycleClosingDays.do'; warning.textContent = "Processing request, please WAIT FOR PAGE REFRESH"; $.ajax({ type: "POST", url: url, data: {startDate: startDate, endDate: endDate, repeatingDays: repeatingDays, type: type, mode: mode}, success: function () { window.location.reload(); return false; } }); } </script> <style> .custom_collapsible { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; } /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ .custom_collapsible.active, .custom_collapsible:hover { background-color: #ccc; } /* Style the collapsible content. Note: hidden by default */ .custom_content { padding: 0 18px; display: none; overflow: hidden; background-color: #f1f1f1; } .custom_collapsible:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: white; float: right; margin-left: 5px; } .custom_collapsible.active:after { content: "\2796"; /* Unicode character for "minus" sign (-) */ } .flex-container { display: flex; } .flex-container > div { margin: 10px; padding: 20px; font-size: 12px; } .select-style { border: 1px solid #ccc; width: 200px; border-radius: 3px; overflow: hidden; } .select-style select { padding: 5px 8px; width: 130%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; } .select-style select:focus { outline: none; } </style></main> <!-- ### START mant:footer.default ### --><footer id="website-footer" role="contentinfo"> <h2 class="ep_hidden"> <span class="ep_name">Footer</span> <span class="ep_icon"> </span> </h2> <!-- COMPOSANT "FOOTER LINKS" --> <div class="ep_footer-relatedlinks"> <!-- ### START mant:WSLinks.default ### --><div class="ep_websitelinks" id="website-links"> <h3 class="ep_title" id="website-links-title"> <span class="ep_name">Visitar</span> <span class="ep_icon"> </span> </h3> <div class="ep_menu-access ep_openaccess" id="website-links-access" aria-controls="website-links-contentb2c0081b-11cb-47fd-b58a-5e68b8db30491" role="tab"> <a href="#website-links"> <span class="ep_hidden">Ver menú:</span> <span class="ep_name">Ver menú:Visitar</span> <span class="ep_icon"> </span> </a> </div> <div class="ep_list" data-numberitems="5" id="website-links-contentb2c0081b-11cb-47fd-b58a-5e68b8db3049"> <ul aria-labelledby="website-links-title"> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://visit.brussels/es" class="ep_button"> <span class="ep_name">Información turística de Bruselas</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.visitstrasbourg.fr/es/bienvenido/" class="ep_button"> <span class="ep_name">Información turística de Estrasburgo</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.visitluxembourg.com/en" class="ep_button"> <span class="ep_name">Información turística de Luxemburgo</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://europa.eu/european-union/contact/institutions-bodies_es" class="ep_button"> <span class="ep_name">Visitas a otras instituciones de la Unión Europea</span> </a> <!-- ### END mant:link.footer ### --></li> </ul> </div> <div class="ep_menu-access ep_closeaccess"> <a href="#website-links-access"> <span class="ep_hidden">Ocultar menú:</span> <span class="ep_name">Ocultar menú:Visitar</span> <span class="ep_icon"> </span> </a> </div> </div> <!-- ### END mant:WSLinks.default ### --><!-- ### START mant:EPLinks.default ### --><div class="ep_europarllinks" id="europarl-links"> <h3 class="ep_title" id="europarl-links-title"> <span class="ep_name">Parlamento Europeo</span> <span class="ep_icon"> </span> </h3> <div class="ep_menu-access ep_openaccess" id="europarl-links-access" aria-controls="europarl-links-contentd5c78371-2848-4b0b-80ca-834708a23f9d" role="tab"> <a href="#europarl-links"> <span class="ep_hidden">Ver menú:</span> <span class="ep_name">Ver menú:Parlamento Europeo</span> <span class="ep_icon"> </span> </a> </div> <div class="ep_list" data-numberitems="5" id="website-links-contentd5c78371-2848-4b0b-80ca-834708a23f9d"> <ul aria-labelledby="website-links-title"> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/news/es" class="ep_button"> <span class="ep_name">Noticias</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/meps/es/map.html" class="ep_button"> <span class="ep_name">Eurodiputados</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/about-parliament/es" class="ep_button"> <span class="ep_name">Sobre el Parlamento</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/plenary/es" class="ep_button"> <span class="ep_name">Sesión plenaria</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/committees/es" class="ep_button"> <span class="ep_name">Comisiones</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/delegations/es" class="ep_button"> <span class="ep_name">Delegaciones</span> </a> <!-- ### END mant:link.footer ### --></li> </ul> </div> <div class="ep_menu-access ep_closeaccess"> <a href="#website-links-access"> <span class="ep_hidden">Ocultar menú:</span> <span class="ep_name">Ocultar menú:Parlamento Europeo</span> <span class="ep_icon"> </span> </a> </div> </div> <!-- ### END mant:EPLinks.default ### --></div> <span class="ep_footer-separator"> </span> <div class="ep_footer-otherlinks"> <!-- ### START mant:socialsLinks.default ### --><!-- COMPOSANT "SOCIAL LINKS" --> <div class="ep_sociallinks" id="socialmedia"> <h3 class="ep_hidden" id="socialmedia-title"> <span class="ep_name">Information links</span> <span class="ep_icon"> </span> </h3> <div class="ep_list"> <ul aria-labelledby="socialmedia-title"> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.facebook.com/europeanparliament" class="ep_button ep_facebook"> <span class="ep_name">Siga al Parlamento en facebook</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.flickr.com/photos/european_parliament/" class="ep_button ep_flickr"> <span class="ep_name">Siga al Parlamento en Flickr</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.instagram.com/europeanparliament" class="ep_button ep_instagram"> <span class="ep_name">Siga al Parlamento en Instagram</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.linkedin.com/company/european-parliament" class="ep_button ep_linkedin"> <span class="ep_name">Siga al Parlamento en Linkedin</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.pinterest.com/epinfographics/" class="ep_button ep_pinterest"> <span class="ep_name">Siga al Parlamento en Pinterest</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.reddit.com/r/europeanparliament/" class="ep_button ep_reddit"> <span class="ep_name">Siga al Parlamento en Reddit</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.snapchat.com/add/europarl" class="ep_button ep_snapchat"> <span class="ep_name">Siga al Parlamento en Snapchat</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://twitter.com/Europarl_en" class="ep_button ep_twitter"> <span class="ep_name">Siga al Parlamento en Twitter</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.youtube.com/user/EuropeanParliament" class="ep_button ep_youtube"> <span class="ep_name">Siga al Parlamento en Youtube</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> </ul> </div> </div> <!-- ### END mant:socialsLinks.default ### --><!-- ### START mant:mandatoryLinks.default ### --><!-- COMPOSANT "MANDATORY LINKS" --> <div class="ep_mandatorylinks" id="informationlinks"> <h3 class="ep_hidden" id="informationlinks-title"> <span class="ep_name">Information links</span> <span class="ep_icon"> </span> </h3> <div class="ep_list"> <ul aria-labelledby="informationlinks-title"> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/portal/es/sitemap" class="ep_button"> <span class="ep_name">Mapa del sitio</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/portal/es/contact" class="ep_button"> <span class="ep_name">Contacto</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/privacy-policy/es/" class="ep_button"> <span class="ep_name">Aviso jurídico -Política de privacidad</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/rss/es/rss.html" class="ep_button"> <span class="ep_name">RSS</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/portal/es/accessibility" class="ep_button"> <span class="ep_name">Accesibilidad</span> </a> <!-- ### END mant:link.footer ### --></li> </ul> </div> </div> <!-- ### END mant:mandatoryLinks.default ### --></div> </footer> <!-- ### END mant:footer.default ### --></div> <!-- Code for live reload, only useful for developement, won't be injected live --> </body> </html>