PageSourceSearch

https://www.llibrerialagralla.cat/llibreria

html llibrerialagralla.cat collected 2026-09-26 15:58:03 UTC 58,723 bytes, 1,718 lines download raw bytes

1
2<!DOCTYPE html>
3
4
5
6<html class="pagina-llibreria page language-ca day-of-week-6 day-26 month-9 year-2026" lang="ca" itemscope itemtype="http://schema.org/" xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraph.org/schema/">
7
8<head>
9
10    <meta charset="UTF-8" />
11    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
12
13    <title>LLIBRERIA</title>
14
15    <meta name="description" content="Llibreria La Gralla | Llibreria online de Granollers - Comprar llibres en catal&#224; i castell&#224; online - Llibreria online del Vall&#233;s Oriental" />
16    <meta name="keywords" content="literatura, ciencia ficci&#243;, novel&#183;la, assaig, economia, poesia, teatre, novel&#183;la negra, novel&#183;la hist&#242;rica, novel&#183;la rom&#224;ntica, literatura infantil, literatura juvenil, c&#242;mic, manga," />
17
18    
19
20    <meta name="HandheldFriendly" content="True" />
21    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
22
23    <meta name="format-detection" content="telephone=no" />
24
25<meta name="google-site-verification" content="E94Qzrn-xD-sVI2Msn3KITzTr5zbXlBCHgI-KXOWsBw" />
26<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
27<link href="https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900" rel="stylesheet">
28<meta name="p:domain_verify" content="1875ba55faf9f0897749ef751419ceea"/>
29
30
31<!-- Google tag (gtag.js) -->
vendor: 64 bytes, line 31
31 <script async src="https://www.googletagmanager.com/gtag/js?id=
31G-0XLCJY66YR
vendor: 12 bytes, line 31
31"></script> 
31<script> 
vendor: 127 bytes, line 31
31window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
31G-0XLCJY66YR
vendor: 4 bytes, line 31
31'); 
31</script>
31
32    
33
34        <meta name="revisit" content="5 days" />
35        <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
36
37    <meta name="generator" content="Oleoshop.com" />
38
39    <link rel="canonical" href="https://www.llibrerialagralla.cat/llibreria" />
40
41    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,800" rel="stylesheet">
42
43
44        
44<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
44
45
46
47    
47<script src="/bundles/js-varios?v=4AulpWYXSJ_rO-_N5kv40j_ZJUf0lDeKRUPX1jUjG7o1"></script>
47
48
49
50    <link href="/Content/css?v=DHOYxC3ufCmuxg0beucozcOLJ-Kw1jYuaBr_pYV7zo01" rel="stylesheet"/>
51
52
53    
54
55<link href="/Styles/Themes/Zurich/Estilos.less?v=Zurich&amp;t=26092605" rel="stylesheet" type="text/css" />
56<!--[if lt IE 9]> <link href="/Styles/Themes/Zurich/IE8.less" rel="stylesheet" type="text/css" /> <![endif]-->
57<link href="/Styles/User/Custom.less?v=26092605" rel="stylesheet" type="text/css" />
58<link href="/Styles/User/Custom.css?v=26092605" rel="stylesheet" type="text/css" />
59
60
61        
61<script>
62            
63            window.dataLayer = window.dataLayer || [];
64
65            function gtag() { dataLayer.push(arguments); }
66
67            var cookie = Cookies.get('oleoshop-cookies-settings');
68
69            if (typeof cookie != "undefined") {
70
71                gtag('consent', 'default', {
72                    'ad_storage': cookie.includes("m1") ? 'granted' : 'denied',
73                    'ad_user_data': cookie.includes("m1") ? 'granted' : 'denied',
74                    'ad_personalization': cookie.includes("m1") ? 'granted' : 'denied',
75                    'analytics_storage': cookie.includes("a1") ? 'granted' : 'denied',
76                    'functionality_storage': cookie.includes("p1") ? 'granted' : 'denied',
77                    'personalization_storage': cookie.includes("m1") ? 'granted' : 'denied',
78                    'security_storage': cookie.includes("p1") ? 'granted' : 'denied',
79                });
80            }
81            else {
82
83                gtag('consent', 'default', {
84                    'ad_storage': 'denied',
85                    'ad_user_data': 'denied',
86                    'ad_personalization': 'denied',
87                    'analytics_storage': 'denied',
88                    'functionality_storage': 'denied',
89                    'personalization_storage': 'denied',
90                    'security_storage': 'denied',
91                });
92            }
93            
94        </script>
94
95
96
97
98
99    
100
101
102    <!-- Facebook Pixel Code -->
103<script type="text/javascript">
104
105    var cookie = Cookies.get('oleoshop-cookies-settings');
106
107    if (typeof cookie != "undefined" && cookie.includes("a1")) {
vendor: 605 bytes, lines 107-120
107
108
109        !function (f, b, e, v, n, t, s) {
110            if (f.fbq) return; n = f.fbq = function () {
111                n.callMethod ?
112                n.callMethod.apply(n, arguments) : n.queue.push(arguments)
113            };
114            if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
115            n.queue = []; t = b.createElement(e); t.async = !0;
116            t.src = v; s = b.getElementsByTagName(e)[0];
117            s.parentNode.insertBefore(t, s)
118        }(window, document, 'script',
119            'https://connect.facebook.net/en_US/fbevents.js');
120        fbq('init', '
120673788547604301
vendor: 48 bytes, lines 120-124
120');
121        fbq('track', 'PageView');
122
123
124    
124}
125
126</script>
126
127    <noscript>
128        <img height="1" width="1" style="display:none"
129             src="https://www.facebook.com/tr?id=673788547604301&ev=PageView&noscript=1" />
130    </noscript>
131    <!-- End Facebook Pixel Code -->
vendor: 89 bytes, lines 131-139
131
132
133
134
135
136
137
138        <script src='https://www.google.com/recaptcha/api.js'></script>
139
140</head>
141
142<body class="color-fondo cerrado" itemscope itemtype="http://schema.org/WebPage" style="background-image:url(); background-position: left top; background-repeat: repeat; background-size: ; ">
143
144
145    
146    
147        <!-- Global site tag (gtag.js) - Google Analytics 4 -->
vendor: 73 bytes, lines 147-148
147
148        <script async src="https://www.googletagmanager.com/gtag/js?id=
148G-0XLCJY66YR
vendor: 21 bytes, lines 148-149
148"></script>
149        
149<script>
150            
vendor: 171 bytes, lines 150-154
150window.dataLayer = window.dataLayer || [];
151            function gtag() { dataLayer.push(arguments); }
152            gtag('js', new Date());
153
154            gtag('config', '
154G-0XLCJY66YR
vendor: 13 bytes, lines 154-155
154');
155        
155</script>
155
156
157
158
159    
160
161
162<header>
163
164
165<ul class="componentes">
166    
167<li class="desktop tablet mobile">
168            <div id="contenedor-componente-271" class="contenedor-componente contenedor-componente- horari" style="">
169
170
171
172
173<div id="componente-texto-271" class="componente-texto componente-texto- horari" style="  text-align: center;">
174
175<h3 class="subtitulo-seccion ">HORARI COMERCIAL: De dilluns a dissabte, Matí: de 09.30 a 13:30 / Tarda: de 16:30 a 20:30</h3>
176
177
178</div>
179            </div>
180        </li>
181<li class="desktop tablet mobile">
182            <div id="contenedor-componente-1" class="contenedor-componente contenedor-componente-" style="">
183
184
185
186<div class="cabecera-fantasma ocultar"></div>
187
188<div class="panel-cesta-resumen-superior"></div>
189
190<div class="panel-menu-responsive ocultar">            
191
192    <ul>
193            <li>
194                <a href="/cuenta/misdatos" id="enlace-mis-datos">El meu compte</a>                
195            </li>
196
197                      
198    </ul>
199
200    <ul class="listado-menu-responsive"><li class="nivel-0 id-61 category-inici"><a href="/" target="_self" title="INICI">INICI</a></li><li class="nivel-0 id-60 category-llibreria seleccionada"><a href="/llibreria" target="_self" title="LLIBRERIA">LLIBRERIA</a></li><li class="nivel-0 id-65 category-papereria"><a href="/papereria" target="_self" title="PAPERERIA">PAPERERIA</a></li><li class="nivel-0 id-66 category-activitats"><a href="/agenda-dactivitats" target="_self" title="ACTIVITATS">ACTIVITATS</a></li><li class="nivel-0 id-97 category-eoi-2026-27"><a href="/escola-oficial-didiomes" target="_self" title="EOI 2026-27">EOI 2026-27</a></li><li class="nivel-0 id-70 category-ajuda"><a href="/ajuda" target="_self" title="AJUDA">AJUDA</a></li></ul>        
201
202    <ul>
203
204            <li>
205                <div>
206                    <a href="/qui-som" target="_self" title="Qui som">Qui som</a>
207                </div>
208            </li>
209            <li>
210                <div>
211                    <a href="/on-som" target="_self" title="On som">On som</a>
212                </div>
213            </li>
214            <li>
215                <div>
216                    <a href="/contactar" target="_self" title="Contactar">Contactar</a>
217                </div>
218            </li>
219            <li class="idiomas primero">
220                <div>
221                    <a href="/idioma/1" target="" title="Català">Català</a>
222                </div>
223            </li>
224            <li class="idiomas">
225                <div>
226                    <a href="/idioma/2" target="" title="Castellano">Castellano</a>
227                </div>
228            </li>
229
230        <li class="enlace-copiar-ultimo-pedido">
231            <a class="ocultar" href="/cesta/copiarultimopedidoencesta" id="copiar-ultimo-pedido-en-cesta">Copiar &#250;ltima compra</a>
232        </li>
233
234    </ul>
235
236</div>
237
238<div id="componente-cabecera-1" class="cabecera componente-cabecera-">
239        
240    <nav class="panel-cabecera-responsive">
241
242        <a href="/" title="Llibreria La Gralla" class="enlace-logotipo" itemprop="url">
243            
244<img src="/imagenes/porreferencia?identidad=c0822c59-3318-4b9b-9f2c-17afe12ecc4d&amp;referencia=&amp;ancho=&amp;alto=" />
245        </a>
246
247        <ul class="lista-flotante">            
248            
249                <li><a class="enlace-responsive buscar fa fa-search"></a></li>
250
251                <li><a class="enlace-responsive cesta fa fa-shopping-bag" href="/cesta/vista"></a></li>
252
253            <li><a class="enlace-responsive menu fa fa-bars"></a></li>
254        </ul>
255
256    </nav>
257
258    <div class="panel-buscar-responsive">
259
260<form action="/producto/listadobuscar" id="formulario-buscar-responsive" method="get">            <div class="panel-busqueda-responsive">
261        
262                <input id="buscar" name="buscar" type="search" placeholder="cercar..." />
263                
264                <a class="boton-buscar-responsive"></a>
265
266            </div>
267</form>
268    </div>
269
270    <div id="panel-informacion-sesion" class="ocultar">        
271    </div>
272
273        <div class="cabecera-superior" itemscope itemtype="http://schema.org/WPHeader">
274    
275            <div>
276        
277                <div class="informacion" >Pla&#231;a dels Cabrits, 5 08401 - Granollers (Barcelona) - Tel&#232;fon: 938 794 970</div>
278
279                <div class="panel-listado superior">
280            
281                    <ul class="listado-menu superior redes-sociales lista-flotante">
282                                                    
283 <li class="red-social"> <a class="icono-facebook" target="_blank" href="https://www.facebook.com/lagrallallibreria/"></a> </li> 
284                        
285 <li class="red-social"> <a class="icono-twitter" target="_blank" href="https://twitter.com/lgralla"></a> </li> 
286                        
287
288                        
289 <li class="red-social"> <a class="icono-linkedin" target="_blank" href="https://www.twitch.tv/lagrallaxou"></a> </li> 
290                        
291
292                        
293
294                        
295
296
297 <li class="red-social"> <a class="icono-instagram" target="_blank" href="https://www.instagram.com/llibrerialagralla/"></a> </li> 
298                        
299
300                        
301
302                   
303                    </ul>
304
305                    <ul class="listado-menu superior enlaces lista-flotante">
306
307                            <li>
308                                <div>
309                                    <a href="/qui-som" target="_self" title="Qui som">Qui som</a>
310                                </div>
311                            </li>
312                            <li>
313                                <div>
314                                    <a href="/on-som" target="_self" title="On som">On som</a>
315                                </div>
316                            </li>
317                            <li>
318                                <div>
319                                    <a href="/contactar" target="_self" title="Contactar">Contactar</a>
320                                </div>
321                            </li>
322                            <li class="idiomas primero">
323                                <div>
324                                    <a href="/idioma/1" target="" title="Català">Català</a>
325                                </div>
326                            </li>
327                            <li class="idiomas">
328                                <div>
329                                    <a href="/idioma/2" target="" title="Castellano">Castellano</a>
330                                </div>
331                            </li>
332
333                            <li class="cuenta">
334                                <a id="enlace-mi-cuenta" class="enlace-mi-cuenta" href="/Cuenta/MisDatos">El meu compte</a>
335                            </li>
336
337                        <li class="enlace-copiar-ultimo-pedido">
338                            <a class="ocultar" href="/cesta/copiarultimopedidoencesta" id="copiar-ultimo-pedido-en-cesta">Copiar &#250;ltima compra</a>
339                        </li>
340
341                            <li class="enlace-cesta">
342                                <a href="/cesta/vista">
343                                    <span>0</span>
344                                </a>
345                            </li>
346
347                    </ul>
348            
349                </div>
350            
351            </div>
352
353        </div>
354
355        <div class="cabecera-central-superior" itemscope itemtype="http://schema.org/Organization">
356    
357            <div>
358        
359                <meta itemprop="name" content="Llibreria La Gralla" />
360 <meta itemprop="logo" content="/imagenes/porreferencia?identidad=c0822c59-3318-4b9b-9f2c-17afe12ecc4d&amp;referencia=&amp;ancho=&amp;alto=" />                 
361
362
363                <div class="logotipo">
364                
365                        <a href="/" title="Llibreria La Gralla" class="enlace-logotipo" itemprop="url">
366                            
367<img src="/imagenes/porreferencia?identidad=c0822c59-3318-4b9b-9f2c-17afe12ecc4d&amp;referencia=&amp;ancho=&amp;alto=" />
368                        </a>
369
370
371                </div>
372            
373            </div>
374
375        </div>        
376
377    <div class="cabecera-central" itemscope itemtype="http://schema.org/SiteNavigationElement">
378       
379        <div>
380            
381            <div class="panel-listado inferior">            
382
383                <ul class="listado-menu inferior lista-flotante"><li class="nivel-0 id-61 category-inici"><a href="/" target="_self" title="INICI">INICI</a></li><li class="separador"><div class="separador"></div></li><li class="nivel-0 id-60 category-llibreria seleccionada"><a href="/llibreria" target="_self" title="LLIBRERIA">LLIBRERIA</a></li><li class="separador"><div class="separador"></div></li><li class="nivel-0 id-65 category-papereria"><a href="/papereria" target="_self" title="PAPERERIA">PAPERERIA</a></li><li class="separador"><div class="separador"></div></li><li class="nivel-0 id-66 category-activitats"><a href="/agenda-dactivitats" target="_self" title="ACTIVITATS">ACTIVITATS</a></li><li class="separador"><div class="separador"></div></li><li class="nivel-0 id-97 category-eoi-2026-27"><a href="/escola-oficial-didiomes" target="_self" title="EOI 2026-27">EOI 2026-27</a></li><li class="separador"><div class="separador"></div></li><li class="nivel-0 id-70 category-ajuda"><a href="/ajuda" target="_self" title="AJUDA">AJUDA</a></li></ul>        
384
385            </div>
386
387            <div class="clear"></div>
388
389        </div>
390    
391    </div>
392
393
394            
395    <div class="cabecera-inferior ">
396    
397        <div>
398
399        
400                <div class="boton-visor-cesta">
401                    
402                    <div class="icono-cesta fa fa-shopping-bag"></div>
403
404                    <span>0</span>
405                    
406                    <div class="icono-flecha-cesta"></div>
407
408                </div>
409                <div class="panel-resumen-cesta ocultar"></div>                
410        
411
412<form action="/producto/listadobuscar" id="formulario-buscar" method="get">    <div class="panel-busqueda">
413        
414        <input id="buscar" name="buscar" type="search" autocomplete="off" placeholder="cercar..." />
415                
416        <a class="boton-buscar"></a>
417
418    </div>
419</form>                <a href="/search/advanced" class="ocultar enlace-busqueda-avanzada">Cerca avan&#231;ada</a>
420
421        </div>
422        
423    </div>  
424    
425    <ul class="listado-menu inferior redes-sociales lista-flotante">
426                                                    
427 <li class="red-social"> <a class="icono-facebook" target="_blank" href="https://www.facebook.com/lagrallallibreria/"></a> </li> 
428                        
429 <li class="red-social"> <a class="icono-twitter" target="_blank" href="https://twitter.com/lgralla"></a> </li> 
430                        
431
432                        
433 <li class="red-social"> <a class="icono-linkedin" target="_blank" href="https://www.twitch.tv/lagrallaxou"></a> </li> 
434                        
435
436                        
437
438                        
439
440
441 <li class="red-social"> <a class="icono-instagram" target="_blank" href="https://www.instagram.com/llibrerialagralla/"></a> </li> 
442                        
443
444                        
445
446                   
447    </ul>  
448
449</div>
450
451<script type="text/javascript">
452
453    var esAnonimo = "True";
454
455    $(function () {
456
457        $('.boton-visor-cesta').unbind('click').click(function () { mostrarVisorResumenCesta(); });
458
459        actualizarVisorCesta();
460        
461        $('.boton-visor-categorias').unbind('click').click(function () {
462
463            $('.panel-categorias .mapa').load('/Categoria/Mapa', function () { $('.panel-categorias').fadeIn(); });
464        });
465
466        $('.panel-categorias .panel-superior').unbind('click').click(function () { $('.panel-categorias').fadeOut(); });
467        
468        $('.boton-buscar').unbind('click').click(function () {
469            
470            if ($('.panel-busqueda input').val() == "") return false;
471
472            $('#formulario-buscar').submit(); return false;
473        });
474
475        $('.boton-buscar-responsive').unbind('click').click(function () {
476
477            if ($('.panel-busqueda-responsive input').val() == "") return false;
478
479            $('#formulario-buscar-responsive').submit(); return false;
480        });
481
482        var esMovil = 'True';
483
484        var evento = (esMovil == 'true') ? 'click' : 'hover';
485
486        $('.listado-menu.inferior .padre.nivel-0 > a').unbind('click').bind('click', function () {
487
488            $(this).find(".hijos").fadeToggle();
489
490            return false;
491        });
492
493        $('.enlace-responsive.menu').unbind('click').click(function () {
494
495            $('.panel-menu-responsive').removeClass('ocultar');
496
497            $('body').addClass("responsive-menu");
498
499            $('body').toggleClass("cerrado");
500
501            if ($('body').hasClass("cerrado")) { setTimeout(function () { if ($('body').hasClass("cerrado")) $('body').toggleClass("responsive-menu"); }, 1500); }
502            
503            return false;
504        });
505        
506        $('.panel-menu-responsive').appendTo('html');
507        
508        $('.panel-menu-responsive ul .padre a').click(function () {
509
510            $(this).parent().toggleClass("abierta");
511            $(this).next().slideToggle();
512        });
513
514        $('.panel-menu-responsive ul li.padre.abierta .hijos').show();
515
516        $('.enlace-responsive.buscar').click(function () {
517
518            $('.panel-buscar-responsive').toggleClass('mostrar');
519
520            if ($('.panel-buscar-responsive').hasClass('mostrar')) { $('.panel-buscar-responsive input').val('').focus(); }
521        });
522
523        actualizarInformacionSesion();
524
525        actualizarMiCuenta();
526
527        //var alturaSuperior = $('.cabecera .cabecera-superior').height() + 400;
528
529        //$(document).scroll(function () {
530
531        //    var alturaActual = ($('.cabecera').hasClass('fija')) ? $(this).scrollTop() + alturaSuperior : $(this).scrollTop();
532
533        //    if (alturaActual > alturaSuperior) {
534
535        //        if (!$('.cabecera').hasClass('fija')) {
536
537        //            $('.cabecera-fantasma').show().height($('.cabecera').height());
538                    
539        //            $('.cabecera').hide().addClass('fija').fadeIn();
540        //        }
541
542        //    } else {
543
544        //        $('.cabecera').removeClass('fija');
545
546        //        $('.cabecera-fantasma').hide();
547        //    }
548        //});
549    });
550    
551    function refrescarCabecera() {
552
553        $.ajax({ url: "/Componente/RenderizarPlantilla?area=contenedor-cabecera", type: "GET", success: function (data) {
554
555            if (!esAnonimo) $('.boton-comprar').removeClass("anonimo"); else $('.boton-comprar').addClass("anonimo");
556            
557            $('header').html(data); $('.header').html(data);
558
559            $.fancybox.close();
560        }});
561    }
562
563    function animarVisorCesta() {
564
565        actualizarVisorCesta();
566
567        $('.panel-cesta-resumen-superior').load('/Cesta/VistaResumenSuperior', function () {
568            
569            $('.panel-cesta-resumen-superior').show();
570
571            $('.panel-cesta-resumen-superior').animate({ top: 0 }, 300, 'swing', function () {
572
573                $(this).delay(7000).animate({ top: -300 }, 300);
574            });
575        });
576    }
577
578    function mostrarVisorResumenCesta() {
579        
580        $('.panel-resumen-cesta').load('/Cesta/VistaResumen', function () {
581
582            $(this).fadeIn();
583            $(this).unbind('mouseleave');
584            $(this).mouseleave(function () { $(this).fadeOut("slow"); actualizarVisorCesta(); });
585
586            $('#boton-visor-cesta-abierta').unbind('click').click(function () {
587
588                $('.panel-resumen-cesta').fadeOut("slow");
589            });
590
591        });
592    }
593
594    function actualizarVisorCesta() {
595        
596        $.ajax({ url: "/Cesta/NumeroProductos", type: "GET", success: function (data) {
597
598                $('.boton-visor-cesta > span').html(data);
599
600                $('.enlace-cesta a > span').html(data);
601
602            console.log(data);
603
604                if (data == '0') $('.enlace-cesta a > span').hide(); else $('.enlace-cesta a > span').show();
605
606                if (data == '0') $('.boton-visor-cesta').removeClass('cesta-llena'); else $('.boton-visor-cesta').addClass('cesta-llena');
607            
608            }
609        });
610    }
611
612    function actualizarMiCuenta() {
613
614        $.ajax({ url: "/Componente/RenderizarSesion", type: "GET", success: function (data) { $('.listado-menu.superior .cuenta').html(data); } });
615    }
616
617    function actualizarInformacionSesion() {
618
619        $.ajax({
620            url: "/Componente/RenderizarSesionInfo", type: "GET", success: function (data) {
621
622                $('#panel-informacion-sesion').html(data).slideDown();
623            }
624        });
625    }
626    
627</script>
627
628            </div>
629        </li>
630<li class="desktop tablet mobile">
631            <div id="contenedor-componente-351" class="contenedor-componente contenedor-componente- " style="">
632
633
634
635<div id="componente-html-351" class="componente-html componente-html-">
636
637
638    <div class="codigo">
639        <meta name="p:domain_verify" content="1875ba55faf9f0897749ef751419ceea"/>
640    </div>
641
642</div>
643            </div>
644        </li>
645
646</ul>
647
648</header>
649
650<div class="contenedor" style="">
651
652    <div class="contenido-superior-100">
653
654
655<ul class="componentes">
656    
657
658</ul>
659
660    </div>
661
662    <div class="contenido">
663
664        <div class="contenedor-central">
665
666
667<ul class="componentes">
668    
669<li class="desktop tablet mobile">
670            <div id="contenedor-componente-662" class="contenedor-componente contenedor-componente-llibreria " style="">
671
672
673
674<div id="componente-listado-imagenes-rollover-662" class="panel listado-imagenes-rollover componente-listado-imagenes-rollover-llibreria">
675    
676    
677    
678
679    <div id="componente-listado-imagenes-rollover-662-imagenes" class="imagenes">
680                    
681                <div class="elemento-imagen   ">
682                    
683                                <a class="titulo-superior-imagen subtitulo-seccion  " style=" text-align: justify;" href="/literatura/novella-en-catala.html" target="_self">LITERATURA</a>
684
685                    <div>
686
687                            <a class="enlace-imagen  " href="/literatura/novella-en-catala.html" target="_self" rel="">                        
688                                <img src="/imagenes/poridentidad?identidad=43fef031-66e5-498a-b1a9-5098dbc9014f&amp;ancho=&amp;alto=" alt="LITERATURA" />
689                            </a>
690                    
691                            <div class="panel-contenedor-texto" style="">
692
693                                        <a class="titulo-imagen subtitulo-seccion  " style=" text-align: justify;" href="/literatura/novella-en-catala.html" target="_self" rel="">LITERATURA</a>
694
695
696
697                            </div>
698
699                    </div>
700
701                </div>                
702                <div class="elemento-imagen   ">
703                    
704                                <a class="titulo-superior-imagen subtitulo-seccion  " style=" text-align: justify;" href="/ciencies-socials/ciencies-socials.html" target="_self">ASSAIG</a>
705
706                    <div>
707
708                            <a class="enlace-imagen  " href="/ciencies-socials/ciencies-socials.html" target="_self" rel="">                        
709                                <img src="/imagenes/poridentidad?identidad=c326f29a-dc4f-498c-a6d0-a76be21e1882&amp;ancho=&amp;alto=" alt="ASSAIG" />
710                            </a>
711                    
712                            <div class="panel-contenedor-texto" style="">
713
714                                        <a class="titulo-imagen subtitulo-seccion  " style=" text-align: justify;" href="/ciencies-socials/ciencies-socials.html" target="_self" rel="">ASSAIG</a>
715
716
717
718                            </div>
719
720                    </div>
721
722                </div>                
723 <div class="separador-doble"></div>                 <div class="elemento-imagen   ">
724                    
725                                <a class="titulo-superior-imagen subtitulo-seccion  " style=" text-align: justify;" href="/llibres-infantils-i-juvenils/literatura-infantil-i-juvenil-catala.html" target="_self">INFANTIL / JUVENIL</a>
726
727                    <div>
728
729                            <a class="enlace-imagen  " href="/llibres-infantils-i-juvenils/literatura-infantil-i-juvenil-catala.html" target="_self" rel="">                        
730                                <img src="/imagenes/poridentidad?identidad=d20067f4-e4bd-429d-9a65-4ac5e433a408&amp;ancho=&amp;alto=" alt="INFANTIL / JUVENIL" />
731                            </a>
732                    
733                            <div class="panel-contenedor-texto" style="">
734
735                                        <a class="titulo-imagen subtitulo-seccion  " style=" text-align: justify;" href="/llibres-infantils-i-juvenils/literatura-infantil-i-juvenil-catala.html" target="_self" rel="">INFANTIL / JUVENIL</a>
736
737
738
739                            </div>
740
741                    </div>
742
743                </div>                
744                <div class="elemento-imagen   ">
745                    
746                                <a class="titulo-superior-imagen subtitulo-seccion  " style=" text-align: justify;" href="/butxaca/butxaca-catala.html" target="_self">LLIBRES BUTXACA</a>
747
748                    <div>
749
750                            <a class="enlace-imagen  " href="/butxaca/butxaca-catala.html" target="_self" rel="">                        
751                                <img src="/imagenes/poridentidad?identidad=0c0cacb3-9371-4c1b-a0d5-9eaac6188e88&amp;ancho=&amp;alto=" alt="LLIBRES BUTXACA" />
752                            </a>
753                    
754                            <div class="panel-contenedor-texto" style="">
755
756                                        <a class="titulo-imagen subtitulo-seccion  " style=" text-align: justify;" href="/butxaca/butxaca-catala.html" target="_self" rel="">LLIBRES BUTXACA</a>
757
758
759
760                            </div>
761
762                    </div>
763
764                </div>                
765 <div class="separador-doble"></div>  <div class="separador"></div>                 <div class="elemento-imagen   ">
766                    
767                                <a class="titulo-superior-imagen subtitulo-seccion  " style=" text-align: justify;" href="/literatura/literatura-fantastica.html" target="_self">FANTASIA</a>
768
769                    <div>
770
771                            <a class="enlace-imagen  " href="/literatura/literatura-fantastica.html" target="_self" rel="">                        
772                                <img src="/imagenes/poridentidad?identidad=cdf8b406-6768-4e08-8c83-145f62fd4351&amp;ancho=&amp;alto=" alt="FANTASIA" />
773                            </a>
774                    
775                            <div class="panel-contenedor-texto" style="">
776
777                                        <a class="titulo-imagen subtitulo-seccion  " style=" text-align: justify;" href="/literatura/literatura-fantastica.html" target="_self" rel="">FANTASIA</a>
778
779
780
781                            </div>
782
783                    </div>
784
785                </div>                
786                <div class="elemento-imagen   ">
787                    
788                                <a class="titulo-superior-imagen subtitulo-seccion  " style=" text-align: justify;" href="/comic-i-album-illustrat/manga-adults.html" target="_self">C&#210;MIC / MANGA</a>
789
790                    <div>
791
792                            <a class="enlace-imagen  " href="/comic-i-album-illustrat/manga-adults.html" target="_self" rel="">                        
793                                <img src="/imagenes/poridentidad?identidad=8d77ea34-c45f-499b-ba4d-d00edfacbf8b&amp;ancho=&amp;alto=" alt="C&#210;MIC / MANGA" />
794                            </a>
795                    
796                            <div class="panel-contenedor-texto" style="">
797
798                                        <a class="titulo-imagen subtitulo-seccion  " style=" text-align: justify;" href="/comic-i-album-illustrat/manga-adults.html" target="_self" rel="">C&#210;MIC / MANGA</a>
799
800
801
802                            </div>
803
804                    </div>
805
806                </div>                
807 <div class="separador-doble"></div>                 <div class="elemento-imagen   ">
808                    
809                                <a class="titulo-superior-imagen subtitulo-seccion  " style=" text-align: justify;" href="/viatges-excursionisme/guies-viatges.html" target="_self">LITERATURA I GUIES DE VIATGE</a>
810
811                    <div>
812
813                            <a class="enlace-imagen  " href="/viatges-excursionisme/guies-viatges.html" target="_self" rel="">                        
814                                <img src="/imagenes/poridentidad?identidad=2f74e666-4de7-44ad-a568-3d5aef7b651e&amp;ancho=&amp;alto=" alt="LITERATURA I GUIES DE VIATGE" />
815                            </a>
816                    
817                            <div class="panel-contenedor-texto" style="">
818
819                                        <a class="titulo-imagen subtitulo-seccion  " style=" text-align: justify;" href="/viatges-excursionisme/guies-viatges.html" target="_self" rel="">LITERATURA I GUIES DE VIATGE</a>
820
821
822
823                            </div>
824
825                    </div>
826
827                </div>                
828                <div class="elemento-imagen   ">
829                    
830                                <a class="titulo-superior-imagen subtitulo-seccion  " style=" text-align: justify;" href="/llibres-de-musica/llibres-musica.html" target="_self">LLIBRES M&#218;SICA</a>
831
832                    <div>
833
834                            <a class="enlace-imagen  " href="/llibres-de-musica/llibres-musica.html" target="_self" rel="">                        
835                                <img src="/imagenes/poridentidad?identidad=0eefa646-daa6-4f58-bb3e-056097e71890&amp;ancho=&amp;alto=" alt="LLIBRES M&#218;SICA" />
836                            </a>
837                    
838                            <div class="panel-contenedor-texto" style="">
839
840                                        <a class="titulo-imagen subtitulo-seccion  " style=" text-align: justify;" href="/llibres-de-musica/llibres-musica.html" target="_self" rel="">LLIBRES M&#218;SICA</a>
841
842
843
844                            </div>
845
846                    </div>
847
848                </div>                
849 <div class="separador-doble"></div>  <div class="separador"></div> 
850    </div>
851
852    <div class="clear"></div>
853
854</div>
855
856<script type="text/javascript">
857
858    $(function () {
859
860        $("#componente-listado-imagenes-rollover-662" + " .elemento-imagen.zoom a").swipebox({ hideBarsDelay: 0 });
861
862        $("#componente-listado-imagenes-rollover-662" + " .icono-video").click(function () { $(this).parent().find('a').trigger('click'); });
863
864        var anchoColumnas = Math.floor((100 / "4") * 100) / 100;
865
866        $("#componente-listado-imagenes-rollover-662" + " .elemento-imagen").attr("data-width", anchoColumnas + "%");
867
868        $("#componente-listado-imagenes-rollover-662" + " .video").swipebox({ hideBarsDelay: 0 });
869
870        if (4 > 1) {
871
872            $(window).bind("resize", resizeWindow);
873
874            resizeWindow();
875        }
876        
877    });
878
879    $(window).load(function () {
880
881        $(".listado-imagenes-rollover .elemento-imagen.rollover a.enlace-imagen").each(function (index, value) {
882
883            $(this).innerHeight($(this).find('img').innerHeight() / 2);
884        });
885
886        $("#componente-listado-imagenes-rollover-662" + " .elemento-imagen.rollover .enlace-imagen").css("opacity", "1");
887    });
888
889    function resizeWindow(e) {
890
891        if ($(window).width() > 768) {
892
893            $(".listado-imagenes-rollover .elemento-imagen").each(function (index, value) {
894                $(this).innerWidth($(this).attr("data-width"));
895            });
896
897            $(".listado-imagenes-rollover .separador-doble").hide();
898            $(".listado-imagenes-rollover .separador").show();
899
900        }
901        else if ($(window).width() <= 768 && $(window).width() > 479) {
902            $(".listado-imagenes-rollover .elemento-imagen").innerWidth("50%");
903            $(".listado-imagenes-rollover .separador-doble").show();
904            $(".listado-imagenes-rollover .separador").hide();
905        }
906        else {
907            $(".listado-imagenes-rollover .elemento-imagen").innerWidth("100%");
908
909            $(".listado-imagenes-rollover .separador-doble").hide();
910            $(".listado-imagenes-rollover .separador").hide();
911        }
912
913        $(".listado-imagenes-rollover .elemento-imagen.rollover a.enlace-imagen").each(function (index, value) {
914
915            $(this).innerHeight($(this).find('img').innerHeight() / 2);
916        });
917    }
918
919
920</script>
920
921
922            </div>
923        </li>
924
925</ul>
926
927        </div>
928
929        <div id="contenedor-cuad" class="panel-grupo">
930
931            <div class="contenedor-cuad-1">
932
933
934<ul class="componentes">
935    
936
937</ul>
938
939            </div>
940
941            <div class="contenedor-cuad-central">
942
943
944<ul class="componentes">
945    
946
947</ul>
948
949            </div>
950
951        </div>
952
953        <div class="contenedor-central">
954
955
956<ul class="componentes">
957    
958
959</ul>
960
961        </div>
962
963    </div>
964
965    <div class="contenido-inferior-100">
966
967
968<ul class="componentes">
969    
970
971</ul>
972
973    </div>
974
975</div>
976
977<footer>
978
979
980<ul class="componentes">
981    
982<li class="desktop tablet">
983            <div id="contenedor-componente-287" class="contenedor-componente contenedor-componente- icons" style="">
984
985
986
987<div id="componente-listado-imagenes-rollover-287" class="panel listado-imagenes-rollover componente-listado-imagenes-rollover-">
988    
989    
990    
991
992    <div id="componente-listado-imagenes-rollover-287-imagenes" class="imagenes">
993                    
994                <div class="elemento-imagen   ">
995                    
996
997                    <div>
998
999                            <a class="enlace-imagen centrar" rel="">                        
1000                                <img src="/imagenes/poridentidad?identidad=4d61de31-9feb-4f16-9a43-bf23d0b0b1f6&amp;ancho=&amp;alto=" alt="" />
1001                            </a>
1002                    
1003                            <div class="panel-contenedor-texto" style="">
1004
1005
1006
1007
1008                            </div>
1009
1010                    </div>
1011
1012                </div>                
1013                <div class="elemento-imagen   ">
1014                    
1015
1016                    <div>
1017
1018                            <a class="enlace-imagen centrar" rel="">                        
1019                                <img src="/imagenes/poridentidad?identidad=73a2c9f2-5ccc-40a2-bd91-785014ff752a&amp;ancho=&amp;alto=" alt="" />
1020                            </a>
1021                    
1022                            <div class="panel-contenedor-texto" style="">
1023
1024
1025
1026
1027                            </div>
1028
1029                    </div>
1030
1031                </div>                
1032 <div class="separador-doble"></div>                 <div class="elemento-imagen   ">
1033                    
1034
1035                    <div>
1036
1037                            <a class="enlace-imagen centrar" rel="">                        
1038                                <img src="/imagenes/poridentidad?identidad=fc0bd5d9-5f36-4cb4-b42b-ea392738bcd4&amp;ancho=&amp;alto=" alt="" />
1039                            </a>
1040                    
1041                            <div class="panel-contenedor-texto" style="">
1042
1043
1044
1045
1046                            </div>
1047
1048                    </div>
1049
1050                </div>                
1051                <div class="elemento-imagen   ">
1052                    
1053
1054                    <div>
1055
1056                            <a class="enlace-imagen centrar" rel="">                        
1057                                <img src="/imagenes/poridentidad?identidad=ffc442c6-a6a7-461c-8b97-dedcc43afd98&amp;ancho=&amp;alto=" alt="" />
1058                            </a>
1059                    
1060                            <div class="panel-contenedor-texto" style="">
1061
1062
1063
1064
1065                            </div>
1066
1067                    </div>
1068
1069                </div>                
1070 <div class="separador-doble"></div>                 <div class="elemento-imagen   ">
1071                    
1072
1073                    <div>
1074
1075                            <a class="enlace-imagen centrar" rel="">                        
1076                                <img src="/imagenes/poridentidad?identidad=0e23957d-b609-4ceb-8685-878fd6526df4&amp;ancho=&amp;alto=" alt="" />
1077                            </a>
1078                    
1079                            <div class="panel-contenedor-texto" style="">
1080
1081
1082
1083
1084                            </div>
1085
1086                    </div>
1087
1088                </div>                
1089 <div class="separador"></div> 
1090    </div>
1091
1092    <div class="clear"></div>
1093
1094</div>
1095
1096<script type="text/javascript">
1097
1098    $(function () {
1099
1100        $("#componente-listado-imagenes-rollover-287" + " .elemento-imagen.zoom a").swipebox({ hideBarsDelay: 0 });
1101
1102        $("#componente-listado-imagenes-rollover-287" + " .icono-video").click(function () { $(this).parent().find('a').trigger('click'); });
1103
1104        var anchoColumnas = Math.floor((100 / "5") * 100) / 100;
1105
1106        $("#componente-listado-imagenes-rollover-287" + " .elemento-imagen").attr("data-width", anchoColumnas + "%");
1107
1108        $("#componente-listado-imagenes-rollover-287" + " .video").swipebox({ hideBarsDelay: 0 });
1109
1110        if (5 > 1) {
1111
1112            $(window).bind("resize", resizeWindow);
1113
1114            resizeWindow();
1115        }
1116        
1117    });
1118
1119    $(window).load(function () {
1120
1121        $(".listado-imagenes-rollover .elemento-imagen.rollover a.enlace-imagen").each(function (index, value) {
1122
1123            $(this).innerHeight($(this).find('img').innerHeight() / 2);
1124        });
1125
1126        $("#componente-listado-imagenes-rollover-287" + " .elemento-imagen.rollover .enlace-imagen").css("opacity", "1");
1127    });
1128
1129    function resizeWindow(e) {
1130
1131        if ($(window).width() > 768) {
1132
1133            $(".listado-imagenes-rollover .elemento-imagen").each(function (index, value) {
1134                $(this).innerWidth($(this).attr("data-width"));
1135            });
1136
1137            $(".listado-imagenes-rollover .separador-doble").hide();
1138            $(".listado-imagenes-rollover .separador").show();
1139
1140        }
1141        else if ($(window).width() <= 768 && $(window).width() > 479) {
1142            $(".listado-imagenes-rollover .elemento-imagen").innerWidth("50%");
1143            $(".listado-imagenes-rollover .separador-doble").show();
1144            $(".listado-imagenes-rollover .separador").hide();
1145        }
1146        else {
1147            $(".listado-imagenes-rollover .elemento-imagen").innerWidth("100%");
1148
1149            $(".listado-imagenes-rollover .separador-doble").hide();
1150            $(".listado-imagenes-rollover .separador").hide();
1151        }
1152
1153        $(".listado-imagenes-rollover .elemento-imagen.rollover a.enlace-imagen").each(function (index, value) {
1154
1155            $(this).innerHeight($(this).find('img').innerHeight() / 2);
1156        });
1157    }
1158
1159
1160</script>
1160
1161
1162            </div>
1163        </li>
1164<li class="desktop tablet mobile">
1165            <div id="contenedor-componente-286" class="contenedor-componente contenedor-componente- " style="">
1166
1167
1168
1169<div id="componente-imagen-286" class="imagen-fija componente-imagen- " style="">
1170    
1171
1172<img src="/imagenes/poridentidad?identidad=37ee8eb9-769b-4347-a1d9-9362a08cc73b&amp;ancho=&amp;alto=" title="" />
1173    
1174                            
1175</div>
1176
1177<script type="text/javascript">
1178
1179    $(function () {
1180
1181        $("#componente-imagen-286" + " a.zoom").swipebox({ hideBarsDelay: 0 });
1182
1183        $("#componente-imagen-286" + " .icono-video").click(function () { $("#componente-imagen-286" + " a").trigger('click'); });
1184    });
1185
1186    jQuery(window).load(function () {
1187
1188        $("#componente-imagen-286" + " .icono-video").height($("#componente-imagen-286" + " img").height());
1189    });
1190    
1191</script>
1191
1192            </div>
1193        </li>
1194<li class="desktop tablet mobile">
1195            <div id="contenedor-componente-53" class="contenedor-componente contenedor-componente-" style="">
1196
1197
1198
1199<div id="componente-pie-53" class="pie componente-pie-" itemscope itemtype="http://schema.org/WPFooter">
1200
1201    <div>
1202
1203        <div class="panel-superior">
1204
1205            <div class="panel-grupo">
1206
1207                <div class="panel-grupo-enlaces contenedor-cuad-1">
1208
1209                        <h2 class="subtitulo-seccion">Sobre nosaltres</h2>
1210
1211                        <ul class="listado-enlaces lista-flotante">
1212
1213                                <li>
1214                                    <div>
1215                                        <a href="/qui-som">Qui som</a>
1216                                    </div>
1217                                </li>
1218                                <li>
1219                                    <div>
1220                                        <a href="/on-som">On som</a>
1221                                    </div>
1222                                </li>
1223                                <li>
1224                                    <div>
1225                                        <a href="/contactar">Contactar</a>
1226                                    </div>
1227                                </li>
1228                        </ul>
1229
1230                </div>
1231
1232                <div class="panel-grupo-enlaces contenedor-cuad-2">
1233
1234                        <h2 class="subtitulo-seccion">P&#224;gines legals</h2>
1235
1236                        <ul class="listado-enlaces lista-flotante">
1237
1238                                <li>
1239                                    <div>
1240                                        <a href="/legal/disclaimer">Avis legal</a>
1241                                    </div>
1242                                </li>
1243                                <li>
1244                                    <div>
1245                                        <a href="/legal/terms">Termes i condicions de compra</a>
1246                                    </div>
1247                                </li>
1248                                <li>
1249                                    <div>
1250                                        <a href="/legal/cookies">Politica de cookies</a>
1251                                    </div>
1252                                </li>
1253                                <li>
1254                                    <div>
1255                                        <a href="/legal/privacy">Politica de privacitat</a>
1256                                    </div>
1257                                </li>
1258                        </ul>
1259
1260                </div>
1261
1262                <div class="panel-grupo-enlaces contenedor-cuad-3">
1263
1264                        <h2 class="subtitulo-seccion">Agenda</h2>
1265
1266                        <ul class="listado-enlaces lista-flotante">
1267
1268                                <li>
1269                                    <div>
1270                                        <a href="/agenda-dactivitats">Properes activitats</a>
1271                                    </div>
1272                                </li>
1273                        </ul>
1274
1275                </div>
1276
1277                <div class="panel-grupo-enlaces contenedor-cuad-4">
1278
1279                        <h2 class="subtitulo-seccion">Xarxes socials</h2>
1280
1281
1282
1283
1284
1285                    <ul class="lista-flotante listado-enlaces-redes">
1286                                <li> <a class="icono-facebook" target="_blank" href="https://www.facebook.com/lagrallallibreria/"></a> </li> 
1287
1288                                <li> <a class="icono-twitter" target="_blank" href="https://twitter.com/lgralla"></a> </li> 
1289
1290
1291
1292                                <li> <a class="icono-linkedin" target="_blank" href="https://www.twitch.tv/lagrallaxou"></a> </li> 
1293
1294
1295
1296                                <li> <a class="icono-youtube" target="_blank" href="http://www.youtube.com/user/llibrerialagralla"></a> </li> 
1297
1298
1299
1300                                <li> <a class="icono-instagram" target="_blank" href="https://www.instagram.com/llibrerialagralla/"></a> </li> 
1301
1302
1303
1304
1305                    </ul>
1306
1307                </div>
1308
1309            </div>
1310
1311        </div>
1312
1313
1314            <div class="panel-inferior">
1315                
1316                <p>
1317
1318                    <a class="enlace-mostrar-panel-cookies">
1319                        Configurar cookies
1320                    </a>
1321
1322                    Llibreria La Gralla 2012 - Tots els drets reservats.
1323
1324
1325                </p>
1326
1327            </div>
1328
1329    </div>
1330
1331</div>
1332
1333
1334<script type="text/javascript">
1335
1336
1337    $(function () {
1338
1339        $('.enlace-mostrar-panel-cookies').unbind('click').click(function () {
1340
1341            $('.panel-cookies').toggle();
1342        });
1343
1344    });
1345
1346</script>
1346
1347            </div>
1348        </li>
1349<li class="desktop tablet mobile">
1350            <div id="contenedor-componente-903" class="contenedor-componente contenedor-componente- whats" style="">
1351
1352
1353
1354<div id="componente-imagen-903" class="imagen-fija componente-imagen- " style="">
1355    
1356
1357<a data-fancybox-group="gallery" href="https://wa.me/34638772377" target="_self"><img src="/imagenes/poridentidad?identidad=0200c25c-8a3b-43f0-8494-557912f4dcb7&amp;ancho=&amp;alto=" /></a>
1358    
1359                            
1360</div>
1361
1362<script type="text/javascript">
1363
1364    $(function () {
1365
1366        $("#componente-imagen-903" + " a.zoom").swipebox({ hideBarsDelay: 0 });
1367
1368        $("#componente-imagen-903" + " .icono-video").click(function () { $("#componente-imagen-903" + " a").trigger('click'); });
1369    });
1370
1371    jQuery(window).load(function () {
1372
1373        $("#componente-imagen-903" + " .icono-video").height($("#componente-imagen-903" + " img").height());
1374    });
1375    
1376</script>
1376
1377            </div>
1378        </li>
1379
1380</ul>
1381
1382</footer>
1383
1384
1385
1386
1387        
1387<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" type="text/javascript"></script>
1387
1388
1389
1390
1391
1392
1393
1394
1395    <div class="panel-cookies">
1396
1397        <div class="panel-cookies-portada">
1398
1399            <p>
1400                Aquest lloc web emmagatzema dades com galetes per habilitar la funcionalitat necessària de el lloc, inclosos anàlisi i personalització. Podeu canviar la seva configuració en qualsevol moment o acceptar els paràmetres per defecte.
1401            </p>
1402
1403            <p>
1404                <a href="/legal/cookies" target="_blank" class="enlace-politica-cookies">pol&#237;tica de cookies</a>
1405            </p>
1406            
1407            <div class="panel-botones">
1408
1409                <a class="boton-configurar-cookies">
1410                    Configurar
1411                </a>
1412
1413                <a class="boton boton-transparente boton-rechazar-todas-cookies">
1414                    Rebutjar totes les cookies
1415                </a>
1416
1417                <a class="boton boton-aceptar-todas-cookies">
1418                    Acceptar totes les cookies
1419                </a>
1420
1421            </div>
1422            
1423
1424        </div>
1425
1426        <div class="panel-cookies-configuracion">
1427
1428            <div class="panel panel-cookies-esenciales">
1429
1430                <span class="label-cookies-siempre-activas"><b>Essencials</b> </span>
1431
1432                <p>
1433                    Les galetes necessàries ajuden a fer una pàgina web utilitzable activant funcions bàsiques com la navegació a la pàgina i l'accés a àrees segures de la pàgina web. La pàgina web no pot funcionar adequadament sense aquestes galetes.
1434                </p>
1435
1436            </div>
1437
1438            <br />
1439
1440            <div class="panel panel-cookies-personalizacion">
1441
1442                <a class="check"></a>
1443
1444                <span><b>Personalització</b> </span>
1445
1446                <p>
1447                    Les galetes de personalització permeten a la pàgina web recordar informació que canvia la forma en què la pàgina es comporta o l'aspecte que té, com el seu idioma preferit o la regió en la qual vostè es troba.
1448                </p>
1449
1450            </div>
1451
1452            <br />
1453
1454            <div class="panel panel-cookies-analisis">
1455
1456                <a class="check"></a>
1457
1458                <span><b>Anàlisi</b> </span>
1459
1460                <p>
1461                    Les galetes estadístiques ajuden als propietaris de pàgines web a comprendre com interactuen els visitants amb les pàgines web reunint i proporcionant informació de forma anònima.
1462                </p>
1463
1464            </div>
1465
1466            <br />
1467
1468            <div class="panel panel-cookies-marketing">
1469
1470                <a class="check"></a>
1471
1472                <span><b>Marketing</b> </span>
1473
1474                <p>
1475                    Les galetes de màrqueting s'utilitzen per rastrejar als visitants en les pàgines web. La intenció és mostrar anuncis rellevants i atractius per a l'usuari individual, i per tant, més valuosos per als editors i tercers anunciants.
1476                </p>
1477
1478            </div>
1479
1480            <br />
1481
1482
1483            <div class="panel-botones">
1484
1485                <a class="boton boton-transparente boton-cancelar-configuracion-cookies">
1486                    Cancelar
1487                </a>
1488
1489                <a class="boton boton-guardar-configuracion-cookies">
1490                    Guardar configuració
1491                </a>
1492
1493            </div>
1494
1495        </div>
1496
1497    </div>
1498
1499<script type="text/javascript"> 
1500
1501    function almacenarCookieSettings(p, a, m) {
1502
1503        var resultado = "p" + p + "a" + a + "m" + m;
1504
1505        $.ajax({
1506            url: '/web/notifyCookiesConsent', type: 'POST',
1507            data: {
1508                personalization: p == 1 ? true : false,
1509                analytics: a == 1 ? true : false,
1510                marketing: m == 1 ? true : false
1511            },
1512            success: function () {
1513
1514                Cookies.set('oleoshop-cookies-settings', resultado, { expires: 730 });
1515
1516                consentModeUpdate();
1517            }
1518        }).fail(function () {
1519
1520            Cookies.set('oleoshop-cookies-settings', resultado, { expires: 1 });
1521        })
1522    }
1523
1524    function consentModeUpdate() {
1525
1526        var cookie = Cookies.get('oleoshop-cookies-settings');
1527
1528        if (typeof cookie != "undefined") {
1529
1530            gtag('consent', 'update', {
1531                'ad_storage': cookie.includes("m1") ? 'granted' : 'denied',
1532                'ad_user_data': cookie.includes("m1") ? 'granted' : 'denied',
1533                'ad_personalization': cookie.includes("m1") ? 'granted' : 'denied',
1534                'analytics_storage': cookie.includes("a1") ? 'granted' : 'denied',
1535                'functionality_storage': cookie.includes("p1") ? 'granted' : 'denied',
1536                'personalization_storage': cookie.includes("m1") ? 'granted' : 'denied',
1537                'security_storage': cookie.includes("p1") ? 'granted' : 'denied',
1538            });
1539        }
1540    }
1541
1542    $(function () {
1543
1544        var cookie = Cookies.get('oleoshop-cookies-settings');
1545
1546        if (typeof cookie != "undefined") {
1547
1548            $('.panel-cookies').hide();
1549
1550            if (cookie.includes("p1")) $('.panel-cookies-personalizacion .check').addClass('seleccionado');
1551
1552            if (cookie.includes("a1")) $('.panel-cookies-analisis .check').addClass('seleccionado');
1553
1554            if (cookie.includes("m1")) $('.panel-cookies-marketing .check').addClass('seleccionado');
1555        }
1556        else {
1557
1558            $('.panel-cookies').show();
1559        }
1560
1561        $('.panel-cookies .boton-aceptar-todas-cookies').click(function () {
1562
1563            almacenarCookieSettings(1, 1, 1);
1564
1565            $('.panel-cookies').hide();
1566
1567            //location.reload();
1568        });
1569
1570        $('.panel-cookies .boton-rechazar-todas-cookies').click(function () {
1571
1572            almacenarCookieSettings(0, 0, 0);
1573
1574            $('.panel-cookies').hide();
1575
1576            //location.reload();
1577        });
1578
1579        $('.panel-cookies .boton-configurar-cookies').click(function () {
1580
1581            $('.panel-cookies-portada').hide();
1582            
1583            $('.panel-cookies-configuracion').show();
1584        });
1585
1586        $('.panel-cookies .boton-guardar-configuracion-cookies').click(function () {
1587
1588            var p = $('.panel-cookies-personalizacion .check').hasClass('seleccionado') ? 1 : 0;
1589
1590            var a = $('.panel-cookies-analisis .check').hasClass('seleccionado') ? 1 : 0;
1591
1592            var m = $('.panel-cookies-marketing .check').hasClass('seleccionado') ? 1 : 0;
1593
1594            almacenarCookieSettings(p, a, m);
1595
1596            $('.panel-cookies').hide();
1597
1598            //location.reload();
1599        });
1600
1601        $('.panel-cookies .boton-cancelar-configuracion-cookies').click(function () {
1602
1603            $('.panel-cookies-portada').show();
1604
1605            $('.panel-cookies-configuracion').hide();
1606        });
1607
1608        $('.panel-cookies .check').unbind('click').click(function () {
1609
1610            $(this).toggleClass("seleccionado");
1611        });
1612
1613        $('.panel-cookies .check + span').unbind('click').click(function () {
1614
1615            $(this).parent().find('.check').toggleClass("seleccionado");
1616        });
1617
1618    });
1619
1620</script>
1620
1621
1622
1623
1624
1625
1626
1627
1628    
1628<script src="/bundles/jqueryval?v=nGZ6QlcYeHqeaYmm8vPQBiQ5wPPGbCv4gqCHMiTXkKM1"></script>
1628
1629
1630    
1631
1632    
1633
1634    
1635
1636    
1637
1638    
1639
1640    
1641
1642</body>
1643
1644<script type="text/javascript">
1645
1646        $(function () {
1647
1648            NProgress.start();
1649
1650            $.scrollUp({
1651                scrollDistance: 300,
1652                scrollFrom: 'top',
1653                scrollSpeed: 500,
1654                easingType: 'linear',
1655                animation: 'fade',
1656                animationInSpeed: 200,
1657                animationOutSpeed: 500,
1658                scrollImg: true,
1659                activeOverlay: false,
1660                zIndex: 2147483647
1661            });
1662
1663            if ("False" == "True") { $.backstretch([], { fade: 750, duration: 4000 }); }
1664
1665            mostrarMensajeCookies();
1666
1667            var msg = "Actualmente no realizamos env&#237;os en su pa&#237;s. Disculpe las molestias.";
1668
1669            mostrarMensajeEnviosPaisDestinoPorIP(msg);
1670
1671            $('a[href*=#]').click(function () {
1672
1673                if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
1674                    && location.hostname == this.hostname) {
1675
1676                    var $target = $(this.hash);
1677
1678                    $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
1679
1680                    if ($target.length) {
1681
1682                        var targetOffset = $target.offset().top;
1683
1684                        $('html,body').animate({ scrollTop: targetOffset }, 1000);
1685
1686                        return false;
1687                    }
1688                }
1689            });
1690
1691            var auth = $('meta[name=session-id-auth]').attr("content");
1692
1693            if (auth && Model.Configuraciones.ActivarMarcadoSesion()) {
1694
1695                $('a[href]').attr('href', function (index, href) {
1696                    var param = "sessionID=" + auth;
1697
1698                    if (href.charAt(href.length - 1) === '?')
1699                        return href + param;
1700                    else if (href.indexOf('?') > 0)
1701                        return href + '&' + param;
1702                    else
1703                        return href + '?' + param;
1704                });
1705            }
1706            
1707        });
1708
1709        $(window).load(function () { NProgress.done(); });
1710
1711</script>
1711
1712
1713</html>
1714
1715
1716
1717
1718

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.