脕reas tem谩ticas de trabajo

<!DOCTYPE html> <html lang="eu"> <head> <link href="https://fonts.googleapis.com/css?family=Merriweather:300,400,700|Montserrat:300,400,700&display=swap" rel="stylesheet"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>脕reas tem谩ticas de trabajo | Eusko Ikaskuntza</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Principales 谩reas tem谩ticas de trabajo: imaginar el futuro, realidad socio-cultural, el euskera ante el futuro, estructura socio-pol铆tica, modelos socio-econ贸micos. "> <meta name="keywords" content=""> <meta property="og:description" content="Principales 谩reas tem谩ticas de trabajo: imaginar el futuro, realidad socio-cultural, el euskera ante el futuro, estructura socio-pol铆tica, modelos socio-econ贸micos. "> <meta property="og:title" content="脕reas tem谩ticas de trabajo | Eusko Ikaskuntza"> <meta property="og:image" content="https://www.eusko-ikaskuntza.eus/files/galeria/images/arbola_es_1640.jpg"> <meta name="twitter:site" content="@EI_SEV"> <meta name="twitter:creator" content="@EI_SEV"> <meta name="twitter:description" content=""> <meta name="twitter:card" content="summary"/> <link rel="shortcut icon" href="/img/favicon.ico"> <link rel="apple-touch-icon-precomposed" href="/img/ico/apple-touch-icon-precomposed.png" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/img/ico/apple-touch-icon-72x72-precomposed.png" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/ico/apple-touch-icon-114x114-precomposed.png" /> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/img/ico/apple-touch-icon-144x144-precomposed.png" /> <link href="/css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="/css/estiloak.css" rel="stylesheet" media="screen"> <link href="/css/imprimatu.css" rel="stylesheet" media="print"> <script src="https://code.jquery.com/jquery-2.0.0.min.js"></script> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> <script src="/js/ikaskuntza.js"></script> </head> <body> <a href="#contenido" id="skip" accesskey="c">Edukira zuzenean joan</a> <div id="wrap">  <script type="text/javascript"> var resolucion = window.innerWidth; var resolucionAnterior = Get_Cookie('web_resolucion') //alert (resolucion + "--" + resolucionAnterior); var today = new Date(); var expires = new Date(today.getTime() + (1000 * 60 * 60 * 24)); // 1 dia if (resolucion != resolucionAnterior) { //alert (resolucion + "--" + resolucionAnterior); Set_Cookie("web_resolucion", resolucion, expires, "/", ""); location.reload(true); } </script> <div class="cabecera"> <div class="fondo-gris fondo-gris-cabecera"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-5"> <ul class="nav nav-pills nav-hizkuntzak"> <li role="presentation"><a href="/eu/eremu-tematikoak/" lang="eu" title="euskara">EU</a></li> <li role="presentation"><a href="/es/areas-tematicas/" lang="es" title="espa帽ol">ES</a></li> <li role="presentation"><a href="/fr/domaines-thematiques/" lang="fr" title="francaise">FR</a></li> <li role="presentation"><a href="/en/thematic-areas/" lang="en" title="english">EN</a></li> </ul> </div> <div class="col-xs-12 col-sm-12 col-md-7"> <div class="menu-right"> <ul class="nav nav-pills nav-acceso"> <li role="presentation" class="registro"><a href="/eu/erabiltzaileak/erregistroa/">Erregistroa</a></li> <li role="presentation" class="acceso"><a href="/eu/erabiltzaileak/"><span>Sartu</span></a></li> </ul> <script> function bidali() { var hi = $("#hi").val(); if (hi == "") hi = 0; //alert(categoria +"--"+ egoera +"--"+ ano); var direccion = "/eu/bilatu/albisteak/" + hi + "/ba-0/"; document.location.href = direccion; } $(document).keypress(function(e) { if (e.which == 13) bidali(); }); </script> <a href="/eu/bilatu/" class="buscar"><span>Bilatu</span></a> <form id="buscador" action="/eu/bilatu/" method="post" class="form-inline"> <label for="hi" class="sr-only">Bilatu</label> <input type="text" id="hi" name="hi" class="form-control"> <button class="btn" type="button" onClick="javascript:bidali();"></button> </form> </div> </div> </div> </div> </div> <div class="fondo-rojo submenu-estatico"> <button type="button" id="itxi">×</button> <div class="container relativo"> <div class="submenu"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 submenu-estatico"> <nav class="navbar navbar-default" role="navigation" id="submenumain"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">Nabigazioa aurkeztu</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/eu/"><span>Eusko Ikaskuntza, asmoz ta jakitez</span></a> </div> <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav navbar-right navbar-submenu navbar-euskara"> <li class="dropdown"><a href="/eu/sobre-eusko-ikaskuntza/0/a-1/" class="dropdown-toggle" id="ikaskuntza" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle" >Eusko <span>Ikaskuntza</span> <b class="caret"></b></a> <ul class="dropdown-menu" aria-labelledby="ikaskuntza"> <li><a href="/eu/eusko-ikakuntzari-buruz/zer-da-eusko-ikaskuntza/a-1/">Zer da Eusko Ikaskuntza?</a></li> <li><a href="/eu/eusko-ikakuntzari-buruz/jarduna/a-2/">Jarduna</a></li> <li><a href="/eu/eusko-ikakuntzari-buruz/historia/a-4/">Historia</a></li> <li><a href="/eu/eusko-ikakuntzari-buruz/kongresuak/a-31/">Kongresuak</a></li> <li><a href="/eu/eusko-ikakuntzari-buruz/sariak/a-27/">Sariak</a></li> <li><a href="/eu/eusko-ikakuntzari-buruz/babesleak/a-5/">Babesleak</a></li> <li><a href="/eu/eusko-ikakuntzari-buruz/prentsa/a-6/">Prentsa</a></li> <li><a href="/eu/eusko-ikakuntzari-buruz/sare-sozialak/a-10/">Sare Sozialak</a></li> </ul> </li> <li class="dropdown active"><a href="/eu/eremu-tematikoak/" class="dropdown-toggle" id="eremuak" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >Eremu <span>tematikoak</span> <b class="caret"></b></a> <ul class="dropdown-menu" aria-labelledby="eremuak"> <li><a href="/eu/eremu-tematikoak/etorkizuna-irudikatu/en-5/">Etorkizuna Irudikatu</a></li> <li><a href="/eu/eremu-tematikoak/errealitate-sozio-kulturala/en-3/">Errealitate sozio-kulturala</a></li> <li><a href="/eu/eremu-tematikoak/euskararen-etorkizuna/en-4/">Euskararen etorkizuna</a></li> <li><a href="/eu/eremu-tematikoak/egituraketa-sozio-politikoa/en-2/">Egituraketa sozio-politikoa</a></li> <li><a href="/eu/eremu-tematikoak/sozio-ekonomia/en-1/">Sozio-ekonomia</a></li> <li><a href="/eu/eremu-tematikoak/udalak-programa/en-9/">Udalak Programa</a></li> </ul> </li> <li><a href="/eu/proiektuak/">Proiektuak</a></li> <li><a href="/eu/udalak/programa/en-9/">Udalak <span>programa</span></a></li> <li><a href="/eu/argitalpenak/aurkezpena/" id="publicaciones" >Dokumentazio <span>Zentroa</span></a></li> <li class="dropdown"><a href="/eu/albisteak/" class="dropdown-toggle" id="noticias" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle" >Berriak <b class="caret"></b></a> <ul class="dropdown-menu" aria-labelledby="noticias"> <li><a href="/eu/albisteak/">Albisteak</a></li> <li><a href="/eu/gertakariak/">Agenda</a></li> </ul> </li> </ul> </div> </nav> </div> </div> </div> </div> </div> </div> <div class="fondo-submenu-gris"> <ul class="nav nav-submenu"> <li role="presentation"><a href="/eu/eremu-tematikoak/etorkizuna-irudikatu/en-5/">Etorkizuna Irudikatu</a></li> <li role="presentation"><a href="/eu/eremu-tematikoak/errealitate-sozio-kulturala/en-3/">Errealitate sozio-kulturala</a></li> <li role="presentation"><a href="/eu/eremu-tematikoak/euskararen-etorkizuna/en-4/">Euskararen etorkizuna</a></li> <li role="presentation"><a href="/eu/eremu-tematikoak/egituraketa-sozio-politikoa/en-2/">Egituraketa sozio-politikoa</a></li> <li role="presentation"><a href="/eu/eremu-tematikoak/sozio-ekonomia/en-1/">Sozio-ekonomia</a></li> <li role="presentation"><a href="/eu/eremu-tematikoak/udalak-programa/en-9/">Udalak Programa</a></li> </ul> </div> </div> <div class="container"> <section role="main" id="contenido"> <div class="row row-margen"> <div class="col-xs-12 col-sm-12 col-md-12 text-center"> <header><h1>Eremu tematikoak</h1></header> <article> <div class="row"> <div class="col-xs-12 col-sm-10 col-md-10 col-sm-offset-1 col-md-offset-1 text-center"> <div class="entradilla"> </div> </div> </div> <div class="figure"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12"> <img src="/files/eremu_nagusiak/eremua_etorkizuna.jpg" width="100%" alt="Etorkizuna Irudikatu"/> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-8 col-md-8 col-sm-offset-2 col-md-offset-2 text-left estatico"> <h2 class="pegado">Etorkizuna Irudikatu</h2> <p>Euskal Herri jasangarri baten eszenarioetarantz zuzenduko ditugu gure begiradak.Uztartzen diren eremu hauen etorkizuna irudikatuz eta egungo egoeraren azterketa katalizatuz, XXI. mendeko Euskal Herria eta lortu beharreko ibilbide posibleak irudikatuko ditugu.</p> <p><a href="/eu/eremu-tematikoak/etorkizuna-irudikatu/en-5/" class="mas-informacion"><span></span>Informazio gehiago</a></p> </div> </div> </div><div class="clearfix dedos"></div> </article> </div> </div> <div class="row areas"> <div class="col-xs-12 col-sm-6 col-md-6 area"> <figure class="figure"> <img src="/files/eremu_nagusiak/eremua_kultura_b.jpg" width="100%" alt="Errealitate sozio-kulturala"/> <figcaption> <p class="texto-categoria">Errealitate sozio-kulturala</p> <p>Euskal Herriko gizarte eraldaketa prozesuan eragiten duten funtsezko elementuak –balioak, kulturartekotasuna eta identitatea(k) besteak beste- izango ditugu aztergai. </p> <p><a href="/eu/eremu-tematikoak/errealitate-sozio-kulturala/en-3/" class="mas-informacion"><span></span>Informazio gehiago</a></p> </figcaption> </figure> </div> <div class="col-xs-12 col-sm-6 col-md-6 area"> <figure class="figure"> <img src="/files/eremu_nagusiak/eremua_euskara_b.jpg" width="100%" alt="Euskararen etorkizuna"/> <figcaption> <p class="texto-categoria">Euskararen etorkizuna</p> <p>Gizarte erronkak eta politiken definizio eta aplikazioaren eragina izango ditugu aztergai euskararen etorkizuna aztertzeko.                                                                                                   </p> <p><a href="/eu/eremu-tematikoak/euskararen-etorkizuna/en-4/" class="mas-informacion"><span></span>Informazio gehiago</a></p> </figcaption> </figure> </div> <div class="clearfix dedos"></div> <div class="col-xs-12 col-sm-6 col-md-6 area"> <figure class="figure"> <img src="/files/eremu_nagusiak/eremua_sozio-politika_b.jpg" width="100%" alt="Egituraketa sozio-politikoa"/> <figcaption> <p class="texto-categoria">Egituraketa sozio-politikoa</p> <p>Euskal Herriko kokapen juridiko administratiboa Europan, lurraldeen arteko uztardura praktikoak eta sare eraiketaren onurak, eta XXI. mendeko Euskal Herriaren gobernantza estiloak izango ditugu aztergai.Honetan, elkarkidetza eta gardentasuna izango ditugu oinarri kontzeptuak eta entzute eta aintzatespen guneak sortzea zeharkako helburu.</p> <p><a href="/eu/eremu-tematikoak/egituraketa-sozio-politikoa/en-2/" class="mas-informacion"><span></span>Informazio gehiago</a></p> </figcaption> </figure> </div> <div class="col-xs-12 col-sm-6 col-md-6 area"> <figure class="figure"> <img src="/files/eremu_nagusiak/eremua_sozio-ekonomia-b.jpg" width="100%" alt="Sozio-ekonomia"/> <figcaption> <p class="texto-categoria">Sozio-ekonomia</p> <p>Egungo sistema sozio-ekonomikoaren baitan dauden edo egon daitezkeen eredu berriak eta esperientziak aztertu eta azalduko ditugu. Abian dauden ekintza berritzaileak, testuingurua uztiatzeko (adibidez, lurraldearen kudeaketa) paradigma berrien aukerak eta gizartea, uztartuta dauden aldagai gisa hartuz.Gizarte premien aldaketa populazioaren zahartzearen ondorioz, zahartze honen eragin ekonomikoa, eta demografia eta migrazio mugimenduak aintzat harturik.</p> <p><a href="/eu/eremu-tematikoak/sozio-ekonomia/en-1/" class="mas-informacion"><span></span>Informazio gehiago</a></p> </figcaption> </figure> </div> <div class="clearfix dedos"></div> <div class="col-xs-12 col-sm-6 col-md-6 area"> <figure class="figure"> <img src="/files/eremu_nagusiak/tokian_tokiko_570.jpg" width="100%" alt="Udalak Programa"/> <figcaption> <p class="texto-categoria">Udalak Programa</p> <p><a href="/eu/eremu-tematikoak/udalak-programa/en-9/" class="mas-informacion"><span></span>Informazio gehiago</a></p> </figcaption> </figure> </div> </div> </section> </div> <div class="fondo-conecta"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-10 col-md-8 col-sm-offset-1 col-md-offset-2 text-center"> <h2>Lan talde batean interesatua zaude?</h2> <p class="big-foot">Jarri gurekin harremanetan eta galdetu nola parte har dezakezun</p> <p><a href="/eu/harremanak/" class="btn btn-rojo">Gurekin harremanetan jarri</a> </p> </div> </div> </div> </div> </div> <p> <a href="/eu/erabiltzaileak/bazkide-berria/" class="btn btn-haztesocio" >Egin zaitez bazkide</a > </p> <footer role="contentinfo"> <div id="footer"> <div class="contacta"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div class="row"> <div class="col-xs-12 col-sm-7 col-md-7 hazte-socio"> <h2>Lagundu Eusko Ikaskuntza</h2> <p> <a href="/eu/erabiltzaileak/egin-bazkide/" class="btn btn-pie" >Bazkide egin<span class="glyphicon glyphicon-flecha-pie" ></span> </a> </p> <p> <a href="/eu/erabiltzaileak/lagundu/" class="btn btn-pie" >Lagundu ekonomikoki<span class="glyphicon glyphicon-flecha-pie" ></span> </a> </p> </div> <div class="col-xs-12 col-sm-5 col-md-5 contacta-nosotros"> <h2>Jarri gurekin harremanetan</h2> <p>Laguntzeko gaituzu hemen</p> <p> <a href="/eu/harremanak/" class="btn btn-pie" >Idatzi gaitzazu<span class="glyphicon glyphicon-flecha-pie" ></span> </a> </p> </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 suscribete"> <h2>Harpidetu gure buletinera</h2> <p>Eta jaso egunerokotasuneko gaiei buruzko informazioa</p> <p> <a href="/eu/argitalpenak/harpidetu/" class="btn btn-pie" >Harpidetu<span class="glyphicon glyphicon-flecha-pie"></span> </a> </p> </div> </div> </div> </div> <div class="conecta"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-5 col-md-6"> <h2>Eusko Ikaskuntzarekin elkartu</h2> <p>Hurrengo sareetan aurkitu gaitzazu:</p> <ul class="nav nav-pills nav-share"> <li role="presentation"> <a href="https://www.facebook.com/pages/Eusko-Ikaskuntza-Sociedad-de-Estudios-Vascos/563020843730258?fref=ts " target="_blank" ><img src="/img/icon-facebook.svg" alt="" /><span >Facebook</span ></a > </li> <li role="presentation"> <a href="https://twitter.com/EI_SEV" target="_blank" ><img src="/img/icon-twitter.svg" width="18" alt="" /><span >Twitter</span ></a > </li> <li role="presentation"> <a href="https://www.youtube.com/user/Euskomedia" target="_blank" ><img src="/img/icon-youtube.svg" alt="" /><span >Youtube</span ></a > </li> <li role="presentation"> <a href="https://www.flickr.com/photos/euskoikaskuntza/" target="_blank" ><img src="/img/icon-flickr.svg" alt="" /><span >Flickr</span ></a > </li> <li role="presentation"> <a href="https://www.ivoox.com/eusko%20ikaskuntza_sb.html" target="_blank" ><img src="/img/icon-ivoox.svg" alt="" width="22" /><span >Ivoox</span ></a > </li>  <li role="presentation"> <a href="https://www.linkedin.com/company/eusko-ikaskuntza/" target="_blank" ><img src="/img/icon-linkedin.svg" width="20" alt="" /><span >LinkedIn</span ></a > </li> <li role="presentation"> <a href="https://www.instagram.com/eusko_ikaskuntza/" target="_blank" ><img src="/img/icon-instagram.svg" width="22" alt="" /><span >Instagram</span ></a > </li> </ul> </div> <div class="col-xs-12 col-sm-7 col-md-6 bai-euskarari"> <img src="/img/bai_euskarari.png" alt="Bi euskarari" /> <img src="/img/bikain.png" alt="Bikain" class="bikain" /> </div> </div> </div> </div> <div class="asmoz"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-7"> <div class="columna-pie-izda"> <ul class="nav nav-trabajo"> <li> <a href="/eu/sobre-eusko-ikaskuntza/0/a-1/" >Eusko Ikaskuntza</a > </li> <li><a href="/eu/eremu-tematikoak/">Eremu tematikoak</a></li> <li><a href="/eu/proiektuak/">Proiektuak</a></li> <li><a href="/eu/udalak/programa/en-9/">Udalak programa</a></li> <li><a href="/eu/argitalpenak/">Dokumentazio Zentroa</a></li> <li><a href="/eu/albisteak/">Berriak</a></li> </ul> </div> <div class="columna-pie-dcha"> <ul class="nav nav-legal"> <li role="presentation"> <a href="/eu/textos-legales/lege-oharra/a-7/" rel="nofollow" >Lege oharra</a > </li> <li role="presentation"> <a href="/eu/textos-legales/pribatutasun-politika/a-8/" rel="nofollow" >Pribatutasun-politika</a > </li> <li role="presentation"> <a href="/eu/textos-legales/cookie-politika/a-9/" rel="nofollow" >Cookie-politika</a > </li> </ul> <p class="copyright">© Eusko Ikaskuntza 2025</p> </div> </div> <div class="col-xs-12 col-sm-6 col-md-5"> <p class="logo-pie"> <img src="/img/logo-pie.png" title="Eusko Ikaskuntza, Asmoz ta Jakitez" alt="Eusko Ikaskuntza, Asmoz ta Jakitez" /> </p> <p class="texto-logo"> Eusko Ikaskuntza - Sociedad de Estudios Vascos, EI-SEV izaera pribatuko Erakunde zientifiko-kultural bat da, 1918an Araba, Bizkaia, Gipuzkoa eta Nafarroako Aldundiek sortua, euskal kultura garatzeko baliabide egonkor eta iraunkor gisa. </p> </div> </div> </div> </div> </div> </footer>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-JBB75CHHZE"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-JBB75CHHZE'); </script> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-59f18836c9ace39f" ></script> <img src="/img/cookie.svg" alt="cookies" class="icon-cookies" id="configurar-flotante"> <div class="identity-noticebar edge" id="layer_cookie"> <a href="#" class="delete-cookies" id="cerrarnoticebar_x"></a> <div class="identity-noticebar-content"> <span class="notice" >Webgune honek cookieak erabiltzen ditu, propioak zein hirugarrenenak. Hautatu nabigatzeko nahiago duzun cookie aukera. Guztiz desaktibatzea ere hauta dezakezu. Cookie batzuk blokeatu nahi badituzu, egin klik "konfigurazioa" aukeran. "Onartzen dut" botoia sakatuz gero, aipatutako cookieak eta gure cookie politika onartzen duzula adierazten ari zara. Sakatu <a href="https://www.eusko-ikaskuntza.eus/eu/cookieen-inguruko-politika/e-9/" target="_blank" >Irakurri gehiago</a > lotura informazio gehiago lortzeko. </span> <div class="well-cookiebutton"> <a id="cerrarnoticebar" target="_blank" class="btn-cookie">Denak Onartu</a>  <a href="#" id="rechazartodas" target="_blank" class="btn-cookie">Denak baztertu</a> <a href="#" id="configurar" class="btn-configurar">Konfiguratu</a> </div> </div> </div> <div class="itzala-configurar"></div> <div class="well-configurar"> <a href="#" id="cerrar_configurar" class="delete-cookies"></a> <h2>Cookieen kustomizazioa</h2> <form> <div id="lista-cookies"> <div class="lista-cookies"> <h3>Cookies Analytics</h3> <div class="onoffswitch"> <input type="checkbox" name="opcion_analitica" class="onoffswitch-checkbox" id="opcion_analitica" tabindex="0" /> <label class="onoffswitch-label" for="opcion_analitica"> <span class="onoffswitch-inner"></span> <span class="onoffswitch-switch"></span> </label> </div> <p> Webgune honek hirugarrenen cookieak erabiltzen ditu erabiltzaile kopurua zenbatzeko eta eskainitako zerbitzuari ematen zaion erabileraren neurketa eta azterketa estatistikoa egin ahal izateko. Horretarako, gure webgunean zure nabigazioa aztertu egiten da, eskaintzen ditugun produktu edo zerbitzuen eskaintza hobetze aldera, Google Anlytics cookiearen bidez. </p> </div> <div class="lista-cookies"> <h3>Sare sozialetan partekatzeko cookieak</h3> <div class="onoffswitch"> <input type="checkbox" name="opcion_addthis" class="onoffswitch-checkbox" id="opcion_addthis" tabindex="0" /> <label class="onoffswitch-label" for="opcion_addthis"> <span class="onoffswitch-inner"></span> <span class="onoffswitch-switch"></span> </label> </div> </div> <p> Sare sozialetan partekatzeko osagarri batzuk erabiltzen ditugu, sare sozialetan gure webguneko orri batzuk partekatu ahal izateko. Osagarri horiek cookieak jartzen dituzte, orria zenbat aldiz partekatu den ondo ikusteko. </p> </div> <button type="button" class="btn-guardarcookie" id="btn-guardarcookie"> Konfigurazioa aldatu </button> </form> </div> <script src="/js/cookie.js"></script> <style> .icon-cookies { position: fixed; left: 2rem; bottom: 2rem; z-index: 3; cursor: pointer; mix-blend-mode: difference; } #cerrarnoticebar { background: #fff; color: #5e5f5f !important; } .well-configurar { transition: all 0.5s ease; background: #5e5f5f; width: 100%; max-width: 600px; position: fixed; left: 0; top: 0; height: 100%; overflow-y: auto; visibility: hidden; opacity: 0; color: #fff; padding: 50px 30px 30px 30px; z-index: 100000000; left: -100%; } .itzala-configurar { display: block; position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 99999999; left: -100%; } .well-configurar h2 { position: relative; left: 1px; font-size: 4rem; margin-bottom: 30px; right: auto; color: #fff !important; text-align: left !important; } .well-configurar p { margin-bottom: 30px; } .link-cookie { color: #fff; text-decoration: underline; } .link-cookie:hover { color: #fff; text-decoration: none; } .identity-noticebar { padding-top: 45px; background: #5e5f5f; min-height: 30px; width: 100%; margin: auto; display: none; position: fixed; bottom: 0; left: 0; z-index: 10000000 !important; transition: all 0.5s ease; } .mostrar-configurador .identity-noticebar { display: none; visibility: hidden; opacity: 0; } .mostrar-configurador .well-configurar, .mostrar-configurador .itzala-configurar { visibility: visible; opacity: 1; left: 0; } .identity-noticebar-content { padding: 5px 10px; } .identity-noticebar-content span { font-size: 15px; color: #fff; display: block; text-align: center; margin-right: 15px; } .identity-noticebar-content span a { color: #fff; text-decoration: underline; } .well-cookiebutton { display: block; text-align: center; padding: 20px; } .btn-cookie, .btn-guardarcookie { border: 3px solid #ffffff; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 10px 20px; font-weight: bold; display: inline-block; color: #fff !important; text-align: center; margin: 10px 10px 10px 10px; text-decoration: none; cursor: pointer; font-size: 17px; } .btn-guardarcookie { background: none; margin: -10px 10px 10px 0px; } .btn-cookie:hover, .btn-configurar:hover { opacity: 0.7; text-decoration: none; } .btn-configurar { font-weight: bold; margin: 20px 10px 30px 10px; text-decoration: underline; color: #fff !important; } .onoffswitch { position: absolute; right: 0; top: -5px; width: 90px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .onoffswitch-checkbox { position: absolute; opacity: 0; pointer-events: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #999999; border-radius: 20px; } .onoffswitch-inner { display: block !important; width: 200% !important; margin-left: -100% !important; transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; box-sizing: border-box; } .onoffswitch-inner:before { content: "ON"; padding-left: 10px; background-color: #686868; color: #ffffff; } .onoffswitch-inner:after { content: "OFF"; padding-right: 10px !important; background-color: #eeeeee; color: #999999; text-align: right; } .onoffswitch-switch { display: block; width: 18px !important; height: 18px !important; margin: 6px !important; background: #ffffff !important; position: absolute !important; top: 2px !important; bottom: 0 !important; right: 56px !important; border: 2px solid #999999 !important; border-radius: 20px !important; transition: all 0.3s ease-in 0s; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0 !important; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 6px !important; } .lista-cookies { position: relative; margin-bottom: 50px; } .lista-cookies h3 { margin-bottom: 10px; padding-right: 80px; } .delete-cookies { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMC43MTkiIGhlaWdodD0iMzAuNzE5IiB2aWV3Qm94PSIwIDAgMzAuNzE5IDMwLjcxOSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJGb3JtYV8xIiBkYXRhLW5hbWU9IkZvcm1hIDEiIGNsYXNzPSJjbHMtMSIgZD0iTTUzMy4zLDEwNC4wMTVsMTIuNi0xMi42YTEuNjE3LDEuNjE3LDAsMSwwLTIuMjg2LTIuMjg3bC0xMi42LDEyLjYtMTIuNi0xMi42YTEuNjE3LDEuNjE3LDAsMCwwLTIuMjg3LDIuMjg3bDEyLjYsMTIuNi0xMi42LDEyLjZhMS42MTcsMS42MTcsMCwwLDAsMi4yODcsMi4yODZsMTIuNi0xMi42LDEyLjYsMTIuNmExLjYxNiwxLjYxNiwwLDEsMCwyLjI4Ni0yLjI4NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MTUuNjU2IC04OC42NTYpIi8+Cjwvc3ZnPgo="); width: 31px; height: 31px; display: block; position: absolute; top: 15px; right: 15px; } .well-configurar input[type="checkbox"] + label span { background: none !important; } </style>  <script src="/js/bootstrap.min.js"></script> </body> </html>

CINXE.COM

脕reas tem谩ticas de trabajo | Eusko Ikaskuntza