/** Shopify CDN: Minification failed

Line 1960:4 Expected identifier but found "*"
Line 6350:4 "line-heigth" is not a known CSS property
Line 11904:28 Expected ")" to go with "("
Line 23972:8 "margin-rigth" is not a known CSS property
Line 27839:4 Expected identifier but found "*"
Line 32229:4 "line-heigth" is not a known CSS property

**/
@charset "utf-8";
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,
select {
    vertical-align: middle
}

pre,
code,
kbd,
samp {
    font-family: monospace, sans-serif
}

textarea {
    overflow: auto
}

input[type="radio"] {
    vertical-align: text-bottom
}

input[type="checkbox"] {
    vertical-align: bottom
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline
}

.ie6 input {
    vertical-align: text-bottom
}

input[type="button"],
input[type="submit"],
input[type="image"],
button {
    cursor: pointer
}

button,
input,
select,
textarea {
    margin: 0
}

button {
    width: auto;
    overflow: visible
}

.ie7 img {
    -ms-interpolation-mode: bicubic
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

* {
    margin: 0;
    padding: 0
}

:focus {
    outline: 0
}

a img,
iframe {
    border: none
}

ol,
ul {
    list-style: none
}

select {
    margin: inherit
}

.clearfix {
    clear: both;
    display: block
}

a:link,
a:hover,
a:visited,
a:active {
    text-decoration: none
}


ul,
ol,
li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@font-face {
    font-family: "pdlfont";
    src: url("fonts/pdlfont.eot?220200706");
    src: url("fonts/pdlfont.eot?220200706#iefix") format("embedded-opentype"), url("fonts/pdlfont.woff?220200706") format("woff"), url("fonts/pdlfont.ttf?220200706") format("truetype"), url("fonts/pdlfont.svg?220200706#pdlfont") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "pdlfont" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "pdlfont" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1em;
    vertical-align: -15%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-15x {
    font-size: 1.3em;
    line-height: 1em;
    vertical-align: -10%
}

.icon-2x,
a.xxss-icon {
    font-size: 1.7em;
    line-height: 1em;
    vertical-align: -14%
}

.icon-3x {
    font-size: 3em;
    line-height: 1em;
    vertical-align: -22%
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li>span:after,
.fitxa .soportes_comprar .soportes .suports .llibre_format.dropdown .dropdown-toggle:before,
.cercador-firmes #filtres-firmes .camp>span:after,
.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format.dropdown .dropdown-toggle:before,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format.dropdown .dropdown-toggle:before,
.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li.active>span:after,
.fitxa .soportes_comprar .soportes .suports .llibre_format.dropdown.active .dropdown-toggle:before,
.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format.dropdown.active .dropdown-toggle:before,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format.dropdown.active .dropdown-toggle:before,
.header .nav-tematiques .menu-tematiques li.totes-tematiques:after,
.menu-mobile .seccio .seccio-opcions .opcio:before,
.menu-mobile .seccio .seccio-opcions .tematica:before,
.capsa-filtres .treure:before,
a.btn.btn-download:after,
.btn.btn-download:after,
#brandday .close,
.rotador-303 .llista-tematiques .llista li h3 a:before {
    font-family: "pdlfont" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1em;
    vertical-align: -14%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "i"
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li>span:after,
.fitxa .soportes_comprar .soportes .suports .llibre_format.dropdown .dropdown-toggle:before,
.cercador-firmes #filtres-firmes .camp>span:after,
.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format.dropdown .dropdown-toggle:before,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format.dropdown .dropdown-toggle:before {
    content: "k"
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li.active>span:after,
.fitxa .soportes_comprar .soportes .suports .llibre_format.dropdown.active .dropdown-toggle:before,
.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format.dropdown.active .dropdown-toggle:before,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format.dropdown.active .dropdown-toggle:before {
    content: "h"
}

.header .nav-tematiques .menu-tematiques li.totes-tematiques:after,
.menu-mobile .seccio .seccio-opcions .opcio:before,
.menu-mobile .seccio .seccio-opcions .tematica:before {
    content: "t"
}

.capsa-filtres .treure:before {
    content: "S"
}

a.btn.btn-download:after,
.btn.btn-download:after {
    content: "p"
}

.unit-rating li {
    position: relative
}

.unit-rating input[type="radio"] {
    opacity: 0;
    position: absolute;
    z-index: 1
}

.unit-rating input[type="radio"]+label {
    position: absolute
}

.unit-rating input[type="radio"]:checked+label .icon-estrella-o:before {
    content: "b";
    color: #db9600
}

.icon-estrella-o-anteriors:before {
    content: "b";
    color: #db9600
}

.icon-estrella:before {
    content: "b"
}

.icon-estrella-o:before {
    content: "b";
    color: #c5c3c4
}

.icon-estrella-mig-o:before {
    content: "d"
}

.icon-estrella-mig-1:before {
    content: "e"
}

.icon-xxss-twitter:before {
    content: "f"
}

.icon-login:before {
    content: "g"
}

.icon-caret-amunt:before {
    content: "h"
}

.icon-caret-dreta:before {
    content: "i"
}

.icon-caret-esquerra:before {
    content: "j"
}

.icon-caret-avall:before {
    content: "k"
}

.icon-novedades:before {
    content: "\5f"
}

.icon-recomanador {
    -ms-transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg)
}

.icon-recomanador:before {
    content: "m"
}

.icon-arrow-right:before {
    content: "n"
}

.icon-arrow-left:before {
    content: "o"
}

.icon-arrow-down:before {
    content: "p"
}

.icon-arrow-up:before {
    content: "q"
}

.icon-angle-down:before {
    content: "r"
}

.icon-angle-up:before {
    content: "s"
}

.icon-angle-right:before {
    content: "t"
}

.icon-angle-left:before {
    content: "u"
}

.icon-angle-double-up:before {
    content: "v"
}

.icon-angle-double-right:before {
    content: "w"
}

.icon-angle-double-left:before {
    content: "x"
}

.icon-angle-double-down:before {
    content: "y"
}

.icon-arrow-circle-right:before {
    content: "z"
}

.icon-arrow-circle-left:before {
    content: "A"
}

.icon-arrow-circle-up:before {
    content: "B"
}

.icon-arrow-circle-down:before {
    content: "D"
}

.icon-camera:before {
    content: "C"
}

.icon-chat:before {
    content: "E"
}

.icon-chevron-down:before {
    content: "F"
}

.icon-chevron-up:before {
    content: "G"
}

.icon-chevron-right:before {
    content: "H"
}

.icon-chevron-left:before {
    content: "I"
}

.icon-like:before {
    content: "J"
}

.icon-cadenat:before {
    content: "K"
}

.icon-xxss-youtube:before {
    content: "M"
}

.icon-extern:before {
    content: "a"
}

.icon-extern-o:before {
    content: "N"
}

.icon-bandera:before {
    content: "P"
}

.icon-cloud:before {
    content: "Q"
}

.icon-tancar:before {
    content: "S"
}

.icon-mes:before {
    content: "T"
}

.icon-xxss-facebook:before {
    content: "L"
}

.icon-xxss-pinterest:before {
    content: "O"
}

.icon-xxss-instagram:before {
    content: "U"
}

.icon-xxss-blogs:before {
    content: "V"
}

.icon-heleido:before {
    content: "W"
}

.icon-xxss-clubdelectura:before {
    content: "W"
}

.icon-xxss-territoriolector:before {
    content: "R";
    position: relative;
    left: 0.25em;
    color: #9c9b9b
}

.icon-xxss-territoriolector:after {
    content: "X";
    color: #fff;
    position: relative;
    left: -0.75em
}

.icon-xxss-territoriolector-o:before {
    content: "X"
}

.icon-slider-left:before {
    content: "Y";
    padding: 2px
}

.icon-slider-right:before {
    content: "Z";
    padding: 2px
}

.icon-xxss-spotify:before {
    content: "0"
}

.icon-xxss-gplus:before {
    content: "1"
}

.icon-love:before {
    content: "2"
}

.icon-share:before {
    content: "3"
}

.icon-xxss-mail:before {
    content: "4"
}

.icon-xxss-linkedin:before {
    content: "5"
}

.icon-check-circle:before {
    content: "6"
}

.icon-check:before {
    content: "7"
}

.icon-play:before {
    content: "8"
}

.icon-ploma:before {
    content: "9"
}

.icon-loading {
    -webkit-animation: icon-loading 2s infinite linear;
    animation: icon-loading 2s infinite linear
}

.icon-loading:before {
    content: "!"
}

@-webkit-keyframes icon-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes icon-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

body,
.megacercador-resultats *,
.fitxa-premsa .prensa-dreta .titol-i-autors .autors h2,
.fitxa-premsa .prensa-dreta .titol-i-autors .autors h2 a {
    font-family: 'Raleway', sans-serif;
    font-weight: 500
}


p {
    margin: 0 0 15px 0
}

li {
    margin: 0 0 10px 0
}

html,
body {
    height: 100%
}

header,
div,
nav,
span,
section,
article,
aside,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#fancybox-inner,
#fancybox-wrap {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    font-weight: normal;
    font-style: normal
}

.wrapper {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto
}

@media screen and (max-width:1140px) {
    .paddingvisual {
        padding: 0px 10px
    }
}

.llibres-miniatures .tematiques {
    margin-top: 5px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem
}

.llibres-miniatures .tematiques a,
.llibres-miniatures .tematiques span {
    display: inline-block;
    padding: 3px 7px;
    background: #e3e5e0;
    color: #616161
}

.llibres-miniatures {
    list-style-type: none;
    margin: 0px;
    padding: 0px
}

.llibres-miniatures.llibres-graella {
    overflow: auto;
    padding-top: 10px
}

.llibres-miniatures.llibres-graella li {
    width: 175px;
    width: 18.3%;
    margin-right: 2%;
    vertical-align: top;
    display: block;
    float: left;
    margin-bottom: 20px;
    position: relative
}

.llibres-miniatures.llibres-graella li.hidden {
    display: none
}

.llibres-miniatures.llibres-graella li.imatge-gran {
    width: 18.3%;
    margin-right: 2%
}

.llibres-miniatures.llibres-graella.quatre-columnes {
    padding-right: 15px
}

.llibres-miniatures.llibres-graella.quatre-columnes li {
    width: 22.74%;
    margin-right: 3%
}

.te-numerets .llibres-miniatures li {
    margin-top: 30px;
    position: relative;
    padding-left: 10px
}

.llibres-miniatures .numeret {
    z-index: 10;
    position: absolute;
    width: 40px;
    height: 40px;
    top: -10px;
    left: 0px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem;
    line-height: 35px;
    font-weight: 600;
    background: #298ccf;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.llibres-miniatures .portada {
    max-width: 100%;
    margin-bottom: 10px;
    position: relative;
    display: inline-block
}

.llibres-miniatures .portada img {
    max-width: 100%;
    -webkit-box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.3)
}

.llibres-miniatures .portada span {
    cursor: pointer
}

.llibres-miniatures .portada .mencanta {
    position: absolute;
    display: none;
    top: -5px;
    left: -5px;
    z-index: 10
}

.llibres-miniatures .portada .mencanta.visible {
    display: inline-block
}

.llibres-miniatures .portada .janomagrada {
    position: absolute;
    display: none;
    top: -5px;
    right: -5px;
    z-index: 10
}

.llibres-miniatures .portada .janomagrada.visible {
    display: inline-block
}

.llibres-miniatures .primercapitol {
    display: none;
    z-index: 10;
    position: absolute;
    width: 40px;
    height: 40px;
    top: -5px;
    left: 5px;
    color: #fff;
    text-align: center;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 40px;
    background: #298ccf;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.llibres-miniatures .icona i {
    color: #298ccf
}

.llibres-miniatures .titol {
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    word-break: break-word
}

.llibres-miniatures .titol a:hover {
    color: #db9600
}

.llibres-miniatures .titol span:hover {
    color: #db9600;
    cursor: pointer
}

.llibres-miniatures .autors {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.llibres-miniatures .autors a,
.llibres-miniatures .autors span {
    color: #298ccf
}

.llibres-miniatures .autors a:hover {
    color: #000
}

.llibres-miniatures .autors span:hover {
    cursor: pointer;
    color: #000
}

.llibres-miniatures .tematiques {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem
}

.llibres-miniatures .tematiques a {
    color: #616161
}

.llibres-miniatures .tematiques a:hover {
    color: #298ccf
}

.llibres-miniatures .tematiques:empty {
    display: none
}

.llibres-miniatures .comprar {
    margin-top: 10px
}

.llibres-miniatures .soporte {
    padding-top: 3px;
    font-weight: 500;
    color: #777;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem
}

.megacercador-resultats .llibres-miniatures .soporte {
    color: #aaa;
    font-weight: 300
}

.llibres-miniatures .soporte:empty {
    display: none
}

.llibres-miniatures .dedicatoria-sant-jordi .dedicatoria-linia .col-icon {
    width: 30px;
    margin-right: 10px
}

.llibres-miniatures .dedicatoria-sant-jordi .dedicatoria-linia .col-icon a {
    width: 30px;
    height: 30px;
    line-height: 27px
}

.llibres-miniatures .dedicatoria-sant-jordi .dedicatoria-linia .col-icon a img {
    max-width: 20px;
    max-height: 20px
}

.llibres-miniatures .dedicatoria-sant-jordi .dedicatoria-linia .col-text {
    width: calc(100% - 40px)
}

.llibres-miniatures .dedicatoria-sant-jordi .dedicatoria-linia .col-text .titol-descargar {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 13px;
    line-height: 1.3rem
}

.llibres-miniatures.llibres-fosc .titol,
.llibres-miniatures.llibres-fosc .autors {
    color: #fff
}

.llibres-miniatures.llibres-foreign-rigths li {
    width: 30%;
    width: calc((100% - 80px)/3);
    margin-right: 40px;
    vertical-align: top;
    float: left;
    margin-bottom: 10px;
    position: relative
}

.llibres-miniatures.llibres-foreign-rigths li.hidden {
    display: none
}

.llibres-miniatures.llibres-foreign-rigths li .portada {
    width: 45%;
    max-width: 167px;
    float: left
}

.llibres-miniatures.llibres-foreign-rigths li .info {
    float: right;
    width: 50%;
    width: calc(100% - 187px)
}

.llibres-miniatures.llibres-foreign-rigths li .info .icona {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16.25px;
    line-height: 1.95rem
}

.llibres-miniatures.llibres-foreign-rigths li .info .icona i {
    color: #298ccf
}

.llibres-miniatures.llibres-foreign-rigths li .info .titol {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    text-transform: uppercase;
    font-weight: 800
}

.llibres-miniatures.llibres-foreign-rigths li .info .data-publicacio {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    margin-top: 10px
}

.llibres-miniatures .btn-comprar {
    width: 99% !important;
    text-align: center !important
}

.audio-play-wrapper {
    position: relative;
    display: inline-block;
    max-width: 100%
}

.audio-play {
    position: absolute;
    top: 15px;
    right: 15px
}

@media screen and (max-width:500px) {
    .audio-play {
        top: 7px;
        right: 20%
    }
}

.audio-play a {
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(41, 140, 207, 0.8);
    color: #fff !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 120%
}

.audio-play a .fa-pause {
    display: none
}

.audio-play a .fa-play {
    display: inline;
    padding-left: 3px
}

.audio-play a.playing .fa-pause {
    display: inline
}

.audio-play a.playing .fa-play {
    display: none
}

@media screen and (max-width:500px) {
    .fitxa-llibre .audio-play {
        top: 20px;
        right: 15px
    }
}

.llibres-miniatures.owl-carousel li {
    margin-right: 10px
}

.te-numerets .llibres-miniatures.owl-carousel li {
    margin-right: 20px
}

@media screen and (min-width:980px) {
    .llibres-miniatures.llibres-graella li:nth-child(5n+5) {
        margin-right: 0px
    }
    .llibres-miniatures.llibres-graella li:nth-child(5n+6) {
        clear: both
    }
    .llibres-miniatures.llibres-graella.quatre-columnes li:nth-child(5n+5) {
        margin-right: 3%
    }
    .llibres-miniatures.llibres-graella.quatre-columnes li:nth-child(5n+6) {
        clear: none
    }
    .llibres-miniatures.llibres-graella.quatre-columnes li:nth-child(4n+4) {
        margin-right: 0px
    }
    .llibres-miniatures.llibres-graella.quatre-columnes li:nth-child(4n+5) {
        clear: both
    }
    .llibres-miniatures.llibres-foreign-rigths li:nth-child(3n+3) {
        margin-right: 0px
    }
    .llibres-miniatures.llibres-foreign-rigths li:nth-child(3n+4) {
        clear: both
    }
}

@media screen and (min-width:850px) and (max-width:980px) {
    .llibres-miniatures.llibres-graella li {
        width: 22.74%;
        margin-right: 3%
    }
    .llibres-miniatures.llibres-graella li.imatge-gran {
        width: 22.74%;
        margin-right: 3%
    }
    .llibres-miniatures.llibres-graella li:nth-child(4n+4) {
        margin-right: 0px
    }
    .llibres-miniatures.llibres-graella li:nth-child(4n+5) {
        clear: both
    }
    .llibres-miniatures.llibres-graella.quatre-columnes li {
        width: 30.6%;
        margin-right: 4%
    }
    .llibres-miniatures.llibres-graella.quatre-columnes li:nth-child(4n+4) {
        margin-right: 4%
    }
    .llibres-miniatures.llibres-graella.quatre-columnes li:nth-child(4n+5) {
        clear: none
    }
    .llibres-miniatures.llibres-graella.quatre-columnes li:nth-child(3n+3) {
        margin-right: 0px
    }
    .llibres-miniatures.llibres-graella.quatre-columnes li:nth-child(3n+4) {
        clear: both
    }
    .llibres-miniatures.llibres-foreign-rigths {
        padding: 0 10px
    }
    .llibres-miniatures.llibres-foreign-rigths li {
        width: 48%;
        margin-right: 3%
    }
    .llibres-miniatures.llibres-foreign-rigths li:nth-child(3n+3) {
        margin-right: 3%
    }
    .llibres-miniatures.llibres-foreign-rigths li:nth-child(3n+4) {
        clear: none
    }
    .llibres-miniatures.llibres-foreign-rigths li:nth-child(2n+2) {
        margin-right: 0
    }
    .llibres-miniatures.llibres-foreign-rigths li:nth-child(2n+3) {
        clear: none
    }
}

@media screen and (min-width:500px) and (max-width:849px) {
    .llibres-miniatures.llibres-graella li,
    .llibres-miniatures.llibres-graella.quatre-columnes li {
        width: 30.6%;
        margin-right: 4%
    }
    .llibres-miniatures.llibres-graella li.imatge-gran,
    .llibres-miniatures.llibres-graella.quatre-columnes li.imatge-gran {
        width: 30.6%;
        margin-right: 4%
    }
    .llibres-miniatures.llibres-graella li:nth-child(3n+3),
    .llibres-miniatures.llibres-graella.quatre-columnes li:nth-child(3n+3) {
        margin-right: 0px
    }
    .llibres-miniatures.llibres-graella li:nth-child(3n+4),
    .llibres-miniatures.llibres-graella.quatre-columnes li:nth-child(3n+4) {
        clear: both
    }
    .llibres-miniatures.llibres-foreign-rigths {
        padding: 0 10px
    }
    .llibres-miniatures.llibres-foreign-rigths li {
        width: 100%;
        margin-right: 0
    }
    .llibres-miniatures.llibres-foreign-rigths li .portada {
        max-width: 133px;
        width: 40%
    }
    .llibres-miniatures.llibres-foreign-rigths li .info {
        float: right;
        width: 55%;
        width: calc(100% - 150px)
    }
    .llibres-miniatures.llibres-foreign-rigths li .info .titol {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17.5px;
        line-height: 2.1rem
    }
    .llibres-miniatures.llibres-foreign-rigths li .info .autors a {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 15px;
        line-height: 1.8rem
    }
    .llibres-miniatures.llibres-foreign-rigths li .info .data-publicacio {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 13.75px;
        line-height: 1.65rem;
        margin-top: 10px
    }
}

@media screen and (max-width:499px) {
    .llibres-miniatures .primercapitol {
        display: block
    }
    .llibres-miniatures .tematiques {
        font-size: 10px;
        font-size: 1rem;
        line-height: 12.5px;
        line-height: 1.5rem
    }
    .llibres-miniatures.llibres-graella li {
        width: 41%;
        margin-right: 8%
    }
    .llibres-miniatures.llibres-graella li.imatge-gran {
        width: 41%;
        margin-right: 8%
    }
    .llibres-miniatures.llibres-graella li:nth-child(2n+2) {
        margin-right: 0px
    }
    .llibres-miniatures.llibres-graella li:nth-child(2n+1) {
        clear: both;
        margin-left: 5%
    }
    .llibres-miniatures.llibres-graella.quatre-columnes li {
        width: 41%;
        margin-right: 8%
    }
    .llibres-miniatures.llibres-graella.quatre-columnes li:nth-child(2n+2) {
        margin-right: 0px
    }
    .llibres-miniatures.llibres-graella.quatre-columnes li:nth-child(2n+1) {
        clear: both;
        margin-left: 5%
    }
    .llibres-miniatures.llibres-foreign-rigths {
        padding: 0 10px
    }
    .llibres-miniatures.llibres-foreign-rigths li {
        width: 100%;
        margin-right: 0
    }
    .llibres-miniatures.llibres-foreign-rigths li .portada {
        max-width: 133px
    }
    .llibres-miniatures.llibres-foreign-rigths li .info {
        float: right;
        width: calc(100% - 150px)
    }
    .llibres-miniatures.llibres-foreign-rigths li .info .titol {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17.5px;
        line-height: 2.1rem
    }
    .llibres-miniatures.llibres-foreign-rigths li .info .autors a {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 15px;
        line-height: 1.8rem
    }
    .llibres-miniatures.llibres-foreign-rigths li .info .data-publicacio {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 13.75px;
        line-height: 1.65rem;
        margin-top: 10px
    }
}

.llibres-miniatures .autors,
.autors-miniatures .nom,
.tooltip-autors div,
.fitxa .titol-i-autors .autors,
.fitxa .titol-i-autors .autors h2,
.fitxa .titol-i-autors .bio,
.fitxa .sobre-autor .autor-info .nom,
.cercador-firmes .resultats-firmes .resultats .autors .resultat .nom-autor a,
.modal.clubdelectura .subtitol_cdl,
.modal.comprar .autor,
.rotador-300 .portada .tooltip .autor,
.rotador-314 .autor-video,
.rotador-323 .llista-esdeveniments .acte .info-event .nom,
.rotador-323 .llista-esdeveniments .acte .info-event .nom a,
.rotador-336 .sobre-autor .autor-info .nom,
.rotador-339 .informacio-llibre .autors,
.rotador-350 .sobre-llibre .libro-autores,
.rotador-350 .sobre-llibre .llibre-info .nom,
.rotador-352 .portada .tooltip .autor,
.rotador-355 .info .informacio-llibre .autors,
.rotador-355 .sobre-autor .autor-info .nom,
.contingut-principal.visor .visor-fragment .visor-capcalera h2 {
    font-family: Georgia, serif
}

.autor-imatge {
    display: inline-block;
    position: relative
}

.autor-imatge .rodona {
    display: block;
    position: relative;
    overflow: hidden;
    width: 95px;
    height: 95px;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.autor-imatge .rodona img {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.autor-imatge .rodona.gran {
    width: 130px;
    height: 130px
}

.autor-imatge .rodona.supergran {
    width: 172px;
    height: 172px
}

.autor-imatge .mencanta {
    position: absolute;
    display: none;
    top: 0px;
    left: -5px;
    z-index: 10
}

.autor-imatge .mencanta.visible {
    display: inline-block
}

.autor-imatge .janomagrada {
    position: absolute;
    display: none;
    top: 0px;
    right: -5px;
    z-index: 10
}

.autor-imatge .janomagrada.visible {
    display: inline-block
}

.autors-miniatures .autor-info {
    display: inline-block;
    vertical-align: top
}

.autors-miniatures .nom {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.autors-miniatures .separador {
    text-transform: uppercase;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    color: #1a1a1a;
    display: block
}

.autors-miniatures .llibres {
    display: block;
    color: #298ccf
}

.autors-miniatures .llibres a {
    color: #298ccf
}

.tooltip-autors {
    position: relative;
    display: inline;
    color: #298ccf
}

.tooltip-autors div {
    display: none;
    position: absolute;
    top: 35px;
    right: -20px;
    background: #383838;
    border: 1px solid #fff;
    color: #fff;
    padding: 15px;
    width: 300px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem
}

.tooltip-autors div:before {
    position: absolute;
    content: ' ';
    right: 10px;
    top: -12px;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 13px;
    border-left-width: 13px;
    border-bottom: 13px solid #383838
}

.tooltip-autors div a {
    color: #fff !important;
    font-size: 0.9em
}

.tooltip-autors:hover div {
    display: block
}

.autors-graella li {
    width: calc((100% - 260px) / 5);
    margin-top: 40px;
    margin-right: 65px;
    float: left
}

.autors-graella li .autor-imatge {
    position: relative
}

.autors-graella li .autor-imatge .mencanta {
    position: absolute;
    top: -10px;
    left: -15px
}

.autors-graella li .autor-imatge .janomagrada {
    position: absolute;
    top: -10px;
    right: -15px
}

.autors-graella li .autor-imatge img {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    -webkit-box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.3)
}

.autors-graella li .autor-info {
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 15px
}

.autors-graella li:nth-child(5n+5) {
    margin-right: 0px
}

.autors-graella li:nth-child(5n+6) {
    clear: both
}

.autors-graella.quatre-columnes li {
    width: calc((100% - 260px) / 4);
    margin-right: 65px
}

.autors-graella.quatre-columnes li:nth-child(5n+5) {
    margin-right: 65px
}

.autors-graella.quatre-columnes li:nth-child(5n+6) {
    clear: none
}

.autors-graella.quatre-columnes li:nth-child(4n+4) {
    margin-right: 0
}

.autors-graella.quatre-columnes li:nth-child(4n+5) {
    clear: both
}

@media screen and (max-width:850px) {
    .autors-graella li,
    .autors-graella.quatre-columnes li {
        width: calc((100% - 90px) / 4);
        margin-right: 30px
    }
    .autors-graella li:nth-child(4n+4),
    .autors-graella.quatre-columnes li:nth-child(4n+4) {
        margin-right: 0px
    }
    .autors-graella li:nth-child(4n+5),
    .autors-graella.quatre-columnes li:nth-child(4n+5) {
        clear: both
    }
    .autors-graella li:nth-child(5n+5),
    .autors-graella.quatre-columnes li:nth-child(5n+5) {
        margin-right: 30px
    }
    .autors-graella li:nth-child(5n+6),
    .autors-graella.quatre-columnes li:nth-child(5n+6) {
        clear: none
    }
}

@media screen and (max-width:500px) {
    .autors-graella li,
    .autors-graella.quatre-columnes li {
        width: calc((100% - 30px) / 2);
        margin-right: 30px
    }
    .autors-graella li:nth-child(2n+2),
    .autors-graella.quatre-columnes li:nth-child(2n+2) {
        margin-right: 0px
    }
    .autors-graella li:nth-child(2n+3),
    .autors-graella.quatre-columnes li:nth-child(2n+3) {
        clear: both
    }
}

body {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18.75px;
    line-height: 2.25rem;
    color: #000
}

input#website {
    display: none
}

a:link,
a:hover,
a:visited,
a:active {
    color: #000
}

a {
    cursor: pointer
}

a:hover {
    color: #298ccf
}

.float-right {
    float: right
}

.only-print {
    display: none
}

.dropdown-toggle {
    cursor: pointer
}

@media screen and (max-width:500px) {
    .since-tablet,
    .since-desktop,
    .since-full,
    .only-tablet,
    .only-desktop,
    .only-full {
        display: none !important
    }
}

@media screen and (max-width:850px) {
    .since-desktop,
    .since-full,
    .only-desktop,
    .only-full {
        display: none !important
    }
}

@media screen and (max-width:980px) {
    .since-full,
    .only-full {
        display: none !important
    }
}

@media screen and (min-width:501px) {
    .until-mobile,
    .only-mobile {
        display: none !important
    }
}

@media screen and (min-width:851px) {
    .until-mobile,
    .until-tablet,
    .only-mobile,
    .only-tablet {
        display: none !important
    }
}

@media screen and (min-width:981px) {
    .until-mobile,
    .until-tablet,
    .until-desktop,
    .only-mobile,
    .only-tablet,
    .only-desktop {
        display: none !important
    }
}

@media screen and (min-width:1201px) {
    .until-mobile,
    .until-tablet,
    .until-desktop,
    .until-full,
    .only-mobile,
    .only-tablet,
    .only-desktop {
        display: none !important
    }
}

.owl-nav div {
    opacity: 0.7
}

.owl-nav div:hover {
    opacity: 1
}

.owl-nav .disabled {
    display: none !important
}

.owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle
}

.owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px;
    background: #bebebe;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
    background: #298ccf
}

.owl-dots .owl-dot:only-child {
    display: none
}

.mtop {
    margin-top: 15px
}

.mbottom {
    margin-bottom: 15px
}

.llibre-carrusel .owl-wrapper {
    padding: 0px 40px
}

.llibre-carrusel .owl-wrapper .owl-prev {
    position: absolute;
    left: -35px;
    top: 40%;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%)
}

.llibre-carrusel .owl-wrapper .owl-next {
    position: absolute;
    right: -35px;
    top: 40%;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%)
}

@media screen and (max-width:500px) {
    .owl-wrapper {
        padding: 0px !important
    }
    .rotador-306 .owl-carousel .owl-stage-outer,
    .llibres-miniatures.owl-carousel .owl-stage-outer {
        margin-right: -10px
    }
}

.mencanta {
    display: inline-block;
    text-decoration: none;
    background-color: #298ccf;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff !important;
    text-align: center;
    line-height: 34px;
    cursor: pointer
}

.mencanta:before {
    font-family: "pdlfont" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "2"
}

.mencanta.activat {
    background-color: #d00
}

.mencanta.carregant {
    -webkit-animation: icon-loading 2s infinite linear;
    animation: icon-loading 2s infinite linear
}

.mencanta.carregant:before {
    content: "!"
}

.janomagrada {
    display: inline-block;
    text-decoration: none;
    background-color: #fff;
    width: 27px;
    height: 27px;
    color: #298ccf !important;
    border: 1px solid #298ccf;
    text-align: center;
    line-height: 30px;
    cursor: pointer
}

.janomagrada:before {
    font-family: "pdlfont" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "S"
}

.janomagrada.carregant:before {
    content: "!"
}

nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

nav li {
    display: inline-block
}

a.boto-acces-facebook,
a.boto-acces-twitter,
a.boto-acces-google {
    display: inline-block;
    background: #3b5998;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 300;
    margin-bottom: 10px;
    padding: 10px 35px
}

a.boto-acces-facebook .label-access,
a.boto-acces-twitter .label-access,
a.boto-acces-google .label-access {
    font-weight: 500
}

@media screen and (max-width:850px) {
    a.boto-acces-facebook,
    a.boto-acces-twitter,
    a.boto-acces-google {
        padding: 10px 0
    }
}

@media screen and (max-width:850px) {
    .botons-xarxes a .label-access {
        text-align: center;
        margin-top: 25px
    }
}

.accedir-xxss a {
    width: 49%
}

.accedir-xxss a .label-access {
    font-weight: 500
}

@media screen and (max-width:850px) {
    .accedir-xxss a .label-access {
        margin-top: 25px;
        font-size: 12px;
        width: 100%;
        white-space: nowrap;
        text-align: center
    }
}

a.boto-acces-twitter {
    background-color: #55acee
}

a.boto-acces-google {
    background: #df4930 url('../img/google-glass-logo.svg') no-repeat center left;
    background-size: 20px;
    background-position-x: 10px
}

@media screen and (max-width:850px) {
    a.boto-acces-google {
        background-position-x: center;
        background-position-y: 10px
    }
}

a.boto-acces-facebook {
    background: #3b5998 url('../img/facebook-glass-logo.svg') no-repeat center left;
    background-size: 20px;
    background-position-x: 10px
}

@media screen and (max-width:850px) {
    a.boto-acces-facebook {
        background-position-x: center;
        background-position-y: 10px
    }
}

a.boto-acces-twitter {
    background: #55acee url('../img/login_twitter_bg.png') no-repeat center left
}

a.boto-acces-facebook+a.boto-acces-twitter,
a.boto-acces-twitter+a.boto-acces-facebook {
    margin-left: 15px
}

a.ico-xxss {
    display: inline-block;
    text-align: center;
    line-height: 26px;
    color: #fff;
    width: 26px;
    height: 26px;
    background: #383838;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

a.ico-xxss.xxss-facebook {
    background-color: #3b5998
}

a.ico-xxss.xxss-facebook:hover {
    background-color: #2d4373
}

a.ico-xxss.xxss-twitter {
    background-color: #55acee
}

a.ico-xxss.xxss-twitter:hover {
    background-color: #2795e9
}

a.ico-xxss.xxss-gplus {
    background-color: #f63
}

a.ico-xxss.xxss-gplus:hover {
    background-color: #ff4000
}

a.ico-xxss.xxss-pinterest {
    background-color: #c91517
}

a.ico-xxss.xxss-pinterest:hover {
    background-color: #9b1012
}

a.ico-xxss.xxss-linkedin {
    background-color: #0e689b
}

a.ico-xxss.xxss-linkedin:hover {
    background-color: #0a496c
}

a.ico-xxss.xxss-mail {
    background-color: #434343
}

a.ico-xxss.xxss-mail:hover {
    background-color: #2a2a2a
}

a.ico-xxss.xxss-whatsapp {
    display: none;
    background-color: #2bb641
}

a.ico-xxss.xxss-whatsapp:hover {
    background-color: #218d32
}

.share-xxss {
    display: inline-block;
    position: relative;
    margin: 5px
}

.share-xxss .icon-share {
    color: #298ccf;
    cursor: pointer;
    display: none;
    line-height: 26px;
    width: 26px;
    height: 26px;
    text-align: center
}

.share-xxss a {
    display: inline-block;
    text-align: center;
    line-height: 26px;
    color: #fff;
    width: 26px;
    height: 26px;
    background: #383838;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.share-xxss .compactats {
    display: inline-block;
    white-space: nowrap
}

.share-xxss .placeholder {
    display: inline-block;
    white-space: nowrap;
    font-weight: 700;
    padding-left: 4px;
    cursor: pointer
}

.share-xxss.plegat .icon-share {
    display: inline-block;
    padding: 10px
}

.share-xxss.plegat .compactats {
    display: none
}

.share-xxss.plegat.active .placeholder {
    display: none
}

.share-xxss.plegat.active .compactats {
    display: inline-block;
    padding: 5px 10px;
    z-index: 3000
}

.share-xxss.click-plegat {
    color: #298ccf
}

.share-xxss.click-plegat .icon-share {
    display: inline-block;
    padding: 10px
}

.share-xxss.click-plegat .compactats {
    display: none
}

.share-xxss.click-plegat.active .placeholder {
    display: none
}

.share-xxss.click-plegat.active .compactats {
    display: inline-block;
    padding: 5px 10px;
    z-index: 3000
}

.share-xxss .xxss-facebook {
    background-color: #3b5998
}

.share-xxss .xxss-facebook:hover {
    background-color: #2d4373
}

.share-xxss .xxss-twitter {
    background-color: #55acee
}

.share-xxss .xxss-twitter:hover {
    background-color: #2795e9
}

.share-xxss .xxss-gplus {
    background-color: #f63
}

.share-xxss .xxss-gplus:hover {
    background-color: #ff4000
}

.share-xxss .xxss-pinterest {
    background-color: #c91517
}

.share-xxss .xxss-pinterest:hover {
    background-color: #9b1012
}

.share-xxss .xxss-linkedin {
    background-color: #0e689b
}

.share-xxss .xxss-linkedin:hover {
    background-color: #0a496c
}

.share-xxss .xxss-mail {
    background-color: #434343
}

.share-xxss .xxss-mail:hover {
    background-color: #2a2a2a
}

.share-xxss .xxss-spotify {
    background-color: #8dc100
}

.share-xxss .xxss-spotify:hover {
    background-color: #688e00
}

.share-xxss .xxss-instagram {
    background-color: #948163
}

.share-xxss .xxss-instagram:hover {
    background-color: #75664f
}

.share-xxss .xxss-whatsapp {
    display: none;
    background-color: #2bb641
}

.share-xxss .xxss-whatsapp:hover {
    background-color: #218d32
}

@media screen and (max-width:500px) {
    .share-xxss:not(.desplegat) .icon-share {
        display: inline-block;
        padding: 10px
    }
    .share-xxss:not(.desplegat) .compactats {
        display: none
    }
    .share-xxss:not(.desplegat).active .placeholder {
        display: none
    }
    .share-xxss:not(.desplegat).active .compactats {
        display: inline-block;
        padding: 5px 10px;
        z-index: 3000
    }
    .share-xxss .xxss-whatsapp {
        display: inline-block
    }
    .xxss-whatsapp {
        display: inline-block
    }
}

.etiqueta {
    display: inline-block;
    line-height: 28px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #383838
}

.etiqueta i {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: inline-block;
    text-align: center;
    margin-right: 5px
}

.etiqueta a {
    display: inline-block;
    padding-right: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #383838
}

.etiqueta.novedades i,
.etiqueta.novedades a:hover {
    background-color: #a3bd31;
    color: #fff
}

.etiqueta.bestseller i,
.etiqueta.bestseller a:hover {
    background-color: #db9600;
    color: #fff
}

.etiqueta.proximamente i {
    font-size: 120%
}

.etiqueta.proximamente i,
.etiqueta.proximamente a:hover {
    background-color: #00497c;
    color: #fff
}

.etiqueta.proximamente i .falten_dies,
.etiqueta.proximamente a:hover .falten_dies {
    color: #fff
}

.etiqueta.proximamente .falten_dies {
    color: #00497c;
    text-transform: lowercase
}

.etiqueta.edicion i,
.etiqueta.edicion a:hover {
    background-color: #d9433b;
    color: #fff
}

.etiqueta.foreign-rights i {
    background-color: #9e9e9e;
    color: #fff;
    -ms-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg)
}

.etiqueta.foreign-rights a:hover {
    background-color: #9e9e9e;
    color: #fff
}

input {
    color: #000
}

.cercador-firmes #filtres-firmes .camp input.input-autor::-webkit-input-placeholder {
    color: #fff;
    font-style: italic
}

.cercador-firmes #filtres-firmes .camp input.input-autor:-moz-placeholder {
    color: #fff;
    font-style: italic
}

.cercador-firmes #filtres-firmes .camp input.input-autor::-moz-placeholder {
    color: #fff;
    font-style: italic
}

.cercador-firmes #filtres-firmes .camp input.input-autor:-ms-input-placeholder {
    color: #fff;
    font-style: italic
}

a.btn,
.btn {
    display: inline-block;
    color: #298ccf;
    background: transparent;
    border: 0px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    padding: 5px 7px
}

a.btn.btn-main,
.btn.btn-main {
    background-color: #298ccf;
    color: #fff
}

a.btn.btn-main:hover,
.btn.btn-main:hover {
    background-color: #4fa3dc
}

a.btn.btn-submit,
.btn.btn-submit {
    font-weight: 500;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    padding: 10px 18px;
    background-color: #298ccf;
    color: #fff !important
}

a.btn.btn-submit:hover,
.btn.btn-submit:hover {
    background-color: #4fa3dc
}

a.btn.btn-comprar,
.btn.btn-comprar {
    padding: 5px 10px;
    background-color: #76c556;
    color: #fff !important;
    cursor: pointer
}

a.btn.btn-comprar:hover,
.btn.btn-comprar:hover {
    background-color: #5cad3b
}

a.btn.btn-fragment,
.btn.btn-fragment {
    padding: 5px 10px;
    background-color: #298ccf;
    color: #fff !important;
    cursor: pointer
}

a.btn.btn-fragment:hover,
.btn.btn-fragment:hover {
    background-color: #4fa3dc
}

a.btn.btn-submit-outline,
.btn.btn-submit-outline {
    font-weight: 500;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    padding: 10px 18px;
    border: 1px solid #298ccf
}

a.btn.btn-submit-outline:hover,
.btn.btn-submit-outline:hover {
    background-color: #298ccf;
    color: #fff
}

@media screen and (max-width:850px) {
    a.btn.btn-submit-outline,
    .btn.btn-submit-outline {
        padding: 10px 30px
    }
}

a.btn.btn-quadrat,
.btn.btn-quadrat {
    font-weight: 700;
    padding: 5px 13px;
    background-color: #298ccf;
    color: #fff
}

a.btn.btn-quadrat:hover,
.btn.btn-quadrat:hover {
    background-color: #4fa3dc
}

a.btn.btn-comentar,
.btn.btn-comentar {
    background-color: #383838;
    color: #fff;
    padding: 6px 10px;
    font-weight: 700
}

a.btn.btn-comentar:hover,
.btn.btn-comentar:hover {
    background-color: #525252
}

a.btn.btn-fitxa,
.btn.btn-fitxa {
    background-color: #383838;
    color: #fff;
    padding: 10px 20px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16.25px;
    line-height: 1.95rem;
    text-transform: uppercase;
    font-weight: 600
}

a.btn.btn-fitxa:hover,
.btn.btn-fitxa:hover {
    background-color: #525252
}

a.btn.btn-llegir,
.btn.btn-llegir {
    background-color: #298ccf;
    color: #fff;
    padding: 10px 20px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16.25px;
    line-height: 1.95rem;
    font-weight: 500;
    text-align: center
}

a.btn.btn-llegir:hover,
.btn.btn-llegir:hover {
    background-color: #4fa3dc
}

a.btn.btn-download,
.btn.btn-download {
    background-color: #298ccf;
    color: #fff;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 700
}

a.btn.btn-download:after,
.btn.btn-download:after {
    margin-left: 7px
}

a.btn.btn-download:hover,
.btn.btn-download:hover {
    background-color: #4fa3dc
}

a.btn.btn-veurefitxa,
.btn.btn-veurefitxa {
    background-color: #298ccf;
    color: #fff;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 700
}

a.btn.btn-veurefitxa:hover,
.btn.btn-veurefitxa:hover {
    background-color: #4fa3dc
}

a.btn.btn-outline,
.btn.btn-outline {
    border: 1px solid #298ccf
}

a.btn.btn-outline:hover,
.btn.btn-outline:hover {
    background-color: #298ccf;
    color: #fff
}

a.btn.btn-logout,
.btn.btn-logout {
    border: 1px solid #298ccf;
    font-weight: 700;
    padding: 2px 14px
}

a.btn.btn-logout:hover,
.btn.btn-logout:hover {
    background-color: #298ccf;
    color: #fff
}

a.btn.btn-blau-clar,
.btn.btn-blau-clar {
    font-weight: 500;
    padding: 5px 0px;
    background-color: #a2cff0;
    color: #fff !important;
    width: 120px;
    text-align: center;
    margin-left: 15px
}

a.btn.btn-blau-clar.tablet,
.btn.btn-blau-clar.tablet {
    float: left;
    width: 41%
}

a.btn.btn-blau-clar.tablet:first-child,
.btn.btn-blau-clar.tablet:first-child {
    margin-left: 25px
}

a.btn.btn-blau-clar.tablet:last-child,
.btn.btn-blau-clar.tablet:last-child {
    margin-left: 4%
}

a.btn.btn-blau-clar.mobile,
.btn.btn-blau-clar.mobile {
    margin-left: 0px;
    width: 47%
}

a.btn.btn-blau-clar.mobile:last-child,
.btn.btn-blau-clar.mobile:last-child {
    margin-left: 4%
}

a.btn.btn-blau-clar:hover,
.btn.btn-blau-clar:hover {
    background-color: #cee6f7
}

.mida-arxiu {
    display: inline-block;
    background: #d6d6d6;
    margin-left: 10px;
    height: 30px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 31px;
    text-transform: uppercase;
    padding: 0px 7px 0px 10px;
    font-weight: 300;
    font-family: Arial, Verdana, sans-serif;
    color: #808080
}

.mida-arxiu:before {
    position: absolute;
    content: ' ';
    left: -7px;
    top: 0px;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top-width: 15px;
    border-bottom-width: 15px;
    border-right: 15px solid #d6d6d6
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"] {
    padding: 8px 15px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    width: 100%;
    box-sizing: border-box
}

input[type="checkbox"],
input[type="radio"] {
    vertical-align: middle;
    display: inline-block;
    float: left;
    margin: 5px 5px 0 0
}

input[type="checkbox"]+label {
    display: inline-block
}

textarea {
    padding: 5px 10px;
    border: 1px solid #298ccf;
    border-radius: 4px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    width: 100%;
    box-sizing: border-box;
    min-height: 100px
}

.style-select {
    background: url(../img/arrow-down.png) no-repeat 95% center white;
    background: none\0;
    width: 100%;
    border: 1px solid #000;
    border: none\0;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.style-select select {
    background: transparent;
    background: white\0;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100% !important;
    padding: 3px 10px;
    border: none;
    border: 1px solid #298ccf \9
}

.style-select select:hover {
    cursor: pointer
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .style-select {
        background: none;
        border: none
    }
    .style-select select {
        background: white
    }
}

.formulari .form-group {
    margin-bottom: 10px
}

.formulari .form-field {
    display: block;
    margin-bottom: 10px
}

.formulari .form-field input,
.formulari .form-field select {
    color: #000;
    border: 1px solid #979797
}

.formulari .form-field a {
    text-decoration: underline
}

.formulari .field-error input[type="text"],
.formulari .field-error input[type="email"],
.formulari .field-error input[type="password"],
.formulari .field-error input[type="tel"] {
    border: 1px solid #c00 !important;
    border-right-width: 5px
}

.formulari .field-error label,
.formulari .field-error a {
    color: #c00
}

.formulari .field-error a {
    color: #e00 !important
}

.formulari .field-error .nota-error {
    color: #c00;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem
}

.formulari .missatge-error {
    color: #c00;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    white-space: normal;
    margin-top: 5px
}

.formulari .missatge-error a {
    color: #c00;
    font-weight: bold
}

.recuadre-gris .formulari .missatge-error {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18.75px;
    line-height: 2.25rem
}

iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left
}

div.aviso_cookies {
    position: fixed;
    bottom: 0px;
    left: 0px;
    background: #383838;
    color: #fff;
    padding: 10px;
    z-index: 9999;
    width: 100%
}

div.aviso_cookies .left {
    width: 90%;
    width: calc(100% - 100px);
    float: left
}

div.aviso_cookies .left a {
    font-weight: 600;
    color: #298ccf
}

div.aviso_cookies a.btn_cookies {
    font-size: 1.2em;
    color: #fff;
    background: #298ccf;
    margin-top: 10px;
    float: right;
    padding: 5px 10px
}

.banner-top .banner {
    width: 100%
}

.banner-top .banner .amagar-desktop {
    display: none !important
}

.banner-top .banner .amagar-mobil {
    display: block !important
}

.banner-top .banner img {
    max-width: 100%
}

.banner-top .banner .owl-carousel .owl-controls {
    display: none
}

body {
    overflow-x: hidden
}

.header {
    width: 100%;
    min-height: 40px;
    position: relative;
    background: #fff;
    z-index: 99999;
    padding-top: 10px
}

@media screen and (max-width:850px) {
    .header {
        padding-top: 0px
    }
}

.header .wrapper {
    position: relative
}

.header .site-brand {
    float: left;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    padding-top: 5px
}

.header .site-brand img {
    width: 100%
}

.header .user-login-nav {
    float: right;
    margin-top: 10px;
    padding: 0 0 0 10px;
    max-width: 210px
}

.header .nav-tematiques {
    position: relative;
    float: left;
    width: 250px;
    padding: 10px 0px;
    background: #585858
}

.header .nav-tematiques.nav-tematiques-fixada {
    display: none
}

.header .nav-tematiques .menu-tematiques-text {
    transition: 0.2s all ease-in-out;
    height: 42px;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 42px;
    text-transform: none;
    display: block;
    transition: all 0.2s ease-in-out;
    text-align: left;
    padding-left: 20px
}

.header .nav-tematiques .menu-tematiques-text .menu-name {
    display: inline-block;
    vertical-align: middle
}

.header .nav-tematiques .menu-tematiques-text .icon-menu {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 0;
    font-size: 30px;
    font-size: 3rem;
    line-height: 37.5px;
    line-height: 4.5rem;
    line-height: 1;
    width: 30px;
    height: 30px
}

.header .nav-tematiques .menu-tematiques-text.active .icon-menu {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 27.5px;
    line-height: 3.3rem
}

.header .nav-tematiques .menu-tematiques-text.active .icon-menu:before {
    content:"{"
}

.header .nav-tematiques .menu-tematiques {
    z-index: 1550;
    display: none;
    position: absolute;
    background-color: #585858;
    top: 100%;
    left: 0px;
    width: 250px
}

.header .nav-tematiques .menu-tematiques li {
    display: block;
    margin-bottom: 2px
}

.header .nav-tematiques .menu-tematiques li a {
    display: block;
    font-weight: 500;
    padding: 10px 20px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    color: #fff
}

.header .nav-tematiques .menu-tematiques li.totes-tematiques {
    position: relative
}

.header .nav-tematiques .menu-tematiques li.totes-tematiques:after {
    position: absolute;
    color: #fff;
    top: 6px;
    right: 0;
    font-size: 20px;
    font-size: 2rem
}

.header .nav-tematiques .menu-tematiques-container-nohome {
    display: none
}

.header .nav-tematiques .menu-tematiques-container-nohome .menu-tematiques {
    display: block
}

.header .nav-tematiques.active .menu-tematiques {
    display: block
}

.header .placeholder-cercador-fixed .boto-tematica {
    display: none
}

.header .altres-apartats {
    max-width: 725px;
    float: right;
    text-align: right
}

.header .altres-apartats .botons-prensa {
    color: #a0a0a0
}

.header .altres-apartats .botons-prensa .btn-orange {
    padding: 3px 15px;
    background-color: #ffb800;
    color: #fff;
    margin-right: 15px
}

.header .altres-apartats .botons-prensa .btn-orange:hover {
    background: #cc9300
}

.header .altres-apartats li {
    position: relative;
    padding: 0px;
    margin-bottom: 0px;
    display: block;
    float: left;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16.25px;
    line-height: 1.95rem
}

.header .altres-apartats li .icona-menu {
    width: 10px;
    vertical-align: middle
}

.header .altres-apartats li>a {
    display: inline-block;
    padding: 7px 0px 7px;
    margin-right: 15px
}

.header .altres-apartats li>a i {
    color: #298ccf;
    display: inline-block;
    width: 17px
}

.header .altres-apartats li>a i.icon-seleccio {
    margin-right: 2px
}

.header .altres-apartats li.blue a {
    color: #298ccf
}

.header .altres-apartats li.blue a:hover {
    color: #000
}

.header .altres-apartats li.btn-orange a {
    padding: 3px 15px;
    background-color: #ffb800;
    color: #fff;
    margin-top: 3px
}

.header .altres-apartats li.btn-orange a:hover {
    background: #cc9300
}

.header .altres-apartats li.mostrable {
    display: none
}

.header .altres-apartats li.mostrable>a i {
    color: #000
}

.header .altres-apartats li.mostrable.recomendador-li {
    display: none !important
}

.header .altres-apartats li.with-login>i {
    color: #298ccf !important
}

.header .altres-apartats li.activable>a {
    display: block;
    padding: 7px 10px;
    margin-right: 0px
}

.header .altres-apartats li.activable>a i {
    width: 20px
}

.header .altres-apartats li.activable.active {
    background: #383838;
    color: #fff
}

.header .altres-apartats li.activable.active i {
    color: #fff
}

.header .altres-apartats li.activable.active>a {
    background: #383838;
    color: #fff
}

.header .altres-apartats li.activable.active>a i {
    color: #fff
}

.header .altres-apartats li.activable.active .login-widget-box {
    display: block;
    text-align: left
}

.header .altres-apartats li.activable.active .login-widget-box .accedir-xxss span {
    display: block;
    margin-bottom: 4px
}

.header .altres-apartats li.activable.active .altres-apartats-submenu {
    display: block
}

.header .altres-apartats li .altres-apartats-submenu {
    display: none;
    text-align: left;
    position: absolute;
    right: 0px;
    min-width: 320px;
    padding: 20px 0px;
    z-index: 1200;
    background: #383838;
    color: #fff;
    max-height: 100vh;
    overflow: auto
}

.header .altres-apartats li .altres-apartats-submenu::-webkit-scrollbar {
    width: 5px
}

.header .altres-apartats li .altres-apartats-submenu::-webkit-scrollbar-track {
    background: #383838
}

.header .altres-apartats li .altres-apartats-submenu::-webkit-scrollbar-thumb {
    background: #b8b8b8
}

.header .altres-apartats li .altres-apartats-submenu li {
    padding: 0px;
    position: relative;
    display: block;
    float: none
}

.header .altres-apartats li .altres-apartats-submenu li .dropdown-arrow {
    position: absolute;
    top: 0;
    right: 0;
    background: url('../img/down-arrow.png');
    background-position: center 15px;
    background-repeat: no-repeat;
    width: 42px;
    height: 42px;
    cursor: pointer
}

.header .altres-apartats li .altres-apartats-submenu li ul.dropdown-box {
    padding: 15px;
    margin: 15px 0;
    background: #6b6b6b;
    display: none;
    float: none
}

.header .altres-apartats li .altres-apartats-submenu li a {
    display: block;
    width: auto;
    padding: 5px 25px;
    color: #fff
}

.header .altres-apartats li .altres-apartats-submenu li a:hover {
    color: #298ccf
}

.header .altres-apartats li .altres-apartats-submenu li.separasota {
    margin-bottom: 10px
}

.header .altres-apartats li .altres-apartats-submenu li.mostrable {
    display: none
}

@media screen and (max-width:850px) {
    .header .altres-apartats li .altres-apartats-submenu li.mostrable {
        width: 100%;
        float: left
    }
}

.header .altres-apartats li .altres-apartats-submenu li.les-tematiques {
    height: auto
}

.header .altres-apartats li .altres-apartats-submenu li .dues-columnes {
    display: block;
    float: none;
    position: relative;
    width: 320px;
    padding-left: 20px
}

.header .altres-apartats li .altres-apartats-submenu li .dues-columnes .tematica {
    display: block;
    float: left;
    width: 50%
}

.header .altres-apartats li .altres-apartats-submenu li .dues-columnes .tematica a {
    padding: 3px 10px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 13.75px;
    line-height: 1.65rem;
    color: #a0a0a0;
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.header .altres-apartats li .altres-apartats-submenu li .dues-columnes .tematica a:before {
    content: ''
}

.header .altres-apartats li .altres-apartats-submenu .subsubmenu {
    display: none;
    position: absolute;
    top: 0px;
    right: 100%;
    min-width: 250px;
    padding: 15px 0px;
    z-index: 1210;
    background: #383838;
    color: #fff;
    white-space: nowrap
}

.header .altres-apartats li .altres-apartats-submenu .subsubmenu .columna {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    min-width: 200px
}

.header .altres-apartats li .altres-apartats-submenu li:hover>.subsubmenu {
    display: block
}

.header .altres-apartats li .submenu {
    display: none;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    padding: 20px;
    z-index: 1200;
    position: absolute;
    background: #383838;
    right: -40px;
    color: #000;
    top: 42px;
    white-space: nowrap;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem
}

.header .altres-apartats li .submenu a {
    color: #fff;
    text-transform: none;
    font-weight: 500;
    border-left: 0;
    padding: 0
}

.header .altres-apartats li .submenu a:hover {
    color: #298ccf
}

.header .altres-apartats li .submenu .columna {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    min-width: 220px;
    text-align: left
}

.header .altres-apartats li .submenu .columna a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem
}

.header .altres-apartats li .submenu .columna a::before {
    font-family: "pdlfont" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1em;
    vertical-align: -14%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "i";
    color: #fff
}

.header .recomendador {
    float: right;
    cursor: pointer;
    border-left: 2px solid #fff
}

.header .recomendador a {
    display: block;
    width: 175px;
    padding: 13px 10px 13px 15px;
    color: #298ccf;
    font-weight: 600;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem
}

.header .recomendador a:hover {
    background-color: #525252;
    cursor: pointer
}

.header .recomendador .icona {
    float: right;
    font-size: 2.7em;
    color: #298ccf;
    margin-top: 3px
}

.header .recomendador span {
    display: block;
    color: #fff;
    text-transform: uppercase
}

.header .premis-grup62 {
    float: right;
    cursor: pointer;
    padding: 7px 0;
    border-left: 2px solid #fff
}

.header .premis-grup62 a {
    display: block;
    width: 175px;
    padding: 13px 40px 13px 45px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    text-transform: uppercase
}

.header .premis-grup62 a:hover {
    background-color: #525252;
    cursor: pointer
}

.header .premis-grup62 .icona {
    float: right;
    font-size: 2.7em;
    color: #298ccf;
    margin-top: 3px
}

.header .wrapper-cercador {
    clear: both;
    background-color: #ededed;
    max-height: 120px;
    -webkit-transition: max-height 0.2s ease-out;
    -moz-transition: max-height 0.2s ease-out;
    -o-transition: max-height 0.2s ease-out;
    transition: max-height 0.2s ease-out
}

.header .wrapper-cercador>.wrapper {
    background-color: #ededed
}

.header.fixed {
    padding: 0px
}

.header.fixed .site-brand {
    width: 220px;
    padding-top: 10px
}

.header.fixed .site-brand a {
    display: block;
    height: 100%
}

.header.fixed .placeholder-cercador-fixed {
    width: 50%;
    width: calc(100% - 260px - 130px - 93px - 20px);
    float: left
}

.header.fixed .placeholder-cercador-fixed .megacercador {
    padding: 0px;
    width: 100%
}

.header.fixed .placeholder-cercador-fixed .megacercador-casella {
    background-color: #e3e3e3;
    width: 100%;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    width: calc(100% - 120px);
    vertical-align: top;
    height: 60px
}

.header.fixed .placeholder-cercador-fixed .megacercador-enviar {
    height: 60px;
    margin: 0;
    vertical-align: top;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem
}

.header.fixed .placeholder-cercador-fixed.has-button .boto-tematica {
    text-align: center;
    display: inline-block;
    width: 160px;
    background: #585858;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    min-height: 36px;
    line-height: 42px;
    height: 60px;
    padding: 10px;
    padding-top: 12px
}

.header.fixed .placeholder-cercador-fixed.has-button .boto-tematica.dos-linias {
    padding: 10px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    line-height: 18px
}

.header.fixed .placeholder-cercador-fixed.has-button .megacercador {
    width: calc(100% - 165px)
}

.header.fixed .nav-tematiques {
    clear: none;
    margin-left: 10px
}

.header.fixed .nav-tematiques.nav-tematiques-fixada {
    display: block;
    position: relative;
    width: 180px;
    height: 60px;
    transition: 0.2s all ease-in-out
}

.header.fixed .nav-tematiques.nav-tematiques-fixada a.hamburguesa {
    display: block;
    height: 100%;
    color: white;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    font-weight: 300;
    transition: 0.2s all ease-in-out;
    padding-top: 4px;
    margin-left: 20px
}

.header.fixed .nav-tematiques.nav-tematiques-fixada a.hamburguesa .menu-name {
    display: inline-block;
    vertical-align: middle
}

.header.fixed .nav-tematiques.nav-tematiques-fixada a.hamburguesa .icon-menu {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 0;
    font-size: 30px;
    font-size: 3rem;
    line-height: 37.5px;
    line-height: 4.5rem;
    line-height: 1;
    width: 30px;
    height: 30px
}

@media screen and (max-width:500px) {
    .header.fixed .nav-tematiques.nav-tematiques-fixada a.hamburguesa {
        margin-left: 0px !important
    }
}

.header.fixed .nav-tematiques.nav-tematiques-fixada.active a.hamburguesa .icon-menu {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 27.5px;
    line-height: 3.3rem
}

.header.fixed .nav-tematiques.nav-tematiques-fixada.active a.hamburguesa .icon-menu:before {
    content:"{"
}

.header.fixed .altres-apartats {
    height: 60px;
    margin: 0
}

.header.fixed .altres-apartats ul {
    height: 100%
}

.header.fixed .altres-apartats li.mes-opcions a {
    margin-left: 0px
}

.header.fixed .altres-apartats li {
    height: 100%
}

.header.fixed .altres-apartats li i {
    color: #298ccf
}

.header.fixed .altres-apartats li.activable {
    margin: 0px;
    height: 100%
}

.header.fixed .altres-apartats li.activable .boto-dades,
.header.fixed .altres-apartats li.activable #desplega-login {
    position: relative;
    width: 40px;
    height: 100%
}

.header.fixed .altres-apartats li.activable .boto-dades img,
.header.fixed .altres-apartats li.activable #desplega-login img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 34px;
    width: 35px
}

.header.fixed .altres-apartats li.activable .dropdown-toggle {
    position: relative;
    width: 40px;
    height: 100%
}

.header.fixed .altres-apartats li.activable .dropdown-toggle i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.header.fixed .altres-apartats li.activable #desplega-login {
    position: relative;
    height: 100%;
    width: 100%;
    min-width: 45px
}

.header.fixed .altres-apartats li.activable #desplega-login img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 34px;
    width: 35px
}

.header.fixed .altres-apartats li.activable>a {
    margin: 0px
}

.header.fixed .altres-apartats .amagable {
    display: none
}

.header.fixed .altres-apartats .mostrable {
    display: block !important
}

.header.fixed .wrapper-cercador {
    max-height: 0px;
    overflow: hidden
}

.header.fixed .wrapper-cercador.cercador-actiu {
    max-height: 120px;
    overflow: hidden
}

.header.fixed .recomendador {
    display: none
}

.header.fixed .premis-grup62 {
    display: none
}

.header.fixed .nav-tematiques .hamburguesa {
    display: block;
    opacity: 1;
    pointer-events: auto
}

.header.fixed .nav-tematiques .menu-tematiques-text {
    pointer-events: auto
}

.header.registre {
    padding: 0px
}

.header.registre .site-brand {
    width: 220px;
    padding-top: 10px
}

.header.registre .site-brand a {
    display: block;
    height: 100%
}

.header.registre .placeholder-cercador-fixed {
    width: 50%;
    width: calc(100% - 260px - 130px - 93px - 20px);
    float: left
}

.header.registre .placeholder-cercador-fixed .megacercador {
    padding: 0px;
    width: 100%
}

.header.registre .placeholder-cercador-fixed .megacercador-casella {
    background-color: #e3e3e3;
    width: 100%;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    width: calc(100% - 120px);
    vertical-align: top;
    height: 60px
}

.header.registre .placeholder-cercador-fixed .megacercador-enviar {
    height: 60px;
    margin: 0;
    vertical-align: top;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem
}

.header.registre .placeholder-cercador-fixed.has-button .boto-tematica {
    text-align: center;
    display: inline-block;
    width: 160px;
    background: #585858;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    min-height: 36px;
    line-height: 42px;
    height: 60px;
    padding: 10px;
    padding-top: 12px
}

.header.registre .placeholder-cercador-fixed.has-button .boto-tematica.dos-linias {
    padding: 10px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    line-height: 18px
}

.header.registre .placeholder-cercador-fixed.has-button .megacercador {
    width: calc(100% - 165px)
}

.header.registre .nav-tematiques {
    clear: none;
    margin-left: 10px
}

.header.registre .nav-tematiques.nav-tematiques-fixada {
    display: block;
    position: relative;
    width: 180px;
    height: 60px;
    transition: 0.2s all ease-in-out
}

.header.registre .nav-tematiques.nav-tematiques-fixada a.hamburguesa {
    display: block;
    height: 100%;
    color: white;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    font-weight: 300;
    transition: 0.2s all ease-in-out;
    padding-top: 4px;
    margin-left: 20px
}

.header.registre .nav-tematiques.nav-tematiques-fixada a.hamburguesa .menu-name {
    display: inline-block;
    vertical-align: middle
}

.header.registre .nav-tematiques.nav-tematiques-fixada a.hamburguesa .icon-menu {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 0;
    font-size: 30px;
    font-size: 3rem;
    line-height: 37.5px;
    line-height: 4.5rem;
    line-height: 1;
    width: 30px;
    height: 30px
}

@media screen and (max-width:500px) {
    .header.registre .nav-tematiques.nav-tematiques-fixada a.hamburguesa {
        margin-left: 0px !important
    }
}

.header.registre .nav-tematiques.nav-tematiques-fixada.active a.hamburguesa .icon-menu {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 27.5px;
    line-height: 3.3rem
}

.header.registre .nav-tematiques.nav-tematiques-fixada.active a.hamburguesa .icon-menu:before {
    content:"{"
}

.header.registre .altres-apartats {
    height: 60px;
    margin: 0
}

.header.registre .altres-apartats ul {
    height: 100%
}

.header.registre .altres-apartats li.mes-opcions a {
    margin-left: 0px
}

.header.registre .altres-apartats li {
    height: 100%
}

.header.registre .altres-apartats li i {
    color: #298ccf
}

.header.registre .altres-apartats li.activable {
    margin: 0px;
    height: 100%
}

.header.registre .altres-apartats li.activable .boto-dades,
.header.registre .altres-apartats li.activable #desplega-login {
    position: relative;
    width: 40px;
    height: 100%
}

.header.registre .altres-apartats li.activable .boto-dades img,
.header.registre .altres-apartats li.activable #desplega-login img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 34px;
    width: 35px
}

.header.registre .altres-apartats li.activable .dropdown-toggle {
    position: relative;
    width: 40px;
    height: 100%
}

.header.registre .altres-apartats li.activable .dropdown-toggle i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.header.registre .altres-apartats li.activable #desplega-login {
    position: relative;
    height: 100%;
    width: 100%;
    min-width: 45px
}

.header.registre .altres-apartats li.activable #desplega-login img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 34px;
    width: 35px
}

.header.registre .altres-apartats li.activable>a {
    margin: 0px
}

.header.registre .altres-apartats .amagable {
    display: none
}

.header.registre .altres-apartats .mostrable {
    display: block !important
}

.header.registre .wrapper-cercador {
    max-height: 0px;
    overflow: hidden
}

.header.registre .wrapper-cercador.cercador-actiu {
    max-height: 120px;
    overflow: hidden
}

.header.registre .recomendador {
    display: none
}

.header.registre .premis-grup62 {
    display: none
}

.header.registre .nav-tematiques .hamburguesa {
    display: block;
    opacity: 1;
    pointer-events: auto
}

.header.registre .nav-tematiques .menu-tematiques-text {
    pointer-events: auto
}

@media screen and (max-width:850px) {
    .header.registre {
        -webkit-box-shadow: unset;
        box-shadow: unset
    }
    .header.registre .wrapper .site-brand {
        order: unset !important
    }
}

.header.visor {
    padding: 0px;
    border-bottom: 2px solid #ededed
}

.header.visor .site-brand {
    width: 220px;
    padding-top: 10px
}

.header.visor .site-brand a {
    display: block;
    height: 100%
}

.header.visor .placeholder-cercador-fixed {
    width: 50%;
    width: calc(100% - 260px - 130px - 93px - 20px);
    float: left
}

.header.visor .placeholder-cercador-fixed .megacercador {
    padding: 0px;
    width: 100%
}

.header.visor .placeholder-cercador-fixed .megacercador-casella {
    background-color: #e3e3e3;
    width: 100%;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    width: calc(100% - 120px);
    vertical-align: top;
    height: 60px
}

.header.visor .placeholder-cercador-fixed .megacercador-enviar {
    height: 60px;
    margin: 0;
    vertical-align: top;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem
}

.header.visor .placeholder-cercador-fixed.has-button .boto-tematica {
    text-align: center;
    display: inline-block;
    width: 160px;
    background: #585858;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    min-height: 36px;
    line-height: 42px;
    height: 60px;
    padding: 10px;
    padding-top: 12px
}

.header.visor .placeholder-cercador-fixed.has-button .boto-tematica.dos-linias {
    padding: 10px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    line-height: 18px
}

.header.visor .placeholder-cercador-fixed.has-button .megacercador {
    width: calc(100% - 165px)
}

.header.visor .nav-tematiques {
    clear: none;
    margin-left: 10px
}

.header.visor .nav-tematiques.nav-tematiques-fixada {
    display: block;
    position: relative;
    width: 180px;
    height: 60px;
    transition: 0.2s all ease-in-out
}

.header.visor .nav-tematiques.nav-tematiques-fixada a.hamburguesa {
    display: block;
    height: 100%;
    color: white;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    font-weight: 300;
    transition: 0.2s all ease-in-out;
    padding-top: 4px;
    margin-left: 20px
}

.header.visor .nav-tematiques.nav-tematiques-fixada a.hamburguesa .menu-name {
    display: inline-block;
    vertical-align: middle
}

.header.visor .nav-tematiques.nav-tematiques-fixada a.hamburguesa .icon-menu {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 0;
    font-size: 30px;
    font-size: 3rem;
    line-height: 37.5px;
    line-height: 4.5rem;
    line-height: 1;
    width: 30px;
    height: 30px
}

@media screen and (max-width:500px) {
    .header.visor .nav-tematiques.nav-tematiques-fixada a.hamburguesa {
        margin-left: 0px !important
    }
}

.header.visor .nav-tematiques.nav-tematiques-fixada.active a.hamburguesa .icon-menu {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 27.5px;
    line-height: 3.3rem
}

.header.visor .nav-tematiques.nav-tematiques-fixada.active a.hamburguesa .icon-menu:before {
    content:"{"
}

.header.visor .altres-apartats {
    height: 60px;
    margin: 0
}

.header.visor .altres-apartats ul {
    height: 100%
}

.header.visor .altres-apartats li.mes-opcions a {
    margin-left: 0px
}

.header.visor .altres-apartats li {
    height: 100%
}

.header.visor .altres-apartats li i {
    color: #298ccf
}

.header.visor .altres-apartats li.activable {
    margin: 0px;
    height: 100%
}

.header.visor .altres-apartats li.activable .boto-dades,
.header.visor .altres-apartats li.activable #desplega-login {
    position: relative;
    width: 40px;
    height: 100%
}

.header.visor .altres-apartats li.activable .boto-dades img,
.header.visor .altres-apartats li.activable #desplega-login img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 34px;
    width: 35px
}

.header.visor .altres-apartats li.activable .dropdown-toggle {
    position: relative;
    width: 40px;
    height: 100%
}

.header.visor .altres-apartats li.activable .dropdown-toggle i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.header.visor .altres-apartats li.activable #desplega-login {
    position: relative;
    height: 100%;
    width: 100%;
    min-width: 45px
}

.header.visor .altres-apartats li.activable #desplega-login img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 34px;
    width: 35px
}

.header.visor .altres-apartats li.activable>a {
    margin: 0px
}

.header.visor .altres-apartats .amagable {
    display: none
}

.header.visor .altres-apartats .mostrable {
    display: block !important
}

.header.visor .wrapper-cercador {
    max-height: 0px;
    overflow: hidden
}

.header.visor .wrapper-cercador.cercador-actiu {
    max-height: 120px;
    overflow: hidden
}

.header.visor .recomendador {
    display: none
}

.header.visor .premis-grup62 {
    display: none
}

.header.visor .nav-tematiques .hamburguesa {
    display: block;
    opacity: 1;
    pointer-events: auto
}

.header.visor .nav-tematiques .menu-tematiques-text {
    pointer-events: auto
}

.header.visor .site-brand {
    width: 260px;
    padding: 0
}

.header.visor .wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 55px 0px
}

.header.visor .wrapper .tornar-al-llibre .btn-submit-outline i {
    margin-right: 10px;
    font-size: 20px;
    font-size: 2rem
}

@media screen and (max-width:850px) {
    .header.visor .wrapper {
        padding: 10px
    }
}

@media screen and (max-width:500px) {
    .header.visor .wrapper .tornar-al-llibre .btn-submit-outline span {
        display: none
    }
    .header.visor .wrapper .tornar-al-llibre .btn-submit-outline i {
        margin-right: 0px
    }
}

.header.visor.fixed {
    background: #fff
}

.header.visor.fixed .wrapper {
    padding: 20px 0px
}

.header.visor .visor-link-fitxa {
    padding: 10px 30px;
    display: inline-block;
    font-weight: 600
}

@media screen and (max-width:500px) {
    .header.visor .visor-link-fitxa {
        padding: 7px 15px
    }
}

.header.visor .visor-font-size {
    display: inline-block
}

.header.visor .visor-font-size .mes-petita {
    font-size: 23px;
    font-size: 2.3rem
}

.header.visor .visor-font-size .mes-normal {
    font-size: 28px;
    font-size: 2.8rem
}

.header.visor .visor-font-size .mes-gran {
    font-size: 33px;
    font-size: 3.3rem
}

.header.visor .visor-font-size .btn {
    vertical-align: middle;
    padding: 0px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #e0e0e0;
    color: #298ccf;
    font-weight: 600;
    border: 0
}

.header.visor .visor-font-size .btn.active {
    background-color: #298ccf;
    color: #fff
}

@media screen and (max-width:500px) {
    .header.visor .visor-font-size .btn {
        width: 40px;
        height: 40px;
        line-height: 40px
    }
}

body.home .header .nav-tematiques .menu-tematiques-text {
    background: none;
    padding-left: 20px;
    text-align: left
}

body.home .header .nav-tematiques .menu-tematiques-text i {
    display: none
}

body.home .menu-tematiques-container-nohome {
    display: none !important
}

@media screen and (max-width:900px) {
    .altres-apartats-submenu .subsubmenu {
        display: none !important
    }
}

.header-placeholder {
    display: none
}

.login-widget {
    position: relative;
    display: inline-block
}

.login-widget .btn {
    display: inline-block
}

.login-widget .btn .plegar {
    display: none
}

.login-widget .btn .desplegar {
    display: inline
}

.login-widget>a.btn img {
    vertical-align: middle
}

.login-widget>a.btn .login {
    padding-left: 8px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    color: #298ccf;
    vertical-align: middle
}

.login-widget>a.btn .login:link,
.login-widget>a.btn .login:visited,
.login-widget>a.btn .login:active {
    color: #298ccf
}

.login-widget.active>a.btn .login {
    color: #298ccf
}

.popup-confirmacio {
    z-index: 4000;
    display: inline-block
}

.popup-confirmacio .popup-wrapper {
    position: fixed;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 40vh;
    right: 50%;
    transform: translateX(50%) translateY(-50%);
    z-index: 1300
}

@media screen and (max-width:500px) {
    .popup-confirmacio .popup-wrapper {
        top: 10px;
        transform: translateX(50%);
        height: auto;
        overflow: auto
    }
}

.popup-confirmacio .popup-wrapper .popup-title-wrapper {
    min-height: 56px;
    background: #298ccf;
    color: #fff;
    margin: -20px -20px 20px;
    line-height: 63px;
    padding: 0px 16px 0px 30px
}

.popup-confirmacio .popup-wrapper .popup-title-wrapper .popup-title {
    float: left;
    font-size: 22px;
    font-size: 2.2rem
}

.popup-confirmacio .popup-wrapper .popup-title-wrapper .popup-options {
    float: right;
    padding-top: 15px
}

.popup-confirmacio .popup-wrapper .container-confirmacio {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 50px 0
}

@media screen and (max-width:850px) {
    .popup-confirmacio .popup-wrapper .container-confirmacio {
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

.popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-img {
    width: 60%;
    margin-right: 20px;
    text-align: center
}

.popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-img img {
    width: 75%;
    margin-top: -50px
}

@media screen and (max-width:850px) {
    .popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-img {
        width: 100%;
        margin-right: 0%
    }
    .popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-img img {
        width: 50%;
        max-width: 250px;
        margin-top: 0px
    }
}

.popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-text {
    padding: 0px
}

@media screen and (max-width:850px) {
    .popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-text {
        padding-right: 0;
        text-align: center;
        font-size: 14px
    }
}

.popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-text .titol-modal {
    font-weight: 500;
    font-size: 22px;
    font-size: 2.2rem;
    margin: 15px 0px;
    font-weight: bold
}

@media screen and (max-width:500px) {
    .popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-text .titol-modal {
        font-size: 18px;
        font-size: 1.8rem;
        margin: 20px 0px
    }
}

.popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-text p {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: left
}

@media screen and (max-width:500px) {
    .popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-text p {
        font-size: 16px;
        font-size: 1.6rem
    }
}

.popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-text a {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500
}

@media screen and (max-width:500px) {
    .popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-text a {
        font-size: 15px;
        font-size: 1.5rem;
        padding: 4px 25px
    }
}

.without-login .popup-confirmacio {
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    position: fixed;
    background: rgba(0, 0, 0, 0.9);
    min-height: 100vh
}

.without-login .popup-confirmacio .popup-wrapper {
    color: #3a3a3a;
    background: #fff;
    padding: 20px;
    width: 1110px;
    max-width: 90%
}

.login-widget-box {
    z-index: 4000;
    display: none
}

.login-widget-box .popup-wrapper {
    position: fixed;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 50px;
    top: 40vh;
    right: 50%;
    transform: translateX(50%) translateY(-50%);
    z-index: 1300
}

@media screen and (max-width:500px) {
    .login-widget-box .popup-wrapper {
        top: 10px;
        transform: translateX(50%);
        height: auto;
        overflow: auto
    }
}

.login-widget-box .popup-wrapper .popup-title-wrapper {
    min-height: 56px;
    background: #298ccf;
    color: #fff;
    margin: -20px -20px 20px;
    line-height: 63px;
    padding: 0px 16px 0px 20px
}

.login-widget-box .popup-wrapper .popup-title-wrapper .popup-title {
    float: left;
    font-weight: 500;
    font-size: 22px;
    font-size: 2.2rem
}

.login-widget-box .popup-wrapper .popup-title-wrapper .popup-options {
    float: right
}

.login-widget-box .popup-wrapper .popup-title-wrapper .popup-options .svg {
    width: 35px;
    height: 55px;
    background-color: #fff
}

@media screen and (max-width:850px) {
    .login-widget-box .popup-wrapper .popup-title-wrapper {
        padding: 0px 16px 0px 20px
    }
}

.login-widget-box .popup-wrapper .container-login-register {
    display: flex;
    flex-direction: row;
    width: 100%
}

@media screen and (max-width:500px) {
    .login-widget-box .popup-wrapper .container-login-register {
        display: block
    }
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate {
    width: 50%;
    float: left;
    padding-right: 15px
}

@media screen and (max-width:500px) {
    .login-widget-box .popup-wrapper .container-login-register .text-registrate {
        width: 100%;
        padding-right: 0px
    }
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate .btn-submit {
    margin-top: 25px;
    padding: 14px 40px;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.8rem
}

@media screen and (max-width:500px) {
    .login-widget-box .popup-wrapper .container-login-register .text-registrate .btn-submit {
        margin-top: 10px
    }
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate .column_container {
    display: flex;
    flex-direction: row;
    justify-content: space-around
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate .column_container .container {
    display: flex;
    flex-direction: column
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate .column_container .container .img_1 {
    background: url(../img/icono-popuplogin_01.png) no-repeat center;
    background-size: contain;
    height: 75px;
    width: 100%
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate .column_container .container .img_2 {
    background: url(../img/icono-popuplogin_02.png) no-repeat center;
    background-size: contain;
    height: 75px;
    width: 100%
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate .column_container .container .img_3 {
    background: url(../img/icono-popuplogin_03.png) no-repeat center;
    background-size: contain;
    height: 75px;
    width: 100%
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate .column_container .container .descripcio_registre {
    width: 95%;
    margin: 0 auto
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate .column_container .container .descripcio_registre p {
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    margin-top: 10px
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate .btn-crear {
    text-align: center
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate .register {
    text-align: left;
    margin-top: 15px;
    font-weight: bold
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate .register a {
    color: #298ccf !important
}

.login-widget-box .popup-wrapper .login-box {
    width: 50%;
    float: left;
    border-left: 1px solid #383838;
    border-left: 1px solid rgba(56, 56, 56, 0.2);
    padding: 0px 0px 0px 20px
}

.login-widget-box .popup-wrapper .login-box .accedir-xxss {
    border-bottom: 1px solid #383838;
    border-bottom: 1px solid rgba(56, 56, 56, 0.2);
    margin-bottom: 30px;
    padding-bottom: 20px;
    display: flex;
    justify-content: center
}

.login-widget-box .popup-wrapper .login-box .accedir-xxss a {
    width: 50% !important
}

.login-widget-box .popup-wrapper .login-box .accedir-xxss a:last-child {
    margin-left: 5px
}

.login-widget-box .popup-wrapper .login-box .accedir-xxss a:first-child {
    margin-left: 0
}

@media screen and (max-width:500px) {
    .login-widget-box .popup-wrapper .login-box .accedir-xxss {
        width: 100%;
        padding-bottom: 5px;
        margin-bottom: 15px
    }
    .login-widget-box .popup-wrapper .login-box .accedir-xxss a {
        width: 100%
    }
}

.login-widget-box .popup-wrapper .login-box .form-group {
    margin-bottom: 15px
}

.login-widget-box .popup-wrapper .login-box .form-group .label {
    display: block
}

.login-widget-box .popup-wrapper .login-box .form-group .camp {
    display: block
}

.login-widget-box .popup-wrapper .login-box .form-hint {
    float: left;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    font-weight: 500
}

.login-widget-box .popup-wrapper .login-box .form-hint a {
    color: #298ccf
}

.login-widget-box .popup-wrapper .login-box .form-actions {
    text-align: right
}

.login-widget-box .popup-wrapper .login-box .form-actions .btn-submit {
    padding: 14px 40px;
    background: #298ccf;
    display: inline-block;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.8rem
}

@media screen and (max-width:500px) {
    .login-widget-box .popup-wrapper .login-box .form-actions {
        margin-top: 50px;
        text-align: center
    }
    .login-widget-box .popup-wrapper .login-box .form-actions .btn-submit {
        padding: 7px 40px;
        background: #298ccf;
        display: inline-block;
        text-align: center;
        font-weight: 500;
        font-size: 15px;
        font-size: 1.5rem
    }
}

.login-widget-box .popup-wrapper .login-box .register {
    text-align: left;
    margin-top: 15px;
    font-weight: bold
}

.login-widget-box .popup-wrapper .login-box .register a {
    color: #298ccf !important
}

.login-widget-box .popup-wrapper .heading {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 21.25px;
    line-height: 2.55rem;
    font-weight: 600;
    margin-bottom: 28px
}

@media screen and (max-width:500px) {
    .login-widget-box .popup-wrapper .heading {
        margin-bottom: 5px
    }
}

.login-widget-box .popup-wrapper .intro {
    font-weight: 500;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18.75px;
    line-height: 2.25rem;
    margin-bottom: 21px
}

@media screen and (max-width:500px) {
    .login-widget-box .popup-wrapper .intro {
        margin-bottom: 10px
    }
}

.without-login .login-widget-box {
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    position: fixed;
    background: rgba(0, 0, 0, 0.9);
    min-height: 100vh
}

.without-login .login-widget-box .popup-wrapper {
    color: #3a3a3a;
    background: #fff;
    padding: 20px;
    width: 1110px;
    max-width: 90%
}

.active>.login-widget-box {
    display: block
}

.menu-tematiques li {
    margin: 0
}

.menu-tematiques a {
    padding: 10px 20px;
    display: block;
    color: white;
    pointer-events: auto
}

.menu-tematiques a:link,
.menu-tematiques a:active,
.menu-tematiques a:visited {
    color: white
}

.menu-tematiques a:hover {
    background: #298ccf
}

.menu-tematiques .first-level {
    position: relative
}

.menu-tematiques .first-level>li>.second-level {
    display: none
}

@media screen and (min-width:851px) {
    .menu-tematiques .first-level>li:hover>.second-level {
        display: block
    }
}

.menu-tematiques .first-level .second-level {
    background: #585858;
    position: absolute;
    left: 100%;
    width: 200px;
    z-index: 1000;
    margin-top: -42px
}

@media screen and (max-width:850px) {
    .menu-tematiques .first-level .second-level {
        margin-top: 0px
    }
}

.menu-tematiques .first-level .open-second-level {
    display: block;
    background: url("../img/right-arrow.png") no-repeat right 10px center
}

.menu-tematiques .first-level .open-second-level:hover {
    background: url("../img/right-arrow.png") no-repeat right 10px center #298ccf;
}

.menu-tematiques .first-level .open-second-level.active {
    background: url("../img/right-arrow.png") no-repeat right 10px center #298ccf
}

.menu-tematiques .first-level li.current-menu {}

.menu-tematiques .first-level li.current-menu .open-second-level {
    background: url("../img/right-arrow.png") no-repeat right 10px center #298ccf
}

@media screen and (max-width:1200px) {}

@media screen and (max-width:980px) {
    .header .placeholder-cercador-fixed.has-button .boto-tematica {
        display: none !important
    }
    .header .placeholder-cercador-fixed.has-button .megacercador {
        width: 100% !important
    }
}

@media screen and (max-width:850px) {
    .header {
        padding: 0px;
        width: 100%;
        box-shadow: none;
    }
    .header .site-brand {
        width: 220px;
        padding-top: 10px
    }
    .header .site-brand a {
        display: block;
        height: 100%
    }
    .header .placeholder-cercador-fixed {
        width: 50%;
        width: calc(100% - 260px - 130px - 93px - 20px);
        float: left
    }
    .header .placeholder-cercador-fixed .megacercador {
        padding: 0px;
        width: 100%
    }
    .header .placeholder-cercador-fixed .megacercador-casella {
        background-color: #e3e3e3;
        width: 100%;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22.5px;
        line-height: 2.7rem;
        width: calc(100% - 120px);
        vertical-align: top;
        height: 60px
    }
    .header .placeholder-cercador-fixed .megacercador-enviar {
        height: 60px;
        margin: 0;
        vertical-align: top;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22.5px;
        line-height: 2.7rem
    }
    .header .placeholder-cercador-fixed.has-button .boto-tematica {
        text-align: center;
        display: inline-block;
        width: 160px;
        background: #585858;
        color: #fff;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2.4rem;
        min-height: 36px;
        line-height: 42px;
        height: 60px;
        padding: 10px;
        padding-top: 12px
    }
    .header .placeholder-cercador-fixed.has-button .boto-tematica.dos-linias {
        padding: 10px 10px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17.5px;
        line-height: 2.1rem;
        line-height: 18px
    }
    .header .placeholder-cercador-fixed.has-button .megacercador {
        width: calc(100% - 165px)
    }
    .header .nav-tematiques {
        clear: none;
        margin-left: 10px
    }
    .header .nav-tematiques.nav-tematiques-fixada {
        display: block;
        position: relative;
        width: 180px;
        height: 60px;
        transition: 0.2s all ease-in-out
    }
    .header .nav-tematiques.nav-tematiques-fixada a.hamburguesa {
        display: block;
        height: 100%;
        color: white;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22.5px;
        line-height: 2.7rem;
        font-weight: 300;
        transition: 0.2s all ease-in-out;
        padding-top: 4px;
        margin-left: 20px
    }
    .header .nav-tematiques.nav-tematiques-fixada a.hamburguesa .menu-name {
        display: inline-block;
        vertical-align: middle
    }
    .header .nav-tematiques.nav-tematiques-fixada a.hamburguesa .icon-menu {
        display: inline-block;
        vertical-align: middle;
        margin: 0 3px 0 0;
        font-size: 30px;
        font-size: 3rem;
        line-height: 37.5px;
        line-height: 4.5rem;
        line-height: 1;
        width: 30px;
        height: 30px
    }
    .header .nav-tematiques.nav-tematiques-fixada.active a.hamburguesa .icon-menu {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 27.5px;
        line-height: 3.3rem
    }
    .header .nav-tematiques.nav-tematiques-fixada.active a.hamburguesa .icon-menu:before {
        content:"{"
    }
    .header .altres-apartats {
        height: 60px;
        margin: 0
    }
    .header .altres-apartats ul {
        height: 100%
    }
    .header .altres-apartats li.mes-opcions a {
        margin-left: 0px
    }
    .header .altres-apartats li {
        height: 100%
    }
    .header .altres-apartats li i {
        color: #298ccf
    }
    .header .altres-apartats li.activable {
        margin: 0px;
        height: 100%
    }
    .header .altres-apartats li.activable .boto-dades,
    .header .altres-apartats li.activable #desplega-login {
        position: relative;
        width: 40px;
        height: 100%
    }
    .header .altres-apartats li.activable .boto-dades img,
    .header .altres-apartats li.activable #desplega-login img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: 34px;
        width: 35px
    }
    .header .altres-apartats li.activable .dropdown-toggle {
        position: relative;
        width: 40px;
        height: 100%
    }
    .header .altres-apartats li.activable .dropdown-toggle i {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }
    .header .altres-apartats li.activable #desplega-login {
        position: relative;
        height: 100%;
        width: 100%;
        min-width: 45px
    }
    .header .altres-apartats li.activable #desplega-login img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: 34px;
        width: 35px
    }
    .header .altres-apartats li.activable>a {
        margin: 0px
    }
    .header .altres-apartats .amagable {
        display: none
    }
    .header .altres-apartats .mostrable {
        display: block !important
    }
    .header .wrapper-cercador {
        max-height: 0px;
        overflow: hidden
    }
    .header .wrapper-cercador.cercador-actiu {
        max-height: 120px;
        overflow: hidden
    }
    .header .recomendador {
        display: none
    }
    .header .premis-grup62 {
        display: none
    }
    .header .nav-tematiques .hamburguesa {
        display: block;
        opacity: 1;
        pointer-events: auto
    }
    .header .nav-tematiques .menu-tematiques-text {
        pointer-events: auto
    }
    .header .altres-apartats {
        height: 45px
    }
    .header .altres-apartats li.mostrable.recomendador-li {
        display: inline-block !important
    }
    .header .nav-tematiques .menu-tematiques {
        display: none
    }
    .header .nav-tematiques .veure-mes>a {
        width: 90px;
        max-width: 90px
    }
    .header .nav-tematiques .veure-mes span.on-tablet {
        display: inline;
        text-transform: none
    }
    .header .nav-tematiques .veure-mes span.no-tablet {
        display: none
    }
    .header .nav-tematiques .veure-mes .submenu-tematiques {
        border: 0px;
        padding: 20px
    }
    .header .nav-tematiques .veure-mes .submenu-tematiques .titol-tematiques {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22.5px;
        line-height: 2.7rem;
        font-weight: 600;
        margin-bottom: 20px
    }
    .header .nav-tematiques .veure-mes .submenu-tematiques .columna .tematica a {
        color: #a0a0a0
    }
    .header .nav-tematiques .veure-mes .submenu-tematiques .columna .tematica a:hover {
        color: #fff
    }
    .header .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        -ms-flex-direction: row;
        -ms-flex-wrap: wrap;
        -ms-align-items: stretch;
        -ms-align-content: stretch;
        -ms-justify-content: space-between;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        -webkit-flex-wrap: wrap;
        -webkit-align-items: stretch;
        -webkit-align-content: stretch;
        -webkit-justify-content: space-between;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
        align-content: stretch;
        justify-content: space-between;
        align-items: center
    }
    .header .wrapper .site-brand {
        -webkit-box-flex: 1 0;
        -ms-flex: 1 0;
        -webkit-flex: 1 0;
        flex: 1 0;
        min-width: 0;
        order: 2
    }
    .header .wrapper .site-brand img {
        max-width: 250px
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada {
        -webkit-box-flex: 0 0 26%;
        -ms-flex: 0 0 26%;
        -webkit-flex: 0 0 26%;
        flex: 0 0 26%;
        min-width: 0;
        order: 1;
        padding: 10px 0;
        margin: 0 5px;
        transition: all 0.2s ease-in-out
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada .menu-tematiques {
        padding-bottom: 20px
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada.active {
        position: absolute;
        width: 100%;
        z-index: 10000;
        height: auto !important
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada.active a.hamburguesa {
        background: url('../img/icon-hamburger-menu-close.svg') no-repeat 0px center;
        padding: 20px 20px 20px 25px;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22.5px;
        line-height: 2.7rem;
        text-align: left
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada.active a.hamburguesa i {
        display: none;
        text-align: left
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada.active .menu-tematiques {
        width: 100%
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada.active .menu-tematiques .first-level .open-second-level {
        background: url(../img/down-arrow.png) no-repeat right 10px center
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada.active .menu-tematiques .first-level .open-second-level.active {
        background: url("../img/down-arrow.png") no-repeat right 10px center #298ccf
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada.active .menu-tematiques .first-level .second-level {
        left: 0;
        position: relative;
        width: 100%;
        height: auto;
        background: #8a8a8a
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada.active .menu-tematiques .first-level .second-level a {
        padding-left: 40px
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada.active .menu-tematiques li.current-menu .open-second-level {
        background: url("../img/down-arrow.png") no-repeat right 10px center #298ccf
    }
    .header .wrapper .placeholder-cercador-fixed {
        -webkit-box-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        min-width: 0;
        order: 4
    }
    .header .wrapper .megacercador .megacercador-casella {
        height: 50px;
        width: calc(100% - 50px)
    }
    .header .wrapper .megacercador .megacercador-enviar {
        background: url("../img/megacercador-lupa-blanca-gran.svg") no-repeat center center #298ccf;
        text-indent: -9999999px;
        padding-left: 30px;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22.5px;
        line-height: 2.7rem;
        height: 50px;
        width: 50px
    }
    .header .wrapper .altres-apartats {
        -webkit-box-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        -webkit-flex: 0 0 20%;
        flex: 0 0 20%;
        min-width: 0;
        order: 3
    }
    .header .wrapper .altres-apartats ul {
        float: right
    }
    .login-widget-box .popup-wrapper .popup-title-wrapper .popup-title {
        font-size: 20px;
        font-size: 2rem;
        line-height: 30px;
        padding-top: 10px;
        white-space: normal;
        width: 70%;
        font-weight: 300
    }
    .login-widget-box .popup-wrapper .text-registrate {
        width: 100%;
        float: none;
        padding: 10px
    }
    .login-widget-box .popup-wrapper .login-box {
        width: 100%;
        float: none;
        border-left: 0px
    }
}

@media screen and (max-width:850px) and (max-width:500px) {
    .header .nav-tematiques.nav-tematiques-fixada a.hamburguesa {
        margin-left: 0px !important
    }
}

@media screen and (max-width:850px) and (max-width:850px) {
    .login-widget-box .popup-wrapper .login-box {
        width: 50%;
        border-left: 1px solid rgba(56, 56, 56, 0.2)
    }
    .login-widget-box .popup-wrapper .text-registrate {
        padding: 0px 0px 0px 0px
    }
}

@media screen and (max-width:850px) and (max-width:500px) {
    .login-widget-box .popup-wrapper .login-box {
        width: 100%;
        border-left: 0px solid rgba(56, 56, 56, 0.2);
        padding: 0
    }
    .login-widget-box .popup-wrapper .text-registrate {
        padding: 0px
    }
}

@media screen and (max-width:500px) {
    .header {
        padding: 0;
        box-shadow: none !important
    }
    .header .site-brand {
        text-align: center
    }
    .header .site-brand a {
        padding: 0
    }
    .header .site-brand a img {
        max-width: 115px !important
    }
    .header .nav-tematiques {
        display: none
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada {
        -webkit-box-flex: 0 0 28%;
        -ms-flex: 0 0 28%;
        -webkit-flex: 0 0 28%;
        flex: 0 0 28%;
        min-width: 0
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada a.hamburguesa {
        padding: 3px 2px 0 0
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada a.hamburguesa .icon-menu {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 27.5px;
        line-height: 3.3rem;
        line-height: 1;
        width: 22px;
        height: 22px;
        margin: 0
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada a.hamburguesa .menu-name {
        margin: 1px 0 0 0
    }
    .header .altres-apartats .login-widget-box {
        right: -20px
    }
    .header .megacercador {}
    .header .megacercador .megacercador-casella {
        background: #e3e3e3;
        padding-left: 10px;
    }
    .header .wrapper .altres-apartats {
        margin: 0
    }
    .header .wrapper .altres-apartats li.activable #desplega-login {
        margin: 0 5px 0 0
    }
    .header .wrapper .megacercador .megacercador-casella {
        padding-left: 20px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2.4rem
    }
    .header .wrapper .megacercador .megacercador-enviar {
        width: 50px;
        background-size: 25px
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada {
        padding: 0;
        height: 40px
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada a.hamburguesa {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 15px;
        line-height: 1.8rem;
        margin-top: 5px
    }
    .header,
    .header.fixed {
        position: fixed;
        width: 100%;
        top: 0px;
        z-index: 99999;
        background: #fff
    }
    .header .site-brand a,
    .header.fixed .site-brand a {
        padding: 0
    }
    .header .altres-apartats,
    .header.fixed .altres-apartats {
        height: 40px
    }
    .banner-top .banner .amagar-desktop {
        display: block !important
    }
    .banner-top .banner .amagar-mobil {
        display: none !important
    }
    .banner-top .banner img {
        width: 100%
    }
    .banner-top .banner .owl-carousel .owl-prev,
    .banner-top .banner .owl-carousel .owl-next {
        color: #fff;
        position: absolute;
        left: 30px;
        opacity: 1;
        top: 50%;
        -webkit-transform: translateY(-60%);
        -ms-transform: translateY(-60%);
        transform: translateY(-60%)
    }
    .banner-top .banner .owl-carousel .owl-prev:hover,
    .banner-top .banner .owl-carousel .owl-next:hover {
        color: #e6e6e6
    }
    .banner-top .banner .owl-carousel .owl-next {
        right: 30px;
        left: auto
    }
    .login-widget-box .popup-wrapper .popup-title-wrapper .popup-title {
        font-size: 16px;
        font-size: 1.6rem
    }
    .header .wrapper .site-brand {
        -webkit-box-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
        -webkit-flex: 0 0 40%;
        flex: 0 0 40%;
        min-width: 0
    }
    .header .wrapper .altres-apartats {
        -webkit-box-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        -webkit-flex: 0 0 25%;
        flex: 0 0 25%;
        min-width: 0
    }
    .header .wrapper .placeholder-cercador-fixed {
        display: none
    }
    .header .wrapper .megacercador .megacercador-casella {
        width: 100%
    }
    .header .wrapper .megacercador .megacercador-enviar {
        display: none
    }
}

@media screen and (min-width:850px) {
    .header .altres-apartats i.icon-mes:before {
        line-height: 0.5em !important
    }
    .header.fixed {
        position: fixed;
        width: 100%;
        top: 0px;
        background-color: #ededed
    }
    .header.fixed+.header-placeholder {
        height: 173px;
        display: block
    }
    .header.fixed.visor+.header-placeholder {
        height: 50px;
        display: block
    }
}

@media screen and (min-width:850px) and (max-width:1200px) {
    .header.fixed>.wrapper {
        padding: 0px 30px 0px
    }
    .header.fixed>.wrapper.megacercador-receptor {
        padding: 0px
    }
}

.menu-mobile {
    position: fixed;
    width: 100%;
    z-index: 100000;
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
    display: block;
    background: #585858;
    padding-bottom: 14px;
}

.menu-mobile.active {
    z-index: 100001
}

.menu-mobile .first-level {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    -ms-align-items: stretch;
    -ms-align-content: stretch;
    -ms-justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: stretch;
    -webkit-align-content: stretch;
    -webkit-justify-content: space-between;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: stretch;
    justify-content: space-between;
    height: 40px
}

.menu-mobile .first-level li {
    margin: 0
}

.menu-mobile .first-level li.bottom-menu-bestellers,
.menu-mobile .first-level li.bottom-menu-newbooks,
.menu-mobile .first-level li.bottom-menu-editorials {
    border-right: 2px solid white;
    border-top: 2px solid white
}

.menu-mobile .first-level li.bottom-menu-bestellers a,
.menu-mobile .first-level li.bottom-menu-newbooks a,
.menu-mobile .first-level li.bottom-menu-editorials a {
    text-align: center;
    padding: 17px 5px;
    height: 100%
}

.menu-mobile .first-level>li {
    -webkit-box-flex: 1 0;
    -ms-flex: 1 0;
    -webkit-flex: 1 0;
    flex: 1 0;
    min-width: 0
}

.menu-mobile .first-level>li.hidden-menu {
    -webkit-box-flex: 0 0 30px;
    -ms-flex: 0 0 30px;
    -webkit-flex: 0 0 30px;
    flex: 0 0 30px;
    min-width: 0
}

.menu-mobile .first-level>li>.second-level {
    display: none
}

@media screen and (min-width:851px) {
    .menu-mobile .first-level>li:hover>.second-level {
        display: block
    }
}

.menu-mobile .first-level .second-level {
    display: none;
    position: fixed;
    top: 0;
    height: calc(100% - 54px);
    width: 100%;
    left: 0;
    overflow: auto;
    background: #585858;
    padding: 30px 15px
}

.menu-mobile .first-level .second-level li {
    display: block
}

.menu-mobile .first-level .second-level .seccio-titol a {
    display: block;
    padding: 8px 0
}

.menu-mobile .first-level .open-second-level {
    display: block;
    background: url("../img/icon-menu-dots.svg") no-repeat center center;
    background-size: 4px;
    width: 100%;
    height: 100%;
    transition: all 0.2s ease-in-out;
    border-top: 2px solid white
}

.menu-mobile .first-level .open-second-level.active {
    background: url("../img/icon-hamburger-menu-close.svg") no-repeat center center;
    border-top: 2px solid #585858
}

.menu-mobile .open-seccio-opcions {
    background: url(../img/down-arrow.png) no-repeat right 10px center
}

.menu-mobile .seccio-opcions {
    display: none
}

.menu-mobile .seccio {}

.menu-mobile .seccio .seccio-titol {
    position: relative;
}

.menu-mobile .seccio .seccio-titol a {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    font-weight: 700;
    color: white
}

.menu-mobile .seccio .seccio-titol a:link,
.menu-mobile .seccio .seccio-titol a:visited,
.menu-mobile .seccio .seccio-titol a:active {
    color: white
}

@media screen and (max-width:375px) {
    .menu-mobile .seccio .seccio-titol a {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 15px;
        line-height: 1.8rem
    }
}

.menu-mobile .seccio .dropdown-arrow {
    position: absolute;
    top: 0;
    right: 0;
    background: url('../img/down-arrow.png');
    background-position: center 15px;
    background-repeat: no-repeat;
    width: 42px;
    height: 42px;
    cursor: pointer
}

.menu-mobile .seccio ul.dropdown-box {
    padding: 5px 0 5px 25px;
    margin: 5px -15px;
    background: #8b8b8b;
    display: none;
    float: none
}

.menu-mobile .seccio .seccio-opcions {
    padding-top: 15px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem
}

.menu-mobile .seccio .seccio-opcions a {
    color: white
}

.menu-mobile .seccio .seccio-opcions a:link,
.menu-mobile .seccio .seccio-opcions a:visited,
.menu-mobile .seccio .seccio-opcions a:active {
    color: white
}

.menu-mobile .seccio .seccio-opcions .opcio,
.menu-mobile .seccio .seccio-opcions .tematica {
    position: relative;
    padding-left: 12px
}

.menu-mobile .seccio .seccio-opcions .opcio:hover,
.menu-mobile .seccio .seccio-opcions .tematica:hover {
    color: #fff
}

.menu-mobile .seccio .seccio-opcions .opcio:hover a,
.menu-mobile .seccio .seccio-opcions .tematica:hover a {
    color: #fff
}

.menu-mobile .seccio .seccio-opcions.dues-columnes .opcio,
.menu-mobile .seccio .seccio-opcions.dues-columnes .tematica {
    display: inline-block;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.menu-mobile .seccio .seccio-opcions .opcio:before,
.menu-mobile .seccio .seccio-opcions .tematica:before {
    position: absolute;
    left: 0px;
    top: 3px
}

.menu-mobile .seccio .seccio-opcions .opcio.nova:before,
.menu-mobile .seccio .seccio-opcions .tematica.nova:before {
    font-family: Arial, verdana, sans-serif;
    content: '\2022';
    color: #298ccf;
    font-size: 1.2em;
    top: 2px
}

@media screen and (max-width:375px) {
    .menu-mobile .second-level .seccio .seccio-titol a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17.5px;
        line-height: 2.1rem
    }
}

.menu-mobile .xxss-box .seccio-titol {
    font-weight: 500;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 85px;
    padding-top: 10px
}

.menu-mobile .xxss-box .xxss-list {
    display: inline-block;
    vertical-align: top;
    width: 65%
}

.menu-mobile .xxss-box .xxss-list a.xxss-icon {
    color: white
}

.menu-mobile .xxss-box .xxss-list a.xxss-icon .icon-xxss-territoriolector:before {
    color: #383838
}

.menu-mobile .xxss-box .xxss-list a.xxss-icon .icon-xxss-territoriolector:after {
    color: #a0a0a0
}

.menu-mobile .xxss-box .xxss-list li {
    margin: 0 3px 6px
}

.menu-mobile .xxss-box .xxss-list li:nth-child(3n+4) {
    clear: both
}

@media screen and (min-width:500px) {
    .menu-mobile {
        display: none !important
    }
}

@media screen and (max-width:1200px) {
    .site-brand {
        padding-left: 5px
    }
}

.recomendador-mobile {
    display: none;
    color: #fff;
    background: #383838;
    padding: 20px;
    width: 100%;
    text-align: center
}

.recomendador-mobile.active {
    display: block
}

.recomendador-mobile span {
    display: block
}

.megacercador-receptor {
    position: relative;
    clear: both
}

.megacercador-receptor .cap-resultat {
    padding-top: 40px;
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 4015;
    display: none;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 27.5px;
    line-height: 3.3rem;
    color: #fff
}

.megacercador-receptor .cap-resultat i {
    font-family: Georgia, serif;
    color: #ccc
}

.megacercador {
    position: relative;
    color: #fff;
    padding: 0px;
    z-index: 1050;
    float: left;
    width: 710px;
    width: calc(100% - 251px - 165px)
}

.megacercador .megacercador-casella {
    display: inline-block;
    vertical-align: top;
    width: 560px;
    width: calc(100% - 120px);
    max-width: 100%;
    color: #8a8a8a;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    font-weight: 300;
    height: 62px;
    padding-left: 70px;
    margin-right: 0px;
    border: 0px;
    background: url('../img/ico-lupa-search.png') no-repeat 30px center
}

.megacercador .megacercador-enviar {
    display: inline-block;
    text-transform: none;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    background-color: #298ccf;
    color: #fff;
    height: 62px;
    width: 120px;
    margin-left: 0px
}

.megacercador .megacercador-enviar:hover {
    background-color: #216fa4
}

.megacercador.active {
    background-color: #525252;
    z-index: 4010
}

.megacercador.active label {
    color: #fff
}

.megacercador .megacercador-tancar {
    display: none;
    position: absolute;
    cursor: pointer;
    right: -180px;
    top: 10px
}

.megacercador .megacercador-tancar:hover {
    color: #298ccf
}

.megacercador-fons {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.9);
    z-index: 4000;
    min-height: 100vh;
    height: 120vh
}

.megacercador-resultats {
    position: absolute;
    width: 100% !important;
    top: 40px !important;
    left: 0px !important;
    right: 0px !important;
    z-index: 4014;
    background: transparent;
    height: 70vh;
    overflow-y: scroll
}

.megacercador-resultats * {
    background: none;
    border: 0;
    position: relative;
    float: none
}

.megacercador-resultats li {
    position: relative;
    background: none;
    float: left
}

.megacercador-resultats .portada img {
    opacity: 0.8
}

.megacercador-resultats li:hover .portada img {
    opacity: 1
}

body.megacercador-obert {
    overflow: hidden;
    height: 100vh
}

.ui-helper-hidden-accessible {
    display: none
}

.header-prensa {
    width: 100%;
    min-height: 40px;
    padding-top: 10px;
    position: relative;
    background: #fff;
    z-index: 99999
}

.header-prensa .wrapper {
    position: relative
}

.header-prensa .site-brand {
    float: left;
    width: 254px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out
}

.header-prensa .site-brand img {
    width: 100%
}

.header-prensa .logo-segell {
    max-width: 700px;
    float: right;
    text-align: right;
    margin-top: 5px
}

.header-prensa .logo-segell .text {
    float: left;
    color: #298ccf;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    font-weight: 600;
    margin-right: 20px;
    line-height: 60px
}

.header-prensa .logo-segell .logo {
    float: left
}

@media screen and (max-width:850px) {
    .header-prensa .logo-segell .text {
        line-height: 35px
    }
    .header-prensa .logo-segell .logo img {
        max-width: 160px
    }
}

@media screen and (max-width:500px) {}

html[lang="pt-br"] .megacercador,
html[lang="pt-pt"] .megacercador {
    width: calc(100% - 251px - 195px)
}

@media screen and (max-width:850px) {
    body {
        padding-top: 45px
    }
    body.prensa {
        padding-top: 0px
    }
    .header {
        position: fixed;
        background: white;
        z-index: 100000;
        top: 0;
        left: 0;
        -webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.3)
    }
    .header .wrapper-cercador.cercador-actiu .nav-tematiques,
    .header .wrapper-cercador.cercador-actiu .user-login-nav,
    .header .wrapper-cercador.cercador-actiu .clearfix,
    .header .wrapper-cercador.cercador-actiu .megacercador .megacercador-enviar {
        display: none
    }
    .header .wrapper-cercador.cercador-actiu .placeholder-cercador-nofixed,
    .header .wrapper-cercador.cercador-actiu .megacercador {
        width: 100%
    }
    .header .wrapper .altres-apartats {
        height: 100%;
        -webkit-box-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
        -webkit-flex: 0 0 35%;
        flex: 0 0 35%;
        min-width: 0
    }
    .header .wrapper .altres-apartats li.activable {
        height: 60px
    }
    .header .wrapper .altres-apartats li.activable.trigger-search #desplega-cercador {
        background: url("../img/megacercador-lupa-blanca-gran.svg") no-repeat center center #298ccf;
        background-size: 30px;
        display: block;
        width: 60px;
        height: 60px;
        margin: 0 0 0 5px
    }
    .header .wrapper .altres-apartats li.activable.trigger-search.active {
        background: none
    }
    .header .wrapper .altres-apartats li.activable.trigger-search i {
        display: none
    }
    .header .wrapper .site-brand {
        -webkit-box-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
        -webkit-flex: 0 0 35%;
        flex: 0 0 35%;
        min-width: 0
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada {
        margin: 0 5px 0 0
    }
}

@media screen and (max-width:500px) {
    .header .wrapper .site-brand {
        -webkit-box-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
        -webkit-flex: 0 0 40%;
        flex: 0 0 40%;
        min-width: 0;
        padding-top: 5px
    }
    .header .wrapper .altres-apartats {
        -webkit-box-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
        -webkit-flex: 0 0 30%;
        flex: 0 0 30%;
        min-width: 0
    }
    .header .wrapper .altres-apartats li.activable {
        height: 40px
    }
    .header .wrapper .altres-apartats li.activable.trigger-search #desplega-cercador {
        width: 40px;
        height: 40px;
        margin: 0 0 0 5px;
        background-size: 22px
    }
    .header .wrapper .altres-apartats li.activable #desplega-login img {
        height: 26px;
        width: 26px
    }
}

.footer {
    clear: both;
    padding-top: 30px;
    padding-bottom: 50px;
    background-color: #f1f1f1;
    color: #585858
}

.footer a {
    color: #585858
}

.footer .footer-box {
    width: 25%;
    margin-bottom: 20px;
    float: left
}

.footer .footer-box .tipus {
    color: #298ccf;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    margin-bottom: 10px
}

.footer .footer-box .tipus .oh-libros {
    color: #298ccf
}

.footer .footer-list {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    list-style-type: none;
    margin-left: 0px
}

.footer .credits-box {
    clear: both;
    padding-top: 50px;
    color: #585858;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    line-heigth: 30px
}

.footer .credits-box a {
    color: #585858
}

.footer .credits-box img {
    vertical-align: middle
}

.footer .credits-box .credits-content {
    margin-bottom: 20px;
    display: inline-block
}

.footer .credits-box .credits-content a {
    padding: 0px 10px 0px 0px;
    white-space: nowrap
}

.footer .credits-box .credits-content-right {
    margin-bottom: 20px;
    display: inline-block;
    margin-right: 30px;
    float: right;
    text-align: right
}

.footer .credits-box .credits-content-right a {
    padding: 0px 10px 0px 0px;
    white-space: nowrap
}

.footer .credits-box .credits-content-right a+a {
    border-left: 1px solid #585858;
    padding-left: 10px
}

.footer .credits-box .credits-content-right a:last-child {
    padding-right: 0px
}

.footer .credits-box .credits-content-right .copyright {
    margin-top: 10px;
    padding-right: 10px;
    display: flex;
    flex-direction: row;
    justify-content: end
}

.footer .credits-box .credits-content-right .copyright p {
    margin: 0
}

.footer-segells {
    padding: 0px 50px 25px;
    position: relative;
    max-height: 130px
}

.slider-segells.owl-carousel .owl-item {
    height: 100px;
    line-height: 100px;
    text-align: center
}

.slider-segells.owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.slider-segells .owl-prev {
    position: absolute;
    left: -40px;
    top: 40px
}

.slider-segells .owl-next {
    position: absolute;
    right: -40px;
    top: 40px
}

.xxss-list li {
    float: left;
    margin-right: 10px
}

a.xxss-icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 35px;
    background: #7f7f7f;
    color: #eee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

a.xxss-icon:hover {
    color: #fff;
    background: #6f6f6f
}

@media screen and (max-width:1200px) {
    .footer .wrapper {
        padding: 10px
    }
}

@media screen and (max-width:849px) {
    .footer .footer-box {
        width: 33%
    }
    .footer .footer-box:nth-of-type(4) {
        clear: both
    }
    .footer .credits-box .credits-content-right {
        text-align: center
    }
}

@media screen and (max-width:499px) {
    .footer {
        padding: 0
    }
    .footer .footer-segells {
        display: none
    }
    .footer ul.xxss-list {
        display: flex;
        justify-content: center
    }
    .footer .footer-box {
        width: 100%;
        text-align: center;
        padding-top: 10px
    }
    .footer .footer-box.footer-xxss {
        display: block;
        width: 100%;
        float: none
    }
    .footer .footer-box .footer-list li {
        margin: 0 0 5px 0
    }
    .footer .credits-box {
        padding: 10px
    }
    .footer .credits-box .credits-content {
        display: flex;
        justify-content: center
    }
    .footer .credits-box .credits-content a {
        padding: 0
    }
    .footer .credits-box .credits-content-right {
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin-right: 0px;
        width: 100%
    }
    .footer .credits-box .credits-content-right a {
        border-left: 0px;
        padding: 0
    }
    .footer .credits-box .credits-content-right a+a {
        border-left: 0px;
        padding: 5px 0 0 0
    }
    .footer .credits-box .credits-content-right .copyright {
        padding: 0;
        flex-direction: column
    }
    .footer .credits-box .credits-content-right .copyright p {
        margin: 0px
    }
}

body.frozen {
    overflow: hidden
}

.contingut-principal {
    padding: 30px 0px 0px;
    clear: both
}

body.home .contingut-principal {
    padding: 0
}

.contingut-principal .wrapper {
    position: relative;
    padding-bottom: 50px
}

.prensa .contingut-principal .wrapper {
    background-color: #f1f1f1
}

.prensa .contingut-principal .wrapper .rotador,
.prensa .contingut-principal .wrapper .fitxa .bloc {
    background: transparent
}

.contingut-principal .botons-laterals {
    background: #298ccf;
    position: fixed;
    top: 65%;
    transform: translateY(-50%);
    right: 0px;
    padding: 7px 4px;
    z-index: 999;
    text-transform: uppercase;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.contingut-principal .botons-laterals:empty {
    display: none
}

.contingut-principal .botons-laterals .tornar-a-dalt {
    display: none
}

.contingut-principal .botons-laterals .tornar-a-dalt,
.contingut-principal .botons-laterals .no-te-pierdas,
.contingut-principal .botons-laterals .filtrar {
    text-align: center;
    color: #f4f4f4;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    padding: 10px 0px;
    min-width: 48px;
    border-bottom: 1px solid #1f6b9e
}

.contingut-principal .botons-laterals .tornar-a-dalt a,
.contingut-principal .botons-laterals .no-te-pierdas a,
.contingut-principal .botons-laterals .filtrar a {
    color: #f4f4f4
}

.contingut-principal .botons-laterals .tornar-a-dalt a i,
.contingut-principal .botons-laterals .no-te-pierdas a i,
.contingut-principal .botons-laterals .filtrar a i,
.contingut-principal .botons-laterals .tornar-a-dalt a img,
.contingut-principal .botons-laterals .no-te-pierdas a img,
.contingut-principal .botons-laterals .filtrar a img,
.contingut-principal .botons-laterals .tornar-a-dalt a svg,
.contingut-principal .botons-laterals .no-te-pierdas a svg,
.contingut-principal .botons-laterals .filtrar a svg {
    color: #fff;
    display: block;
    margin: 0px auto
}

.contingut-principal .botons-laterals .tornar-a-dalt:last-child,
.contingut-principal .botons-laterals .no-te-pierdas:last-child,
.contingut-principal .botons-laterals .filtrar:last-child {
    border-bottom: 0px
}

.contingut-principal.fons-tematica {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%
}

.contingut-principal.fons-seleccions {
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    background-position: right 60px
}

.contingut-principal.quriobot {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    min-height: 490px;
    background-size: cover
}

.contingut-principal.fons-nadal {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    background-image: url('../img/nadal/fondo-nieve.jpg')
}

.contingut-principal.fons-nadal.fons-nadal-ca {
    background-image: url('../img/nadal/fondo-nieve-ca.jpg')
}

.contingut-principal.fons-nadal.fons-nadal-ar,
.contingut-principal.fons-nadal.fons-nadal-br,
.contingut-principal.fons-nadal.fons-nadal-cl,
.contingut-principal.fons-nadal.fons-nadal-co,
.contingut-principal.fons-nadal.fons-nadal-ec,
.contingut-principal.fons-nadal.fons-nadal-pe,
.contingut-principal.fons-nadal.fons-nadal-uy,
.contingut-principal.fons-nadal.fons-nadal-ve {
    background-image: url('../img/nadal/fondo-estrellas-latam.jpg')
}

.contingut-principal .titol-pagina {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 40px;
    line-height: 4.8rem;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase
}

.contingut-principal .intro-llibres {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    font-weight: 500
}

.contingut-principal .boto-tematic {
    width: 100%;
    text-align: center;
    margin-top: 10px
}

.contingut-principal .boto-tematic a {
    padding: 10px 25px
}

.contingut-principal .tematica-intro .titol-pagina {
    margin-bottom: 10px
}

@media screen and (max-width:500px) {
    .contingut-principal .tematica-intro .titol-pagina {
        font-size: 2rem;
        line-height: 2rem
    }
}

.contingut-principal .tematica-intro .descripcio {
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem;
    margin-bottom: 20px
}

@media screen and (max-width:500px) {
    .contingut-principal .tematica-intro .descripcio {
        margin-bottom: -10px
    }
}

.contingut-principal .tematica-intro .accions {
    margin-bottom: 10px
}

.contingut-principal .tematica-intro .accions .btn {
    color: #fff;
    padding: 15px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    background: #383838
}

.contingut-principal .tematica-intro .accions .btn:hover {
    background: #298ccf
}

.banner-tematic {
    margin-bottom: 20px
}

.banner-tematic .amagar-desktop {
    display: none !important
}

.banner-tematic .amagar-mobil {
    display: block !important
}

.banner-tematic img {
    max-width: 100%
}

.banner-tematic .owl-carousel .owl-prev,
.banner-tematic .owl-carousel .owl-next {
    color: #fff;
    position: absolute;
    left: 30px;
    opacity: 1;
    top: 50%;
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    transform: translateY(-60%)
}

.banner-tematic .owl-carousel .owl-prev:hover,
.banner-tematic .owl-carousel .owl-next:hover {
    color: #e6e6e6
}

.banner-tematic .owl-carousel .owl-next {
    right: 30px;
    left: auto
}

.fil-dariadna {
    padding-right: 20px;
    margin-top: 7px
}

.fil-dariadna ol li {
    display: inline-block
}

.fil-dariadna ol li a>span {
    font-weight: 700
}

.fil-dariadna ol li:last-child a {
    pointer-events: none
}

.fil-dariadna ol li:last-child a span {
    font-weight: 500
}

.pujar {
    border-bottom: 1px solid rgba(56, 56, 56, 0.2);
    padding-bottom: 20px;
    text-align: right;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    text-transform: uppercase
}

.pujar a {
    color: #298ccf
}

.modal .registre-box .politiques {
    margin: 10px 0px
}

.tematica-bloc-superior {
    background-color: rgba(238, 238, 238, .9);
    padding: 10px 50px 0px
}

.tematica-bloc-superior .fil-dariadna,
.bloc-superior .fil-dariadna {
    float: left
}

.tematica-bloc-superior .xarxes-socials,
.bloc-superior .xarxes-socials {
    float: right
}

.tematica-bloc-superior .xarxes-socials .share-xxss,
.bloc-superior .xarxes-socials .share-xxss {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.tematica-bloc-superior .clearfix,
.bloc-superior .clearfix {
    padding-top: 7px;
    border-bottom: 1px solid #383838;
    border-bottom: 1px solid rgba(56, 56, 56, 0.2)
}

.prensa-superior {
    padding: 10px 50px 0px
}

.prensa-superior .back-page {
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem
}

.prensa-superior .back-page a {
    color: #298ccf
}

.prensa-superior .back-page a:hover {
    color: #a2cff0
}

.prensa-superior .caixa-blanca {
    background: #fff;
    padding: 20px 25px 15px;
    margin: 25px 0px
}

.prensa-superior .caixa-blanca .contactos {
    float: left;
    padding-bottom: 7px
}

.prensa-superior .caixa-blanca .contactos .contactos-titol {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem;
    margin-bottom: 5px
}

.prensa-superior .caixa-blanca .contactos .contacto {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem
}

.prensa-superior .caixa-blanca .contactos .contacto .name strong,
.prensa-superior .caixa-blanca .contactos .contacto .phone strong,
.prensa-superior .caixa-blanca .contactos .contacto .fax strong,
.prensa-superior .caixa-blanca .contactos .contacto .email strong {
    font-weight: 700
}

.prensa-superior .caixa-blanca .contactos .contacto+.contacto {
    margin-top: 7px;
    padding-top: 7px;
    border-top: 1px solid #383838;
    border-top: 1px solid rgba(56, 56, 56, 0.2)
}

.prensa-superior .caixa-blanca .contactos .volver {
    display: inline-block;
    padding-top: 20px;
    font-weight: 700
}

.prensa-superior .caixa-blanca .zona-inferior {
    clear: both
}

.prensa-superior .caixa-blanca .navegacio-mesos {
    float: left;
    margin-top: 7px
}

.prensa-superior .caixa-blanca .navegacio-mesos .menu {
    float: left
}

.prensa-superior .caixa-blanca .navegacio-mesos .menu .intro {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    font-weight: 700;
    color: #585858;
    padding-right: 7px
}

.prensa-superior .caixa-blanca .navegacio-mesos .menu>ul {
    display: inline-block
}

.prensa-superior .caixa-blanca .navegacio-mesos .menu>ul>li {
    display: inline-block;
    margin-bottom: 0;
    position: relative
}

.prensa-superior .caixa-blanca .navegacio-mesos .menu>ul>li span {
    font-family: 'Arial', 'Verdana', sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    padding: 6px 11px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #585858;
    border: 1px solid #8a8a8a;
    display: block;
    margin-right: 6px;
    font-weight: 600
}

.prensa-superior .caixa-blanca .navegacio-mesos .menu>ul>li>a {
    font-family: 'Arial', 'Verdana', sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    padding: 6px 11px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #585858;
    border: 1px solid #8a8a8a;
    display: block;
    margin-right: 6px;
    font-weight: 600
}

.prensa-superior .caixa-blanca .navegacio-mesos .menu>ul>li.triat a {
    color: #298ccf;
    background: #e4f1fa;
    border-color: #298ccf
}

.prensa-superior .caixa-blanca .navegacio-mesos .menu>ul>li.veure-mes {
    display: inline-block;
    position: relative
}

.prensa-superior .caixa-blanca .navegacio-mesos .menu>ul>li .submenu_plegat {
    display: none
}

.prensa-superior .caixa-blanca .navegacio-mesos .menu>ul>li .submenu_plegat li {
    margin: 0
}

.prensa-superior .caixa-blanca .navegacio-mesos .menu>ul>li.active .submenu_plegat {
    z-index: 500;
    display: block;
    position: absolute;
    background: #dbdbdb;
    padding: 6px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.prensa-superior .caixa-blanca .navegacio-mesos .menu>ul>li.active .submenu_plegat a {
    display: block;
    padding: 3px 20px 3px 15px;
    font-family: 'Arial', 'Verdana', sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 500
}

.prensa-superior .caixa-blanca .navegacio-mesos .menu>ul>li.active .submenu_plegat li.triat>a {
    font-weight: 600
}

.prensa-superior .caixa-blanca .navegacio-mesos .menu>ul>li .tres-puntets {
    border-color: #dbdbdb;
    background: #dbdbdb
}

.prensa-superior .caixa-blanca .descarrega-pdf-novetats {
    float: right
}

.prensa-superior .caixa-blanca .descarrega-pdf-novetats a {
    margin-top: 7px;
    display: inline-block;
    padding-right: 50px;
    background: url('../img/ico-pdf.png') no-repeat right top;
    min-height: 50px;
    line-height: 40px;
    font-weight: 700;
    float: right
}

.prensa-superior .titol_avance_novedades {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32.5px;
    line-height: 3.9rem;
    font-weight: 500
}

.prensa-superior .titol_avance_novedades strong {
    font-weight: 700
}

.bloc-superior {
    margin-bottom: 20px
}

.submenu-tematicas {
    background-color: rgba(238, 238, 238, .9);
    padding: 0px 50px;
    line-height: 50px
}

.submenu-tematicas .menu,
.submenu-tematicas .menu-dreta {
    float: left
}

.submenu-tematicas .menu ul,
.submenu-tematicas .menu-dreta ul {
    display: inline-block
}

.submenu-tematicas .menu ul li,
.submenu-tematicas .menu-dreta ul li {
    display: inline-block;
    margin-bottom: 0;
    position: relative
}

.submenu-tematicas .menu ul li a,
.submenu-tematicas .menu-dreta ul li a,
.submenu-tematicas .menu ul li span,
.submenu-tematicas .menu-dreta ul li span {
    display: block;
    margin-right: 13px;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 600
}

.submenu-tematicas .menu ul li.triat a,
.submenu-tematicas .menu-dreta ul li.triat a {
    color: #298ccf;
    border-bottom: 4px solid #298ccf
}

.submenu-tematicas .menu ul li.veure-mes,
.submenu-tematicas .menu-dreta ul li.veure-mes {
    display: inline-block
}

.submenu-tematicas .menu ul li .submenu_plegat,
.submenu-tematicas .menu-dreta ul li .submenu_plegat {
    display: inline
}

.submenu-tematicas .menu ul li .tres-puntets,
.submenu-tematicas .menu-dreta ul li .tres-puntets {
    display: none
}

.submenu-tematicas .menu-esquerra {
    float: left;
    width: 250px;
    margin-top: 10px
}

.submenu-tematicas .menu-esquerra .tematiques-infantil {
    background-color: COLOR_INFANTIL;
    color: #fff;
    border-radius: 0;
    position: relative
}

.submenu-tematicas .menu-esquerra .tematiques-infantil .dropdown-toggle {
    text-transform: uppercase;
    display: block;
    padding: 0 20px;
    width: 100%;
    position: relative
}

.submenu-tematicas .menu-esquerra .tematiques-infantil .dropdown-toggle:after {
    content: '';
    display: block;
    position: absolute;
    top: 10%;
    right: 5px;
    background: url(../img/down-arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 42px;
    height: 42px;
    transition: transform 0.2s ease-out
}

.submenu-tematicas .menu-esquerra .tematiques-infantil ul {
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.2s ease-out;
    position: absolute;
    z-index: 100000;
    background-color: COLOR_INFANTIL;
    top: 100%;
    overflow: hidden;
    border-radius: 0;
    display: grid;
    grid-template-rows: repeat(9, 1fr);
    grid-auto-flow: column;
    padding: 10px 0
}

.submenu-tematicas .menu-esquerra .tematiques-infantil ul li {
    margin: 0;
    display: flex
}

.submenu-tematicas .menu-esquerra .tematiques-infantil ul li a {
    color: #fff;
    padding: 0 40px;
    width: 100%;
    white-space: nowrap
}

.submenu-tematicas .menu-esquerra .tematiques-infantil ul li a:hover {
    background: COLOR_INFANTIL_CLAR
}

.submenu-tematicas .menu-esquerra .tematiques-infantil.active ul {
    transform: scaleY(1)
}

.submenu-tematicas .menu-esquerra .tematiques-infantil.active .dropdown-toggle:after {
    transform: rotate(180deg)
}

.submenu-tematicas .menu-dreta {
    float: right;
    margin-top: 10px
}

.submenu-tematicas .menu-dreta span {
    display: inline-block;
    margin-right: 7px;
    text-transform: uppercase
}

.submenu-tematicas .menu-dreta>ul>li {
    margin: 0px 3px;
    padding: 0px
}

.submenu-tematicas .menu-dreta>ul>li a {
    line-height: 30px;
    background: COLOR_INFANTIL;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0px 10px;
    margin: 0px
}

.submenu-tematicas .menu-dreta>ul>li.triat a {
    color: #fff;
    background: COLOR_INFANTIL;
    border-bottom: 0px
}

.submenu-tematicas .menu-dreta>ul>li.infantil a {
    background: #a0a0a0;
    border-bottom: 0px
}

.submenu-tematicas .menu-dreta>ul>li .edat {
    display: inline-block;
    font-family: sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem
}

.submenu-tematicas .clearfix {
    border-bottom: 1px solid #383838;
    border-bottom: 1px solid rgba(56, 56, 56, 0.2)
}

@media screen and (max-width:850px) {
    .submenu-tematicas {
        padding: 0px 10px;
        background: transparent;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 16.25px;
        line-height: 1.95rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 20px
    }
    .submenu-tematicas .menu-esquerra {
        margin: 0;
        width: auto
    }
    .submenu-tematicas .menu-esquerra .tematiques-infantil {
        margin: 0;
        border-radius: 0;
        background: COLOR_INFANTIL_CLAR;
        text-align: center
    }
    .submenu-tematicas .menu-esquerra .tematiques-infantil.active {
        background: COLOR_INFANTIL
    }
    .submenu-tematicas .menu-esquerra .tematiques-infantil.active ul {
        display: block
    }
    .submenu-tematicas .menu-esquerra .tematiques-infantil .dropdown-toggle {
        display: block;
        color: #fff;
        padding: 7px 10px;
        cursor: pointer;
        text-transform: uppercase
    }
    .submenu-tematicas .menu-esquerra .tematiques-infantil .dropdown-toggle:after {
        display: none
    }
    .submenu-tematicas .menu-esquerra .tematiques-infantil ul {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
        width: 100vw;
        left: -20px;
        border-radius: 0;
        top: 100%;
        transform: none;
        display: none
    }
    .submenu-tematicas .menu-esquerra .tematiques-infantil ul li a {
        padding: 7px 10px 7px 30px;
        text-align: left
    }
    .submenu-tematicas .menu ul {
        width: 100%;
        height: 100%
    }
    .submenu-tematicas .menu ul li {
        width: 100%;
        height: 100%;
        position: relative;
        margin-bottom: 10px;
        text-align: center
    }
    .submenu-tematicas .menu ul li .dropdown-toggle {
        margin: 0;
        background-color: COLOR_INFANTIL_CLAR
    }
    .submenu-tematicas .menu ul li a,
    .submenu-tematicas .menu ul li span {
        color: #fff;
        padding: 7px 10px;
        cursor: pointer;
        text-transform: uppercase
    }
    .submenu-tematicas .menu ul li a a:active,
    .submenu-tematicas .menu ul li span a:active {
        background: COLOR_INFANTIL_CLAR
    }
    .submenu-tematicas .menu ul li.triat a {
        color: #fff;
        border-bottom: 0px
    }
    .submenu-tematicas .menu ul li.veure-mes {
        display: inline-block
    }
    .submenu-tematicas .menu ul li ul,
    .submenu-tematicas .menu ul li ul.submenu_plegat {
        display: none
    }
    .submenu-tematicas .menu ul li .edat {
        display: inline-block;
        font-family: sans-serif;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 15px;
        line-height: 1.8rem
    }
    .submenu-tematicas .menu ul li.active .dropdown-toggle {
        background-color: COLOR_INFANTIL
    }
    .submenu-tematicas .menu ul li.active ul {
        position: absolute;
        width: 100vw;
        right: -20px;
        z-index: 1000;
        display: block !important;
        background: COLOR_INFANTIL;
        height: auto;
        padding: 10px 0
    }
    .submenu-tematicas .menu ul li.active ul li {
        display: flex;
        margin: 0
    }
    .submenu-tematicas .menu ul li.active ul li a {
        padding: 7px 10px 7px 30px;
        width: 100%;
        margin: 0;
        text-align: left;
        text-transform: lowercase
    }
    .submenu-tematicas .menu ul li.active ul li a:first-letter {
        text-transform: capitalize
    }
    .submenu-tematicas .menu ul li.active ul li a:active {
        background-color: COLOR_INFANTIL_CLAR
    }
    .submenu-tematicas .menu ul li.active ul li.triat a {
        white-space: nowrap;
        background: transparent
    }
    .submenu-tematicas .menu ul li.veure-mes a.tres-puntets {
        display: block;
        background-color: transparent;
        color: #000;
        margin-bottom: 0px;
        margin-right: 0px
    }
    .submenu-tematicas .menu ul li.veure-mes a.tres-puntets:before {
        font-family: "pdlfont" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        font-size: 25px;
        vertical-align: -30%;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: 'T'
    }
    .submenu-tematicas .menu ul li.veure-mes.active {
        background: #383838
    }
    .submenu-tematicas .menu ul li.veure-mes.active a {
        color: #fff;
        border-bottom: 4px solid #383838
    }
    .submenu-tematicas .menu ul li.veure-mes.active ul.submenu_plegat {
        right: 0px;
        top: 38px;
        left: auto
    }
    .submenu-tematicas .menu-dreta {
        display: none
    }
    .submenu-tematicas .clearfix {
        border-bottom: 0px
    }
}

@media screen and (max-width:1200px) {
    .bloc-superior {
        padding-left: 5px;
        padding-right: 5px
    }
    .contingut-principal {
        padding: 30px 10px 0px
    }
    body.home .contingut-principal {
        padding: 0
    }
    .menu-editorials {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (max-width:850px) {
    body.home .contingut-principal {
        padding: 0 10px 0 10px
    }
    .contingut-principal .tematica-bloc-superior {
        padding: 10px 10px 0px
    }
    .contingut-principal .tematica-bloc-superior .xarxes-socials strong {
        display: none
    }
    .contingut-principal .edats-amb-submenu {
        padding: 20px 10px
    }
}

@media screen and (max-width:500px) {
    .contingut-principal {
        padding: 10px 10px 0px
    }
    .contingut-principal .titol-pagina {
        line-height: 2.5rem;
        text-transform: none !important
    }
    .contingut-principal .boto-tematic a {
        width: 100%;
        padding: 13px 25px
    }
    .contingut-principal.fons-tematica,
    .contingut-principal.fons-seleccions {
        background-image: none !important
    }
    .contingut-principal.quriobot {
        background-image: none !important
    }
    .contingut-principal.fons-nadal {
        background-image: url('../img/nadal/fondo-nieve-mobile.jpg')
    }
    .contingut-principal.fons-nadal.fons-nadal-ca {
        background-image: url('../img/nadal/fondo-nieve-mobile-ca.jpg')
    }
    .contingut-principal .tematica-intro {
        margin-bottom: 25px
    }
    .contingut-principal .tematica-intro .descripcio {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17.5px;
        line-height: 2.1rem;
        line-height: 1.4rem !important
    }
    .contingut-principal .tematica-intro .accions .btn {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 15px;
        line-height: 1.8rem;
        padding: 10px
    }
    .contingut-principal .tematica-intro .fletxa a {
        color: #298ccf
    }
    .contingut-principal .tematica-bloc-superior {
        display: none
    }
    .contingut-principal .llibres-miniatures .portada {
        margin-bottom: 5px
    }
    .contingut-principal .llibres-miniatures .portada .tagmanager img {
        box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.2) !important;
        max-width: 85%
    }
    .contingut-principal .llibres-miniatures .titol {
        line-height: 1.2rem !important
    }
    .contingut-principal .llibres-miniatures .tematiques {
        margin-top: 0px
    }
    .contingut-principal .llibres-miniatures .comprar {
        margin-top: 5px
    }
    .tematica-bloc-superior,
    .bloc-superior {
        margin-bottom: 5px
    }
    .tematica-bloc-superior .fil-dariadna,
    .bloc-superior .fil-dariadna {
        display: none
    }
    .tematica-bloc-superior .xarxes-socials,
    .bloc-superior .xarxes-socials {
        float: left
    }
    .tematica-bloc-superior .xarxes-socials>strong,
    .bloc-superior .xarxes-socials>strong {
        display: none
    }
    .tematica-bloc-superior .xarxes-socials .icon-share,
    .bloc-superior .xarxes-socials .icon-share {
        background: rgba(238, 238, 238, .9);
        padding: 3px 7px;
        color: #000
    }
    .tematica-bloc-superior .xarxes-socials .share-xxss:not(.desplegat):hover .compactats,
    .bloc-superior .xarxes-socials .share-xxss:not(.desplegat):hover .compactats,
    .tematica-bloc-superior .xarxes-socials .share-xxss.active:not(.desplegat) .compactats,
    .bloc-superior .xarxes-socials .share-xxss.active:not(.desplegat) .compactats {
        right: auto;
        left: 0px;
        top: 35px;
        background: transparent
    }
    .tematica-bloc-superior>.clearfix,
    .bloc-superior>.clearfix {
        border-bottom: 0px;
        clear: none
    }
    .tematica-bloc-superior .abecedari,
    .bloc-superior .abecedari {
        margin: 0px 20px
    }
    .tematica-bloc-superior .abecedari .clearfix,
    .bloc-superior .abecedari .clearfix {
        padding-top: 0px;
        border-bottom: 0px
    }
    .tematica-bloc-superior+div,
    .bloc-superior+div {
        clear: both;
        margin-top: 10px
    }
    .banner-tematic .amagar-desktop {
        display: block !important
    }
    .banner-tematic .amagar-mobil {
        display: none !important
    }
    .banner-tematic .owl-carousel .owl-prev,
    .banner-tematic .owl-carousel .owl-next {
        display: none !important
    }
}

.videos iframe {
    max-width: 100%
}

.contingut-principal>.wrapper>.caixa-filtres-cercador {
    margin-top: -30px
}

.contingut-principal>.wrapper>.caixa-filtres-cercador:empty {
    white-space: nowrap;
    margin-top: 0px;
    display: none
}

body.editorial .contingut-principal>.wrapper>.caixa-filtres-cercador {
    margin-top: 0px
}

body.editorial .resultat-cercador .titol-pagina,
body.editorial .resultat-cercador .qtt-resultats-cercador {
    display: none
}

.botons-de-filtrar-i-ordenar {
    margin-top: 20px;
    margin-bottom: 10px
}

.botons-de-filtrar-i-ordenar>.netejar-filtres {
    margin-left: 14px;
    text-decoration: underline;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    line-height: 45px
}

.caixa-filtres-cercador {
    position: relative;
    width: 125px;
    height: 45px;
    float: left
}

.caixa-filtres-cercador .filtres-cercador-desplegar {
    border: 2px solid #298ccf;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 6px 15px 6px;
    color: #298ccf;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap
}

.caixa-filtres-cercador .filtres-cercador-desplegar img {
    vertical-align: middle
}

.caixa-filtres-cercador .filtres-cercador-desplegar i {
    color: #298ccf
}

.caixa-filtres-cercador .filtres-cercador-desplegar.loading img {
    display: none
}

.caixa-filtres-cercador .filtres-cercador-desplegar.loading .icon-loading {
    padding: 3px;
    display: inline-block !important
}

.caixa-filtres-cercador.actius .filtres-cercador-desplegar {
    color: #fff;
    background: #298ccf
}

.caixa-filtres-cercador.actius .filtres-cercador-desplegar i {
    color: #fff
}

.caixa-filtres-cercador .wrapper-filtres {
    position: absolute;
    top: -10px;
    padding: 20px;
    left: 0px;
    display: none
}

.caixa-filtres-cercador .wrapper-filtres .filtres-tancar {
    position: absolute;
    cursor: pointer;
    right: 10px;
    top: 10px;
    color: #000
}

.caixa-filtres-cercador .wrapper-filtres .titol-filtres {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32.5px;
    line-height: 3.9rem
}

.caixa-filtres-cercador .wrapper-filtres .netejar-filtres {
    text-decoration: underline;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador {
    margin-top: 10px;
    width: 100%;
    max-height: 300px;
    overflow-y: scroll
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li {
    border-top: 1px solid #383838;
    border-top: 1px solid rgba(56, 56, 56, 0.2);
    position: relative;
    margin-bottom: 0px
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li>a,
.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li>span {
    text-transform: uppercase;
    display: block;
    width: 100%;
    padding: 12px 15px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18.75px;
    line-height: 2.25rem;
    font-weight: 700;
    color: #000;
    cursor: pointer
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li>a:after,
.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li>span:after {
    position: absolute;
    top: 13px;
    right: 15px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18.75px;
    line-height: 2.25rem
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li>a.filtro_actual,
.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li>span.filtro_actual {
    color: #298ccf
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li>a.filtro_actual:after,
.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li>span.filtro_actual:after {
    content: ''
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li>a.filtro_seleccionado:after,
.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li>span.filtro_seleccionado:after {
    font-family: "pdlfont" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1em;
    vertical-align: -14%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "i";
    content: "S"
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li ul {
    display: none;
    padding-left: 15px;
    color: #000;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    line-height: 17.5px;
    line-height: 2.1rem
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li ul a {
    color: #000
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li ul li {
    position: relative;
    padding-left: 12px
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li ul li:hover {
    color: #298ccf
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li ul li:hover a {
    color: #298ccf
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li ul li.tatxa label {
    text-decoration: line-through
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li ul li.tatxa label input[type=checkbox] {
    visibility: hidden
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li ul li input[type=checkbox]:checked+span,
.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li ul li .filtro_actual {
    color: #298ccf;
    text-decoration: underline
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li.active ul {
    display: block
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li .filtro_actual+ul {
    display: none !important
}

.caixa-filtres-cercador .wrapper-filtres .action {
    text-align: center;
    border-top: 1px solid #383838;
    border-top: 1px solid rgba(56, 56, 56, 0.2);
    padding-top: 10px
}

.caixa-filtres-cercador .wrapper-filtres .action .aplicar-filtros {
    text-transform: uppercase;
    padding: 7px 15px
}

.caixa-filtres-cercador .wrapper-filtres.active {
    background: #fff;
    width: 300px;
    z-index: 990;
    display: block;
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3)
}

.caixa-filtres-cercador .wrapper-filtres.active .filtres-cercador-desplegar {
    color: #000;
    width: 100%
}

.caixa-filtres-cercador .wrapper-filtres.active .filtres-cercador-desplegar i {
    display: none
}

.cercador-superior {
    border-bottom: 1px solid #383838;
    border-bottom: 1px solid rgba(56, 56, 56, 0.2);
    margin-bottom: 25px
}

.cercador-superior.foreign-rights {
    border-bottom: 0;
    margin-bottom: 0px
}

.cercador-superior.foreign-rights .cataleg {
    max-width: 400px;
    background-color: #298ccf;
    padding: 15px;
    float: left;
    font-weight: 800;
    text-transform: uppercase
}

.cercador-superior.foreign-rights .cataleg a,
.cercador-superior.foreign-rights .cataleg a:hover {
    color: #fff
}

.cercador-superior.foreign-rights .ordenacio {
    margin-top: 15px
}

.cercador-superior .fil-dariadna {
    float: left
}

@media screen and (max-width:500px) {
    .cercador-superior {
        padding: 10px;
        margin: -20px -10px 25px
    }
    .cercador-superior.fons-tematic {
        padding: 10px 0px;
        background: rgba(238, 238, 238, .9) !important
    }
    .cercador-superior.foreign-rights .cataleg {
        float: none;
        margin: 0px 10px
    }
}

.ordenacio {
    float: right;
    position: relative;
    height: 45px;
    width: 170px
}

.ordenacio .opcions {
    position: absolute;
    cursor: pointer;
    top: 0px;
    right: 0px;
    width: auto;
    text-align: right;
    z-index: 450;
    background: #fff;
    border: 2px solid #298ccf;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 6px 15px 6px;
    color: #298ccf;
    text-transform: uppercase
}

.ordenacio .opcions li {
    display: none;
    white-space: nowrap
}

.ordenacio .opcions li a {
    color: #298ccf
}

.ordenacio .opcions li a:hover {
    color: #000
}

.ordenacio .opcions li.menu {
    display: block;
    margin-bottom: 0px;
    padding: 1px 0px
}

.ordenacio .opcions li:nth-child(n+2) {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem
}

.ordenacio .opcions.active {
    background: #fff;
    color: #298ccf
}

.ordenacio .opcions.active li {
    display: block
}

.ordenacio .opcions.active li.menu {
    margin-bottom: 10px
}

.paginacio {
    clear: both;
    margin: 50px 0px
}

.paginacio-filtres .paginacio-per-pagina {
    display: inline-block;
    margin-right: 80px
}

.paginacio-filtres .paginacio-per-pagina select {
    background: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #8a8a8a;
    padding: 2px 10px 2px 6px
}

.paginacio-filtres .paginacio-descripcio {
    display: inline-block;
    background: #efefef;
    padding: 5px 15px
}

.paginacio-filtres .paginacio-descripcio span {
    font-weight: 700
}

.paginacio-filtres .paginacio-numerica {
    display: inline-block;
    background: #efefef;
    padding: 5px
}

.paginacio-filtres .paginacio-numerica * {
    display: inline
}

.paginacio-filtres .paginacio-numerica .paginacio-anterior,
.paginacio-filtres .paginacio-numerica .paginacio-seguent {
    padding: 0px 15px
}

.paginacio-filtres .paginacio-numerica .paginacio-anterior a,
.paginacio-filtres .paginacio-numerica .paginacio-seguent a {
    color: #808080
}

.paginacio-filtres .paginacio-numerica .paginacio-anterior i,
.paginacio-filtres .paginacio-numerica .paginacio-seguent i {
    color: #000
}

.paginacio-filtres .paginacio-numerica .paginacio-anterior:hover,
.paginacio-filtres .paginacio-numerica .paginacio-seguent:hover {
    color: #000
}

.paginacio-filtres .paginacio-numerica .paginacio-anterior:empty,
.paginacio-filtres .paginacio-numerica .paginacio-seguent:empty {
    display: none
}

.paginacio-filtres .paginacio-numerica .paginacio-anterior {
    border-right: 1px solid #383838;
    border-right: 1px solid rgba(56, 56, 56, 0.2)
}

.paginacio-filtres .paginacio-numerica .paginacio-seguent {
    border-left: 1px solid #383838;
    border-left: 1px solid rgba(56, 56, 56, 0.2)
}

.paginacio-filtres .paginacio-numerica .paginacio-numeros {
    padding: 0px 15px
}

.paginacio-filtres .paginacio-numerica .paginacio-numeros .triat {
    font-weight: 700
}

@media screen and (max-width:500px) {
    .paginacio {
        margin: 25px 0px
    }
    .paginacio-filtres .paginacio-per-pagina,
    .paginacio-filtres .paginacio-descripcio,
    .paginacio-filtres .paginacio-numerica {
        display: block;
        margin: 8px auto;
        text-align: center
    }
    .paginacio-filtres .paginacio-numerica .paginacio-numeros a {
        padding: 0px 5px
    }
}

.capsa-filtres {
    margin: 10px 0px 20px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem
}

.capsa-filtres a,
.capsa-filtres span {
    float: left;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 8px;
    background: #efefef;
    color: #000;
    font-weight: 700;
    text-transform: uppercase
}

.fons_tematic .capsa-filtres a,
.fons_tematic .capsa-filtres span {
    background: #fff
}

.capsa-filtres .paraula_cercada {
    display: block;
    background-color: #383838 !important;
    color: #fff
}

.capsa-filtres .treure:before {
    padding-right: 6px;
    color: #585858
}

.capsa-filtres a:hover,
.capsa-filtres a:hover:before {
    color: #298ccf
}

.imatge-capcalera-tematica {
    background: rgba(238, 238, 238, .9);
    text-align: center
}

.resultat-cercador .titol-pagina {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32.5px;
    line-height: 3.9rem
}

.resultat-cercador .titol-seccio-buscador {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem
}

.resultat-cercador .qtt-resultats-cercador {
    margin-bottom: 20px
}

.resultat-cercador .caja_buscador_middle_secciones {
    margin-bottom: 15px
}

.resultat-cercador .caja_buscador_middle_secciones.owl-carousel {
    padding: 0px 40px;
    position: relative
}

.resultat-cercador .caja_buscador_middle_secciones.owl-carousel .owl-prev {
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.resultat-cercador .caja_buscador_middle_secciones.owl-carousel .owl-next {
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.resultat-cercador .caja_buscador_middle_secciones .titulo_seccion {
    font-weight: 700;
    color: #000
}

.resultat-cercador .caja_buscador_middle_secciones .seccion-banner {
    float: left;
    margin-bottom: 15px
}

.resultat-cercador .caja_buscador_middle_secciones .seccion-banner.un-banner {
    width: 100%
}

.resultat-cercador .caja_buscador_middle_secciones .seccion-banner.multiples-banners {
    margin-right: 30px;
    width: 90%;
    width: calc(100% - 15px)
}

.resultat-cercador .caja_buscador_middle_secciones .seccion-banner.multiples-banners img {
    width: 1140px
}

.resultat-cercador .caja_buscador_middle_secciones .seccion-banner .imatge {
    background: rgba(238, 238, 238, .9);
    width: 100%;
    height: 143px;
    overflow: hidden;
    -webkit-box-shadow: 10px 10px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 10px 10px 12px rgba(0, 0, 0, 0.3)
}

.resultat-cercador .caja_buscador_middle_secciones .seccion-banner .imatge .centrat {
    position: relative;
    height: 100%
}

.resultat-cercador .caja_buscador_middle_secciones .seccion-banner .imatge .centrat .text-banner {
    position: absolute;
    top: 15px;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 15px
}

.resultat-cercador .caja_buscador_middle_secciones .seccion-banner .imatge .centrat .text-banner .text {
    padding: 10px 0px
}

.resultat-cercador .caja_buscador_middle_secciones .seccion-banner .imatge .centrat .text-banner .btn {
    display: inline-block
}

.resultat-cercador .caja_buscador_middle_secciones .seccion-banner .imatge .centrat .text-complet {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0px;
    left: 0px;
    padding: 0px 10px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center
}

.resultat-cercador .caja_buscador_middle_secciones .seccion-banner:nth-child(n+2) {
    margin-right: 0px
}

.resultat-cercador .resultats-cerca-autor.owl-carousel {
    padding: 0px 40px;
    position: relative
}

.resultat-cercador .resultats-cerca-autor.owl-carousel .owl-prev {
    position: absolute;
    left: 0px;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.resultat-cercador .resultats-cerca-autor.owl-carousel .owl-next {
    position: absolute;
    right: 0px;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.resultat-cercador.amb-submenu {
    background-color: rgba(238, 238, 238, .9);
    padding: 20px 50px
}

@media screen and (min-width:1101px) {
    .resultat-cercador .caja_buscador_middle_secciones .seccion-banner.multiples-banners img {
        -webkit-transform: translateX(-41%);
        -ms-transform: translateX(-41%);
        transform: translateX(-41%)
    }
}

@media screen and (max-width:1100px) {
    .resultat-cercador .caja_buscador_middle_secciones .seccion-banner.un-banner img {
        float: right
    }
    .resultat-cercador .caja_buscador_middle_secciones .seccion-banner.multiples-banners img {
        float: right;
        -webkit-transform: translateX(7%);
        -ms-transform: translateX(7%);
        transform: translateX(7%)
    }
}

@media screen and (max-width:850px) {
    .resultat-cercador .caja_buscador_middle_secciones .seccion-banner.un-banner img {
        -webkit-transform: translateX(12%);
        -ms-transform: translateX(12%);
        transform: translateX(12%)
    }
    .resultat-cercador .caja_buscador_middle_secciones .seccion-banner.multiples-banners img {
        -webkit-transform: translateX(13%);
        -ms-transform: translateX(13%);
        transform: translateX(13%)
    }
}

@media screen and (max-width:500px) {
    .resultat-cercador .caja_buscador_middle_secciones .seccion-banner.un-banner img {
        -webkit-transform: translateX(16%);
        -ms-transform: translateX(16%);
        transform: translateX(16%)
    }
    .resultat-cercador .caja_buscador_middle_secciones .seccion-banner.multiples-banners img {
        -webkit-transform: translateX(12%);
        -ms-transform: translateX(12%);
        transform: translateX(12%)
    }
}

@media screen and (max-width:850px) {
    .resultat-cercador .caja_buscador_middle_secciones .seccion-banner {
        margin-bottom: 20px
    }
    .resultat-cercador .caja_buscador_middle_secciones .seccion-banner.multiples-banners,
    .resultat-cercador .caja_buscador_middle_secciones .seccion-banner.un-banner {
        margin-right: 0px;
        width: 90%;
        width: calc(100% - 15px)
    }
    .resultat-cercador .caja_buscador_middle_secciones .seccion-banner .imatge {
        width: 100%;
        height: 100px
    }
    .resultat-cercador .caja_buscador_middle_secciones .seccion-banner .imatge .centrat .text-banner {
        top: 5px;
        left: 15px;
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 21.25px;
        line-height: 2.55rem
    }
    .resultat-cercador .caja_buscador_middle_secciones .seccion-banner .imatge .centrat .text-banner .btn {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 15px;
        line-height: 1.8rem
    }
    .resultat-cercador .caja_buscador_middle_secciones.owl-carousel {
        padding: 0px 35px
    }
}

@media screen and (max-width:500px) {
    .resultat-cercador .caja_buscador_middle_secciones.owl-carousel {
        padding: 0px
    }
    .resultat-cercador .caja_buscador_middle_secciones.owl-carousel .owl-controls {
        display: none
    }
    .resultat-cercador .caja_buscador_middle_secciones .seccion-banner.multiples-banners img,
    .resultat-cercador .caja_buscador_middle_secciones .seccion-banner.un-banner img {
        width: 800px
    }
    .resultat-cercador .caja_buscador_middle_secciones .seccion-banner .imatge .centrat .text-banner {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2.4rem;
        text-align: left;
        right: 20%;
        margin-left: 10px
    }
    .resultat-cercador .caja_buscador_middle_secciones .seccion-banner .imatge .centrat .text-banner .btn {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 15px;
        line-height: 1.8rem;
        padding: 5px
    }
    .resultat-cercador .resultats-cerca-autor.owl-carousel {
        padding: 0px
    }
}

.edats-amb-submenu {
    background-color: rgba(238, 238, 238, .9);
    padding: 20px 50px
}

.fons_tematic {
    background-color: rgba(238, 238, 238, .9);
    padding: 20px 50px;
    margin-bottom: 0px
}

.peu-de-foto {
    color: #8a8a8a;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 13.75px;
    line-height: 1.65rem
}

.dedicatoria-sant-jordi .dedicatoria-linia {
    margin-top: 20px;
    margin-bottom: 20px
}

.dedicatoria-sant-jordi .dedicatoria-linia:after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    clear: both
}

.dedicatoria-sant-jordi .dedicatoria-linia .col-icon {
    float: left;
    width: 50px;
    margin-right: 10px
}

.dedicatoria-sant-jordi .dedicatoria-linia .col-icon a {
    display: block;
    background: #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 47px
}

.dedicatoria-sant-jordi .dedicatoria-linia .col-icon a img {
    max-width: 30px;
    max-height: 30px;
    display: inline-block;
    vertical-align: middle
}

.dedicatoria-sant-jordi .dedicatoria-linia .col-text {
    float: left;
    width: calc(100% - 60px)
}

.dedicatoria-sant-jordi .dedicatoria-linia .col-text .titol-descargar {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem
}

.dedicatoria-sant-jordi .dedicatoria-linia .col-text .xarxes-socials {
    margin-top: 0px
}

.dedicatoria-sant-jordi .dedicatoria-linia .col-text .xarxes-socials .icon-share {
    padding-top: 5px;
    padding-left: 0px;
    font-size: 30px;
    background: transparent;
    color: #000
}

.dedicatoria-sant-jordi .dedicatoria-linia .col-text .xarxes-socials .icon-share:before {
    vertical-align: -45%;
    content: "a"
}

.dedicatoria-sant-jordi .dedicatoria-linia .col-text .xarxes-socials .placeholder {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 13.75px;
    line-height: 1.65rem
}

.dedicatoria-sant-jordi .dedicatoria-linia.color-autor .col-icon a {
    background-color: #03a025
}

.dedicatoria-sant-jordi .dedicatoria-linia.color-autor .col-text .xarxes-socials .icon-share {
    color: #03a025
}

.dedicatoria-sant-jordi .dedicatoria-linia.color-rosa .col-icon a {
    background-color: #c00303
}

.dedicatoria-sant-jordi .dedicatoria-linia.color-rosa .col-text .xarxes-socials .icon-share {
    color: #c00303
}

.presentacio-llibre .titol {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 27.5px;
    line-height: 3.3rem;
    line-height: 22px;
    line-height: 2.2rem;
    font-weight: bold
}

.presentacio-llibre .visor {
    margin-top: 10px
}

.presentacio-llibre .visor img {
    max-width: 100%
}

.presentacio-llibre .visor.videoplayer {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.presentacio-llibre .visor.videoplayer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width:500px) {
    .presentacio-llibre {
        padding: 0px 10px;
        margin-top: 10px
    }
}

.fitxa .bloc.llibres-autor-grid .llibres-graella li {
    display: inline-block
}

@media screen and (max-width:500px) {
    .fitxa .bloc.llibres-autor-grid .titol_bloc {
        padding-top: 10px
    }
    .fitxa .bloc.llibres-autor-grid .autors {
        font-size: 11px !important
    }
    .fitxa .bloc.llibres-autor-grid .llibres-miniatures.llibres-graella li {
        width: 43%;
        margin-right: 10%;
        margin-left: 0
    }
    .fitxa .bloc.llibres-autor-grid .llibres-miniatures.llibres-graella li:nth-child(2n+2) {
        margin-right: 0px
    }
    .fitxa .bloc.llibres-autor-grid .llibres-miniatures.llibres-graella li:nth-child(2n+3) {
        clear: both !important
    }
    .fitxa .bloc.llibres-autor-grid .llibres-miniatures.llibres-graella li:nth-child(2n+1) {
        clear: none
    }
}

.fitxa .foto {
    position: relative
}

.fitxa .foto img {
    max-width: 100%
}

.fitxa .foto .mencanta {
    position: absolute;
    top: 10px;
    left: 15px
}

.fitxa .segell {
    float: right;
    margin-left: 15px
}

.fitxa .segell img {
    max-width: 160px
}

.fitxa .soporte_select_mobile {
    display: none
}

@media screen and (max-width:500px) {
    .fitxa .soporte_select_mobile {
        display: flex;
        justify-content: space-between;
        background-color: #fff;
        padding: 15px 20px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 15px;
        line-height: 1.8rem
    }
    .fitxa .soporte_select_mobile .format_nom {
        color: #298ccf;
        position: relative;
        padding-left: 20px
    }
    .fitxa .soporte_select_mobile .format_nom::before {
        position: absolute;
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        background-color: #298ccf;
        border-radius: 50%;
        top: 3px;
        left: 0
    }
    .fitxa .soporte_select_mobile .choose-other-format {
        color: #8a8a8a;
        position: relative;
        padding-right: 20px
    }
    .fitxa .soporte_select_mobile .choose-other-format::before {
        position: absolute;
        right: 0;
        top: 3px;
        transform: scale(2)
    }
    .fitxa .soporte_select_mobile.active .format_nom {
        display: none
    }
    .fitxa .soporte_select_mobile.active .choose-other-format {
        width: 100%
    }
}

.fitxa .soportes_comprar .soportes {
    margin-bottom: 10px
}

.fitxa .soportes_comprar .soportes .titol {
    color: #585858;
    margin-bottom: 15px
}

.fitxa .soportes_comprar .soportes .suports {
    background-color: white;
    overflow-y: auto;
    padding: 20px 10px 10px;
    text-align: left;
    position: relative
}

.fitxa .soportes_comprar .soportes .suports .loading {
    position: absolute;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    margin-left: -10px;
    text-align: center
}

.fitxa .soportes_comprar .soportes .suports .loading .icon-loading {
    display: inline-block
}

.fitxa .soportes_comprar .soportes .suports .llibre_format {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem
}

.fitxa .soportes_comprar .soportes .suports .llibre_format .info_format {
    color: #585858
}

.fitxa .soportes_comprar .soportes .suports .llibre_format .info_format.checked {
    color: #298ccf
}

.fitxa .soportes_comprar .soportes .suports .llibre_format .info_format input {
    margin-right: 10px;
    visibility: hidden
}

.fitxa .soportes_comprar .soportes .suports .llibre_format .info_format .format_text {
    display: flex;
    justify-content: space-between
}

.fitxa .soportes_comprar .soportes .suports .llibre_format .info_format .format_text .format_nom {
    font-weight: 800;
    cursor: pointer;
    position: relative
}

.fitxa .soportes_comprar .soportes .suports .llibre_format .info_format .format_text .format_nom::before {
    position: absolute;
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    background-color: #a0a0a0;
    border-radius: 50%;
    left: -23px;
    top: 4px
}

.fitxa .soportes_comprar .soportes .suports .llibre_format .info_format .preu {
    display: flex;
    align-items: flex-end
}

.fitxa .soportes_comprar .soportes .suports .llibre_format .info_format .preu .preu_tipus_format {
    margin-left: 3px
}

.fitxa .soportes_comprar .soportes .suports .llibre_format .info_format input:checked+.format_text {
    color: #298ccf
}

.fitxa .soportes_comprar .soportes .suports .llibre_format .info_format input:checked+.format_text .format_nom::before {
    background-color: #298ccf
}

.fitxa .soportes_comprar .soportes .suports .llibre_format .info_format input:checked+.format_text .preu_format {
    font-weight: 800
}

.fitxa .soportes_comprar .soportes .suports .llibre_format .preu_tipus_format {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 13.75px;
    line-height: 1.65rem
}

.fitxa .soportes_comprar .soportes .suports .llibre_format.dropdown .dropdown-toggle {
    color: #a0a0a0;
    font-weight: 600
}

.fitxa .soportes_comprar .soportes .suports .llibre_format.dropdown .dropdown-toggle:before {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18.75px;
    line-height: 2.25rem
}

.fitxa .soportes_comprar .soportes .suports .llibre_format .capitols {
    display: none;
    padding-left: 18px;
    padding-top: 7px
}

.fitxa .soportes_comprar .soportes .suports .llibre_format.active .capitols {
    display: block
}

.fitxa .soportes_comprar .soportes .suports.unico input.suport_llibre {
    display: none
}

.fitxa .soportes_comprar .soportes .suports.unico .info_format span {
    color: #585858
}

.fitxa .soportes_comprar .boto_comprar {
    text-align: center;
    width: 100%
}

@media screen and (max-width:500px) {
    .fitxa .soportes_comprar .boto_comprar span {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 100000;
        height: 38px;
        line-height: 38px;
        padding: 0
    }
}

.fitxa .soportes_comprar .boto_comprar span {
    background-color: #76c556;
    width: 100%;
    font-size: 15px;
    font-size: 1.5rem
}

@media screen and (max-width:500px) {
    .fitxa .soportes_comprar .boto_comprar span {
        height: 52px;
        line-height: 52px
    }
}

.fitxa .soportes_comprar .boto_comprar span:hover {
    background-color: #5cad3b
}

.fitxa .soportes_comprar .boto_comprar .comic {
    padding: 10px 5px
}

.fitxa .soportes_comprar .boto_comprar .preu {
    text-align: center
}

.fitxa .soportes_comprar.only-mobile {
    float: none;
    position: fixed;
    bottom: 55px;
    z-index: 100000;
    left: 0;
    right: 0
}

.fitxa .soportes_comprar.only-mobile .soportes {
    width: auto;
    margin-bottom: 0;
    display: none
}

.fitxa .soportes_comprar.only-mobile .soportes .titol {
    display: none
}

.fitxa .etiquetes {
    margin: 0px 0px 10px
}

.fitxa .etiquetes.mobil {
    display: none
}

.fitxa .bloc {
    background-color: rgba(238, 238, 238, .9);
    padding: 40px 50px;
    margin-bottom: 20px
}

.fitxa .bloc .veure-mes {
    margin: 10px 0px;
    text-align: center;
    width: 100%
}

.fitxa .bloc .veure-mes a {
    color: #298ccf;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 800;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem
}

.fitxa .bloc:empty {
    display: none
}

.fitxa .titol-i-autors {
    margin-bottom: 20px
}

.fitxa .titol-i-autors.mobil {
    display: none
}

.fitxa .titol-i-autors h1,
.fitxa .titol-i-autors .titol,
.fitxa .titol-i-autors .titol h1 {
    font-weight: 700;
    font-size: 30px;
    font-size: 3rem;
    margin: 0
}

.fitxa .titol-i-autors .titol-original {
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    margin-bottom: 10px
}

.fitxa .titol-i-autors .titol-original span {
    font-weight: 300;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    color: #8a8a8a
}

.fitxa .titol-i-autors .autors,
.fitxa .titol-i-autors .autors h2 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    font-weight: 500
}

.fitxa .titol-i-autors .autors span,
.fitxa .titol-i-autors .autors h2 span,
.fitxa .titol-i-autors .autors a,
.fitxa .titol-i-autors .autors h2 a {
    color: #298ccf
}

.fitxa .titol-i-autors .autors span:hover,
.fitxa .titol-i-autors .autors h2 span:hover,
.fitxa .titol-i-autors .autors a:hover,
.fitxa .titol-i-autors .autors h2 a:hover {
    color: #000;
    cursor: pointer
}

.fitxa .titol-i-autors .bio {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem
}

.fitxa .titol-i-autors .tematiques-autor {
    margin-top: 10px
}

.fitxa .titol-i-autors .tematiques-autor a {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18.75px;
    line-height: 2.25rem;
    text-decoration: underline
}

.fitxa .tematiques-i-coleccions {
    margin-bottom: 20px
}

.fitxa .tematiques-i-coleccions .tematiques .tematica {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.fitxa .tematiques-i-coleccions .tematiques .tematica:nth-child(n+2) span {
    visibility: hidden
}

.fitxa .botons-contenido {
    margin-bottom: 20px
}

.fitxa .botons-contenido .boto-llegir-capitol,
.fitxa .botons-contenido .boto-contingut-exclusiu,
.fitxa .botons-contenido .boto-comprar {
    background: #298ccf;
    color: #fff;
    padding: 8px 20px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem
}

.fitxa .botons-contenido .boto-llegir-capitol a,
.fitxa .botons-contenido .boto-contingut-exclusiu a,
.fitxa .botons-contenido .boto-comprar a {
    color: #fff
}

.fitxa .botons-contenido .boto-llegir-capitol:hover,
.fitxa .botons-contenido .boto-contingut-exclusiu:hover,
.fitxa .botons-contenido .boto-comprar:hover {
    background: #216fa4
}

.fitxa .botons-contenido .boto-comprar {
    float: right;
    padding-left: 13px
}

.fitxa .botons-contenido .boto-comprar i {
    padding-right: 7px
}

.fitxa .botons-contenido .boto-capitols {
    background: transparent;
    color: #298ccf;
    padding: 9px 15px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    text-transform: uppercase;
    border: 1px solid #298ccf
}

.fitxa .botons-contenido .boto-capitols:hover {
    background: #216fa4
}

.fitxa .botons-contenido .boto-capitols.active {
    background: #fff;
    border-color: #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 700;
    padding-bottom: 20px
}

.fitxa .botons-contenido.centrats {
    margin-top: 10px;
    margin-bottom: 0px;
    text-align: center
}

.fitxa .botons-contenido.centrats a {
    margin-bottom: 10px
}

.fitxa .zona-capitols .capitols {
    display: none;
    background: #fff;
    padding: 15px;
    margin-bottom: 20px
}

.fitxa .zona-capitols .capitols .capitol:after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    clear: both
}

.fitxa .zona-capitols .capitols .capitol .nom-preu {
    width: calc(100% - 104px);
    float: left;
    border-bottom: 1px solid #383838;
    border-bottom: 1px solid rgba(56, 56, 56, 0.2);
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 45px
}

.fitxa .zona-capitols .capitols .capitol .nom-preu:after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    clear: both
}

.fitxa .zona-capitols .capitols .capitol .nom-preu .nom {
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 50px)
}

.fitxa .zona-capitols .capitols .capitol .nom-preu .nom input {
    margin-top: 15px
}

.fitxa .zona-capitols .capitols .capitol .nom-preu .preu {
    float: right
}

.fitxa .zona-capitols .capitols .capitol>.preu {
    display: none
}

.fitxa .zona-capitols .capitols .capitol .comprar_capitol {
    float: right;
    width: 104px;
    padding: 8px 15px
}

.fitxa .zona-capitols .capitols .capitol .comprar_capitol span {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: #76c556;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16.25px;
    line-height: 1.95rem
}

.fitxa .zona-capitols .capitols .capitol .comprar_capitol span:hover {
    background-color: #5cad3b
}

.fitxa .zona-capitols .capitols .capitol:last-child .nom-preu {
    border-bottom: 0
}

.fitxa .zona-capitols.active {
    margin-top: -21px
}

.fitxa .zona-capitols.active .capitols {
    display: block
}

.fitxa .dades-generals .frase-mkt {
    margin-bottom: 20px;
    font-weight: 800;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem
}

.fitxa .dades-generals .frase-mkt p {
    font-weight: 800;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem
}

.fitxa .sinopsi-intro h2 {
    font-weight: 500;
    font-size: 16px;
    font-size: 1.6rem;
    color: #a0a0a0;
    margin-bottom: 10px
}

.fitxa .dades-generals .sinopsi,
.fitxa .bibliografia {
    position: relative
}

@media screen and (max-width:500px) {
    .fitxa .dades-generals .sinopsi,
    .fitxa .bibliografia {
        padding-bottom: 5px
    }
}

.fitxa .dades-generals .sinopsi .veure-mes,
.fitxa .bibliografia .veure-mes {
    position: absolute;
    width: 100%;
    height: 90px;
    bottom: -15px;
    left: 0px;
    display: block;
    padding-top: 50px;
    text-align: center;
    color: #298ccf;
    cursor: pointer;
    background: -moz-linear-gradient(top, rgba(239, 239, 239, 0) 0%, rgba(239, 239, 239, 1) 60%);
    background: -webkit-linear-gradient(top, rgba(239, 239, 239, 0) 0%, rgba(239, 239, 239, 1) 60%);
    background: linear-gradient(to bottom, rgba(239, 239, 239, 0) 0%, rgba(239, 239, 239, 1) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00efefef', endColorstr='#ffffff', GradientType=0);
}

@media screen and (max-width:500px) {
    .fitxa .dades-generals .sinopsi .veure-mes,
    .fitxa .bibliografia .veure-mes {
        bottom: -2px
    }
}

.fitxa .dades-generals .sinopsi .veure-mes span,
.fitxa .bibliografia .veure-mes span {
    display: block
}

.fitxa .dades-generals .sinopsi .veure-mes i,
.fitxa .bibliografia .veure-mes i {
    display: block;
    margin-top: -15px;
    font-size: 30px;
    font-size: 3rem;
    line-height: 37.5px;
    line-height: 4.5rem
}

@media screen and (max-width:500px) {
    .fitxa .dades-generals .sinopsi .veure-mes,
    .fitxa .bibliografia .veure-mes {
        margin-bottom: 0px
    }
}

.fitxa .dades-generals .sinopsi .veure-menys,
.fitxa .bibliografia .veure-menys {
    display: block;
    padding-top: 20px;
    text-align: center;
    color: #298ccf;
    cursor: pointer
}

.fitxa .dades-generals .sinopsi .veure-menys span,
.fitxa .bibliografia .veure-menys span {
    display: block
}

.fitxa .dades-generals .sinopsi .veure-menys i,
.fitxa .bibliografia .veure-menys i {
    display: block;
    font-size: 30px;
    font-size: 3rem
}

.fitxa .dades-generals .sinopsi.te-mes,
.fitxa .bibliografia.te-mes {
    height: 300px;
    overflow-y: hidden
}

.fitxa .bibliografia .veure-mes,
.fitxa .bibliografia .veure-menys {
    text-align: left;
    display: inline
}

.fitxa .bibliografia .veure-mes i,
.fitxa .bibliografia .veure-menys i {
    display: inline;
    font-size: 20px;
    font-size: 2rem
}

.fitxa .botons-magrada {
    float: left;
    clear: left;
    overflow: hidden;
    width: 260px;
    padding: 15px 0
}

.fitxa .botons-magrada .boto-likes {
    position: relative;
    display: none;
    padding: 7px;
    width: 100%;
    max-width: 252px;
    border: 1px solid #298ccf;
    margin-bottom: 7px
}

.fitxa .botons-magrada .boto-likes i {
    font-size: 1.4em;
    line-height: 1em;
    vertical-align: -14%;
    color: #298ccf;
    padding: 0 5px
}

.fitxa .botons-magrada .boto-likes .nom {
    padding-top: 4px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    font-weight: 600;
    color: #298ccf
}

.fitxa .botons-magrada .boto-likes .nom.activat {
    display: none
}

.fitxa .botons-magrada .boto-likes.activat {
    background-color: #a2cff0;
    border: 1px solid #a2cff0
}

.fitxa .botons-magrada .boto-likes.carregant {
    background-color: #a2cff0;
    border: 1px solid #a2cff0
}

.fitxa .botons-magrada .boto-likes.carregant:before {
    position: absolute;
    z-index: 100;
    top: 7px;
    right: 7px;
    content: "'";
    font-family: "pdlfont" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    font-size: 2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #298ccf
}

.fitxa .botons-magrada .boto-likes:hover {
    background-color: #298ccf;
    border: 1px solid #298ccf;
    cursor: pointer
}

.fitxa .botons-magrada .boto-likes:hover i,
.fitxa .botons-magrada .boto-likes:hover .nom {
    color: #fff
}

.fitxa .botons-magrada .boto-likes.visible {
    display: inline-block
}

.fitxa .botons-magrada .boto-likes.carregant:before {
    -webkit-animation: icon-loading 2s infinite linear;
    animation: icon-loading 2s infinite linear;
    content: "!"
}

.fitxa .botons-magrada .boto-likes.fer-like {
    text-align: center
}

.fitxa .xarxes-socials {
    margin-top: 15px
}

.fitxa .xarxes-socials .share-xxss {
    margin: 0px
}

.fitxa .xarxes-socials .share-xxss .placeholder {
    font-weight: 500;
    margin-bottom: 10px;
    padding-left: 0px
}

.fitxa .xarxes-socials .share-xxss .icon-share {
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #298ccf;
    font-size: 20px;
    line-height: 15px;
    width: 15px;
    height: 15px
}

.fitxa .xarxes-socials .share-xxss .icon-share:before {
    vertical-align: -28%;
    line-height: 0.9em;
    margin-left: -3px
}

.fitxa .xarxes-socials .share-xxss .active .icon-share {
    background: #c9c9c9;
    color: #fff
}

.fitxa .xarxes-socials.centrat {
    position: relative;
    padding: 7px;
    width: 100%;
    max-width: 252px;
    border: 1px solid #298ccf;
    margin-top: 0px;
    margin-bottom: 7px;
    text-align: center;
    display: inline-block
}

.fitxa .xarxes-socials.centrat .share-xxss .placeholder {
    margin-bottom: 0px
}

.fitxa .xarxes-socials.centrat .share-xxss.active {
    margin: -2px !important
}

.fitxa .xarxes-socials.centrat .share-xxss.active .compactats {
    display: inline
}

.fitxa .contactar-conferencia {
    margin-top: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem
}

.fitxa .titol_bloc {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32.5px;
    line-height: 3.9rem
}

.fitxa .titol_bloc b,
.fitxa .titol_bloc strong {
    font-weight: 700
}

.fitxa .titol_bloc.mobil {
    display: none
}

.fitxa #div-comentar-llibre .titol_bloc {
    font-weight: 300;
    text-transform: initial;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32.5px;
    line-height: 3.9rem
}

.fitxa #div-comentar-llibre .titol_bloc b,
.fitxa #div-comentar-llibre .titol_bloc strong {
    font-weight: 700
}

.fitxa #div-comentar-llibre .titol_bloc.mobil {
    display: none
}

.fitxa .suports-comprar {
    background: #fff;
    padding: 20px 40px;
    position: relative
}

.fitxa .suports-comprar a.ancla {
    position: absolute;
    top: -200px
}

.fitxa .suports-comprar .titol_bloc {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 21.25px;
    line-height: 2.55rem
}

.fitxa .suports-comprar .suports {
    border-top: 1px solid #383838;
    border-top: 1px solid rgba(56, 56, 56, 0.2);
    padding-top: 10px;
    margin-top: 10px
}

.fitxa .suports-comprar .suports .llibre_format {
    float: left;
    width: 100%;
    padding: 15px 30px;
    margin-bottom: 5px
}

.fitxa .suports-comprar .suports .tipus {
    font-weight: 800;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 21.25px;
    line-height: 2.55rem
}

.fitxa .suports-comprar .suports .preu {
    color: #8a8a8a;
    font-family: Arial, sans-serif;
    font-weight: 600
}

.fitxa .suports-comprar .suports .presentacio {
    display: block;
    font-style: italic
}

.fitxa .suports-comprar .suports .boto-comprar-comics {
    float: right;
    margin: 0px 0px 10px 10px
}

.fitxa .suports-comprar .suports .boto-comprar-comics a {
    color: #298ccf;
    font-style: italic;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem
}

.fitxa .suports-comprar .suports .boto-comprar {
    float: right;
    margin: 0px 0px 10px 10px
}

.fitxa .suports-comprar .suports .boto-comprar a {
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem;
    padding: 7px 10px;
    background: #298ccf;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.fitxa .suports-comprar .suports .boto-comprar a:hover {
    background: #79b9e5
}

.fitxa .suports-comprar+.videos-destacats {
    margin-top: 20px
}

.fitxa .suports-comprar+.div-contingut-extra {
    margin-top: 20px
}

.fitxa .videos-destacats+.div-contingut-extra {
    margin-top: 20px
}

.fitxa .sobre-autor {
    background: #fff;
    padding: 20px 40px;
    margin-bottom: 30px
}

.fitxa .sobre-autor .titol_bloc {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 21.25px;
    line-height: 2.55rem
}

.fitxa .sobre-autor .autor-imatge {
    clear: both;
    margin-bottom: 15px;
    float: left;
    margin-right: 30px;
    width: 17%;
    width: calc(130px)
}

.fitxa .sobre-autor .veure-mes {
    display: block;
    text-align: right;
    font-weight: 700;
    color: #298ccf;
    text-transform: uppercase
}

.fitxa .sobre-autor .autor-info {
    float: left;
    width: 83%;
    width: calc(100% - 160px)
}

.fitxa .sobre-autor .autor-info .titol_bloc {
    margin-bottom: 4px
}

.fitxa .sobre-autor .autor-info .nom {
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem
}

.fitxa .sobre-autor .autor-info .nom a {
    color: #298ccf
}

.fitxa .sobre-autor .autor-info .text {
    color: #585858
}

.fitxa .videos-destacats {
    margin-bottom: 10px
}

.fitxa .videos-destacats .videos {
    text-align: center
}

.fitxa .videos-destacats .videos .video-destacat {
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 45%;
    height: 0;
    overflow: hidden
}

.fitxa .videos-destacats .videos .video-destacat iframe,
.fitxa .videos-destacats .videos .video-destacat object,
.fitxa .videos-destacats .videos .video-destacat embed {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.fitxa .descargar-app {
    position: relative
}

.fitxa .descargar-app picture,
.fitxa .descargar-app img {
    max-width: 100%
}

.fitxa .descargar-app .botons {
    position: absolute;
    top: 0;
    right: 0;
    width: 18%;
    padding: 25px 20px 0px
}

.fitxa .descargar-app .botons:after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    clear: both
}

.fitxa .descargar-app .botons a {
    float: right;
    max-width: 200px;
    margin-bottom: 10%
}

.fitxa .historia .videos .video-destacat {
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 55%;
    height: 0;
    overflow: hidden
}

.fitxa .historia .videos .video-destacat iframe,
.fitxa .historia .videos .video-destacat object,
.fitxa .historia .videos .video-destacat embed {
    position: absolute;
    top: 0;
    left: 0
}

.fitxa .llibre-carrusel {
    padding-top: 20px;
    padding-bottom: 20px
}

.fitxa .llibre-carrusel .boto-carrusel {
    width: 100%;
    text-align: center
}

.fitxa .coneix-mes {
    padding-bottom: 15px
}

.fitxa .opinions .opinio {
    clear: both;
    margin-bottom: 5px
}

.fitxa .opinions .opinio .opinio-imatge {
    padding: 15px 30px;
    float: left;
    width: 150px
}

.fitxa .opinions .opinio .opinio-text {
    padding: 15px 30px
}

.fitxa .opinions .opinio .opinio-text .cita {
    color: #298ccf;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem
}

.fitxa .opinions .opinio .opinio-text .cita a {
    color: #298ccf
}

.fitxa .opinions .opinio .opinio-text .cita a:hover {
    color: black
}

.fitxa .opinions .opinio .opinio-text .info {
    margin-top: 20px;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem
}

.fitxa .opinions .opinio .opinio-imatge+.opinio-text {
    float: left;
    border-left: 1px solid #383838;
    border-left: 1px solid rgba(56, 56, 56, 0.2);
    width: 70%;
    width: calc(100% - 150px)
}

.fitxa .enllacos-caixa .enllac-linia {
    padding: 10px 0px
}

.fitxa .enllacos-caixa div.enllac-linia:nth-child(n+2) {
    border-top: 1px solid #383838;
    border-top: 1px solid rgba(56, 56, 56, 0.2)
}

.fitxa .enllacos-caixa .enllac-tipus {
    float: left;
    width: 30%;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem;
    font-weight: 300;
    color: #298ccf
}

.fitxa .enllacos-caixa .enllac-caixa {
    float: right;
    width: 70%
}

.fitxa .contingut-extra {
    background-color: #fff;
    padding: 15px 25px 30px
}

.fitxa .contingut-extra .tipus-contingut-extra {
    clear: both;
    padding: 15px 0px
}

.fitxa .contingut-extra div.tipus-contingut-extra:nth-child(n+2) {
    border-top: 1px solid #383838;
    border-top: 1px solid rgba(56, 56, 56, 0.2)
}

.fitxa .contingut-extra .tipus-contingut {
    float: left;
    width: 20%;
    font-weight: 700;
    text-transform: uppercase
}

.fitxa .contingut-extra .continguts {
    float: right;
    width: 80%
}

.fitxa .contingut-extra .continguts .owl-wrapper {
    padding: 0px 40px
}

.fitxa .contingut-extra .continguts .owl-wrapper .owl-prev {
    position: absolute;
    left: -35px;
    top: 40%;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%)
}

.fitxa .contingut-extra .continguts .owl-wrapper .owl-next {
    position: absolute;
    right: -35px;
    top: 40%;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%)
}

.fitxa .contingut-extra .continguts .contingut-caixa {
    margin-bottom: 5px
}

.fitxa .contingut-extra .continguts .contingut-caixa .contingut-nom {
    float: left;
    width: 70%
}

.fitxa .contingut-extra .continguts .contingut-caixa .descarregar {
    float: right;
    width: 30%
}

.fitxa .contingut-extra .continguts .titol-video {
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    font-weight: 700;
    margin-bottom: 5px
}

.fitxa .contingut-extra .continguts .reproduir-video {
    color: #298ccf;
    font-size: 10px;
    font-size: 1rem;
    line-height: 12.5px;
    line-height: 1.5rem;
    text-transform: uppercase;
    font-weight: 800
}

.fitxa .fitxa-tecnica {
    margin-bottom: 20px
}

.fitxa .blog .entrada_blog_info_blog {
    padding-left: 100px
}

.fitxa .blog .entrada_blog_info_blog .titol {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 23.75px;
    line-height: 2.85rem;
    font-weight: 700
}

.fitxa .blog .entrada_blog_info_blog .data span {
    font-weight: 600
}

.fitxa .blog .entrada_blog_info_blog .autor a {
    color: #298ccf
}

.fitxa .blog .entrada_blog_info_blog .text {
    margin-top: 20px
}

.fitxa .blog .entrada_blog_info_blog .ver_en_blog {
    text-align: right
}

.fitxa .blog .entrada_blog_info_blog .ver_en_blog a {
    font-weight: 800;
    text-transform: uppercase;
    color: #298ccf
}

.fitxa .concurs-respostes-imatges {
    padding: 10px 25px
}

.fitxa .concurs-respostes-imatges .owl-wrapper {
    padding: 0px 40px
}

.fitxa .concurs-respostes-imatges .owl-wrapper .owl-prev {
    position: absolute;
    left: -35px;
    top: 40%;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%)
}

.fitxa .concurs-respostes-imatges .owl-wrapper .owl-next {
    position: absolute;
    right: -35px;
    top: 40%;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%)
}

.fitxa .concurs-respostes-imatges .ul_compartir_imagen div {
    display: inline-block;
    height: 26px;
    margin: 5px;
    width: 26px
}

.fitxa .concurs-tipus-text {
    padding: 15px 10px
}

.fitxa .concurs-tipus-text .concurs-intro {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    font-weight: 300;
    border: 1px solid #298ccf;
    padding: 20px;
    margin-bottom: 20px
}

.fitxa .concurs-tipus-text .concurs-intro p {
    margin-bottom: 5px
}

.fitxa .concurs-tipus-text .concurs-intro strong,
.fitxa .concurs-tipus-text .concurs-intro b {
    font-weight: 600;
    color: #298ccf
}

.fitxa .concurs-tipus-text .participacio {
    border-bottom: 1px solid #383838;
    border-bottom: 1px solid rgba(56, 56, 56, 0.2);
    margin-bottom: 10px;
    padding-bottom: 10px
}

.fitxa .concurs-tipus-text .participacio .usuari span {
    font-weight: 700
}

.fitxa .concurs-tipus-text .participacio p {
    margin-bottom: 5px
}

.fitxa .concurs-tipus-text .bloque_concurso_fondo_ver_mas {
    text-align: center
}

.fitxa .concurs-tipus-text .bloque_concurso_fondo_ver_mas a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    font-weight: 700;
    text-transform: uppercase
}

.fitxa .concurs-tipus-text .bloque_concurso_fondo_ver_mas a .icon-angle-double-down {
    display: block;
    margin: 3px auto;
    width: 20px;
    height: 20px;
    background: #298ccf;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.fitxa .concurs-tipus-text .bloque_concurso_fondo_ver_mas a .icon-angle-double-down:before {
    font-size: 1.5em;
    line-height: 1.2em
}

.fitxa .imatges {
    padding: 10px 25px
}

.fitxa .imatges .owl-wrapper {
    padding: 0px 40px
}

.fitxa .imatges .owl-wrapper .owl-prev {
    position: absolute;
    left: -35px;
    top: 40%;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%)
}

.fitxa .imatges .owl-wrapper .owl-next {
    position: absolute;
    right: -35px;
    top: 40%;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%)
}

.fitxa .perque-llegir .perque-motiu {
    width: 50%;
    float: left;
    margin-bottom: 20px
}

.fitxa .perque-llegir .perque-motiu:nth-child(2n+1) {
    clear: both
}

.fitxa .perque-llegir .perque-motiu:only-of-type {
    width: 100%
}

.fitxa .perque-llegir .perque-num {
    display: inline-block;
    width: 75px;
    height: 75px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    background: #298ccf;
    font-size: 60px;
    font-size: 6rem;
    line-height: 73px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    float: left;
    margin-right: 30px
}

.fitxa .perque-llegir .perque-text {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    width: 80%;
    width: calc(100% - 105px);
    display: inline-block
}

.fitxa .premis {
    background: #fff;
    padding: 10px 25px
}

.fitxa .premis .premi {
    float: left;
    width: 100%;
    padding: 15px 30px;
    margin-bottom: 5px
}

.fitxa .premis .nom {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    font-weight: 700;
    word-break: break-word
}

.fitxa .premis a {
    word-break: break-word
}

.fitxa .premis .edicio {
    display: block
}

.fitxa .premis .saber-mes {
    margin-top: 20px;
    display: block;
    font-weight: 800;
    color: #298ccf;
    text-transform: uppercase;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16.25px;
    line-height: 1.95rem
}

.fitxa .premis .any {
    margin-top: 10px
}

.fitxa .prensa .titol_bloc {
    position: relative
}

.fitxa .prensa .titol_bloc:after {
    position: absolute;
    right: 15px;
    top: 10px;
    font-family: "pdlfont" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    color: #298ccf;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "Y";
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.fitxa .prensa.active .titol_bloc:after {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fitxa .prensa .contingut-extra {
    display: none
}

.fitxa .prensa.active .contingut-extra {
    display: block
}

.fitxa .prensa .continguts {
    padding-left: 10px;
    padding-bottom: 5px
}

.fitxa .prensa .continguts .enllac-tipus {
    font-weight: 700;
    color: #298ccf
}

.fitxa .prensa .continguts img.photo {
    -webkit-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.3)
}

.fitxa .prensa .continguts+.continguts {
    padding-top: 10px
}

.fitxa .prensa .continguts:last-child {
    padding-bottom: 20px
}

.fitxa .bloc-xarxes-socials {
    margin-bottom: 30px
}

.fitxa .ui-tabs .ui-tabs-nav a {
    display: block;
    float: left;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 50px;
    text-align: center;
    background: #298ccf;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0px 30px;
    margin-right: 2px
}

.fitxa .ui-tabs .ui-tabs-nav .ui-tabs-active a {
    color: #000;
    background: #fff
}

.fitxa .ui-tabs .ui-tabs-panel {
    background: #fff;
    clear: both;
    padding: 25px
}

.fitxa .rotador-313 {
    margin-left: 0px;
    margin-right: 0px
}

.fitxa .iframes-instagram-bloc {
    margin-bottom: 30px
}

.fitxa .iframes-instagram-bloc .iframe-instagram {
    margin-bottom: 30px
}

.fitxa-llibre .pagina-construccio .imatge {
    text-align: center;
    position: relative
}

.fitxa-llibre .pagina-construccio .imatge img {
    max-width: 100%
}

.fitxa-llibre .pagina-construccio .imatge .text-404 {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translateX(-50%)
}

.fitxa-llibre .pagina-construccio .imatge .text-404 span {
    display: block;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 35px;
    line-height: 4.2rem
}

.fitxa-llibre .pagina-construccio .imatge .text-404 span.gran {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 60px;
    line-height: 7.2rem
}

.fitxa-llibre .preview_opinions {
    color: #298ccf;
    display: flex;
    margin-bottom: 10px
}

.fitxa-llibre .preview_opinions .estrelles {
    color: #db9600
}

.fitxa-llibre .preview_opinions .text_container {
    display: flex
}

.fitxa-llibre .preview_opinions a:link,
.fitxa-llibre .preview_opinions a:hover,
.fitxa-llibre .preview_opinions a:visited,
.fitxa-llibre .preview_opinions a:active {
    color: #298ccf
}

.fitxa-llibre .preview_opinions p,
.fitxa-llibre .preview_opinions .estrelles {
    margin: 3px
}

@media screen and (max-width:500px) {
    .fitxa-llibre .preview_opinions {
        display: inline-block;
        width: 100%;
        text-align: center
    }
    .fitxa-llibre .preview_opinions .text_container {
        justify-content: center
    }
}

.fitxa-llibre .opinions-lectors {
    padding: 15px 10px 30px;
    background: #fff
}

.fitxa-llibre .opinions-lectors .numero-comentaris {
    padding-left: 0px !important
}

.fitxa-llibre .opinions-lectors .numero-comentaris span {
    color: #298ccf;
    padding-right: 10px;
    font-weight: 600
}

.fitxa-llibre .opinions-lectors .numero-comentaris.zero-comentaris {
    padding-left: 0px;
    font-weight: 600
}

.fitxa-llibre .opinions-lectors .numero-comentaris.zero-comentaris span {
    padding-right: 0px
}

.fitxa-llibre .opinions-lectors .numero-comentaris.zero-comentaris a {
    border-radius: 0px;
    margin-top: 20px;
    text-transform: initial;
    padding: 10px 70px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem
}

.fitxa-llibre .opinions-lectors .comentaris {
    clear: both;
    margin: 25px 0px
}

.fitxa-llibre .opinions-lectors .comentari {
    clear: both;
    margin-bottom: 20px
}

.fitxa-llibre .opinions-lectors .comentari .comentari-imatge {
    float: left;
    width: 20%;
    width: calc(61px - 1px);
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 30px
}

.fitxa-llibre .opinions-lectors .comentari .comentari-imatge img {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 80px;
    height: auto;
    min-height: 70px;
    min-width: 70px
}

.fitxa-llibre .opinions-lectors .comentari .usuari {
    margin-bottom: 5px
}

.fitxa-llibre .opinions-lectors .comentari .usuari span {
    font-weight: 700
}

.fitxa-llibre .opinions-lectors .comentari .text {
    color: #585858;
    float: left;
    width: 70%;
    width: calc(100% - 90px)
}

.fitxa-llibre .opinions-lectors .comentari .estrelles {
    color: #db9600;
    margin-bottom: 5px
}

.fitxa-llibre .opinions-lectors #div-comentar-llibre .titol_bloc {
    padding-left: 0px;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 27.5px;
    line-height: 3.3rem
}

.fitxa-llibre .opinions-lectors .comentar .ratingblock {
    margin: 10px 0px !important
}

.fitxa-llibre .opinions-lectors .comentar .ratingblock li {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 20px
}

@media screen and (max-width:500px) {
    .fitxa-llibre .opinions-lectors .comentar .ratingblock li {
        width: 35px
    }
}

.fitxa-llibre .opinions-lectors .comentar .ratingblock li label>.icon-estrella-o {
    color: #a0a0a0
}

.fitxa-llibre .opinions-lectors .comentar .ratingblock .current-rating {
    font-weight: 700;
    margin-right: 15px;
    font-size: 15px;
    font-size: 1.5rem;
    width: auto
}

.fitxa-llibre .opinions-lectors .comentar .ratingblock:hover i:before {
    content: "b";
    color: #db9600
}

.fitxa-llibre .opinions-lectors .comentar .ratingblock li:hover+li i:before,
.fitxa-llibre .opinions-lectors .comentar .ratingblock li:hover+li+li i:before,
.fitxa-llibre .opinions-lectors .comentar .ratingblock li:hover+li+li+li i:before,
.fitxa-llibre .opinions-lectors .comentar .ratingblock li:hover+li+li+li+li i:before {
    content: "b";
    color: #a0a0a0
}

.fitxa-llibre .opinions-lectors .comentar .javotat {
    margin: 10px 0px
}

.fitxa-llibre .opinions-lectors .comentar .javotat .estrelles {
    display: inline
}

.fitxa-llibre .opinions-lectors .comentar .javotat span {
    font-weight: 700;
    margin-right: 15px;
    font-size: 15px;
    font-size: 1.5rem
}

.fitxa-llibre .opinions-lectors .comentar .javotat i {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    color: #db9600
}

.fitxa-llibre .opinions-lectors .comentar .change-position {
    position: relative;
    padding: 0px 0 0 0
}

@media screen and (max-width:500px) {
    .fitxa-llibre .opinions-lectors .comentar .change-position {
        padding: 10px 0 0 0
    }
}

.fitxa-llibre .opinions-lectors .comentar .btn.btn-comentario {
    padding: 10px 18px !important;
    font-size: 1.4rem !important;
    background-color: #db9600;
    color: #fff !important
}

.fitxa-llibre .opinions-lectors .comentar .btn.btn-comentario:hover {
    background-color: #f0b026
}

.fitxa-llibre .opinions-lectors .comentar .status {
    position: absolute;
    top: -30px;
    right: 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem
}

@media screen and (max-width:500px) {
    .fitxa-llibre .opinions-lectors .comentar .status {
        top: -6%
    }
}

.fitxa-llibre .opinions-lectors .comentar .error {
    color: #585858;
    clear: both;
    display: block;
    margin-bottom: 15px
}

.fitxa-llibre .opinions-lectors .comentar .botons {
    clear: both;
    text-align: right
}

.fitxa-llibre .opinions-lectors .comentar .comentari-ok {
    color: #fff;
    text-align: center;
    padding: 140px 10px;
    background-color: #298ccf;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    line-height: 3.6rem;
    font-weight: 300
}

.fitxa-llibre .opinions-lectors .comentar .comentari-ok b {
    font-weight: 700
}

.fitxa-llibre .opinions-blogs-associats .opinion {
    clear: both;
    margin-bottom: 20px
}

.fitxa-llibre .opinions-blogs-associats .opinion .logo {
    width: 21%;
    width: calc(181px - 1px);
    float: left
}

.fitxa-llibre .opinions-blogs-associats .opinion .informacion {
    width: 21%;
    width: calc(201px - 1px);
    float: left;
    color: #585858
}

.fitxa-llibre .opinions-blogs-associats .opinion .informacion span {
    color: #298ccf;
    font-weight: 700
}

.fitxa-llibre .opinions-blogs-associats .opinion .informacion i {
    color: #8a8a8a;
    font-style: normal
}

.fitxa-llibre .opinions-blogs-associats .opinion .informacion .mitjana {
    font-weight: 800
}

.fitxa-llibre .opinions-blogs-associats .opinion .caja_info_texto {
    width: 58%;
    width: calc(100% - 380px);
    float: left
}

.fitxa-llibre .opinions-blogs-associats .opinion .caja_info_texto .autor-comentario {
    margin-bottom: 7px;
    color: #585858
}

.fitxa-llibre .opinions-blogs-associats .opinion .ver_comentarios {
    clear: both;
    float: right
}

.fitxa-llibre .opinions-blogs-associats .opinion .ver_comentarios a {
    font-weight: 800;
    color: #298ccf;
    text-transform: uppercase;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16.25px;
    line-height: 1.95rem
}

.fitxa-llibre .titol-soundcloud {
    font-weight: 500;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18.75px;
    line-height: 2.25rem
}

.fitxa-llibre .fitxa-bloc-a .contenidor-imatges {
    clear: both;
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px
}

.fitxa-llibre .fitxa-bloc-a .contenidor-imatges .contenidor-imatge {
    max-width: 33%;
    box-sizing: border-box;
    padding-right: 5px;
    width: calc(33% - 5px);
    padding-top: calc(33% - 5px);
    position: relative;
    margin-bottom: 5px;
    margin-right: 5px
}

.fitxa-llibre .fitxa-bloc-a .contenidor-imatges .contenidor-imatge .imatge-llibre {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover
}

.llibres-custom-fancybox .fancybox-skin {
    background: none
}

.llibres-custom-fancybox .fancybox-prev {
    left: -20%
}

.llibres-custom-fancybox .fancybox-next {
    right: -7%
}

.llibres-custom-fancybox .fancybox-nav {
    width: 0px !important
}

.llibres-custom-fancybox .fancybox-nav span {
    right: unset;
    left: unset;
    visibility: visible
}

@media screen and (max-width:500px) {
    .llibres-custom-fancybox .fancybox-prev {
        left: 0%
    }
    .llibres-custom-fancybox .fancybox-next {
        right: 0%
    }
    .llibres-custom-fancybox .fancybox-nav span {
        right: inherit;
        left: inherit
    }
}

.fitxa-autor .pagina-construccio .imatge {
    text-align: center;
    position: relative
}

.fitxa-autor .pagina-construccio .imatge img {
    max-width: 100%
}

.fitxa-autor .pagina-construccio .imatge .text-404 {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translateX(-50%)
}

.fitxa-autor .pagina-construccio .imatge .text-404 span {
    display: block;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 35px;
    line-height: 4.2rem
}

.fitxa-autor .pagina-construccio .imatge .text-404 span.gran {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 60px;
    line-height: 7.2rem
}

.fitxa-autor .club-de-lectura {
    float: right;
    margin-left: 15px;
    font-weight: 800
}

.fitxa-autor .club-de-lectura .xxss-icon {
    background-color: #fff;
    color: #298ccf;
    margin-left: 5px
}

.fitxa-autor .subscripcio-compulsiva {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding: 40px 50px;
    background-color: #f1f1f1;
    margin-bottom: 20px
}

.fitxa-autor .subscripcio-compulsiva .title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    line-height: 3.6rem;
    font-weight: 300;
    line-height: 3.6rem;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 100%
}

.fitxa-autor .subscripcio-compulsiva .title strong,
.fitxa-autor .subscripcio-compulsiva .title b {
    font-weight: 600
}

.fitxa-autor .subscripcio-compulsiva .formulari {
    width: 100%
}

.fitxa-autor .subscripcio-compulsiva .formulari .form-group-inputs {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.fitxa-autor .subscripcio-compulsiva .formulari .form-group-inputs .form-group {
    width: 48%
}

.fitxa-autor .subscripcio-compulsiva .formulari .mail-field {
    float: left;
    line-height: 1.65rem;
    margin-top: 5px;
    width: 40%
}

.fitxa-autor .subscripcio-compulsiva .formulari .newsletters .tematica {
    width: 25%;
    display: block;
    float: left
}

@media screen and (max-width:850px) {
    .fitxa-autor .subscripcio-compulsiva .formulari .form-group-inputs {
        flex-direction: column
    }
    .fitxa-autor .subscripcio-compulsiva .formulari .form-group-inputs .form-group {
        width: 100%
    }
    .fitxa-autor .subscripcio-compulsiva .formulari .newsletters .tematica {
        width: 50%
    }
}

@media screen and (max-width:500px) {
    .fitxa-autor .subscripcio-compulsiva .formulari .newsletters .tematica {
        width: 100%
    }
}

.fitxa-autor .subscripcio-compulsiva .action-buttons {
    text-align: right
}

.fitxa-autor .firmes-autor {
    position: relative
}

.fitxa-autor .firmes-autor a.ancla {
    position: absolute;
    top: -100px
}

.fitxa-autor .llista-firmes .firma {
    width: 100%;
    float: left
}

.fitxa-autor .llista-firmes .firma .data-firma {
    background-color: #fff;
    padding: 20px;
    margin-right: 5px;
    float: left;
    width: 130px
}

.fitxa-autor .llista-firmes .firma .data-firma .dia,
.fitxa-autor .llista-firmes .firma .data-firma .mes {
    width: 100%;
    float: left
}

.fitxa-autor .llista-firmes .firma .data-firma .dia {
    font-weight: 800;
    font-size: 40px;
    font-size: 4rem
}

.fitxa-autor .llista-firmes .firma .data-firma .mes {
    text-transform: uppercase;
    font-size: 24px;
    font-size: 2.4rem;
    margin-top: 10px
}

.fitxa-autor .llista-firmes .firma .hora-firma {
    background-color: #fff;
    padding: 20px;
    margin-right: 5px;
    float: left;
    width: 150px;
    font-size: 20px;
    font-size: 2rem;
    min-height: 94px
}

.fitxa-autor .llista-firmes .firma .hora-firma .ico-hora {
    width: 100%;
    background-position: left
}

.fitxa-autor .llista-firmes .firma .lloc-firma {
    background-color: #fff;
    padding: 20px;
    float: left;
    width: calc(100% - 290px);
    font-size: 20px;
    font-size: 2rem;
    min-height: 94px
}

.fitxa-autor .llista-firmes .firma .lloc-firma span {
    width: 100%;
    float: left;
    font-size: 16px;
    font-size: 1.6rem;
    margin-left: 30px
}

.fitxa-autor .firmes-actives a {
    text-decoration: underline;
    font-weight: 700;
    font-size: 15px;
    font-size: 1.5rem;
    color: #298ccf
}

.fitxa-premi .premi-noticia {
    background-color: #fff;
    padding: 45px;
    margin-bottom: 20px
}

.fitxa-premi .text .titol {
    color: #298ccf;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    margin-bottom: 20px
}

.fitxa-premi .text .subtitol {
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem
}

.fitxa-premi .text .cos p {
    margin-bottom: 5px
}

.fitxa-premi .text .cos p:empty {
    display: none
}

.fitxa-premi .foto {
    margin-right: 20px
}

.fitxa-premi .premi-banner {
    margin-bottom: 20px
}

.fitxa-premi .premi-banner img {
    max-width: 100%
}

.fitxa-premi .premi-banner .only-mobile {
    display: none
}

.fitxa-premi .mes-edicions,
.fitxa-premi .llibres-guanyadors {
    margin-bottom: 20px
}

.fitxa-premi .mes-edicions .premi-any,
.fitxa-premi .llibres-guanyadors .premi-any {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 27.5px;
    line-height: 3.3rem;
    font-weight: 800;
    margin-bottom: 20px;
    color: #298ccf;
    display: inline-block
}

.fitxa-premi .mes-edicions .nota-prensa,
.fitxa-premi .llibres-guanyadors .nota-prensa {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    font-weight: 500;
    margin-bottom: 20px;
    margin-left: 10px;
    background: #298ccf;
    color: #fff;
    display: inline-block;
    padding: 3px 15px
}

.fitxa-premi .mes-edicions .premi-llibre,
.fitxa-premi .llibres-guanyadors .premi-llibre {
    float: left
}

.fitxa-premi .mes-edicions .premi-llibre span,
.fitxa-premi .llibres-guanyadors .premi-llibre span {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32.5px;
    line-height: 3.9rem
}

.fitxa-premi .mes-edicions .premi-llibre:nth-child(2n+2),
.fitxa-premi .llibres-guanyadors .premi-llibre:nth-child(2n+2) {
    margin-right: 0px
}

.fitxa-premi .mes-edicions .premi-llibre:nth-child(2n+3),
.fitxa-premi .llibres-guanyadors .premi-llibre:nth-child(2n+3) {
    clear: both
}

.fitxa-premi .mes-edicions .premi-llibre .llibre,
.fitxa-premi .llibres-guanyadors .premi-llibre .llibre {
    margin-top: 20px
}

.fitxa-premi .mes-edicions .premi-llibre .llibre .fitxa-bloc-a,
.fitxa-premi .llibres-guanyadors .premi-llibre .llibre .fitxa-bloc-a {
    width: 230px
}

.fitxa-premi .mes-edicions .premi-llibre .llibre .fitxa-bloc-a .foto,
.fitxa-premi .llibres-guanyadors .premi-llibre .llibre .fitxa-bloc-a .foto {
    width: 200px
}

.fitxa-premi .mes-edicions .premi-llibre .llibre .fitxa-bloc-a .foto img,
.fitxa-premi .llibres-guanyadors .premi-llibre .llibre .fitxa-bloc-a .foto img {
    -webkit-box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.3)
}

.fitxa-premi .mes-edicions .premi-llibre .llibre .fitxa-bloc-a .botons,
.fitxa-premi .llibres-guanyadors .premi-llibre .llibre .fitxa-bloc-a .botons {
    clear: both;
    padding-top: 10px
}

.fitxa-premi .mes-edicions .premi-llibre .llibre .fitxa-bloc-a .botons .btn,
.fitxa-premi .llibres-guanyadors .premi-llibre .llibre .fitxa-bloc-a .botons .btn {
    margin-bottom: 5px;
    width: 200px
}

.fitxa-premi .mes-edicions .premi-llibre .llibre .fitxa-bloc-a .botons .btn-comprar,
.fitxa-premi .llibres-guanyadors .premi-llibre .llibre .fitxa-bloc-a .botons .btn-comprar {
    padding: 10px 20px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16.25px;
    line-height: 1.95rem;
    font-weight: 500;
    text-align: center;
    text-transform: unset
}

@media screen and (max-width:500px) {
    .fitxa-premi .mes-edicions .premi-llibre .llibre .fitxa-bloc-a .botons,
    .fitxa-premi .llibres-guanyadors .premi-llibre .llibre .fitxa-bloc-a .botons {
        text-align: center
    }
}

.fitxa-premi .mes-edicions .premi-llibre .llibre .fitxa-bloc-b,
.fitxa-premi .llibres-guanyadors .premi-llibre .llibre .fitxa-bloc-b {
    width: calc(100% - 230px)
}

.fitxa-premi .mes-edicions .premi-llibre .llibre .fitxa-bloc-b .info,
.fitxa-premi .llibres-guanyadors .premi-llibre .llibre .fitxa-bloc-b .info {
    margin-top: -10px
}

@media screen and (max-width:500px) {
    .fitxa-premi .mes-edicions .premi-llibre .llibre .fitxa-bloc-b .info,
    .fitxa-premi .llibres-guanyadors .premi-llibre .llibre .fitxa-bloc-b .info {
        margin-top: 0px;
        padding-top: 25px
    }
}

.fitxa-premi .mes-edicions .premi-llibre .llibre .fitxa-bloc-b .info .titol,
.fitxa-premi .llibres-guanyadors .premi-llibre .llibre .fitxa-bloc-b .info .titol {
    font-weight: 700;
    font-size: 30px;
    font-size: 3rem;
    line-height: 37.5px;
    line-height: 4.5rem
}

.fitxa-premi .mes-edicions .premi-llibre .llibre .fitxa-bloc-b .info .autor,
.fitxa-premi .llibres-guanyadors .premi-llibre .llibre .fitxa-bloc-b .info .autor {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem
}

.fitxa-premi .mes-edicions .premi-llibre .llibre .fitxa-bloc-b .info .autor a,
.fitxa-premi .llibres-guanyadors .premi-llibre .llibre .fitxa-bloc-b .info .autor a {
    color: #298ccf
}

.fitxa-premi .mes-edicions .premi-llibre .llibre .fitxa-bloc-b .sinopsi,
.fitxa-premi .llibres-guanyadors .premi-llibre .llibre .fitxa-bloc-b .sinopsi {
    margin-top: 20px;
    margin-bottom: 0px
}

.fitxa-premi .mes-edicions .premi-llibre .llibre .fitxa-bloc-b .botons,
.fitxa-premi .llibres-guanyadors .premi-llibre .llibre .fitxa-bloc-b .botons {
    clear: both;
    padding-top: 10px
}

.fitxa-premi .mes-edicions .premi-llibre .llibre .fitxa-bloc-b .botons .btn,
.fitxa-premi .llibres-guanyadors .premi-llibre .llibre .fitxa-bloc-b .botons .btn {
    margin-bottom: 5px
}

.fitxa-premi .mes-edicions .guanyador-te-finalista,
.fitxa-premi .llibres-guanyadors .guanyador-te-finalista,
.fitxa-premi .mes-edicions .finalista,
.fitxa-premi .llibres-guanyadors .finalista {
    width: calc((100% - 25px) / 2);
    margin-right: 25px
}

.fitxa-premi .mes-edicions .guanyador,
.fitxa-premi .llibres-guanyadors .guanyador {
    width: 100%
}

.fitxa-premi .mes-edicions .archivos_libro_ganador,
.fitxa-premi .llibres-guanyadors .archivos_libro_ganador {
    padding-bottom: 10px
}

.fitxa-premi .mes-edicions .archivos_libro_ganador .archivo_premio,
.fitxa-premi .llibres-guanyadors .archivos_libro_ganador .archivo_premio {
    padding-bottom: 10px
}

.fitxa-premi .mes-edicions .archivos_libro_ganador .archivo_premio .nombre_premio,
.fitxa-premi .llibres-guanyadors .archivos_libro_ganador .archivo_premio .nombre_premio {
    width: 75%;
    float: left;
    font-weight: bold;
    padding: 10px 0
}

.fitxa-premi .mes-edicions .archivos_libro_ganador .descargar,
.fitxa-premi .llibres-guanyadors .archivos_libro_ganador .descargar {
    width: 25%;
    float: left
}

@media screen and (max-width:500px) {
    .fitxa-premi .mes-edicions .archivos_libro_ganador .archivo_premio .nombre_premio,
    .fitxa-premi .llibres-guanyadors .archivos_libro_ganador .archivo_premio .nombre_premio {
        width: 65%;
        padding: 0
    }
    .fitxa-premi .mes-edicions .archivos_libro_ganador .descargar,
    .fitxa-premi .llibres-guanyadors .archivos_libro_ganador .descargar {
        width: 30%
    }
}

.fitxa-premi .mes-edicions {
    border-top: 1px solid #383838;
    border-top: 1px solid rgba(56, 56, 56, 0.2)
}

.fitxa-premi .mes-edicions .edicions {
    display: none
}

.fitxa-premi .mes-edicions .edicions .edicio {
    margin-top: 20px
}

.fitxa-premi .mes-edicions .titol_bloc {
    margin-top: 10px;
    position: relative;
    cursor: pointer
}

.fitxa-premi .mes-edicions .titol_bloc:after {
    position: absolute;
    right: 15px;
    top: 10px;
    font-family: "pdlfont" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    color: #298ccf;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "Y";
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.fitxa-premi .mes-edicions.active .edicions {
    display: block
}

.fitxa-premi .mes-edicions.active .titol_bloc:after {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fitxa-premi .historia {
    border-top: 1px solid #383838;
    border-top: 1px solid rgba(56, 56, 56, 0.2)
}

.fitxa-premi .historia .titol_bloc {
    margin-top: 10px
}

.fitxa-premi .historia .info {
    position: relative
}

.fitxa-premi .historia .info .veure-mes {
    position: absolute;
    width: 100%;
    height: 90px;
    bottom: 0px;
    left: 0px;
    display: block;
    padding-top: 50px;
    text-align: center;
    color: #298ccf;
    cursor: pointer;
    background: -moz-linear-gradient(top, rgba(239, 239, 239, 0) 0%, rgba(239, 239, 239, 1) 60%);
    background: -webkit-linear-gradient(top, rgba(239, 239, 239, 0) 0%, rgba(239, 239, 239, 1) 60%);
    background: linear-gradient(to bottom, rgba(239, 239, 239, 0) 0%, rgba(239, 239, 239, 1) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00efefef', endColorstr='#ffffff', GradientType=0);
}

.fitxa-premi .historia .info .veure-mes span {
    display: block
}

.fitxa-premi .historia .info .veure-mes i {
    display: block;
    margin-top: -15px;
    font-size: 30px;
    font-size: 3rem;
    line-height: 37.5px;
    line-height: 4.5rem
}

.fitxa-premi .historia .info.te-mes {
    height: 220px;
    overflow-y: hidden
}

.fitxa-premi .historia .info .veure-mes {
    margin: 10px 0px 0px
}

.fitxa-premi .historia .info .veure-menys {
    display: block;
    padding-top: 20px;
    text-align: center;
    color: #298ccf;
    cursor: pointer
}

.fitxa-premi .historia .info .veure-menys span {
    display: block
}

.fitxa-premi .historia .info .veure-menys i {
    display: block;
    font-size: 30px;
    font-size: 3rem
}

.fitxa-premi .historia .info .video+.text {
    float: left;
    width: calc(100% - 465px)
}

.fitxa-premi .historia .info .video {
    float: right;
    width: 430px;
    margin-left: 35px
}

@media screen and (max-width:500px) {
    .fitxa-autor .dades-generals .fitxa-exclusiva-autor {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
    .fitxa-premi .mes-edicions .premi-llibre .llibre .fitxa-bloc-a,
    .fitxa-premi .llibres-guanyadors .premi-llibre .llibre .fitxa-bloc-a {
        width: 100%
    }
    .fitxa-premi .mes-edicions .premi-llibre .llibre .fitxa-bloc-a .foto,
    .fitxa-premi .llibres-guanyadors .premi-llibre .llibre .fitxa-bloc-a .foto {
        text-align: center;
        margin: 0 auto
    }
    .fitxa-premi .mes-edicions .premi-llibre .llibre .fitxa-bloc-b,
    .fitxa-premi .llibres-guanyadors .premi-llibre .llibre .fitxa-bloc-b {
        width: 100%
    }
}

.fitxa-premsa .foto {
    width: 335px;
    max-width: 100%;
    float: none
}

.fitxa-premsa .rueda-prensa-llibre {
    margin-bottom: 40px
}

.fitxa-premsa .rueda-prensa-llibre .titol {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 27.5px;
    line-height: 3.3rem;
    line-height: 22px;
    line-height: 2.2rem;
    font-weight: bold
}

.fitxa-premsa .rueda-prensa-llibre .visor {
    margin-top: 10px
}

.fitxa-premsa .rueda-prensa-llibre .visor img {
    max-width: 100%
}

.fitxa-premsa .rueda-prensa-llibre .visor.videoplayer {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.fitxa-premsa .rueda-prensa-llibre .visor.videoplayer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width:500px) {
    .fitxa-premsa .rueda-prensa-llibre {
        padding: 0px 10px
    }
}

.fitxa-premsa .prensa-esquerra {
    float: left;
    width: 35%;
    width: calc(331px - 1px);
    margin-bottom: 15px
}

.fitxa-premsa .prensa-esquerra .contactes-prensa {
    background: #fff;
    padding: 25px;
    margin-top: 25px
}

.fitxa-premsa .prensa-esquerra .contactes-prensa .titol-prensa {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem;
    margin-bottom: 5px
}

.fitxa-premsa .prensa-esquerra .contactes-prensa .contacto {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem
}

.fitxa-premsa .prensa-esquerra .contactes-prensa .contacto .name strong,
.fitxa-premsa .prensa-esquerra .contactes-prensa .contacto .phone strong,
.fitxa-premsa .prensa-esquerra .contactes-prensa .contacto .fax strong,
.fitxa-premsa .prensa-esquerra .contactes-prensa .contacto .email strong {
    font-weight: 700
}

.fitxa-premsa .prensa-esquerra .contactes-prensa .contacto+.contacto {
    margin-top: 7px;
    padding-top: 7px;
    border-top: 1px solid #383838;
    border-top: 1px solid rgba(56, 56, 56, 0.2)
}

.fitxa-premsa .prensa-dreta {
    float: right;
    width: 65%;
    width: calc(100% - 365px);
    margin-bottom: 15px
}

.fitxa-premsa .prensa-dreta .titol_bloc {
    text-transform: none
}

.fitxa-premsa .prensa-dreta .titol-i-autors .titol h1 {
    font-weight: 500
}

.fitxa-premsa .prensa-dreta .titol-i-autors .autors h2,
.fitxa-premsa .prensa-dreta .titol-i-autors .autors h2 a {
    font-weight: 800;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    color: #000;
    text-transform: uppercase
}

.fitxa-premsa .prensa-dreta .data-publicacio {
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem
}

.fitxa-premsa .prensa-dreta .enllacos .titol_bloc {
    font-weight: 700;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 21.25px;
    line-height: 2.55rem;
    margin-bottom: 20px
}

.fitxa-premsa .prensa-dreta .enllacos .contingut-enllacos .enllac {
    clear: both;
    padding-bottom: 10px
}

.fitxa-premsa .prensa-dreta .enllacos .contingut-enllacos .enllac .contingut-nom {
    float: left;
    padding: 6px 0px
}

.fitxa-premsa .prensa-dreta .enllacos .contingut-enllacos .enllac .contingut-nom .nom {
    text-transform: uppercase;
    font-weight: 700
}

.fitxa-premsa .prensa-dreta .enllacos .contingut-enllacos .enllac .contingut-nom .text {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem
}

.fitxa-premsa .prensa-dreta .enllacos .contingut-enllacos .enllac .descarregar {
    float: right
}

.fitxa-premsa .prensa-dreta .enllacos .contingut-enllacos .videos-destacats {
    clear: both;
    padding-bottom: 10px
}

.fitxa-premsa .prensa-dreta .enllacos .contingut-enllacos .videos-destacats .contingut-nom {
    text-transform: uppercase;
    font-weight: 700;
    padding: 6px 0px
}

.fitxa-premsa .prensa-dreta .enllacos .contingut-enllacos .enllac+.enllac,
.fitxa-premsa .prensa-dreta .enllacos .contingut-enllacos .enllac+.videos-destacats {
    padding-top: 15px;
    border-top: 1px solid #383838;
    border-top: 1px solid rgba(56, 56, 56, 0.2)
}

.zona-lectura-prensa {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    padding: 20px 0px;
    margin: 0px 15px;
    background: #fff
}

.zona-lectura-prensa .logo {
    text-align: center;
    float: left;
    width: 30%
}

.zona-lectura-prensa .logo img {
    max-width: 100%
}

.zona-lectura-prensa .descripcio {
    padding-top: 15px;
    float: left;
    width: 40%
}

.zona-lectura-prensa .descripcio .titular {
    font-weight: 800;
    text-transform: uppercase
}

.zona-lectura-prensa .call-to-action {
    text-align: center;
    padding-top: 30px;
    float: left;
    width: 30%
}

.agrupacio:not(.transparent) {
    background: #fff
}

.agrupacio:not(.transparent) .titol_bloc {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    font-weight: 600;
    margin-bottom: 0px;
    background: #298ccf;
    color: #fff;
    display: inline-block;
    padding: 7px 10px
}

.agrupacio:not(.transparent) .colapsable_caixa {
    padding: 15px 25px 30px
}

.agrupacio {
    margin-bottom: 20px
}

.agrupacio:last-child {
    margin-bottom: 0
}

@media screen and (min-width:500px) {
    .fitxa .fitxa-bloc-a {
        float: left;
        width: 210px
    }
    .fitxa .fitxa-bloc-a:after {
        content: ' ';
        width: 0px;
        height: 0px;
        display: block;
        clear: both
    }
    .fitxa .fitxa-bloc-b {
        float: right;
        width: 810px;
        width: calc(100% - 240px)
    }
    .fitxa .fitxa-bloc-b:after {
        content: ' ';
        width: 0px;
        height: 0px;
        display: block;
        clear: both
    }
    .fitxa .fitxa-bloc-b .fitxa-bloc-b1 {
        float: left;
        width: calc(100% - 313px)
    }
    .fitxa .fitxa-bloc-b .fitxa-bloc-b1:after {
        content: ' ';
        width: 0px;
        height: 0px;
        display: block;
        clear: both
    }
    .fitxa .fitxa-bloc-b .fitxa-bloc-b2 {
        float: right;
        width: 300px;
        margin-left: 13px
    }
    .fitxa .fitxa-bloc-b .fitxa-bloc-b2:after {
        content: ' ';
        width: 0px;
        height: 0px;
        display: block;
        clear: both
    }
}

@media screen and (min-width:851px) {
    .fitxa .suports-comprar .suports .llibre_format {
        width: 33%
    }
    .fitxa .suports-comprar .suports .llibre_format:nth-child(3n+1) {
        clear: both;
        padding-left: 0px
    }
    .fitxa .suports-comprar .suports .llibre_format:nth-child(3n+2) {
        border-left: 1px solid #383838;
        border-left: 1px solid rgba(56, 56, 56, 0.2)
    }
    .fitxa .suports-comprar .suports .llibre_format:nth-child(3n+3) {
        padding-right: 0px;
        border-left: 1px solid #383838;
        border-left: 1px solid rgba(56, 56, 56, 0.2)
    }
    .fitxa .premis .premi {
        width: 33%
    }
    .fitxa .premis .premi:nth-child(3n+1) {
        clear: both;
        padding-left: 0px
    }
    .fitxa .premis .premi:nth-child(3n+2) {
        border-left: 1px solid #383838;
        border-left: 1px solid rgba(56, 56, 56, 0.2)
    }
    .fitxa .premis .premi:nth-child(3n+3) {
        padding-right: 0px;
        border-left: 1px solid #383838;
        border-left: 1px solid rgba(56, 56, 56, 0.2)
    }
    .fitxa .premis.nomes-un .premi {
        width: 100%
    }
}

@media screen and (min-width:980px) {
    .fitxa .fitxa-bloc-a {
        width: 260px
    }
    .fitxa .fitxa-bloc-b {
        width: 770px;
        width: calc(100% - 275px)
    }
    .fitxa .bloc.dades-generals.fitxa-exclusiva-autor {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between
    }
    .fitxa .bloc.dades-generals.fitxa-exclusiva-autor .fitxa-bloc-a {
        width: 260px
    }
    .fitxa .bloc.dades-generals.fitxa-exclusiva-autor .fitxa-bloc-b {
        width: 770px;
        width: calc(100% - 275px)
    }
    .fitxa .bloc.dades-generals.fitxa-exclusiva-autor .fitxa-bloc-b #capsa-biografia {
        width: 95% !important
    }
}

@media screen and (max-width:850px) {
    .fitxa .fitxa-bloc-b .fitxa-bloc-b1 {
        float: none;
        width: 100%
    }
    .fitxa .fitxa-bloc-b .fitxa-bloc-b2 {
        float: none;
        width: 100%;
        margin-left: 0px;
        padding-bottom: 10px
    }
    .fitxa .fitxa-bloc-b .fitxa-bloc-b2 .soportes_comprar {
        margin: 0px auto;
        max-width: 330px
    }
}

@media screen and (max-width:980px) {
    .fitxa .bloc {
        padding: 40px 25px
    }
    .fitxa .segell {
        width: 120px
    }
    .fitxa .segell img {
        max-width: 100%
    }
    .fitxa .foto {
        float: left;
        width: 210px;
        margin-right: 10px
    }
    .fitxa.fitxa-premsa .foto {
        width: 100%;
        float: none
    }
    .fitxa .titol-i-autors h1 {
        font-size: 22.5px;
        font-size: 2.25rem;
        line-height: 28.125px;
        line-height: 3.375rem
    }
    .fitxa .titol-i-autors .autors {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2.4rem
    }
    .fitxa .tematiques-i-coleccions {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 18.75px;
        line-height: 2.25rem
    }
    .fitxa .botons-contenido .boto-llegir-capitol,
    .fitxa .botons-contenido .boto-contingut-exclusiu,
    .fitxa .botons-contenido .boto-comprar {
        padding: 10px 15px;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 13.75px;
        line-height: 1.65rem
    }
    .fitxa .botons-contenido .boto-llegir-capitol i,
    .fitxa .botons-contenido .boto-contingut-exclusiu i,
    .fitxa .botons-contenido .boto-comprar i {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2.4rem
    }
    .fitxa .dades-generals .frase-mkt {
        margin-bottom: 10px;
        font-size: 20px;
        font-size: 2rem;
        line-height: 25px;
        line-height: 3rem
    }
    .fitxa .dades-generals .frase-mkt p {
        font-size: 20px;
        font-size: 2rem;
        line-height: 25px;
        line-height: 3rem
    }
    .fitxa .sinopsi-intro {
        margin-bottom: 10px
    }
    .fitxa .dades-generals .sinopsi.te-mes {
        height: 200px
    }
    .fitxa .botons-magrada {
        width: 215px
    }
    .fitxa .contingut-extra .continguts .contingut-caixa {
        margin-bottom: 5px
    }
    .fitxa .contingut-extra .continguts .contingut-caixa .contingut-nom {
        float: left;
        width: 65%
    }
    .fitxa .contingut-extra .continguts .contingut-caixa .descarregar {
        float: right;
        width: 35%
    }
}

@media screen and (max-width:850px) and (min-width:501px) {
    .fitxa .suports-comprar .suports .llibre_format {
        width: 50%
    }
    .fitxa .suports-comprar .suports .llibre_format:nth-child(2n+1) {
        clear: both;
        padding-left: 0px
    }
    .fitxa .suports-comprar .suports .llibre_format:nth-child(2n+2) {
        padding-right: 0px;
        border-left: 1px solid #383838;
        border-left: 1px solid rgba(56, 56, 56, 0.2)
    }
    .fitxa .premis .premi {
        width: 50%
    }
    .fitxa .premis .premi:nth-child(2n+1) {
        clear: both;
        padding-left: 0px
    }
    .fitxa .premis .premi:nth-child(2n+2) {
        padding-right: 0px;
        border-left: 1px solid #383838;
        border-left: 1px solid rgba(56, 56, 56, 0.2)
    }
    .fitxa .botons-contenido .boto-comprar {
        display: none
    }
    .fitxa-autor .llista-firmes .firma .data-firma {
        padding: 10px;
        width: 55px;
        min-height: 69px
    }
    .fitxa-autor .llista-firmes .firma .data-firma .dia {
        font-size: 20px;
        font-size: 2rem
    }
    .fitxa-autor .llista-firmes .firma .data-firma .mes {
        font-size: 15px;
        font-size: 1.5rem;
        margin-top: 0px
    }
    .fitxa-autor .llista-firmes .firma .hora-firma {
        padding: 10px;
        font-size: 15px;
        font-size: 1.5rem;
        min-height: 69px;
        width: 112px
    }
    .fitxa-autor .llista-firmes .firma .lloc-firma {
        padding: 10px;
        width: calc(100% - 187px);
        font-size: 15px;
        font-size: 1.5rem;
        min-height: 69px
    }
    .fitxa-autor .llista-firmes .firma .lloc-firma span {
        width: 100%;
        float: left;
        font-size: 12px;
        font-size: 1.2rem;
        margin-left: 30px
    }
}

@media screen and (max-width:850px) {
    .fitxa .fitxa-exclusiva-autor {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between
    }
    .fitxa .perque-llegir .perque-motiu {
        width: 100%;
        float: none;
        clear: both
    }
    .fitxa .contingut-extra .continguts .contingut-caixa {
        margin-bottom: 5px
    }
    .fitxa .contingut-extra .continguts .contingut-caixa .contingut-nom {
        float: left;
        width: 100%
    }
    .fitxa .contingut-extra .continguts .contingut-caixa .descarregar {
        float: right;
        width: 100%
    }
    .fitxa .blog .entrada_blog_info_blog {
        padding-left: 0px
    }
    .fitxa-llibre .dedicatoria-sant-jordi {
        margin: 0px auto 20px;
        max-width: 252px
    }
    .fitxa-llibre .pagina-construccio .imatge .text-404 {
        top: 0px
    }
    .fitxa-llibre .pagina-construccio .imatge .text-404 span {
        display: block;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 18.75px;
        line-height: 2.25rem
    }
    .fitxa-llibre .pagina-construccio .imatge .text-404 span.gran {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 31.25px;
        line-height: 3.75rem
    }
    .fitxa-autor .pagina-construccio .imatge .text-404 {
        width: 100%
    }
    .fitxa-autor .pagina-construccio .imatge .text-404 span {
        display: block;
        font-size: 20px;
        font-size: 2rem;
        line-height: 25px;
        line-height: 3rem
    }
    .fitxa-autor .pagina-construccio .imatge .text-404 span.gran {
        font-size: 40px;
        font-size: 4rem;
        line-height: 50px;
        line-height: 6rem
    }
    .fitxa-premi .premi-noticia {
        padding: 10px
    }
    .fitxa-premi .noticia .foto+.text {
        width: 100%
    }
    .fitxa-premi .noticia .foto {
        width: 100%
    }
    .fitxa-premi .mes-edicions .guanyador-te-finalista,
    .fitxa-premi .llibres-guanyadors .guanyador-te-finalista,
    .fitxa-premi .mes-edicions .finalista,
    .fitxa-premi .llibres-guanyadors .finalista,
    .fitxa-premi .mes-edicions .guanyador,
    .fitxa-premi .llibres-guanyadors .guanyador {
        width: 100%
    }
    .fitxa-premi .historia {
        border-top: 1px solid #383838;
        border-top: 1px solid rgba(56, 56, 56, 0.2)
    }
    .fitxa-premi .historia .info {
        position: relative
    }
    .fitxa-premi .historia .info.te-mes {
        height: 450px;
        overflow-y: hidden
    }
    .fitxa-premi .historia .info .video+.text {
        float: left;
        width: 100%
    }
    .fitxa-premi .historia .info .video {
        float: right;
        width: 100%
    }
    .fitxa-premsa .prensa-esquerra {
        float: left;
        width: 35%;
        width: calc(241px - 1px)
    }
    .fitxa-premsa .prensa-dreta {
        float: right;
        width: 65%;
        width: calc(100% - 250px)
    }
    .zona-lectura-prensa .descripcio,
    .zona-lectura-prensa .logo,
    .zona-lectura-prensa .call-to-action {
        float: none;
        width: auto;
        padding: 0px 20px 10px
    }
}

@media screen and (max-width:500px) {
    .fons_tematic {
        background-color: #fff;
        padding: 0
    }
    .cercador-superior.fons_tematic {
        padding: 10px 0px
    }
    .fitxa {
        margin: 0px -10px
    }
    .fitxa .bloc {
        padding: 0px 10px;
        margin-bottom: 0px
    }
    .fitxa .bloc.fitxa-exclusiva-autor {
        display: flex;
        flex-direction: column
    }
    .fitxa .bloc .veure-mes {
        text-align: center;
        width: 100%
    }
    .fitxa .bloc .veure-mes a {
        color: #298ccf;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 800;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17.5px;
        line-height: 2.1rem
    }
    .fitxa .bloc .veure-menys {
        padding-bottom: 10px
    }
    .fitxa .bloc:nth-child(1+1n) {
        background: transparent
    }
    .fitxa .foto {
        float: none;
        width: 100%;
        text-align: center;
        margin-right: 0px;
        margin-bottom: 10px
    }
    .fitxa .segell {
        display: none
    }
    .fitxa .titol-i-autors {
        padding-top: 20px
    }
    .fitxa .titol-i-autors .titol {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 30px;
        line-height: 3.6rem;
        font-size: 30px;
        font-size: 3rem
    }
    .fitxa .titol-i-autors.mobil {
        display: block
    }
    .fitxa .titol-i-autors.desktop {
        display: none
    }
    .fitxa .botons-contenido {
        text-align: center
    }
    .fitxa .botons-contenido .boto-llegir-capitol,
    .fitxa .botons-contenido .boto-contingut-exclusiu {
        display: inline-block
    }
    .fitxa .dades-generals .frase-mkt {
        clear: both;
        width: 100%
    }
    .fitxa .dades-generals .sinopsi {
        width: 100%
    }
    .fitxa .dades-generals .sinopsi.te-mes {
        height: 370px
    }
    .fitxa .botons-magrada {
        float: none;
        clear: both;
        width: 100%;
        text-align: center
    }
    .fitxa .titol_bloc {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2.4rem;
        padding-top: 10px
    }
    .fitxa .xarxes-socials.only-mobile {
        display: block;
        margin-top: 20px;
        padding-bottom: 15px
    }
    .fitxa .xarxes-socials.only-mobile strong {
        display: block
    }
    .fitxa .xarxes-socials.only-mobile .share-xxss {
        margin-top: 10px;
        padding-bottom: 10px
    }
    .fitxa .suports-comprar {
        padding: 20px 10px;
        margin: 0px -10px
    }
    .fitxa .suports-comprar .suports .boto-comprar {
        margin-top: 9px
    }
    .fitxa .suports-comprar .suports .llibre_format {
        width: 100%;
        float: none;
        clear: both;
        padding: 5px 0px
    }
    .fitxa .suports-comprar .suports .llibre_format .presentacio {
        color: #585858;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 15px;
        line-height: 1.8rem
    }
    .fitxa .suports-comprar .suports .llibre_format:nth-child(n+2) {
        border-top: 1px solid #383838;
        border-top: 1px solid rgba(56, 56, 56, 0.2)
    }
    .fitxa .descargar-app {
        margin-top: 20px
    }
    .fitxa .descargar-app .botons {
        top: auto;
        bottom: 0px;
        right: 0px;
        left: 0px;
        width: auto;
        padding: 10px;
        text-align: center
    }
    .fitxa .descargar-app .botons a {
        float: none;
        display: inline-block;
        margin: 10px;
        max-width: 40%
    }
    .fitxa .prensa {
        background: transparent
    }
    .fitxa .prensa .titol_bloc {
        border-bottom: 1px solid #383838;
        border-bottom: 1px solid rgba(56, 56, 56, 0.2);
        margin: 0px -10px 0px -10px;
        padding: 15px 10px
    }
    .fitxa .prensa.active .titol_bloc {
        border-bottom: 0px
    }
    .fitxa .prensa .contingut-extra {
        padding: 0px 10px;
        margin: 0px -10px 0px -10px
    }
    .fitxa .prensa .titol_bloc:after {
        position: absolute;
        right: 15px;
        top: 10px;
        color: #298ccf;
        line-height: 1em;
        font-size: 2em
    }
    .fitxa .premis {
        background: transparent
    }
    .fitxa .premis .premi {
        width: 100%;
        float: none;
        clear: both;
        padding: 15px 0px
    }
    .fitxa .premis .premi:nth-child(n+2) {
        border-top: 1px solid #383838;
        border-top: 1px solid rgba(56, 56, 56, 0.2)
    }
    .fitxa .sobre-autor {
        padding: 20px 10px;
        margin: 0px -10px
    }
    .fitxa .sobre-autor .autor-info {
        float: none;
        display: inline
    }
    .fitxa .opinions .opinio .opinio-imatge {
        float: none;
        width: 100%;
        text-align: center
    }
    .fitxa .opinions .opinio .opinio-imatge+.opinio-text {
        float: none;
        border-left: 0px;
        width: 100%
    }
    .fitxa .enllacos-caixa .enllac-tipus {
        float: none;
        width: 100%
    }
    .fitxa .enllacos-caixa .enllac-caixa {
        float: none;
        width: 100%
    }
    .fitxa .enllacos-caixa .enllac-linia {
        padding: 10px 0px
    }
    .fitxa .tematiques-i-coleccions .segell-nom {
        display: block
    }
    .fitxa .tematiques-i-coleccions .tematiques .tematica:nth-child(n+4) {
        display: none
    }
    .fitxa .ui-tabs {
        border-left: 4px solid #298ccf
    }
    .fitxa .ui-tabs li {
        margin-bottom: 0px
    }
    .fitxa .ui-tabs .ui-tabs-nav a {
        display: block;
        float: none;
        width: 100%;
        line-height: 40px;
        text-align: center;
        border-bottom: 1px solid #383838;
        border-bottom: 1px solid rgba(56, 56, 56, 0.2);
        color: #000;
        background: #fff
    }
    .fitxa .ui-tabs .ui-tabs-nav .ui-tabs-active a {
        background: #298ccf;
        color: #fff
    }
    .fitxa .ui-tabs .ui-tabs-panel {
        padding: 25px 10px
    }
    .fitxa .contingut-extra .tipus-contingut,
    .fitxa .contingut-extra .continguts {
        display: block;
        width: 100%
    }
    .titol_bloc.mobil {
        display: block !important
    }
    .titol_bloc.desktop {
        display: none !important
    }
    .agrupacio {
        background: transparent;
        border-top: 1px solid #383838;
        border-top: 1px solid rgba(56, 56, 56, 0.2);
        border-bottom: 1px solid #383838;
        border-bottom: 1px solid rgba(56, 56, 56, 0.2);
        margin: 0px -10px 0px -10px;
        padding: 0px 10px
    }
    .agrupacio+.agrupacio {
        margin-top: 0px
    }
    .agrupacio .colapsable_titol.activat {
        cursor: pointer;
        display: block;
        margin: 0px -10px;
        padding: 10px 55px 10px 10px;
        position: relative
    }
    .agrupacio .colapsable_titol.activat .titol_bloc {
        margin-bottom: 0px;
        background: transparent;
        color: #000
    }
    .agrupacio .colapsable_titol.activat:after {
        position: absolute;
        right: 15px;
        top: 10px;
        font-family: "pdlfont" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        color: #298ccf;
        line-height: 1em;
        font-size: 2em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "Y";
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    .agrupacio .colapsable_titol.desplegat:after {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .agrupacio .colapsable_caixa {
        margin-bottom: 20px
    }
    .agrupacio .colapsable_titol.activat+.colapsable_caixa {
        display: none
    }
    .agrupacio .colapsable_titol.desplegat+.colapsable_caixa {
        display: block;
        margin: 0px -10px;
        padding: 0px 10px 20px
    }
    .agrupacio:not(.transparent) .colapsable_titol.desplegat+.colapsable_caixa {
        background-color: #fff
    }
    .agrupacio+.agrupacio {
        border-top: 0px
    }
    .agrupacio.comentaris {
        padding: 0px
    }
    .agrupacio.comentaris .titol_bloc {
        padding-left: 10px
    }
    .fitxa-llibre .pagina-construccio .imatge .text-404 {
        top: 0px
    }
    .fitxa-llibre .pagina-construccio .imatge .text-404 span {
        display: block;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 18.75px;
        line-height: 2.25rem
    }
    .fitxa-llibre .pagina-construccio .imatge .text-404 span.gran {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 31.25px;
        line-height: 3.75rem
    }
    .fitxa-llibre .opinions-lectors .numero-comentaris {
        padding-left: 0px
    }
    .fitxa-llibre .opinions-lectors .comentaris {
        margin: 20px 0px
    }
    .fitxa-llibre .opinions-lectors .comentari .comentari-imatge {
        margin-right: 10px
    }
    .fitxa-llibre .opinions-lectors .comentari .text {
        width: calc(100% - 70px)
    }
    .fitxa-llibre .opinions-lectors .comentar .ratingblock {
        margin: 20px 0px
    }
    .fitxa-llibre .opinions-lectors .comentar .ratingblock li {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 27.5px;
        line-height: 3.3rem
    }
    .fitxa-llibre .opinions-lectors .comentar .ratingblock .current-rating {
        font-size: 18px;
        font-size: 1.8rem
    }
    .fitxa-llibre .opinions-lectors .comentar .javotat {
        margin: 10px 0px
    }
    .fitxa-llibre .opinions-lectors .comentar .comentari-ok {
        padding: 70px 10px;
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 27.5px;
        line-height: 3.3rem
    }
    .fitxa-llibre .opinions-blogs-associats .opinion .logo {
        width: 40%
    }
    .fitxa-llibre .opinions-blogs-associats .opinion .informacion {
        width: 60%;
        margin-bottom: 10px
    }
    .fitxa-llibre .opinions-blogs-associats .opinion .caja_info_texto {
        margin: 15px 20px 7px;
        padding-top: 7px;
        border-top: 1px solid #383838;
        border-top: 1px solid rgba(56, 56, 56, 0.2);
        clear: both;
        width: auto;
        float: none;
        margin-bottom: 15px
    }
    .fitxa-llibre .opinions-blogs-associats .opinion .ver_comentarios {
        float: none;
        text-align: center;
        margin-bottom: 15px
    }
    .fitxa-llibre .fitxa-bloc-a {
        margin-bottom: 10px
    }
    .fitxa-llibre .fitxa-bloc-a #imatge-portada {
        float: left;
        width: 70%
    }
    .fitxa-llibre .fitxa-bloc-a .contenidor-imatges {
        clear: none;
        display: flex;
        flex-direction: column;
        padding-left: 5px
    }
    .fitxa-llibre .fitxa-bloc-a .contenidor-imatges .veure-mes-llibres {
        display: block !important;
        color: #585858;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 16.25px;
        line-height: 1.95rem
    }
    .fitxa-llibre .fitxa-bloc-a .contenidor-imatges .veure-mes-llibres:hover {
        color: #298ccf
    }
    .fitxa-llibre .fitxa-bloc-a .contenidor-imatges .contenidor-imatge {
        display: none;
        width: 100%;
        padding-top: 100%;
        max-width: 100%
    }
    .fitxa-llibre .fitxa-bloc-a .contenidor-imatges .contenidor-imatge:nth-child(1),
    .fitxa-llibre .fitxa-bloc-a .contenidor-imatges .contenidor-imatge:nth-child(2),
    .fitxa-llibre .fitxa-bloc-a .contenidor-imatges .contenidor-imatge:nth-child(3) {
        display: block
    }
    .fitxa-autor .pagina-construccio .imatge .text-404 {
        top: 0px
    }
    .fitxa-autor .pagina-construccio .imatge .text-404 span {
        display: block;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 18.75px;
        line-height: 2.25rem
    }
    .fitxa-autor .pagina-construccio .imatge .text-404 span.gran {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 31.25px;
        line-height: 3.75rem
    }
    .fitxa-autor .club-de-lectura {
        float: none;
        text-align: right;
        margin-bottom: 10px
    }
    .fitxa-autor .club-de-lectura .xxss-icon {
        background-color: #fff;
        color: #298ccf;
        margin-left: 5px
    }
    .fitxa-autor .firmes-autor {
        background: transparent;
        padding: 20px 10px
    }
    .fitxa-autor .firmes-autor h3 {
        font-size: 22px;
        font-size: 2.2rem
    }
    .fitxa-autor .firmes-autor .llista-firmes-mobil .firma {
        background-color: rgba(238, 238, 238, .9);
        padding: 8px;
        -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.3);
        box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.3);
        margin-left: 5px
    }
    .fitxa-autor .firmes-autor .llista-firmes-mobil .firma div {
        border-bottom: 1px solid #a0a0a0;
        padding: 10px 0;
        font-weight: 700
    }
    .fitxa-autor .firmes-autor .llista-firmes-mobil .firma div.clearfix {
        border-bottom: 0;
        padding: 0
    }
    .fitxa-autor .firmes-autor .llista-firmes-mobil .firma div i {
        width: 30px;
        background-position: left
    }
    .fitxa-autor .firmes-autor .llista-firmes-mobil .firma .hora-firma {
        border-bottom: 0px
    }
    .fitxa-autor .firmes-autor .llista-firmes-mobil .firma .lloc-firma span {
        width: calc 99.6875%;
        float: left;
        margin-left: 30px;
        font-weight: 500
    }
    .fitxa-autor .firmes-autor .llista-firmes-mobil .owl-controls {
        display: none
    }
    .fitxa-autor .firmes-autor .firmes-actives a {
        text-decoration: underline;
        font-weight: 700;
        font-size: 15px;
        font-size: 1.5rem;
        color: #298ccf
    }
    .fitxa-premi .mes-edicions .guanyador-te-finalista .llibre .foto,
    .fitxa-premi .llibres-guanyadors .guanyador-te-finalista .llibre .foto,
    .fitxa-premi .mes-edicions .finalista .llibre .foto,
    .fitxa-premi .llibres-guanyadors .finalista .llibre .foto,
    .fitxa-premi .mes-edicions .guanyador .llibre .foto,
    .fitxa-premi .llibres-guanyadors .guanyador .llibre .foto {
        width: 100%
    }
    .fitxa-premi .mes-edicions .guanyador-te-finalista .llibre .info,
    .fitxa-premi .llibres-guanyadors .guanyador-te-finalista .llibre .info,
    .fitxa-premi .mes-edicions .finalista .llibre .info,
    .fitxa-premi .llibres-guanyadors .finalista .llibre .info,
    .fitxa-premi .mes-edicions .guanyador .llibre .info,
    .fitxa-premi .llibres-guanyadors .guanyador .llibre .info {
        width: 100%
    }
    .fitxa-premi .mes-edicions .guanyador-te-finalista .llibre .info .sinopsi,
    .fitxa-premi .llibres-guanyadors .guanyador-te-finalista .llibre .info .sinopsi,
    .fitxa-premi .mes-edicions .finalista .llibre .info .sinopsi,
    .fitxa-premi .llibres-guanyadors .finalista .llibre .info .sinopsi,
    .fitxa-premi .mes-edicions .guanyador .llibre .info .sinopsi,
    .fitxa-premi .llibres-guanyadors .guanyador .llibre .info .sinopsi {
        width: 100%
    }
    .fitxa-premi .historia {
        border-top: 1px solid #383838;
        border-top: 1px solid rgba(56, 56, 56, 0.2)
    }
    .fitxa-premi .historia .info {
        position: relative
    }
    .fitxa-premi .historia .info.te-mes {
        height: 450px;
        overflow-y: hidden
    }
    .fitxa-premi .historia .info .video+.text {
        float: left;
        width: 100%
    }
    .fitxa-premi .historia .info .video {
        float: right;
        width: 100%
    }
    .fitxa-premi .premi-banner .desktop {
        display: none
    }
    .fitxa-premi .premi-banner .only-mobile {
        display: block
    }
    body.prensa .contingut-principal {
        padding-top: 0px
    }
    body.prensa .contingut-principal .wrapper {
        margin: 0px -10px;
        width: auto
    }
    body.prensa .contingut-principal .wrapper .rotador {
        margin-left: 0px
    }
    .prensa-superior {
        padding: 10px
    }
    .prensa-superior .caixa-blanca {
        margin-top: 0px;
        margin-bottom: 20px
    }
    .prensa-superior .caixa-blanca .zona-inferior {
        clear: both
    }
    .prensa-superior .caixa-blanca .navegacio-mesos {
        margin-bottom: 10px
    }
    .prensa-superior .caixa-blanca .navegacio-mesos .menu .intro {
        margin-bottom: 10px
    }
    .prensa-superior .caixa-blanca .navegacio-mesos .menu>ul>li.veure-mes {
        margin-top: 5px;
        display: block !important
    }
    .prensa-superior .caixa-blanca .navegacio-mesos .menu>ul>li.veure-mes i {
        float: right
    }
    .prensa-superior .caixa-blanca .descarrega-pdf-novetats a {
        line-height: 17px
    }
    .prensa-superior .fil-dariadna {
        display: none
    }
    .prensa-superior .contactos {
        margin-bottom: 15px
    }
    .prensa-superior .contactos .volver {
        padding-top: 7px
    }
    .fitxa-premsa .prensa-esquerra {
        float: none;
        width: 100%
    }
    .fitxa-premsa .prensa-esquerra .contactes-prensa {
        margin: 15px 10px
    }
    .fitxa-premsa .prensa-dreta {
        float: none;
        width: 100%;
        padding: 0px 10px
    }
    .fitxa-premsa .prensa-dreta .enllacos .contingut-enllacos .enllac .contingut-nom,
    .fitxa-premsa .prensa-dreta .enllacos .contingut-enllacos .enllac .descarregar {
        clear: both;
        float: none
    }
    .resultat-cercador.amb-submenu {
        padding: 20px 10px
    }
}

.contenido-exclusivo {
    position: relative
}

.contenido-exclusivo .ancla {
    position: absolute;
    top: -200px
}

.graella-amb-imatge .dropdown-colleccions {
    padding: 0px 0px 25px 0px
}

.graella-amb-imatge .dropdown-colleccions .mes-colleccions {
    display: none
}

.graella-amb-imatge .dropdown-colleccions .veure-mes {
    width: 100%;
    text-align: center;
    color: #298ccf
}

.graella-amb-imatge .dropdown-colleccions.active .dropdown-toggle {
    display: none
}

.graella-amb-imatge .dropdown-colleccions.active .mes-colleccions {
    display: block
}

.graella-amb-imatge .element {
    width: calc((100% - 180px) / 4);
    margin-bottom: 40px;
    margin-right: 60px;
    float: left
}

.graella-amb-imatge .element.tres-cols {
    width: calc((100% - 60px) / 3);
    margin-right: 30px
}

.graella-amb-imatge .element .foto a {
    display: block;
    background-color: #f1f1f1;
    text-align: center;
    height: 182px;
    line-height: 182px
}

.graella-amb-imatge .element .foto.premi a {
    background-color: transparent
}

.graella-amb-imatge .element .foto.premi a img {
    max-height: 182px
}

.graella-amb-imatge .element .foto.transparent a {
    background-color: transparent;
    height: auto;
    line-height: 0
}

.graella-amb-imatge .element .foto.petita a {
    height: 115px;
    line-height: 115px
}

.graella-amb-imatge .element .foto img {
    display: inline-block;
    vertical-align: middle;
    max-width: 80%
}

.graella-amb-imatge .element .foto.petita a img {
    max-height: 90px
}

.graella-amb-imatge .element .titol {
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 15px;
    text-align: center;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18.75px;
    line-height: 2.25rem
}

.graella-amb-imatge .element .titol.esquerra {
    text-align: left
}

.graella-amb-imatge .element .contacte-premsa {
    margin-top: 10px
}

.graella-amb-imatge .element .contacte-premsa .tit {
    margin-bottom: 10px
}

.graella-amb-imatge .element .btn-submit.prensa {
    margin-top: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem
}

.llistat-editorials .editorial-info {
    position: relative;
    margin-bottom: 20px
}

.llistat-editorials .editorial-info a.ancla {
    position: absolute;
    top: -200px
}

.llistat-editorials .editorial-info .logo {
    float: left;
    width: 180px;
    text-align: center
}

.llistat-editorials .editorial-info .logo img {
    max-width: 100%
}

.llistat-editorials .editorial-info .info {
    float: right;
    width: calc(100% - 195px)
}

.llistat-editorials .editorial-info .info .titol-editorial {
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    margin-bottom: 10px
}

.llistat-editorials .editorial-info .info .text-editorial {
    font-weight: 500;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem
}

.llistat-editorials .intro {
    color: #585858;
    margin-bottom: 40px
}

.llistat-editorials .intro .avis {
    font-weight: 700;
    font-style: italic
}

.llistat-editorials a {
    text-decoration: underline;
    color: #298ccf;
    font-weight: 500
}

.llistat-editorials a:hover {
    text-decoration: none
}

@media screen and (min-width:850px) {
    .bloc.dades-generals .bloc.fitxa-exclusiva-autor {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between
    }
    .graella-amb-imatge .element:nth-child(4n+4) {
        margin-right: 0px
    }
    .graella-amb-imatge .element:nth-child(4n+5) {
        clear: both
    }
    .graella-amb-imatge .element.tres-cols:nth-child(4n+4) {
        margin-right: 30px
    }
    .graella-amb-imatge .element.tres-cols:nth-child(4n+5) {
        clear: none
    }
    .graella-amb-imatge .element.tres-cols:nth-child(3n+3) {
        margin-right: 0px
    }
    .graella-amb-imatge .element.tres-cols:nth-child(3n+4) {
        clear: both
    }
}

@media screen and (max-width:850px) {
    .graella-amb-imatge .element {
        width: calc((100% - 60px) / 3);
        margin-right: 30px
    }
    .graella-amb-imatge .element:nth-child(3n+3) {
        margin-right: 0px
    }
    .graella-amb-imatge .element:nth-child(3n+4) {
        clear: both
    }
    .graella-amb-imatge .element .foto a {
        height: 140px;
        line-height: 140px
    }
    .graella-amb-imatge .element .titol {
        text-align: left
    }
    .graella-amb-imatge .element.tres-cols {
        width: calc((100% - 30px) / 2);
        margin-right: 30px
    }
    .graella-amb-imatge .element.tres-cols:nth-child(3n+3) {
        margin-right: 30px
    }
    .graella-amb-imatge .element.tres-cols:nth-child(3n+4) {
        clear: none
    }
    .graella-amb-imatge .element.tres-cols:nth-child(2n+2) {
        margin-right: 0px
    }
    .graella-amb-imatge .element.tres-cols:nth-child(2n+3) {
        clear: both
    }
    .llistat-editorials .editorial-info {
        margin-bottom: 20px
    }
    .llistat-editorials .editorial-info .logo {
        float: left;
        width: 100%;
        margin-bottom: 10px
    }
    .llistat-editorials .editorial-info .info {
        float: left;
        width: 100%
    }
    .llistat-editorials .editorial-info .info .titol-editorial {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2.4rem
    }
    .llistat-editorials .editorial-info .info .text-editorial {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 16.25px;
        line-height: 1.95rem
    }
}

@media screen and (max-width:500px) {
    .graella-amb-imatge {
        padding: 10px
    }
    .graella-amb-imatge .element {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 0
    }
    .graella-amb-imatge .element .foto {
        display: none
    }
    .graella-amb-imatge .element .text {
        display: none
    }
    .graella-amb-imatge .element.tres-cols {
        width: 100%;
        margin-bottom: 10px
    }
    .graella-amb-imatge .element.tres-cols:nth-child(2n+2) {
        margin-right: 0px
    }
    .graella-amb-imatge .element.tres-cols:nth-child(2n+3) {
        clear: none
    }
    .graella-amb-imatge .element.tres-cols .foto {
        display: block
    }
}

.faqs-preguntes {
    margin-top: 30px
}

.faqs-preguntes ul {
    background: #e1e8ee url('../img/faq.png') no-repeat right;
    padding: 35px
}

.faqs-preguntes li a {
    color: #298ccf
}

.faqs-respostes .resposta {
    margin-top: 35px
}

.faqs-respostes .resposta .titol {
    font-weight: 600;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    margin-bottom: 25px
}

@media screen and (max-width:850px) {
    .faqs-preguntes ul {
        background: #e1e8ee;
        padding: 35px
    }
    .faqs-respostes {
        padding: 10px
    }
}

.abecedari {
    margin: 20px
}

.abecedari .boto-abecedari {
    display: none
}

.abecedari ul {
    text-align: center
}

.abecedari ul li {
    display: inline-block;
    width: calc(( 100% - 52px) / 26);
    margin-right: 2px
}

.abecedari ul li.triat>a {
    background-color: #298ccf;
    color: #fff
}

.abecedari ul li a,
.abecedari ul li span {
    display: inline-block;
    background-color: #f1f1f1;
    width: 100%;
    padding: 5px 0;
    text-align: center
}

.autors-lletra {
    text-transform: uppercase;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32.5px;
    line-height: 3.9rem;
    font-weight: 800;
    position: relative
}

.autors-lletra:after {
    content: '';
    right: 0;
    position: absolute;
    left: 30px;
    top: 18px;
    border-top: 1px solid #383838;
    border-top: 1px solid rgba(56, 56, 56, 0.2)
}

.autors-llistat {
    margin: 20px
}

@media screen and (max-width:850px) {
    .autors-lletra {
        margin: 10px
    }
}

@media screen and (max-width:500px) {
    .abecedari .boto-abecedari {
        display: inline;
        background-color: #f1f1f1;
        padding: 10px;
        float: right
    }
    .abecedari .boto-abecedari i {
        border-left: 1px solid #383838;
        border-left: 1px solid rgba(56, 56, 56, 0.2);
        margin-left: 5px;
        padding-left: 5px
    }
    .abecedari ul {
        display: none;
        background-color: #f1f1f1
    }
    .abecedari ul li {
        display: inline-block;
        width: 40px;
        line-height: 35px;
        font-weight: 800;
        margin: 0
    }
    .abecedari ul li.triat>a {
        color: #298ccf;
        background-color: transparent
    }
    .abecedari ul li a,
    .abecedari ul li span {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 0
    }
    .abecedari.active .boto-abecedari {
        background-color: #585858;
        color: #fff
    }
    .abecedari.active ul {
        display: block;
        margin-top: 5px
    }
}

.concurso_registro {
    position: relative;
    background-color: rgba(238, 238, 238, .9);
    padding: 20px 175px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.concurso_registro .caixa-identificat {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 30px 60px;
    color: #585858
}

.concurso_registro .caixa-identificat .formulari {
    width: 100%
}

.concurso_registro .caixa-identificat .formulari .form-group-inputs {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.concurso_registro .caixa-identificat .formulari .form-group-inputs .form-group {
    width: 48%
}

@media screen and (max-width:850px) {
    .concurso_registro .caixa-identificat .formulari .form-group-inputs {
        flex-direction: column
    }
    .concurso_registro .caixa-identificat .formulari .form-group-inputs .form-group {
        width: 100%
    }
}

.concurso_registro .caixa-identificat .formulari .action-buttons {
    text-align: center;
    margin-top: 10px
}

.concurso_registro .caixa-identificat .formulari .action-buttons .btn {
    border-radius: 0px;
    padding: 15px 120px;
    float: none;
    background-color: #ffb800;
    text-transform: uppercase
}

.concurso_registro .caixa-identificat .text {
    margin-bottom: 10px
}

@media screen and (max-width:850px) {
    .concurso_registro {
        margin: 20px;
        padding: 20px 80px
    }
}

@media screen and (max-width:500px) {
    .concurso_registro {
        padding: 20px 10px
    }
    .concurso_registro .caixa-identificat {
        float: left;
        width: 100%;
        background-color: #fff;
        padding: 30px 15px;
        color: #585858
    }
    .concurso_registro .caixa-identificat .form-group-withbutton input {
        float: none;
        width: auto
    }
    .concurso_registro .caixa-identificat .form-group-withbutton input[type="text"] {
        width: 100%;
        float: none
    }
    .concurso_registro .caixa-identificat .form-group-withbutton button {
        margin: 10px 25% 0
    }
    .concurso_registro .caixa-identificat .form-group-withbutton .politiques {
        margin-top: 10px
    }
}

.header-coleccio img {
    max-width: 100%
}

.header-coleccio .intro-coleccio {
    margin: 20px 0 30px
}

@media screen and (max-width:500px) {
    .header-coleccio {
        display: none
    }
}

.info-usuari-wrapper .info-usuari-toggler {
    display: none
}

.info-usuari-wrapper .info-usuari {
    float: right;
    width: 270px;
    margin-bottom: 10px
}

.info-usuari-wrapper .info-usuari .foto img {
    max-width: 150px
}

.info-usuari-wrapper .info-usuari .info-hola,
.info-usuari-wrapper .info-usuari .info-favorits {
    padding: 12px
}

.info-usuari-wrapper .info-usuari .info-hola i,
.info-usuari-wrapper .info-usuari .info-favorits i {
    color: #298ccf;
    margin-right: 5px
}

.info-usuari-wrapper .info-usuari .info-hola {
    background-color: #f1f1f1;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    margin-top: 10px
}

.info-usuari-wrapper .info-usuari .info-favorits {
    background-color: #c7c7c7;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem
}

.info-usuari-wrapper .info-usuari .info-favorits .etiqueta-mis-datos {
    display: inline-block;
    background: #fff;
    margin-left: 10px;
    height: 30px;
    position: relative;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 31px;
    padding: 0px 10px;
    font-weight: 700;
    color: #383838
}

.info-usuari-wrapper .info-usuari .info-favorits .etiqueta-mis-datos:before {
    position: absolute;
    content: ' ';
    left: -7px;
    top: 0px;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top-width: 15px;
    border-bottom-width: 15px;
    border-right: 15px solid #fff
}

.dades-usuari {
    float: left;
    display: block;
    width: calc(100% - 270px);
    padding-right: 20px;
    margin-bottom: 20px
}

.dades-usuari .menu-principal li {
    display: inline-block;
    background-color: #f1f1f1;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    font-weight: 800;
    padding: 10px 20px
}

.dades-usuari .menu-principal li.triat {
    background-color: #298ccf
}

.dades-usuari .menu-principal li.triat a {
    color: #fff
}

.dades-usuari .menu-principal li a {
    text-transform: uppercase;
    color: #585858
}

.dades-usuari .menu-principal.llibres {
    margin: 5px 0 20px
}

.dades-usuari .menu-principal.llibres li a {
    text-transform: none
}

.dades-usuari .text {
    color: #585858;
    margin: 20px 0
}

.dades-usuari .formulari .camp-amagat {
    height: 1px;
    width: 1px;
    overflow: hidden
}

.dades-usuari .formulari .camps-esquerra {
    width: 40%;
    float: left;
    padding-right: 10px;
    margin-bottom: 15px
}

.dades-usuari .formulari .camps-dreta {
    width: 60%;
    float: left;
    margin-bottom: 15px
}

.dades-usuari .formulari .camps-dreta .form-field {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px
}

.dades-usuari .formulari .camps-dreta .form-field input {
    float: none;
    display: inline-block;
    vertical-align: top
}

.dades-usuari .formulari .camps-dreta .form-field label.genere {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px
}

.dades-usuari .zona-baixa-newsletter {
    margin-top: 30px
}

.dades-usuari .zona-baixa-newsletter .baixa-pdl {
    float: left;
    width: 50%
}

.dades-usuari .zona-baixa-newsletter .boto {
    float: left;
    width: 50%;
    text-align: center;
    padding-top: 30px
}

.llistat-newsletters .tematica {
    float: left;
    margin-bottom: 8px
}

.llistat-newsletters .tematica .foto {
    display: none
}

.llistat-newsletters .tematica .check {
    clear: both;
    display: inline
}

.llistat-newsletters .tematica .text {
    color: #000;
    display: inline
}

.llistat-newsletters .tematica .explicacio {
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16.25px;
    line-height: 1.95rem
}

.llistat-newsletters .tematica.extesa {
    margin-bottom: 40px
}

.llistat-newsletters .tematica.extesa .text {
    font-weight: 800;
    text-transform: uppercase
}

.llistat-newsletters .tematica.extesa .explicacio {
    padding: 0px 10px 0px 20px
}

.llistat-newsletters.te-mes {
    padding-bottom: 20px
}

.llistat-newsletters.te-mes .tematica:nth-of-type(n+11) {
    display: none
}

.llistat-newsletters .veure-mes {
    width: 100%;
    padding: 20px 0px;
    text-align: center;
    color: #298ccf;
    cursor: pointer
}

.llistat-newsletters .veure-mes span {
    display: block
}

.llistat-newsletters .veure-mes i {
    display: block;
    margin-top: -15px;
    font-size: 30px;
    font-size: 3rem;
    line-height: 37.5px;
    line-height: 4.5rem
}

@media screen and (min-width:850px) {
    .llistat-newsletters.tres-en-tres .tematica {
        width: 33%
    }
    .llistat-newsletters.tres-en-tres .tematica:nth-child(3n+4) {
        clear: both
    }
    .llistat-newsletters.cinc-en-cinc .tematica {
        width: 20%
    }
    .llistat-newsletters.cinc-en-cinc .tematica:nth-child(5n+6) {
        clear: both
    }
}

@media screen and (min-width:500px) and (max-width:849px) {
    .dades-usuari {
        width: 100%;
        padding: 0 15px
    }
    .dades-usuari .zona-baixa-newsletter .baixa-pdl,
    .dades-usuari .zona-baixa-newsletter .boto {
        float: none;
        width: 100%
    }
    .dades-usuari .formulari .camps-esquerra,
    .dades-usuari .formulari .camps-dreta {
        width: 100%;
        float: none;
        padding-right: 0px
    }
}

@media screen and (max-width:849px) {
    .info-usuari-wrapper {
        margin-top: -15px
    }
    .info-usuari-wrapper .fixador {
        clear: both
    }
    .info-usuari-wrapper .info-usuari-toggler {
        display: block;
        cursor: pointer;
        padding: 15px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17.5px;
        line-height: 2.1rem;
        font-weight: 800
    }
    .info-usuari-wrapper .info-usuari-toggler i {
        color: #298ccf;
        padding-right: 6px
    }
    .info-usuari-wrapper .info-usuari {
        display: none;
        float: none;
        width: 100%
    }
    .info-usuari-wrapper.active {
        background: #383838;
        margin-bottom: 20px;
        margin-left: -30px;
        margin-right: -30px;
        padding: 0px 30px 20px;
        right: 0px;
        left: 0px;
        z-index: 999
    }
    .info-usuari-wrapper.active .info-usuari-toggler {
        color: #fff
    }
    .info-usuari-wrapper.active .info-usuari-toggler i {
        color: #fff
    }
    .info-usuari-wrapper.active .info-usuari {
        display: block;
        -webkit-box-shadow: 10px 10px 12px rgba(0, 0, 0, 0.3);
        box-shadow: 10px 10px 12px rgba(0, 0, 0, 0.3);
        padding: 20px;
        background: #298ccf
    }
    .info-usuari-wrapper.active .info-usuari .btn-quadrat {
        background: #fff;
        color: #298ccf
    }
    .info-usuari-wrapper.active .info-usuari .info-hola {
        display: none
    }
    .info-usuari-wrapper.active .info-usuari .info-favorits {
        background: transparent
    }
    .info-usuari-wrapper.active .info-usuari .info-favorits i {
        color: #fff
    }
    .llistat-newsletters .tematica {
        width: 50%
    }
    .llistat-newsletters .tematica:nth-child(2n+3) {
        clear: both
    }
}

@media screen and (max-width:500px) {
    .dades-usuari {
        width: 100%;
        padding: 0 15px
    }
    .dades-usuari .menu-principal li {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 15px;
        line-height: 1.8rem;
        font-weight: 800;
        padding: 10px 15px
    }
    .dades-usuari .menu-principal.llibres {
        margin-top: 5px
    }
    .dades-usuari .menu-principal.llibres li {
        padding: 10px 35px
    }
    .dades-usuari .menu-principal.llibres li a {
        text-transform: none
    }
    .dades-usuari .formulari .camps-esquerra,
    .dades-usuari .formulari .camps-dreta {
        width: 100%;
        float: none;
        padding-right: 0px
    }
    .dades-usuari .zona-baixa-newsletter .baixa-pdl,
    .dades-usuari .zona-baixa-newsletter .boto {
        float: none;
        width: 100%
    }
}

.recuadre-gris {
    padding: 30px;
    width: 730px;
    max-width: 90%;
    margin: 0px auto;
    background: #f1f1f1;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    font-weight: 500
}

.recuadre-gris ul {
    margin: 20px 0px;
    text-align: center
}

.recuadre-gris ul li a {
    color: #298ccf;
    text-decoration: underline;
    font-weight: 300
}

.recuadre-gris.baixa-email .form-group-withbutton input {
    width: 450px;
    width: calc(100% - 150px);
    float: left
}

.recuadre-gris.baixa-email .form-group-withbutton button {
    width: 150px;
    float: left;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

@media screen and (max-width:500px) {
    .recuadre-gris.baixa-email {
        width: 100%;
        background-color: #fff;
        padding: 30px 15px;
        color: #585858
    }
    .recuadre-gris.baixa-email .form-group-withbutton input {
        float: none;
        width: auto
    }
    .recuadre-gris.baixa-email .form-group-withbutton input[type="text"] {
        width: 100%;
        float: none
    }
    .recuadre-gris.baixa-email .form-group-withbutton button {
        margin: 10px 25% 0
    }
    .recuadre-gris.baixa-email .form-group-withbutton .politiques {
        margin-top: 10px
    }
}

.rgpd-text-header {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    margin-bottom: 10px;
    text-align: left
}

.rgpd-text-checks {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    margin-bottom: 15px;
    text-align: left
}

.rgpd-text-checks a {
    color: #298ccf
}

.identificacio_formulari .accedir-xxss {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    margin-bottom: 40px
}

.identificacio_formulari .accedir-xxss span {
    padding-right: 30px
}

.identificacio_formulari .login-box {
    width: calc(60% - 20px);
    float: left;
    padding-right: 20px;
    border-right: 1px solid #383838;
    border-right: 1px solid rgba(56, 56, 56, 0.2)
}

.identificacio_formulari .registre-box {
    width: calc(40% - 20px);
    margin-left: 20px;
    float: left
}

.identificacio_formulari .titol-box {
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem;
    font-weight: 700;
    margin-bottom: 20px
}

.identificacio_formulari .intro-box {
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem
}

.identificacio_formulari .recuperar {
    text-decoration: underline
}

.identificacio_formulari .form-actions {
    margin-top: 40px
}

.identificacio_formulari .form-group {
    padding-bottom: 15px
}

.identificacio_formulari .form-group.field-error label {
    color: #000
}

.identificacio_formulari .form-group.field-error input[type="text"],
.identificacio_formulari .form-group.field-error input[type="email"],
.identificacio_formulari .form-group.field-error input[type="password"],
.identificacio_formulari .form-group.field-error input[type="tel"],
.identificacio_formulari .form-group.field-error textarea {
    -webkit-box-shadow: 0px 0px 7px rgba(204, 0, 0, 0.5);
    box-shadow: 0px 0px 7px rgba(204, 0, 0, 0.5);
    border-color: rgba(204, 0, 0, 0.5) !important
}

.identificacio_formulari .politiques {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16.25px;
    line-height: 1.95rem
}

.identificacio_formulari .cinquantapercent {
    width: 50%;
    float: left
}

.identificacio_formulari .cinquantapercent+.cinquantapercent {
    padding-left: 20px
}

.proces-registre h1.titol_pagina {
    text-transform: uppercase
}

.proces-registre .tres-motius-registre {
    margin-bottom: 30px
}

.proces-registre .tres-motius-registre li {
    width: 31.9%;
    float: left;
    margin-left: 2.1%;
    background: #f1f1f1 url(../img/registre-bullet.png) no-repeat 20px 15px;
    padding: 15px 20px 15px 60px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem
}

.proces-registre .tres-motius-registre li:first-child {
    margin-left: 0px
}

.proces-registre .registre-concurs {
    margin: 0 50px 30px;
    background-color: #f1f1f1
}

.proces-registre .registre-concurs .foto {
    float: left;
    width: 255px
}

.proces-registre .registre-concurs .foto img {
    max-width: 100%;
    min-height: 119px;
    display: block
}

.proces-registre .registre-concurs .info {
    float: left;
    width: calc(100% - 255px);
    padding: 25px 35px
}

.proces-registre .registre-concurs .info .text-concurs {
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    font-weight: 700
}

.proces-registre .registre-concurs .info .link-concurs {
    margin-top: 5px
}

.proces-registre .registre-concurs .info .link-concurs a {
    color: #298ccf;
    text-decoration: underline
}

.proces-registre .mes-dades {
    border: 1px solid rgba(238, 238, 238, .9);
    padding: 30px 60px
}

.proces-registre .mes-dades .columna {
    float: left;
    width: 50%
}

.proces-registre .mes-dades .columna .llistat-newsletters {
    margin-right: 25%;
    overflow-y: scroll;
    height: 400px;
    padding: 20px;
    background-color: rgba(238, 238, 238, .9)
}

.proces-registre .mes-dades .columna .llistat-newsletters .tematica {
    float: none;
    text-transform: uppercase;
    font-weight: 700;
    width: 100%
}

.proces-registre .mes-dades .botons {
    margin-top: 30px;
    text-align: center
}

.proces-registre .mes-dades .botons .btn {
    padding: 10px 45px
}

.proces-registre .mes-dades .botons .btn+.btn {
    margin-left: 20px
}

.proces-registre .form-registre .estas-registrat a {
    float: right;
    font-size: 12px;
    color: #298ccf
}

@media screen and (max-width:500px) {
    .proces-registre .form-registre .estas-registrat a {
        float: none
    }
}

.proces-registre .form-registre .container-window {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px
}

.proces-registre .form-registre hr {
    width: 40%
}

@media screen and (max-width:500px) {
    .proces-registre .form-registre hr {
        width: 100% !important
    }
}

.proces-registre .form-registre .registre-xxss {
    width: 50%;
    padding-right: 50px
}

.proces-registre .form-registre .registre-form {
    width: 100%;
    float: left
}

.proces-registre .form-registre .registre-titol {
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    margin-bottom: 20px
}

@media screen and (max-width:500px) {
    .proces-registre .form-registre .registre-titol {
        margin-bottom: 0px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2.4rem
    }
}

.proces-registre .form-registre .register-container {
    width: 50%;
    margin-right: 25px
}

@media screen and (max-width:500px) {
    .proces-registre .form-registre .register-container {
        width: 100%;
        margin-right: 0px
    }
}

.proces-registre .form-registre .register-container .botons-xarxes {
    width: 100%;
    margin: 10px 0 5px
}

.proces-registre .form-registre .cinquantapercent {
    width: 50%;
    float: left
}

.proces-registre .form-registre .cinquantapercent+.cinquantapercent {
    padding-left: 20px
}

.proces-registre .form-registre .form-field {
    width: 100%
}

.proces-registre .form-registre .form-field.field-error label {
    color: #000
}

.proces-registre .form-registre .form-field.field-error input[type="text"],
.proces-registre .form-registre .form-field.field-error input[type="email"],
.proces-registre .form-registre .form-field.field-error input[type="password"],
.proces-registre .form-registre .form-field.field-error input[type="tel"],
.proces-registre .form-registre .form-field.field-error textarea {
    -webkit-box-shadow: 0px 0px 7px rgba(204, 0, 0, 0.5);
    box-shadow: 0px 0px 7px rgba(204, 0, 0, 0.5);
    border-color: rgba(204, 0, 0, 0.5) !important
}

.proces-registre .form-registre .form-field .errspan {
    float: right;
    margin-right: 6px;
    margin-top: -32px;
    position: relative;
    z-index: 2;
    color: lightgrey;
    font-size: 24px
}

.proces-registre .form-registre .form-field .errspan:hover {
    cursor: pointer
}

.proces-registre .form-registre .form-separator {
    border-bottom: 1px solid lightgrey;
    margin-bottom: 15px;
    width: 100%
}

.proces-registre .form-registre .rgpd-container {
    width: 100%
}

.proces-registre .form-registre .column_container {
    background: #f1f1f1;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 60%;
    border-radius: 20px
}

.proces-registre .form-registre .column_container .container {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
    justify-content: center
}

.proces-registre .form-registre .column_container .container .img_1 {
    background: url(../img/icono-popuplogin_01.png) no-repeat center;
    background-size: contain;
    height: 100px;
    width: 100%;
    margin-bottom: 10px
}

.proces-registre .form-registre .column_container .container .img_2 {
    background: url(../img/icono-popuplogin_02.png) no-repeat center;
    background-size: contain;
    height: 100px;
    width: 100%;
    margin-bottom: 10px
}

.proces-registre .form-registre .column_container .container .img_3 {
    background: url(../img/icono-popuplogin_03.png) no-repeat center;
    background-size: contain;
    height: 100px;
    width: 100%;
    margin-bottom: 10px
}

.proces-registre .form-registre .column_container .container p {
    text-align: center;
    font-size: 16px;
    line-height: 17px;
    padding-left: 10%;
    padding-right: 10%
}

.proces-registre .btn-submit-form {
    float: right !important
}

.proces-registre i.icon-reg-check {
    display: inline-block;
    margin-right: 20px;
    color: #70a83b;
    font-size: 72px;
    font-size: 7.2rem;
    line-height: 90px;
    line-height: 10.8rem;
    vertical-align: middle
}

.proces-registre i.icon-reg-email {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: -10px;
    color: #000;
    font-size: 60px;
    font-size: 6rem
}

.proces-registre i.icon-reg-email.no-flotant {
    float: none
}

.proces-registre .div-centrat {
    text-align: center
}

.proces-registre .div-text-registre-final {
    width: 70%;
    margin: 0px auto 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32.5px;
    line-height: 3.9rem;
    margin-bottom: 20px;
    font-weight: 300
}

.proces-registre .div-text-registre-gran {
    display: flex;
    flex-direction: row;
    text-align: initial;
    font-weight: 800;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32.5px;
    line-height: 3.9rem;
    width: 40%;
    margin: 0px auto 20px
}

.proces-registre .div-text-registre-gran img {
    vertical-align: middle;
    margin-top: 4%;
    margin-right: 20px
}

.proces-registre .div-text-registre-mitja {
    text-align: center;
    font-weight: 800;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    line-height: 3.6rem;
    width: 70%;
    margin: 0px auto 20px
}

.proces-registre .div-text-registre-mitja-thin {
    font-weight: 300;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 27.5px;
    line-height: 3.3rem;
    width: 100%;
    margin: 0px auto 20px
}

.proces-registre .div-text-registre-petit {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    width: 70%;
    min-width: 300px;
    margin: 0px auto 30px
}

.proces-registre .mas-sobre-ti {
    width: 200px;
    margin: 20px 0
}

.proces-registre .mas-sobre-ti .form-field {
    text-align: left
}

.proces-registre .mas-sobre-ti .form-field label {
    margin-bottom: 10px;
    display: block
}

.proces-registre .mas-sobre-ti .form-field div>label {
    display: inline-block
}

.proces-registre .mas-sobre-ti .form-field input,
.proces-registre .mas-sobre-ti .form-field select {
    float: none;
    display: inline-block;
    vertical-align: top
}

.proces-registre .mas-sobre-ti .form-field label+label {
    margin-left: 10px
}

.proces-registre .mas-sobre-ti .div-text-registre-petit {
    width: 100%
}

.botons-xarxes {
    width: 90.5%;
    display: flex;
    justify-content: center
}

@media screen and (max-width:850px) {
    .botons-xarxes {
        width: 100%
    }
}

.botons-xarxes a {
    width: 50%
}

.botons-xarxes a:last-child {
    margin-left: 5px
}

.form-login .estas-registrat {
    float: right;
    font-size: 12px
}

.form-login .estas-registrat a {
    color: #298ccf
}

.form-login .login-xxss {
    width: 100%;
    float: none;
    margin-bottom: 30px;
    padding: 5px 0px
}

.form-login .login-titol {
    font-weight: 700;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem
}

@media screen and (max-width:500px) {
    .form-login .login-titol {
        clear: both;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 18.75px;
        line-height: 2.25rem
    }
}

.form-login .container-window {
    display: flex;
    flex-direction: row
}

.form-login .container-window .login-container {
    width: 50%
}

.form-login .container-window .login-container .form-separator {
    border-bottom: 1px solid lightgrey;
    margin-bottom: 20px;
    margin-top: 10px;
    width: 90.5%
}

.form-login .container-window .login-container field-error label {
    color: #000
}

.form-login .container-window .login-container field-error input[type="text"],
.form-login .container-window .login-container field-error input[type="email"],
.form-login .container-window .login-container field-error input[type="password"],
.form-login .container-window .login-container field-error input[type="tel"],
.form-login .container-window .login-container field-error textarea {
    -webkit-box-shadow: 0px 0px 7px rgba(204, 0, 0, 0.5);
    box-shadow: 0px 0px 7px rgba(204, 0, 0, 0.5);
    border-color: rgba(204, 0, 0, 0.5) !important
}

.form-login .container-window .login-container .form-field {
    width: 90.5%
}

.form-login .container-window .login-container .form-field .errspan {
    float: right;
    margin-right: 6px;
    margin-top: -32px;
    position: relative;
    z-index: 2;
    color: lightgrey;
    font-size: 24px
}

.form-login .container-window .login-container .form-field .errspan:hover {
    cursor: pointer
}

.form-login .container-window .login-container .form-hint {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    font-weight: 500
}

.form-login .container-window .login-container .form-hint a {
    color: #298ccf
}

.form-login .container-window .login-container .button-form {
    width: 90.5%;
    margin-right: 0% !important;
    text-align: right
}

.form-login .container-window .login-container .button-form .btn-submit-form {
    padding: 12px 40px !important
}

@media screen and (max-width:850px) {
    .form-login .container-window .login-container .form-field {
        width: 100%
    }
}

@media screen and (max-width:850px) {
    .form-login .login-xxss {
        margin-bottom: 0
    }
    .form-login .container-window .login-container {
        width: 100%;
        margin-right: 0px
    }
    .form-login .container-window .login-container .botons-xarxes {
        margin-bottom: 10px;
        text-align: center
    }
    .form-login .container-window .login-container .form-separator {
        width: 100%
    }
    .form-login .container-window .form-field {
        display: block;
        margin: 15px auto
    }
    .form-login .container-window .button-form {
        text-align: center;
        width: 95.5% !important
    }
    .form-login .container-window .button-form .btn-submit-form {
        margin-right: 0 !important;
        float: none !important
    }
}

@media screen and (max-width:850px) and (max-width:850px) {
    .form-login .container-window .button-form {
        width: 100% !important
    }
}

@media screen and (max-width:980px) {
    .proces-registre .div-text-registre-gran {
        width: 60%
    }
    .proces-registre .registre-concurs .info {
        padding: 15px 20px
    }
}

@media screen and (max-width:850px) {
    .proces-registre .div-text-registre-gran {
        font-size: 20px;
        font-size: 2rem;
        line-height: 25px;
        line-height: 3rem;
        width: 80%
    }
    .proces-registre .div-text-registre-gran img {
        margin-top: 1%
    }
    .proces-registre .tres-motius-registre li {
        width: auto;
        margin-right: 0px;
        margin-left: 0px;
        float: none
    }
    .proces-registre .registre-concurs {
        margin: 0 0px 30px 0px
    }
    .proces-registre .form-registre .registre-xxss {
        width: 100%;
        float: none;
        padding-right: 0px;
        padding: 5px 20px
    }
    .proces-registre .form-registre .registre-form {
        width: 100%;
        float: none;
        padding-left: 0px;
        padding: 5px 20px
    }
    .proces-registre .form-registre .registre-xxss+.registre-form {
        border-left: 0px
    }
    .proces-registre .form-registre .cinquantapercent {
        width: auto;
        float: none
    }
    .proces-registre .form-registre .cinquantapercent+.cinquantapercent {
        padding-left: 0px
    }
    .proces-registre .mes-dades {
        border: 0px;
        border-top: 1px solid rgba(238, 238, 238, .9);
        padding: 30px 20px
    }
    .proces-registre .mes-dades .columna {
        width: 100%;
        margin-bottom: 20px
    }
    .proces-registre .mes-dades .columna .llistat-newsletters {
        margin-right: 0
    }
    .proces-registre .mes-dades .botons .btn {
        padding: 10px 30px
    }
}

@media screen and (max-width:850px) and (max-width:500px) {
    .proces-registre .form-registre .registre-xxss {
        margin-bottom: 0px;
        padding: 0
    }
}

@media screen and (max-width:850px) and (max-width:500px) {
    .proces-registre .form-registre .registre-form {
        padding: 0
    }
}

@media screen and (max-width:500px) {
    .proces-registre .tres-motius-registre {
        display: none
    }
    .proces-registre .div-text-registre-gran img {
        display: none
    }
    .proces-registre .div-text-registre-petit {
        width: 100%
    }
    .proces-registre .div-text-registre-mitja-thin {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22.5px;
        line-height: 2.7rem
    }
    .proces-registre .registre-concurs {
        margin-bottom: 10px
    }
    .proces-registre .registre-concurs .foto {
        display: block;
        width: 100%;
        line-height: 0
    }
    .proces-registre .registre-concurs .foto img {
        height: auto
    }
    .proces-registre .registre-concurs .info {
        display: block;
        width: 100%;
        padding: 15px
    }
    .identificacio_formulari .accedir-xxss {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17.5px;
        line-height: 2.1rem;
        margin-bottom: 20px
    }
    .identificacio_formulari .accedir-xxss span {
        padding-right: 0px;
        width: 100%;
        clear: both;
        display: block
    }
    .identificacio_formulari .login-box {
        width: 100%;
        float: left;
        padding-right: 0px;
        border-bottom: 1px solid #383838;
        border-bottom: 1px solid rgba(56, 56, 56, 0.2);
        border-right: 0
    }
    .identificacio_formulari .registre-box {
        width: 100%;
        margin-left: 0px;
        float: left
    }
    .identificacio_formulari .titol-box {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2.4rem;
        font-weight: 700;
        margin-bottom: 10px
    }
    .identificacio_formulari .intro-box {
        margin-bottom: 10px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17.5px;
        line-height: 2.1rem
    }
    .identificacio_formulari .recuperar {
        text-decoration: underline
    }
    .identificacio_formulari .form-actions {
        margin: 20px 0px
    }
    .identificacio_formulari .form-group {
        padding-bottom: 1px
    }
    .identificacio_formulari .form-group label {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17.5px;
        line-height: 2.1rem
    }
    .identificacio_formulari .form-group.field-error label {
        color: #000
    }
    .identificacio_formulari .form-group.field-error input[type="text"],
    .identificacio_formulari .form-group.field-error input[type="email"],
    .identificacio_formulari .form-group.field-error input[type="password"],
    .identificacio_formulari .form-group.field-error input[type="tel"],
    .identificacio_formulari .form-group.field-error textarea {
        -webkit-box-shadow: 0px 0px 7px rgba(204, 0, 0, 0.5);
        box-shadow: 0px 0px 7px rgba(204, 0, 0, 0.5);
        border-color: rgba(204, 0, 0, 0.5) !important
    }
    .identificacio_formulari .politiques {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 16.25px;
        line-height: 1.95rem
    }
    .identificacio_formulari .cinquantapercent {
        width: 100%;
        float: left
    }
    .identificacio_formulari .cinquantapercent+.cinquantapercent {
        padding-left: 0px
    }
}

.menu-fr {
    margin-top: 20px;
    background: #fff url('../img/fondos/fons-foreign-right.png') repeat-x bottom
}

.menu-fr .wrapper {
    min-height: 189px;
    position: relative
}

.menu-fr .logotip {
    margin-top: 40px
}

.menu-fr .menu {
    position: absolute;
    bottom: 0;
    right: 0
}

.menu-fr .menu ul li {
    display: inline-block;
    background-color: #298ccf;
    padding: 13px;
    margin-bottom: 0;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18.75px;
    line-height: 2.25rem;
    font-weight: 800;
    text-transform: uppercase;
    position: relative
}

.menu-fr .menu ul li a {
    color: #fff
}

.menu-fr .menu ul li .menu-books {
    display: none;
    position: absolute;
    top: 50px;
    background-color: #298ccf;
    z-index: 500;
    margin-left: -13px;
    padding: 13px;
    width: 250px
}

.menu-fr .menu ul li .menu-books div {
    color: #fff;
    font-weight: 500
}

.menu-fr .menu ul li .menu-books div a {
    color: #fff;
    font-weight: 500;
    white-space: nowrap
}

.menu-fr .menu ul li.veure-mes {
    padding: 0px
}

.menu-fr .menu ul li.active {
    background-color: #fff
}

.menu-fr .menu ul li.active a {
    color: #000
}

.menu-fr .menu ul li.active .menu-books {
    display: block
}

.menu-fr .menu ul li.triat {
    background-color: #fff
}

.menu-fr .menu ul li.triat a {
    color: #000
}

.menu-fr .menu ul li.veure-mes {
    display: inline-block;
    background: transparent
}

.menu-fr .menu ul li .submenu_plegat {
    display: inline
}

.menu-fr .menu ul li .tres-puntets {
    display: none
}

.contacte-foreign-rigths {
    color: #585858;
    margin-bottom: 15px
}

.contacte-foreign-rigths .nom {
    font-weight: 800;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem
}

.contacte-foreign-rigths .dades {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18.75px;
    line-height: 2.25rem
}

.contacte-foreign-rigths .dades a {
    color: #298ccf;
    text-decoration: underline
}

@media screen and (max-width:500px) {
    .menu-fr {
        margin-top: 20px;
        background: none
    }
    .menu-fr .wrapper {
        min-height: auto;
        position: relative;
        padding: 10px;
        padding-bottom: 60px
    }
    .menu-fr .logotip {
        margin-top: 0
    }
    .menu-fr .logotip img {
        max-width: 100%
    }
    .menu-fr .menu {
        position: absolute;
        bottom: 0;
        right: 0
    }
    .menu-fr .menu ul li {
        display: inline-block;
        background-color: #c7c7c7;
        padding: 13px;
        margin-bottom: 0;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 18.75px;
        line-height: 2.25rem;
        font-weight: 800;
        text-transform: uppercase
    }
    .menu-fr .menu ul li.veure-mes {
        background-color: transparent;
        color: #000
    }
    .menu-fr .menu ul li a.tres-puntets {
        display: block;
        background-color: transparent;
        color: #000;
        margin-bottom: 0px
    }
    .menu-fr .menu ul li a.tres-puntets span:before {
        font-family: "pdlfont" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 18.75px;
        line-height: 2.25rem;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: 'T'
    }
    .menu-fr .menu ul li.veure-mes {
        padding: 13px
    }
    .menu-fr .menu ul li.veure-mes.active {
        background: #383838
    }
    .menu-fr .menu ul li.veure-mes.active a {
        color: #fff
    }
    .menu-fr .menu ul ul.submenu_plegat {
        display: none
    }
    .menu-fr .menu ul li.veure-mes.active ul.submenu_plegat {
        z-index: 560;
        display: block;
        position: absolute;
        top: 55px;
        right: 0px;
        background: #383838;
        padding: 5px 0px
    }
    .menu-fr .menu ul li.veure-mes.active ul.submenu_plegat li {
        background-color: transparent;
        display: block
    }
    .menu-fr .menu ul li.veure-mes.active ul.submenu_plegat a {
        white-space: nowrap;
        background: transparent;
        padding: 7px 13px;
        font-weight: 600;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17.5px;
        line-height: 2.1rem;
        color: #fff
    }
    .menu-fr .menu ul li.veure-mes.active ul.submenu_plegat a:hover {
        color: #a0a0a0
    }
}

.etiqueta-blog {
    display: inline-block;
    background-color: #f1f1f1;
    padding: 10px;
    margin-right: 5px
}

.etiqueta-blog a {
    color: #585858;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    font-weight: 800
}

.etiqueta-blog a:hover {
    color: #298ccf
}

.entrades-blogs {
    padding-top: 40px
}

.entrades-blogs li {
    float: left;
    width: 40%;
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
    margin-bottom: 40px;
    position: relative
}

.entrades-blogs .capsa-info {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px
}

.entrades-blogs .capsa-info .nom-blog {
    background: #fff;
    color: #298ccf;
    text-transform: uppercase;
    float: left;
    font-weight: 800;
    padding: 7px 10px
}

.entrades-blogs .capsa-info .titol {
    clear: both;
    background: #298ccf;
    background: rgba(41, 140, 207, 0.85);
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 27.5px;
    line-height: 3.3rem
}

.entrades-blogs .capsa-info .titol a {
    display: block;
    color: #fff;
    padding: 25px
}

.entrades-blogs .capsa-info .titol a:hover {
    color: #216fa4
}

.entrades-blogs .imatge a {
    display: block;
    width: 100%;
    height: 320px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #383838
}

.entrades-blogs li:nth-child(2n+2) {
    margin-right: 0px
}

.entrades-blogs li:nth-child(2n+3) {
    clear: both
}

@media screen and (max-width:849px) {
    .entrades-blogs li {
        clear: both;
        float: none;
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0px
    }
}

@media screen and (max-width:499px) {
    .etiqueta-blog {
        display: none
    }
}

.menu-co {
    padding-top: 20px;
    background: #fff url('../img/fondos/fons-foreign-right.png') repeat-x bottom
}

.menu-co .wrapper {
    position: relative
}

.menu-co .menu {
    position: absolute;
    bottom: 0;
    right: 0
}

.menu-co .menu ul li {
    display: inline-block;
    margin-bottom: 0;
    position: relative
}

.menu-co .menu ul li a {
    display: block;
    background-color: #c7c7c7;
    padding: 13px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18.75px;
    line-height: 2.25rem;
    font-weight: 800;
    text-transform: uppercase
}

.menu-co .menu ul li.active a {
    background-color: #fff
}

.menu-co .menu ul li.active .menu-books {
    display: block
}

.menu-co .menu ul li.triat a {
    background-color: #fff
}

.menu-co .logotip {
    padding-top: 10px;
    padding-bottom: 30px
}

.menu-co .logotip img {
    max-width: 100%
}

.co-cataleg .cataleg {
    max-width: 400px;
    background-color: #298ccf;
    padding: 15px;
    float: left;
    font-weight: 800;
    text-transform: uppercase
}

.co-cataleg .cataleg a,
.co-cataleg .cataleg a:hover {
    color: #fff
}

.co-congreso .dos-columnes {
    width: 50%;
    float: right
}

.co-congreso .dos-columnes.dreta {
    text-align: right
}

.co-congreso .dos-columnes iframe {
    width: 95%
}

.co-congreso .dos-columnes img {
    max-width: 100%
}

.co-congreso .info-inscripcio .inscripcio {
    max-width: 400px;
    background-color: #298ccf;
    padding: 15px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0 auto 20px;
    text-align: center
}

.co-congreso .info-inscripcio .inscripcio a,
.co-congreso .info-inscripcio .inscripcio a:hover {
    color: #fff;
    margin-left: 10px
}

.co-congreso .ponents .ponent .data_hora {
    float: left;
    font-weight: bold;
    width: 215px
}

.co-congreso .ponents .ponent img {
    float: left;
    margin-right: 20px
}

.co-congreso .ponents .ponent .titol {
    font-weight: bold;
    margin-bottom: 10px
}

.graella-text .element {
    width: calc((100% - 180px) / 4);
    margin-bottom: 40px;
    margin-right: 60px;
    float: left;
    background-color: #f1f1f1;
    text-align: center
}

.graella-text .element .titol {
    color: #298ccf;
    text-transform: uppercase;
    font-weight: 800;
    padding: 20px 0;
    display: block
}

.graella-text .element .titol a {
    color: #298ccf;
    text-transform: uppercase;
    font-weight: 800;
    padding: 20px 0;
    display: block
}

.graella-text .element .text {
    text-align: left;
    padding: 0 10px 10px
}

.graella-text .element:nth-child(4n+4) {
    margin-right: 0px
}

.graella-text .element:nth-child(4n+5) {
    clear: both
}

@media screen and (max-width:850px) {
    .graella-text .element {
        width: calc((100% - 60px) / 3);
        margin-right: 30px
    }
    .graella-text .element:nth-child(4n+4) {
        margin-right: 30px
    }
    .graella-text .element:nth-child(4n+5) {
        clear: none
    }
    .graella-text .element:nth-child(3n+3) {
        margin-right: 0px
    }
    .graella-text .element:nth-child(3n+4) {
        clear: both
    }
}

@media screen and (max-width:849px) {
    .co-congreso .dos-columnes {
        width: 100%
    }
    .co-congreso .dos-columnes.dreta {
        text-align: left
    }
    .co-congreso .dos-columnes iframe {
        display: none
    }
}

@media screen and (max-width:500px) {
    .menu-co .wrapper {
        position: relative;
        padding: 10px
    }
    .menu-co .menu {
        position: absolute;
        bottom: 0;
        right: 0
    }
    .menu-co .menu ul {
        margin-right: 5px
    }
    .menu-co .menu ul li a {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 16.25px;
        line-height: 1.95rem
    }
    .graella-text {
        padding: 10px
    }
    .graella-text .element {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 15px
    }
    .co-congreso .ponents .ponent .data_hora {
        clear: both;
        width: 100%
    }
}

.menu-editorials {
    margin-top: 20px;
    background: #fff url('../img/fondos/fons-foreign-right.png') repeat-x bottom
}

.menu-editorials .wrapper {
    position: relative
}

.menu-editorials .logotip {
    padding: 20px 10px 60px 20px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem;
    font-weight: 800
}

.menu-editorials .logotip .sensetext {
    float: left;
    text-indent: -30000px;
    width: 0px;
    height: 0px;
    overflow: hidden
}

.menu-editorials .menu {
    position: absolute;
    bottom: 0;
    right: 0
}

.menu-editorials .menu ul li {
    display: inline-block;
    margin-bottom: 0;
    position: relative
}

.menu-editorials .menu ul li a {
    display: block;
    background-color: #c7c7c7;
    padding: 13px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18.75px;
    line-height: 2.25rem;
    font-weight: 800;
    text-transform: uppercase
}

.menu-editorials .menu ul li.triat a {
    background-color: #fff
}

.menu-editorials .menu ul li.veure-mes {
    display: inline-block
}

.menu-editorials .menu ul li .submenu_plegat {
    display: inline
}

.menu-editorials .menu ul li .tres-puntets {
    display: none
}

@media screen and (max-width:850px) {
    .menu-editorials {
        margin-top: 20px;
        background: none
    }
    .menu-editorials .menu {
        right: 10px
    }
    .menu-editorials .menu ul li a {
        margin-bottom: 5px;
        background-color: #383838;
        color: #fff
    }
    .menu-editorials .menu ul li.triat a {
        color: #000;
        background-color: #c7c7c7
    }
    .menu-editorials .menu ul li a.tres-puntets {
        display: block;
        background-color: transparent;
        color: #000;
        margin-bottom: 0px;
        padding-bottom: 18px
    }
    .menu-editorials .menu ul li a.tres-puntets span:before {
        font-family: "pdlfont" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 18.75px;
        line-height: 2.25rem;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: 'T'
    }
    .menu-editorials .menu ul li ul.submenu_plegat {
        display: none
    }
    .menu-editorials .menu ul li.active a.tres-puntets {
        background-color: #383838;
        color: #fff
    }
    .menu-editorials .menu ul li.active ul.submenu_plegat {
        z-index: 560;
        display: block;
        position: absolute;
        top: 55px;
        right: 0px;
        background: #383838;
        padding: 5px 0px
    }
    .menu-editorials .menu ul li.active ul.submenu_plegat li {
        display: block
    }
    .menu-editorials .menu ul li.active ul.submenu_plegat a {
        white-space: nowrap;
        background: transparent;
        padding: 7px 13px;
        font-weight: 600;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17.5px;
        line-height: 2.1rem;
        color: #fff
    }
    .menu-editorials .menu ul li.active ul.submenu_plegat a::before {
        font-family: "pdlfont" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1em;
        vertical-align: -14%;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "i";
        color: #fff
    }
    .menu-editorials .menu ul li.active ul.submenu_plegat a:hover {
        color: #a0a0a0
    }
}

.pagina-construccio .imatge {
    text-align: center;
    position: relative
}

.pagina-construccio .imatge img {
    max-width: 100%
}

.pagina-construccio .imatge .text-404 {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translateX(-50%)
}

.pagina-construccio .imatge .text-404 span {
    display: block;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 35px;
    line-height: 4.2rem
}

.pagina-construccio .imatge .text-404 span.gran {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 60px;
    line-height: 7.2rem
}

.pagina-construccio .bloc-text {
    padding: 30px;
    text-align: center
}

@media screen and (max-width:850px) {
    .pagina-construccio .imatge .text-404 {
        width: 100%
    }
    .pagina-construccio .imatge .text-404 span {
        display: block;
        font-size: 20px;
        font-size: 2rem;
        line-height: 25px;
        line-height: 3rem
    }
    .pagina-construccio .imatge .text-404 span.gran {
        font-size: 40px;
        font-size: 4rem;
        line-height: 50px;
        line-height: 6rem
    }
}

@media screen and (max-width:500px) {
    .pagina-construccio .imatge .text-404 {
        top: 0px
    }
    .pagina-construccio .imatge .text-404 span {
        display: block;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 18.75px;
        line-height: 2.25rem
    }
    .pagina-construccio .imatge .text-404 span.gran {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 31.25px;
        line-height: 3.75rem
    }
}

@-webkit-keyframes imatge-en-construccio {
    0% {
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }
    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }
}

@keyframes imatge-en-construccio {
    0% {
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }
    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }
}

.form-landing .cinquantapercent {
    width: 50%;
    float: left
}

.form-landing .cinquantapercent select {
    padding: 8px 15px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    width: 100%;
    box-sizing: border-box
}

.form-landing .cinquantapercent+.cinquantapercent {
    padding-left: 20px
}

@media screen and (max-width:850px) {
    .form-landing .cinquantapercent {
        width: auto;
        float: none
    }
    .form-landing .cinquantapercent+.cinquantapercent {
        padding-left: 0px
    }
}

#brandday {
    z-index: 500;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    max-height: 500px;
    margin-top: 124px
}

#brandday .blackbox {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: transparent;
    width: 100%;
    height: 100vh;
    z-index: 450;
    cursor: pointer
}

#brandday .modalbox {
    position: absolute;
    left: 0px;
    right: 0px;
    text-align: center;
    display: block;
    max-width: 1140px;
    margin: 0px auto;
    z-index: 500;
    width: 100%
}

#brandday .modalbox img {
    max-width: 100%
}

#brandday .modalbox .videoplayer {
    height: 0;
    overflow: hidden;
    max-width: 100%
}

#brandday .modalbox .videoplayer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

#brandday .close {
    color: #aaa;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 31.25px;
    line-height: 3.75rem;
    display: block;
    z-index: 500
}

.brand-day-icon {
    position: fixed;
    top: calc(30% - 70px);
    right: 0px;
    z-index: 100000;
    cursor: pointer
}

.brand-day-icon .brand-day-icon-image {
    max-width: 67px
}

@media screen and (max-width:850px) {
    #brandday {
        margin-top: 57px;
        max-height: 439px
    }
}

.brandsite .fixed_menu {
    position: fixed;
    top: 0;
    z-index: 999;
    left: 0;
    background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
    width: 100%;
    padding: 10px
}

.brandsite .fixed_menu a,
.brandsite .fixed_menu a:visited {
    color: #fff
}

.brandsite .fixed_menu a:hover {
    color: #298ccf
}

table.cookies {
    border: 1px solid #ddd;
    border-collapse: collapse
}

table.cookies th {
    border: 1px solid #ddd;
    border-collapse: collapse;
    background: #ccc;
    padding: 5px
}

table.cookies td {
    border: 1px solid #ddd;
    border-collapse: collapse;
    padding: 5px
}

.contingut-principal .autopublicarme-page .imagen_banner_autopublicarte {
    padding-bottom: 10px
}

.contingut-principal .autopublicarme-page .imagen_banner_autopublicarte img {
    max-width: 100%
}

.contingut-principal .autopublicarme-page .row {
    display: block
}

.contingut-principal .autopublicarme-page .half-column {
    display: inline-block;
    vertical-align: top;
    width: 48%
}

.contingut-principal .autopublicarme-page .half-column+.half-column {
    float: right
}

.contingut-principal .autopublicarme-page .half-column img {
    max-width: 100%
}

@media screen and (max-width:800px) {
    .contingut-principal .autopublicarme-page .half-column {
        display: block;
        width: 100%;
        margin: 0 0 20px 0
    }
}

i.icon-xxss-universodeletras {
    background: url('../img/autopublicarme/icon-footer-universodeletras.png') no-repeat center center;
    width: 100%;
    height: 100%;
    display: block
}

.graella-amb-llista .element {
    width: calc((100% - 160px) / 5);
    margin-bottom: 40px;
    margin-right: 40px;
    float: left
}

.graella-amb-llista .element:nth-child(5n+5) {
    margin-right: 0px
}

.graella-amb-llista .element:nth-child(5n+6) {
    clear: both
}

.graella-amb-llista .element .icona {
    text-align: center
}

.graella-amb-llista .element .supertematica {
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    margin: 20px 0px;
    text-transform: uppercase;
    color: #298ccf;
    font-weight: 700;
    text-align: center
}

.graella-amb-llista .element .tematiques a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    color: #585858;
    display: block;
    margin-bottom: 7px;
    text-align: center
}

@media screen and (max-width:850px) {
    .graella-amb-llista .element {
        width: calc((100% - 60px) / 3);
        margin-right: 30px
    }
    .graella-amb-llista .element:nth-child(3n+3) {
        margin-right: 0px
    }
    .graella-amb-llista .element:nth-child(3n+4) {
        clear: both
    }
    .graella-amb-llista .element:nth-child(5n+5) {
        margin-right: 30px
    }
    .graella-amb-llista .element:nth-child(5n+6) {
        clear: none
    }
}

@media screen and (max-width:500px) {
    .graella-amb-llista {
        padding: 10px
    }
    .graella-amb-llista .element {
        width: calc((100% - 20px) / 2);
        margin-right: 20px
    }
    .graella-amb-llista .element:nth-child(3n+3) {
        margin-right: 20px
    }
    .graella-amb-llista .element:nth-child(3n+4) {
        clear: none
    }
    .graella-amb-llista .element:nth-child(5n+5) {
        margin-right: 20px
    }
    .graella-amb-llista .element:nth-child(5n+6) {
        clear: none
    }
    .graella-amb-llista .element:nth-child(2n+2) {
        margin-right: 0px
    }
    .graella-amb-llista .element:nth-child(2n+3) {
        clear: both
    }
}

.facebook-live .titol {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 42.5px;
    line-height: 5.1rem;
    font-weight: 800;
    text-align: center
}

.facebook-live .subtitol {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 42.5px;
    line-height: 5.1rem;
    color: #298ccf;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px
}

.facebook-live .video {
    text-align: center
}

.facebook-live .video iframe {
    max-width: 900px;
    height: 505px;
    width: 100%
}

.facebook-live .comentaris {
    text-align: center
}

.facebook-live .proxims-videos {
    padding: 40px 80px !important;
    margin-top: 30px
}

.facebook-live .proxims-videos .titol {
    text-transform: uppercase;
    text-align: left;
    font-weight: 500
}

.facebook-live .proxims-videos .proxim {
    margin-top: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem
}

.facebook-live .proxims-videos .proxim .data {
    float: left;
    width: 110px;
    text-transform: uppercase
}

.facebook-live .proxims-videos .proxim .text {
    float: left;
    width: calc(100% - 110px)
}

.facebook-live .proxims-videos .comentari {
    margin-top: 20px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem
}

@media screen and (max-width:850px) {
    .facebook-live .video iframe {
        height: 305px
    }
    .facebook-live .proxims-videos {
        padding: 30px 40px !important
    }
    .facebook-live .proxims-videos .titol {
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 35px;
        line-height: 4.2rem
    }
}

@media screen and (max-width:500px) {
    .facebook-live .titol {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 30px;
        line-height: 3.6rem
    }
    .facebook-live .subtitol {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 30px;
        line-height: 3.6rem
    }
    .facebook-live .video iframe {
        height: 205px
    }
    .facebook-live .proxims-videos {
        padding: 30px !important;
        margin-top: 10px
    }
    .facebook-live .proxims-videos .titol {
        font-size: 20px;
        font-size: 2rem;
        line-height: 25px;
        line-height: 3rem
    }
    .facebook-live .proxims-videos .proxim {
        margin-top: 15px
    }
    .facebook-live .proxims-videos .proxim .data,
    .facebook-live .proxims-videos .proxim .text {
        width: 100%
    }
}

.mapa-mundi {
    text-align: center
}

.answer-comment {
    min-height: 85px;
    box-sizing: border-box;
    border: 1px solid #dfdfdf;
    display: flex;
    flex-direction: row
}

.answer-comment .answer-imatge {
    width: 20%;
    width: calc(61px - 1px);
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;
    margin-left: 10px;
    margin-top: 10px
}

.answer-comment .answer-imatge img {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100px;
    height: auto;
    min-height: 70px;
    min-width: 70px
}

.answer-comment .text {
    margin-left: 10px;
    margin-top: 12px
}

#popup_comentario .barra_superior {
    background-color: #298ccf;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 50px
}

#popup_comentario .barra_superior p {
    color: white;
    line-height: 50px;
    margin-left: 50px
}

@media screen and (max-width:500px) {
    #popup_comentario .barra_superior p {
        margin-left: 10px
    }
}

#popup_comentario .barra_superior .close-cross-comentari {
    cursor: pointer
}

#popup_comentario .barra_superior .close-cross-comentari .svg {
    width: 70px;
    height: 100%;
    background-color: white
}

#popup_comentario .contenidor-popup {
    margin-top: 25px;
    display: flex;
    flex-direction: row;
    justify-content: space-around
}

@media screen and (max-width:500px) {
    #popup_comentario .contenidor-popup {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 0px
    }
}

#popup_comentario .contenidor-popup .contenidor-img {
    text-align: center
}

#popup_comentario .contenidor-popup .contenidor-img i {
    font-size: 75px;
    margin-right: 20px;
    margin-left: 20px;
    color: #298ccf
}

#popup_comentario .contenidor-popup .contenidor-txt {
    display: flex;
    flex-direction: column;
    justify-content: end
}

#popup_comentario .contenidor-popup .contenidor-txt .titol-txt {
    font-weight: bold
}

@media screen and (max-width:500px) {
    #popup_comentario .contenidor-popup .contenidor-txt .titol-txt {
        font-size: 14px;
        text-align: center
    }
}

@media screen and (max-width:500px) {
    #popup_comentario .contenidor-popup .contenidor-txt .descripcion-txt {
        font-size: 12px;
        text-align: center;
        padding: 0px 5px 0px 5px
    }
}

#popup_comentario .contenidor-popup .contenidor-txt a {
    cursor: pointer;
    color: #298ccf
}

@media screen and (max-width:500px) {
    #popup_comentario .contenidor-popup .contenidor-txt a {
        font-size: 12px;
        text-align: center;
        padding: 0px 5px 10px 5px
    }
}

#popup_comentario .contenidor-popup .contenidor-txt a:hover {
    color: black
}

#popup_comentario .contenidor-popup .contenidor-txt button {
    margin-top: 15px;
    width: 35%;
    cursor: pointer
}

@media screen and (max-width:500px) {
    #popup_comentario .contenidor-popup .contenidor-txt button {
        margin: 0 auto;
        margin-bottom: 15px
    }
}

.change-country {
    background-color: #298ccf
}

.change-country .wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.change-country .wrapper .literal {
    color: white;
    padding: 10px 0 10px 0
}

.change-country .wrapper .literal a {
    color: white;
    font-width: bold;
    text-decoration: underline
}

.change-country .wrapper .cross-button {
    width: 35px;
    background-color: white;
    cursor: pointer
}

@media screen and (max-width:850px) {
    .change-country {
        margin-top: 15px
    }
    .change-country .wrapper {
        padding: 0 10px
    }
}

@media screen and (max-width:500px) {
    .change-country {
        margin-top: 0px
    }
    .change-country .wrapper {
        padding: 0px 0 10px 0;
        margin-top: -5px
    }
    .change-country .wrapper .literal {
        font-size: 12px;
        padding: 10px 0 0 10px;
        line-height: 15px
    }
    .change-country .wrapper .cross-button {
        width: 35%
    }
}

@media screen and (max-width:500px) {
    .fancybox-inner {
        height: auto !important
    }
}

.quriobotWidgetContainer iframe {
    height: calc(100% - 130px);
    top: 130px;
    position: absolute
}

.more-series {
    margin-top: 40px
}

.more-series .titol_bloc {
    font-weight: 300;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32.5px;
    line-height: 3.9rem;
    margin: 0 0 15px 0
}

.rotador-firmas .titol {
    font-weight: 300;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32.5px;
    line-height: 3.9rem
}

.rotador-firmas .titol b,
.rotador-firmas .titol strong {
    font-weight: 700
}

.rotador-firmas .firmas-autores-item {
    margin: 0px 14px 10px 4px;
    background: #fff;
    -webkit-box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.3)
}

.rotador-firmas .firmas-autores-item .nom-autor {
    padding: 20px 30px 10px;
    color: #298ccf;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    font-weight: 600
}

.rotador-firmas .firmas-autores-item .bloc-esquerra {
    width: 55%;
    float: left;
    padding: 5px
}

.rotador-firmas .firmas-autores-item .bloc-dreta {
    width: 40%;
    float: left;
    padding: 5px
}

.rotador-firmas .firmas-autores-item .link-firmas {
    margin-top: 5px;
    clear: both;
    display: block;
    background: #298ccf;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-weight: 300
}

.rotador-firmas .firmas-autores-item img {
    max-width: 100%
}

.rotador-firmas .owl-carousel .owl-prev,
.rotador-firmas .owl-carousel .owl-next {
    position: absolute;
    left: -30px;
    top: 45%
}

.rotador-firmas .owl-carousel .owl-next {
    right: -30px;
    left: auto
}

.firmas-mapa {
    float: right
}

.firmas-mapa a.btn {
    padding: 6px 15px;
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    font-weight: 600
}

.firmas-mapa a.btn.btn-outline:hover {
    background-color: #cfe6f5;
    color: #298ccf
}

.firmas-mapa a.btn img {
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 10px
}

.cercador-firmes .titol {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32.5px;
    line-height: 3.9rem
}

.cercador-firmes .titol b,
.cercador-firmes .titol strong {
    font-weight: 700
}

.cercador-firmes .titol .btn-submit {
    padding: 5px 10px;
    font-size: 1.2rem;
    float: right
}

.cercador-firmes #filtres-firmes {
    margin-bottom: 20px
}

.cercador-firmes #filtres-firmes * {
    box-sizing: border-box
}

.cercador-firmes #filtres-firmes .cercador {
    padding: 0px 5px 0px 0px;
    margin: 0px 0px 7px;
    position: relative
}

.cercador-firmes #filtres-firmes .cercador input.input-autor {
    width: 100%;
    height: 55px;
    padding: 0px 10px
}

.cercador-firmes #filtres-firmes .cercador button {
    position: absolute;
    background: #298ccf;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 60px;
    text-align: center;
    height: 55px;
    right: 0px;
    bottom: 0px
}

.cercador-firmes #filtres-firmes .camp {
    float: left;
    padding: 0px;
    margin: 0px;
    position: relative;
    margin-right: 15px;
    margin-bottom: 10px
}

.cercador-firmes #filtres-firmes .camp.camp-lloc {
    width: 40%;
    width: calc(40% - 15px)
}

.cercador-firmes #filtres-firmes .camp.camp-dia {
    width: 20%;
    width: calc(20% - 15px)
}

.cercador-firmes #filtres-firmes .camp.camp-hora {
    width: 20%;
    width: calc(20% - 15px)
}

.cercador-firmes #filtres-firmes .camp.camp-sello {
    width: 20%;
    width: calc(20% - 15px)
}

.cercador-firmes #filtres-firmes .camp.camp-submit {
    padding: 0px;
    width: 20%;
    margin-right: 0px
}

.cercador-firmes #filtres-firmes .camp.camp-submit button {
    font-weight: 600;
    text-transform: initial;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0px
}

.cercador-firmes #filtres-firmes .camp>span {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0px 15px;
    font-size: 15px;
    font-size: 1.5rem;
    background: #c7c7c7;
    cursor: pointer;
    display: block;
    overflow: hidden
}

.cercador-firmes #filtres-firmes .camp>span.enabled {
    color: #298ccf
}

.cercador-firmes #filtres-firmes .camp>span:after {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18.75px;
    line-height: 2.25rem
}

.cercador-firmes #filtres-firmes .camp ul {
    display: none;
    position: absolute;
    background: #c7c7c7;
    top: 50px;
    left: 0px;
    width: auto;
    min-width: 100%;
    min-width: calc(100% - 5px);
    z-index: 500;
    border-top: 1px solid #fff;
    padding: 10px 5px 5px 10px;
    max-height: 290px;
    overflow-y: scroll;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem
}

.cercador-firmes #filtres-firmes .camp ul li {
    max-width: 200%;
    position: relative;
    padding-left: 12px
}

.cercador-firmes #filtres-firmes .camp ul li .filtro_actual {
    color: #298ccf
}

.cercador-firmes #filtres-firmes .camp.active ul {
    display: block
}

.cercador-firmes #filtres-firmes .botons-neteja {
    text-align: right;
    padding: 4px 0px
}

.cercador-firmes #filtres-firmes .botons-neteja:empty {
    display: none
}

.cercador-firmes #filtres-firmes .botons-neteja a {
    color: #298ccf
}

.cercador-firmes .resultats-firmes {
    background-color: rgba(238, 238, 238, .9)
}

.cercador-firmes .resultats-firmes strong {
    font-weight: 700
}

.cercador-firmes .resultats-firmes .resultats {
    padding: 40px
}

.cercador-firmes .resultats-firmes .resultats .top {
    margin-bottom: 30px;
    font-weight: 700
}

.cercador-firmes .resultats-firmes .resultats .top:after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    clear: both
}

.cercador-firmes .resultats-firmes .resultats .top .botonera {
    float: right
}

.cercador-firmes .resultats-firmes .resultats .top .botonera a.genera-pdf {
    color: #298ccf;
    font-weight: 600;
    margin-right: 40px
}

.cercador-firmes .resultats-firmes .resultats .top .botonera a.genera-pdf img {
    margin-right: 10px;
    vertical-align: text-bottom
}

.cercador-firmes .resultats-firmes .resultats .top .botonera .share-xxss .icon-share {
    padding-right: 0px
}

.cercador-firmes .resultats-firmes .resultats .top .botonera .share-xxss .placeholder {
    padding-left: 0px;
    color: #298ccf;
    font-weight: 600
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat {
    background-color: #fff;
    margin-bottom: 10px;
    padding: 15px
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .autor-imatge {
    float: left;
    width: 10%;
    min-width: 75px
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .autor-imatge .rodona {
    height: 75px;
    width: 75px
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .autor-imatge img {
    max-width: 100%
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .nom-autor {
    padding-top: 16px;
    float: left;
    width: 20%;
    min-height: 75px
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .nom-autor a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    color: #298ccf;
    font-weight: 500
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .llibre-destacat {
    min-height: 20px;
    padding-top: 0px;
    margin: 0px;
    float: left;
    width: 14%;
    text-align: right;
    padding-right: 10px
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .llibre-destacat img {
    width: 100%;
    max-width: 64px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.50)
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .link-como-llegar {
    font-weight: 500;
    text-decoration: underline;
    color: #298ccf
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .portades {
    text-align: center
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .portades .owl-carrusel-portades {
    max-width: 150px;
    margin: 0px auto
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .portades .owl-carousel .owl-prev,
.cercador-firmes .resultats-firmes .resultats .autors .resultat .portades .owl-carousel .owl-next {
    opacity: 1;
    position: absolute;
    left: -50px;
    top: 110px;
    background: #fff;
    border: 1px solid #dfdfdf;
    color: #298ccf;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    width: 31px;
    height: 31px;
    text-align: center;
    line-height: 27px;
    font-size: 1.7em
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .portades .owl-carousel .owl-prev:hover,
.cercador-firmes .resultats-firmes .resultats .autors .resultat .portades .owl-carousel .owl-next:hover {
    background: #d5d5d5
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .portades .owl-carousel .owl-next {
    right: -50px;
    left: auto
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .lloc-firma {
    padding-top: 12px;
    float: left;
    margin-left: 0px;
    padding-left: 20px;
    width: calc(25% - 20px);
    border-left: 1px solid rgba(238, 238, 238, .9);
    border-right: 1px solid rgba(238, 238, 238, .9);
    min-height: 75px;
    font-weight: 700
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .lloc-firma .ico-direccio {
    background-position: left;
    float: left;
    margin-top: 8px;
    float: left
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .lloc-firma.varis {
    padding-top: 24px
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .lloc-firma.varis .ico-direccio {
    margin-top: 0px
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .lloc-firma div {
    float: left;
    max-width: calc(100% - 30px)
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .lloc-firma div span {
    font-weight: 500;
    display: block
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .data-firma {
    padding-top: 24px;
    float: left;
    margin-left: 20px;
    width: calc(15% - 20px);
    min-height: 75px
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .data-firma .ico-dia {
    background-position: left;
    width: 30px
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .data-firma span {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .hora-firma {
    padding-top: 24px;
    float: left;
    margin-left: 20px;
    width: calc(14% - 20px);
    min-height: 75px
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .hora-firma .ico-hora {
    background-position: left;
    width: 30px
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .veure-detall-firma {
    float: right;
    min-height: 75px;
    padding-top: 17px
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .veure-detall-firma .btn-submit {
    text-transform: inherit
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .firma-info {
    display: none
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .firma-info .portades {
    float: left;
    width: 40%
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .firma-info .detall-firma {
    padding: 10px 0px;
    width: 55%;
    float: right
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .firma-info .detall-firma li {
    padding: 10px 0px 15px;
    border-bottom: 1px solid rgba(238, 238, 238, .9)
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .firma-info .detall-firma li .lloc {
    float: left;
    width: 40%;
    padding-left: 20px
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .firma-info .detall-firma li .lloc span {
    display: block;
    font-weight: 500
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .firma-info .detall-firma li .data,
.cercador-firmes .resultats-firmes .resultats .autors .resultat .firma-info .detall-firma li .hores {
    float: left;
    width: 55%;
    padding-left: 20px
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .firma-info .detall-firma li .hores {
    width: 42%
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat .firma-info .detall-firma li:last-child {
    border-bottom: 0px;
    padding-bottom: 10px
}

.cercador-firmes .resultats-firmes .resultats .autors .resultat.amagar {
    display: none
}

.cercador-firmes .resultats-firmes .resultats .veure-mes-autors {
    text-align: center;
    margin-top: 30px
}

.cercador-firmes .resultats-firmes .not-found .text {
    margin-top: 20px;
    padding: 60px 40px;
    text-align: center
}

.cercador-firmes .resultats-firmes .not-found .text .text-gran {
    display: block;
    font-size: 40px;
    font-size: 4rem;
    line-height: 50px;
    line-height: 6rem;
    font-weight: 700;
    color: #298ccf
}

.cercador-firmes .resultats-firmes .not-found .text .text-negreta {
    display: block;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem;
    font-weight: 600;
    padding: 20px 0
}

.cercador-firmes .resultats-firmes .not-found .text .text-normal {
    display: block;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem
}

@media screen and (max-width:850px) {
    .rotador-firmas .owl-carousel-firmas-autores {
        padding: 0px 40px;
        position: relative
    }
    .rotador-firmas .owl-carousel-firmas-autores .owl-prev {
        left: 0px
    }
    .rotador-firmas .owl-carousel-firmas-autores .owl-next {
        right: 0px
    }
    .cercador-firmes #filtres-firmes {
        background: #298ccf;
        color: #fff;
        padding: 20px 10px 0px;
        margin: 0px -10px;
        position: relative
    }
    .cercador-firmes #filtres-firmes .titol-buscador {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22.5px;
        line-height: 2.7rem;
        font-weight: 600;
        margin-bottom: 10px
    }
    .cercador-firmes #filtres-firmes .camp {
        float: left;
        padding: 0px 5px 7px 0px;
        margin: 0px;
        position: initial
    }
    .cercador-firmes #filtres-firmes .camp input.input-autor {
        height: 40px;
        padding: 0px 10px;
        color: #fff;
        border: 0;
        background: #4fa3dc;
        background: rgba(255, 255, 255, 0.2)
    }
    .cercador-firmes #filtres-firmes .camp.camp-autor {
        width: 100%;
        float: none;
        margin-bottom: 10px
    }
    .cercador-firmes #filtres-firmes .camp.camp-lloc {
        width: 33.33%
    }
    .cercador-firmes #filtres-firmes .camp.camp-dia {
        width: 33.33%
    }
    .cercador-firmes #filtres-firmes .camp.camp-hora {
        width: 33.33%
    }
    .cercador-firmes #filtres-firmes .camp.camp-sello {
        width: 33.33%
    }
    .cercador-firmes #filtres-firmes .camp.camp-submit {
        display: none
    }
    .cercador-firmes #filtres-firmes .camp>span {
        position: relative;
        height: 40px;
        line-height: 40px;
        padding: 0px 15px;
        font-weight: 500;
        color: #000
    }
    .cercador-firmes #filtres-firmes .camp>span:after {
        top: 10px;
        right: 12px
    }
    .cercador-firmes #filtres-firmes .camp ul {
        top: auto;
        bottom: 5px;
        transform: translateY(100%);
        left: 10px;
        right: 10px;
        width: auto;
        min-width: auto;
        border-top: 0;
        padding: 10px 5px 5px 10px
    }
    .cercador-firmes #filtres-firmes .camp ul .altfiltres {
        max-height: 170px;
        overflow-y: scroll
    }
    .cercador-firmes #filtres-firmes .camp ul li {
        color: #000;
        max-width: 200%;
        margin-bottom: 5px;
        position: relative
    }
    .cercador-firmes #filtres-firmes .camp ul li label {
        display: block;
        padding: 5px 12px
    }
    .cercador-firmes #filtres-firmes .camp ul li .filtro_actual {
        color: #298ccf
    }
    .cercador-firmes #filtres-firmes .camp ul .btn-acceptar,
    .cercador-firmes #filtres-firmes .camp ul .btn-cancelar {
        background: #298ccf;
        color: #fff;
        display: block;
        float: left;
        text-align: center;
        padding: 10px;
        width: 49%;
        margin: 0px 1px;
        text-transform: uppercase
    }
    .cercador-firmes #filtres-firmes .botons-neteja a {
        color: #fff
    }
    .cercador-firmes .resultats-firmes {
        margin: 0px -10px
    }
    .cercador-firmes .resultats-firmes .top {
        padding: 0px 10px
    }
    .cercador-firmes .resultats-firmes .resultats {
        padding: 30px 0px
    }
    .cercador-firmes .resultats-firmes .resultats .autors .resultat {
        padding-right: 0px
    }
    .cercador-firmes .resultats-firmes .resultats .autors .resultat .autor-imatge {
        width: 75px
    }
    .cercador-firmes .resultats-firmes .resultats .autors .resultat .nom-autor {
        display: block;
        width: 60%;
        width: calc(100% - 150px);
        height: 75px;
        border-right: 0;
        padding-left: 20px;
        font-weight: 600
    }
    .cercador-firmes .resultats-firmes .resultats .autors .resultat .veure-detall-mobil {
        float: right;
        height: 75px;
        padding-top: 20px;
        padding-right: 10px
    }
    .cercador-firmes .resultats-firmes .resultats .autors .resultat .veure-detall-mobil i {
        background: #298ccf;
        color: #fff;
        display: block;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 28px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }
    .cercador-firmes .resultats-firmes .resultats .autors .resultat .veure-detall-mobil i::before {
        -ms-transform: rotate(-25deg);
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }
    .cercador-firmes .resultats-firmes .resultats .autors .resultat .llista-firmes-mobil {
        margin-top: 10px;
        display: none
    }
    .cercador-firmes .resultats-firmes .resultats .autors .resultat .llista-firmes-mobil .firma-mobil {
        background-color: rgba(238, 238, 238, .9);
        padding: 8px;
        -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.3);
        box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.3);
        margin-left: 5px
    }
    .cercador-firmes .resultats-firmes .resultats .autors .resultat .llista-firmes-mobil .firma-mobil div {
        border-bottom: 1px solid #a0a0a0;
        padding: 10px 0;
        font-weight: 700
    }
    .cercador-firmes .resultats-firmes .resultats .autors .resultat .llista-firmes-mobil .firma-mobil div.clearfix {
        border-bottom: 0;
        padding: 0
    }
    .cercador-firmes .resultats-firmes .resultats .autors .resultat .llista-firmes-mobil .firma-mobil div i {
        width: 30px;
        background-position: left
    }
    .cercador-firmes .resultats-firmes .resultats .autors .resultat .llista-firmes-mobil .firma-mobil .hora-firma-m {
        border-bottom: 0px
    }
    .cercador-firmes .resultats-firmes .resultats .autors .resultat .llista-firmes-mobil .firma-mobil .lloc-firma-m span {
        display: block;
        font-weight: 500;
        margin-left: 30px
    }
    .cercador-firmes .resultats-firmes .resultats .autors .resultat .llista-firmes-mobil .owl-controls {
        display: none
    }
    .cercador-firmes .resultats-firmes .not-found .imatge {
        width: 100%;
        background: transparent url('../img/firmes-not-found.png') no-repeat;
        background-position: center center;
        background-size: contain;
        margin-top: 30px;
        height: 255px
    }
    .cercador-firmes .resultats-firmes .not-found .text {
        width: 100%;
        margin-top: 10px;
        text-align: center;
        margin-bottom: 50px;
        padding-left: 0px
    }
    .cercador-firmes .resultats-firmes .not-found .text .text-gran {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 40px;
        line-height: 4.8rem
    }
    .cercador-firmes .resultats-firmes .not-found .text .text-negreta {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17.5px;
        line-height: 2.1rem
    }
    .cercador-firmes .resultats-firmes .not-found .text .text-normal {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17.5px;
        line-height: 2.1rem
    }
}

@media screen and (max-width:500px) {
    .rotador-firmas .owl-carousel-firmas-autores {
        padding: 0px
    }
}

.formregistre .tab {
    padding: 25px 50px
}

.formregistre .tab .titol {
    margin-bottom: 5px !important
}

.formregistre .tab .intro {
    margin-bottom: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    text-align: center
}

.formregistre .login-box .form-group {
    display: block;
    margin-bottom: 17px
}

.formregistre .login-box .form-group label {
    display: block;
    margin-bottom: 7px
}

.formregistre .login-box .form-group input {
    border: 1px solid #979797;
    padding: 10px;
    display: block;
    width: 100%
}

.formregistre .login-box .form-hint a {
    color: #5a5a5a
}

.formregistre .login-box .form-hint a:hover {
    color: #298ccf
}

.formregistre .login-box .form-actions {
    text-align: right
}

.formregistre .login-box .registrat,
.formregistre .registre-box .registrat {
    text-align: center;
    margin-top: 15px
}

.formregistre .login-box .registrat a,
.formregistre .registre-box .registrat a {
    color: #298ccf !important;
    font-weight: 700 !important
}

.modal {
    position: relative
}

.modal .pestanyes {
    position: absolute;
    top: -40px;
    height: 40px
}

.modal .pestanyes li {
    display: block;
    margin-bottom: 0px;
    float: left
}

.modal .pestanyes li a {
    display: block;
    float: left;
    height: 40px;
    margin-right: 5px;
    background: #298ccf;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 21.25px;
    line-height: 2.55rem;
    color: #fff;
    line-height: 40px;
    font-weight: 600;
    padding: 0px 15px
}

.modal .pestanyes li.ui-tabs-active a {
    background: #fff;
    color: #000
}

.modal .tab {
    padding: 15px 20px
}

.modal .tab .titol {
    text-align: center;
    font-size: 18.7px;
    font-size: 1.87rem;
    line-height: 23.375px;
    line-height: 2.805rem;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase
}

.modal.modal-falta-mail {
    padding: 30px
}

.modal.modal-falta-mail .form-group {
    vertical-align: top;
    margin-top: 20px;
    width: 100%;
    display: inline-block
}

.modal.modal-falta-mail .action-buttons {
    vertical-align: top;
    margin-top: 20px;
    width: 130px;
    display: inline-block
}

.modal .accedir-xxss {
    margin-bottom: 10px
}

.modal .accedir-xxss span {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    display: block;
    margin-bottom: 16px
}

.modal.clubdelectura {
    padding: 20px;
    text-align: center
}

.modal.clubdelectura .foto {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0px auto 20px
}

.modal.clubdelectura .foto img {
    max-width: 150px
}

.modal.clubdelectura .foto .mencanta {
    position: absolute;
    z-index: 10
}

.modal.clubdelectura .titol_cdl {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32.5px;
    line-height: 3.9rem
}

.modal.clubdelectura .subtitol_cdl {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    font-style: italic
}

.modal.clubdelectura .texto_cdl {
    margin-top: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem
}

.modal.clubdelectura .botons {
    margin-top: 20px
}

.modal.instant-register .text {
    padding: 20px 10px 10px;
    text-align: center
}

.modal.instant-register .foto {
    height: 170px;
    overflow: hidden
}

.modal.instant-register .foto img {
    max-width: 100%
}

.modal.instant-register .formulari {
    padding: 20px
}

.modal.instant-register .formulari .form-group-withbutton input {
    width: 450px;
    width: calc(100% - 150px);
    float: left;
    height: 40px;
    border: 1px solid #666;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.modal.instant-register .formulari .form-group-withbutton button {
    width: 150px;
    float: left;
    height: 40px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.modal.instant-register .formulari .politiques {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    margin-top: 10px
}

.modal.instant-register .formulari .action-buttons {
    text-align: right
}

.modal.imatge {
    text-align: center;
    background-color: #fff
}

.modal.imatge .foto img {
    max-width: 100%
}

.modal.imatge .content {
    padding: 20px;
    margin-top: 10px
}

.modal.imatge .botons {
    margin: 20px 0
}

.modal.primer-capitol {
    text-align: center;
    background-color: #fff
}

.modal.primer-capitol .foto img {
    max-width: 100%
}

.modal.primer-capitol .content {
    padding: 20px;
    margin-top: 10px
}

.modal.primer-capitol .content .text-blau {
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    color: #298ccf
}

.modal.primer-capitol .content .text {
    margin-bottom: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem
}

.modal.primer-capitol .content .text-gran {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem
}

.modal.primer-capitol .content .btn {
    margin-bottom: 20px
}

.modal.primer-capitol .content .politiques {
    margin: 20px 0px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem
}

.modal.primer-capitol .content .politiques input[type="checkbox"],
.modal.primer-capitol .content .politiques input[type="radio"] {
    float: none;
    vertical-align: baseline
}

.modal.primer-capitol .content .form-group-withbutton input {
    width: 450px;
    width: calc(100% - 150px);
    float: left;
    height: 40px;
    border: 1px solid #666;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.modal.primer-capitol .content .form-group-withbutton button {
    width: 150px;
    float: left;
    height: 40px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.modal.comprar {
    padding: 25px;
    background: #fff
}

.modal.comprar .titol {
    font-weight: 700;
    font-size: 30px;
    font-size: 3rem;
    line-height: 37.5px;
    line-height: 4.5rem
}

.modal.comprar .autor {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 23.75px;
    line-height: 2.85rem;
    color: #298ccf;
    margin-bottom: 10px
}

.modal.comprar .autor a {
    color: #298ccf
}

.modal.comprar .dades_llibre {
    float: left;
    width: 40%;
    padding-right: 10px
}

.modal.comprar .dades_llibre img {
    max-width: 100%
}

.modal.comprar .dades_llibre .presentacio {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem
}

.modal.comprar .dades_llibre .preu {
    font-size: 40px;
    font-size: 4rem;
    line-height: 37.5px;
    line-height: 4.5rem;
    color: #298ccf
}

.modal.comprar .links_compra {
    float: left;
    width: 60%
}

.modal.comprar .links_compra .selecciona_botiga {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    margin-bottom: 20px
}

.modal.comprar .links_compra .plataformes .plataforma {
    border-bottom: 1px solid #383838;
    border-bottom: 1px solid rgba(56, 56, 56, 0.2)
}

.modal.comprar .links_compra .plataformes .plataforma.itunes {
    display: none
}

.modal.comprar .links_compra .plataformes .plataforma.googleplay {
    display: none
}

.modal.comprar .links_compra .plataformes .plataforma .logo {
    float: left;
    width: 60%;
    margin: 0px auto;
    padding-top: 15px
}

.modal.comprar .links_compra .plataformes .plataforma .logo img {
    max-width: 90%
}

.modal.comprar .links_compra .plataformes .plataforma .boto {
    float: left;
    width: 40%;
    margin: 0px;
    padding: 15px 10px 15px 0px;
    text-align: right
}

.modal.comprar .links_compra .plataformes .plataforma .boto .boto-comprar {
    background: #76c556;
    color: #fff;
    padding: 8px 15px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16.25px;
    line-height: 1.95rem
}

.modal.comprar .links_compra .plataformes .plataforma .boto .boto-comprar i {
    padding-right: 6px
}

.modal.comprar .links_compra .plataformes .plataforma .boto .boto-comprar:hover {
    background: #5cad3b
}

.modal.comprar .links_compra .plataformes .plataforma:last-child {
    border-bottom: 0
}

.modal.comprar .links_compra .plataformes .boto-comics {
    width: 100%;
    text-align: center;
    margin-top: 40px
}

.modal.comprar .links_compra .plataformes .boto-comics .boto {
    background: #298ccf;
    color: #fff;
    padding: 8px 20px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16.25px;
    line-height: 1.95rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.modal.comprar .links_compra .plataformes .boto-comics .boto:hover {
    background: #79b9e5
}

.modal.formregistre .login-box .form-actions {
    text-align: right
}

.modal.formregistre .login-box .form-actions .btn-submit {
    width: 100%;
    margin-top: 15px
}

.modal.formregistre .registre-box .rgpd-text-checks {
    height: 170px;
    overflow-y: scroll;
    font-size: 9px;
    font-size: 0.9rem;
    line-height: 11.25px;
    line-height: 1.35rem
}

.modal.formregistre .registre-box .action-buttons {
    text-align: right
}

.modal.formregistre .registre-box .action-buttons .btn-submit {
    width: 100%;
    margin-top: 15px
}

.modal.brand-day img {
    max-width: 100%
}

@media screen and (max-width:850px) {
    .modal.comprar .dades_llibre,
    .modal.comprar .links_compra {
        float: none;
        width: auto
    }
    .modal.comprar .titol {
        font-size: 23px;
        font-size: 2.3rem;
        line-height: 28.75px;
        line-height: 3.45rem
    }
    .modal.comprar .autor {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2.4rem
    }
    .modal.comprar .informacio {
        float: left;
        width: 50%;
        padding-top: 0px
    }
    .modal.comprar .informacio .presentacio {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 18.75px;
        line-height: 2.25rem
    }
    .modal.comprar .informacio .preu {
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 35px;
        line-height: 4.2rem
    }
    .modal.comprar .portada {
        float: left;
        width: 50%;
        margin-bottom: 30px;
        padding-right: 10px
    }
    .modal.comprar .links_compra .plataformes .plataforma .boto .boto-comprar {
        padding: 8px;
        font-size: 10px;
        font-size: 1rem;
        line-height: 12.5px;
        line-height: 1.5rem
    }
}

@media screen and (max-width:500px) {
    .modal.instant-register .formulari .form-group-withbutton input {
        width: 100%
    }
    .modal.instant-register .formulari .form-group-withbutton button {
        width: 150px;
        margin-top: 10px;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }
    .modal.primer-capitol .content .form-group-withbutton input {
        width: 100%
    }
    .modal.primer-capitol .content .form-group-withbutton button {
        width: 150px;
        margin-top: 10px;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }
}

.facebook-live .proxims-videos,
.rotador-firmas,
.rotador-300,
.rotador-302,
.rotador-314,
.rotador-315,
.rotador-318,
.rotador-319,
.rotador-320,
.rotador-321,
.rotador-322,
.rotador-323,
.rotador-329:not(.resultadofino),
.rotador-336,
.rotador-344,
.rotador-346,
.rotador-350,
.rotador-352,
.rotador-353,
.rotador-356,
.rotador-357,
.rotador-358,
.rotador-362,
.rotador-363 {
    background-color: rgba(238, 238, 238, .9);
    padding: 20px 50px
}

.home .facebook-live .proxims-videos,
.facebook-live .home .proxims-videos,
.home .rotador-firmas,
.home .rotador-300,
.home .rotador-302,
.home .rotador-314,
.home .rotador-315,
.home .rotador-318,
.home .rotador-319,
.home .rotador-320,
.home .rotador-321,
.home .rotador-322,
.home .rotador-323,
.home .rotador-329:not(.resultadofino),
.home .rotador-336,
.home .rotador-344,
.home .rotador-346,
.home .rotador-350,
.home .rotador-352,
.home .rotador-353,
.home .rotador-356,
.home .rotador-357,
.home .rotador-358,
.home .rotador-362,
.home .rotador-363 {
    background-color: transparent
}

.foreign-rights .facebook-live .proxims-videos,
.facebook-live .foreign-rights .proxims-videos,
.foreign-rights .rotador-firmas,
.foreign-rights .rotador-300,
.foreign-rights .rotador-302,
.foreign-rights .rotador-314,
.foreign-rights .rotador-315,
.foreign-rights .rotador-318,
.foreign-rights .rotador-319,
.foreign-rights .rotador-320,
.foreign-rights .rotador-321,
.foreign-rights .rotador-322,
.foreign-rights .rotador-323,
.foreign-rights .rotador-329:not(.resultadofino),
.foreign-rights .rotador-336,
.foreign-rights .rotador-344,
.foreign-rights .rotador-346,
.foreign-rights .rotador-350,
.foreign-rights .rotador-352,
.foreign-rights .rotador-353,
.foreign-rights .rotador-356,
.foreign-rights .rotador-357,
.foreign-rights .rotador-358,
.foreign-rights .rotador-362,
.foreign-rights .rotador-363 {
    background-color: transparent
}

.editorial .facebook-live .proxims-videos,
.facebook-live .editorial .proxims-videos,
.editorial .rotador-firmas,
.editorial .rotador-300,
.editorial .rotador-302,
.editorial .rotador-314,
.editorial .rotador-315,
.editorial .rotador-318,
.editorial .rotador-319,
.editorial .rotador-320,
.editorial .rotador-321,
.editorial .rotador-322,
.editorial .rotador-323,
.editorial .rotador-329:not(.resultadofino),
.editorial .rotador-336,
.editorial .rotador-344,
.editorial .rotador-346,
.editorial .rotador-350,
.editorial .rotador-352,
.editorial .rotador-353,
.editorial .rotador-356,
.editorial .rotador-357,
.editorial .rotador-358,
.editorial .rotador-362,
.editorial .rotador-363 {
    background-color: transparent
}

.brandsite .facebook-live .proxims-videos,
.facebook-live .brandsite .proxims-videos,
.brandsite .rotador-firmas,
.brandsite .rotador-300,
.brandsite .rotador-302,
.brandsite .rotador-314,
.brandsite .rotador-315,
.brandsite .rotador-318,
.brandsite .rotador-319,
.brandsite .rotador-320,
.brandsite .rotador-321,
.brandsite .rotador-322,
.brandsite .rotador-323,
.brandsite .rotador-329:not(.resultadofino),
.brandsite .rotador-336,
.brandsite .rotador-344,
.brandsite .rotador-346,
.brandsite .rotador-350,
.brandsite .rotador-352,
.brandsite .rotador-353,
.brandsite .rotador-356,
.brandsite .rotador-357,
.brandsite .rotador-358,
.brandsite .rotador-362,
.brandsite .rotador-363 {
    background-color: transparent
}

.ebooks .facebook-live .proxims-videos,
.facebook-live .ebooks .proxims-videos,
.ebooks .rotador-firmas,
.ebooks .rotador-300,
.ebooks .rotador-302,
.ebooks .rotador-314,
.ebooks .rotador-315,
.ebooks .rotador-318,
.ebooks .rotador-319,
.ebooks .rotador-320,
.ebooks .rotador-321,
.ebooks .rotador-322,
.ebooks .rotador-323,
.ebooks .rotador-329:not(.resultadofino),
.ebooks .rotador-336,
.ebooks .rotador-344,
.ebooks .rotador-346,
.ebooks .rotador-350,
.ebooks .rotador-352,
.ebooks .rotador-353,
.ebooks .rotador-356,
.ebooks .rotador-357,
.ebooks .rotador-358,
.ebooks .rotador-362,
.ebooks .rotador-363 {
    background-color: transparent
}

.audiolibros .facebook-live .proxims-videos,
.facebook-live .audiolibros .proxims-videos,
.audiolibros .rotador-firmas,
.audiolibros .rotador-300,
.audiolibros .rotador-302,
.audiolibros .rotador-314,
.audiolibros .rotador-315,
.audiolibros .rotador-318,
.audiolibros .rotador-319,
.audiolibros .rotador-320,
.audiolibros .rotador-321,
.audiolibros .rotador-322,
.audiolibros .rotador-323,
.audiolibros .rotador-329:not(.resultadofino),
.audiolibros .rotador-336,
.audiolibros .rotador-344,
.audiolibros .rotador-346,
.audiolibros .rotador-350,
.audiolibros .rotador-352,
.audiolibros .rotador-353,
.audiolibros .rotador-356,
.audiolibros .rotador-357,
.audiolibros .rotador-358,
.audiolibros .rotador-362,
.audiolibros .rotador-363 {
    background-color: transparent
}

.background_negro {
    background-color: rgba(41, 41, 41, 0.9) !important;
    color: white !important
}

.background_negro .titol {
    color: white !important
}

.background_negro .autors span {
    color: #298ccf
}

.background_negro .autors span:hover {
    color: white !important
}

.background_negro .fil-dariadna ol li a {
    color: #a0a0a0
}

.background_negro .fil-dariadna ol li a:hover {
    color: white
}

.background_negro .clearfix {
    border-bottom: 1px solid #8a8a8a
}

@media screen and (max-width:850px) {
    .facebook-live .proxims-videos,
    .rotador-firmas,
    .rotador-300,
    .rotador-302,
    .rotador-314,
    .rotador-315,
    .rotador-318,
    .rotador-319,
    .rotador-320,
    .rotador-321,
    .rotador-322,
    .rotador-323,
    .rotador-329:not(.resultadofino),
    .rotador-336,
    .rotador-344,
    .rotador-346,
    .rotador-350,
    .rotador-352,
    .rotador-353,
    .rotador-356,
    .rotador-357,
    .rotador-358,
    .rotador-362,
    .rotador-363 {
        padding: 20px 10px
    }
}

@media screen and (min-width:501px) {
    .home .facebook-live .proxims-videos,
    .facebook-live .home .proxims-videos,
    .home .rotador-firmas,
    .home .rotador-300,
    .home .rotador-302,
    .home .rotador-314,
    .home .rotador-315,
    .home .rotador-318,
    .home .rotador-319,
    .home .rotador-320,
    .home .rotador-321,
    .home .rotador-322,
    .home .rotador-323,
    .home .rotador-329:not(.resultadofino),
    .home .rotador-336,
    .home .rotador-344,
    .home .rotador-346,
    .home .rotador-350,
    .home .rotador-352,
    .home .rotador-353,
    .home .rotador-356,
    .home .rotador-357,
    .home .rotador-358,
    .home .rotador-362,
    .home .rotador-363 {
        padding: 0px
    }
    .foreign-rights .facebook-live .proxims-videos,
    .facebook-live .foreign-rights .proxims-videos,
    .foreign-rights .rotador-firmas,
    .foreign-rights .rotador-300,
    .foreign-rights .rotador-302,
    .foreign-rights .rotador-314,
    .foreign-rights .rotador-315,
    .foreign-rights .rotador-318,
    .foreign-rights .rotador-319,
    .foreign-rights .rotador-320,
    .foreign-rights .rotador-321,
    .foreign-rights .rotador-322,
    .foreign-rights .rotador-323,
    .foreign-rights .rotador-329:not(.resultadofino),
    .foreign-rights .rotador-336,
    .foreign-rights .rotador-344,
    .foreign-rights .rotador-346,
    .foreign-rights .rotador-350,
    .foreign-rights .rotador-352,
    .foreign-rights .rotador-353,
    .foreign-rights .rotador-356,
    .foreign-rights .rotador-357,
    .foreign-rights .rotador-358,
    .foreign-rights .rotador-362,
    .foreign-rights .rotador-363 {
        padding: 0px
    }
    .editorial .facebook-live .proxims-videos,
    .facebook-live .editorial .proxims-videos,
    .editorial .rotador-firmas,
    .editorial .rotador-300,
    .editorial .rotador-302,
    .editorial .rotador-314,
    .editorial .rotador-315,
    .editorial .rotador-318,
    .editorial .rotador-319,
    .editorial .rotador-320,
    .editorial .rotador-321,
    .editorial .rotador-322,
    .editorial .rotador-323,
    .editorial .rotador-329:not(.resultadofino),
    .editorial .rotador-336,
    .editorial .rotador-344,
    .editorial .rotador-346,
    .editorial .rotador-350,
    .editorial .rotador-352,
    .editorial .rotador-353,
    .editorial .rotador-356,
    .editorial .rotador-357,
    .editorial .rotador-358,
    .editorial .rotador-362,
    .editorial .rotador-363 {
        padding: 0px
    }
    .ebooks .facebook-live .proxims-videos,
    .facebook-live .ebooks .proxims-videos,
    .ebooks .rotador-firmas,
    .ebooks .rotador-300,
    .ebooks .rotador-302,
    .ebooks .rotador-314,
    .ebooks .rotador-315,
    .ebooks .rotador-318,
    .ebooks .rotador-319,
    .ebooks .rotador-320,
    .ebooks .rotador-321,
    .ebooks .rotador-322,
    .ebooks .rotador-323,
    .ebooks .rotador-329:not(.resultadofino),
    .ebooks .rotador-336,
    .ebooks .rotador-344,
    .ebooks .rotador-346,
    .ebooks .rotador-350,
    .ebooks .rotador-352,
    .ebooks .rotador-353,
    .ebooks .rotador-356,
    .ebooks .rotador-357,
    .ebooks .rotador-358,
    .ebooks .rotador-362,
    .ebooks .rotador-363 {
        padding: 0px
    }
    .audiolibros .facebook-live .proxims-videos,
    .facebook-live .audiolibros .proxims-videos,
    .audiolibros .rotador-firmas,
    .audiolibros .rotador-300,
    .audiolibros .rotador-302,
    .audiolibros .rotador-314,
    .audiolibros .rotador-315,
    .audiolibros .rotador-318,
    .audiolibros .rotador-319,
    .audiolibros .rotador-320,
    .audiolibros .rotador-321,
    .audiolibros .rotador-322,
    .audiolibros .rotador-323,
    .audiolibros .rotador-329:not(.resultadofino),
    .audiolibros .rotador-336,
    .audiolibros .rotador-344,
    .audiolibros .rotador-346,
    .audiolibros .rotador-350,
    .audiolibros .rotador-352,
    .audiolibros .rotador-353,
    .audiolibros .rotador-356,
    .audiolibros .rotador-357,
    .audiolibros .rotador-358,
    .audiolibros .rotador-362,
    .audiolibros .rotador-363 {
        padding: 0px
    }
}

.rotador {
  	width: 84% !important;
    position: relative;
	display: block;
    margin-bottom: 20px;
  	margin-left: auto !important;
	margin-right: auto !important;
}

.rotador a.ancla_oculta {
    position: absolute;
    top: -100px
}

.rotador>.titol {
    margin-bottom: 10px
}

@media screen and (max-width:500px) {
    .rotador>.titol {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 20px;
        text-transform: none;
        font-weight: 700
    }
}

.rotador>.subtitol {
    margin-bottom: 25px
}

@media screen and (max-width:500px) {
    .rotador>.subtitol {
        margin-bottom: 5px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17.5px;
        line-height: 2.1rem;
        line-height: 1.4rem !important
    }
}

.bloc .rotador {
    padding: 0
}

.tematica-bloc-superior+.rotador {
    padding-top: 20px
}

.home .rotador .titol {
    color: #298ccf
}

.rotador-300 .portada .audio-play {
    z-index: 50
}

.rotador-300 .portada .tooltip {
    display: none;
    padding: 10px 12px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #298ccf;
    opacity: 0.8;
    color: #fff;
    z-index: 40
}

.rotador-300 .portada .tooltip .nom {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 18px;
    font-size: 1.8rem
}

.rotador-300 .portada .tooltip .autor {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem
}

.rotador-300 .portada:hover .tooltip {
    display: block
}

.rotador-300 a:hover .titol {
    color: #db9600;
    cursor: pointer
}

.rotador-300 .autors span {
    cursor: pointer;
    color: #298ccf
}

.rotador-300 .autors span:hover {
    color: #000
}

.rotador-300 .premi i {
    margin-top: 5px
}

.rotador-300 .premi p {
    float: right;
    width: calc(100% - 30px);
    font-weight: 700;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem
}

.rotador-300 .comprar a,
.rotador-300 .comprar span {
    display: inline-block;
    padding: 5px 7px;
    margin-top: 5px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    cursor: pointer;
    margin-right: 7px
}

.rotador-300 .comprar .llegir {
    background-color: #298ccf;
    color: #fff !important
}

.rotador-300 .comprar .llegir:hover {
    background-color: #4fa3dc
}

.rotador-300 .veure-mes {
    margin: 10px 0px;
    text-align: center;
    width: 100%
}

.rotador-300 .veure-mes a {
    color: #298ccf;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 800;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem
}

.rotador-300 .llibres-miniatures .titol {
    color: #000
}

.rotador-300 .llibres-miniatures .titol span:hover {
    color: #db9600
}

.rotador-300 .llibres-miniatures.cr-te-llibres-2 li {
    max-width: 180px;
    margin: 0 auto
}

.rotador-300 .llibres-miniatures.te-llibres-4 li {
    margin-right: 3.3%;
    margin-left: 3.3%
}

.rotador-300 .llibres-miniatures.te-llibres-3 li {
    margin-right: 7.3%;
    margin-left: 7.3%
}

.rotador-300 .llibres-miniatures.te-llibres-2 li {
    margin-right: 15.8%;
    margin-left: 15.8%
}

.rotador-300 .llibres-miniatures.te-llibres-1 li {
    margin-right: 40%;
    margin-left: 40%
}

.rotador-300 .llibres-miniatures .te-veure-mes {
    padding-bottom: 20px
}

.rotador-300.desplegat .veure-mes {
    display: none
}

.rotador-300.desplegat .llibres-graella li {
    display: inline-block !important
}

.rotador-300 .owl-carousel .owl-prev {
    position: absolute;
    left: -40px;
    top: 120px
}

.rotador-300 .owl-carousel .owl-next {
    position: absolute;
    right: -40px;
    top: 120px
}

.rotador-300 .btn-comprar {
    width: 99%;
    text-align: center
}

@media screen and (min-width:850px) and (max-width:980px) {
    .rotador-300 .llibres-miniatures.te-llibres-4 li {
        width: 22%;
        margin-right: 3%;
        margin-left: 0
    }
    .rotador-300 .llibres-miniatures.te-llibres-3 li {
        margin-right: 5%;
        margin-left: 5%
    }
    .rotador-300 .llibres-miniatures.te-llibres-2 li {
        margin-right: 13.5%;
        margin-left: 13.5%
    }
}

@media screen and (min-width:500px) and (max-width:849px) {
    .rotador-300 .llibres-miniatures.te-llibres-4 li,
    .rotador-300 .llibres-miniatures.te-llibres-3 li,
    .rotador-300 .llibres-miniatures.te-llibres-2 li {
        width: 30.6%;
        margin-right: 4%;
        margin-left: 0
    }
    .rotador-300 .llibres-miniatures.te-llibres-4 li:nth-child(3n+3),
    .rotador-300 .llibres-miniatures.te-llibres-3 li:nth-child(3n+3),
    .rotador-300 .llibres-miniatures.te-llibres-2 li:nth-child(3n+3) {
        margin-right: 0px
    }
    .rotador-300 .llibres-miniatures.te-llibres-4 li:nth-child(3n+4),
    .rotador-300 .llibres-miniatures.te-llibres-3 li:nth-child(3n+4),
    .rotador-300 .llibres-miniatures.te-llibres-2 li:nth-child(3n+4) {
        clear: both
    }
}

@media screen and (min-width:500px) {
    .rotador-300 .owl-wrapper {
        padding: 0px 50px
    }
}

@media screen and (min-width:980px) {
    .rotador-300.files-visibles-1 .llibres-graella li:nth-child(n+6) {
        display: none
    }
    .rotador-300.files-visibles-2 .llibres-graella li:nth-child(n+11) {
        display: none
    }
    .rotador-300.files-visibles-3 .llibres-graella li:nth-child(n+16) {
        display: none
    }
    .rotador-300.files-visibles-4 .llibres-graella li:nth-child(n+21) {
        display: none
    }
    .rotador-300.files-visibles-5 .llibres-graella li:nth-child(n+26) {
        display: none
    }
}

@media screen and (max-width:980px) {
    .rotador-300.files-visibles-1 .llibres-graella li:nth-child(n+5) {
        display: none
    }
    .rotador-300.files-visibles-2 .llibres-graella li:nth-child(n+9) {
        display: none
    }
    .rotador-300.files-visibles-3 .llibres-graella li:nth-child(n+13) {
        display: none
    }
    .rotador-300.files-visibles-4 .llibres-graella li:nth-child(n+17) {
        display: none
    }
    .rotador-300.files-visibles-5 .llibres-graella li:nth-child(n+21) {
        display: none
    }
}

@media screen and (max-width:500px) {
    .home .rotador-300,
    .rotador-300 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
    .home .rotador-300 .autors,
    .rotador-300 .autors {
        font-size: 11px !important
    }
    .home .rotador-300.files-visibles-1 .llibres-graella li:nth-child(n+6),
    .rotador-300.files-visibles-1 .llibres-graella li:nth-child(n+6) {
        display: block
    }
    .home .rotador-300.files-visibles-2 .llibres-graella li:nth-child(n+11),
    .rotador-300.files-visibles-2 .llibres-graella li:nth-child(n+11) {
        display: block
    }
    .home .rotador-300.files-visibles-3 .llibres-graella li:nth-child(n+16),
    .rotador-300.files-visibles-3 .llibres-graella li:nth-child(n+16) {
        display: block
    }
    .home .rotador-300.files-visibles-4 .llibres-graella li:nth-child(n+21),
    .rotador-300.files-visibles-4 .llibres-graella li:nth-child(n+21) {
        display: block
    }
    .home .rotador-300.files-visibles-5 .llibres-graella li:nth-child(n+26),
    .rotador-300.files-visibles-5 .llibres-graella li:nth-child(n+26) {
        display: block
    }
    .home .rotador-300.files-visibles-1 .llibres-graella li:nth-child(n+5),
    .rotador-300.files-visibles-1 .llibres-graella li:nth-child(n+5) {
        display: block
    }
    .home .rotador-300.files-visibles-2 .llibres-graella li:nth-child(n+9),
    .rotador-300.files-visibles-2 .llibres-graella li:nth-child(n+9) {
        display: block
    }
    .home .rotador-300.files-visibles-3 .llibres-graella li:nth-child(n+13),
    .rotador-300.files-visibles-3 .llibres-graella li:nth-child(n+13) {
        display: block
    }
    .home .rotador-300.files-visibles-4 .llibres-graella li:nth-child(n+17),
    .rotador-300.files-visibles-4 .llibres-graella li:nth-child(n+17) {
        display: block
    }
    .home .rotador-300.files-visibles-5 .llibres-graella li:nth-child(n+21),
    .rotador-300.files-visibles-5 .llibres-graella li:nth-child(n+21) {
        display: block
    }
    .home .rotador-300.files-visibles-mobile-1 .llibres-graella li:nth-child(n+4),
    .rotador-300.files-visibles-mobile-1 .llibres-graella li:nth-child(n+4) {
        display: none
    }
    .home .rotador-300.files-visibles-mobile-2 .llibres-graella li:nth-child(n+7),
    .rotador-300.files-visibles-mobile-2 .llibres-graella li:nth-child(n+7) {
        display: none
    }
    .home .rotador-300.files-visibles-mobile-3 .llibres-graella li:nth-child(n+10),
    .rotador-300.files-visibles-mobile-3 .llibres-graella li:nth-child(n+10) {
        display: none
    }
    .home .rotador-300.files-visibles-mobile-4 .llibres-graella li:nth-child(n+13),
    .rotador-300.files-visibles-mobile-4 .llibres-graella li:nth-child(n+13) {
        display: none
    }
    .home .rotador-300.files-visibles-mobile-5 .llibres-graella li:nth-child(n+16),
    .rotador-300.files-visibles-mobile-5 .llibres-graella li:nth-child(n+16) {
        display: none
    }
    .home .rotador-300 .llibres-miniatures.llibres-graella li,
    .rotador-300 .llibres-miniatures.llibres-graella li {
        width: 29.6%;
        margin-right: 4%;
        margin-left: 0
    }
    .home .rotador-300 .llibres-miniatures.llibres-graella li:nth-child(3n+3),
    .rotador-300 .llibres-miniatures.llibres-graella li:nth-child(3n+3) {
        margin-right: 0px
    }
    .home .rotador-300 .llibres-miniatures.llibres-graella li:nth-child(3n+4),
    .rotador-300 .llibres-miniatures.llibres-graella li:nth-child(3n+4) {
        clear: both !important
    }
    .home .rotador-300 .llibres-miniatures.llibres-graella li:nth-child(2n+1),
    .rotador-300 .llibres-miniatures.llibres-graella li:nth-child(2n+1) {
        clear: none
    }
}

.rotador-301 .tematiques-miniatures {
    list-style-type: none;
    display: table;
    width: 100%
}

.rotador-301 .tematiques-miniatures li {
    border: 0px;
    width: 25%;
    height: 320px;
    display: table-cell;
    vertical-align: top;
    margin: 0px;
    background: rgba(255, 160, 10, 0.3);
    position: relative
}

.rotador-301 .tematiques-miniatures .imatge a {
    display: block;
    width: 100%;
    height: 320px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #383838
}

.rotador-301 .tematiques-miniatures .descripcio {
    background: rgba(0, 0, 0, 0.7);
    padding: 40px 20px 30px;
    min-height: 175px;
    max-height: 320px;
    width: 100%;
    position: absolute;
    bottom: 0px
}

.rotador-301 .tematiques-miniatures .tematica-titol a {
    width: 100%;
    overflow: hidden;
    text-transform: uppercase;
    display: block;
    color: #fafafa;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    font-weight: 800;
    margin-bottom: 15px
}

.rotador-301 .tematiques-miniatures .tematica-info {
    display: block;
    color: #fafafa;
    word-wrap: break-word;
    max-height: 60px
}

@media screen and (min-width:980px) {
    .rotador-301 .tematiques-miniatures li:nth-child( n+5) {
        display: none
    }
}

@media screen and (min-width:850px) and (max-width:980px) {
    .rotador-301 .tematiques-miniatures li {
        width: 33%;
        width: calc(100% / 3)
    }
    .rotador-301 .tematiques-miniatures li:nth-child( n+4) {
        display: none
    }
}

@media screen and (min-width:500px) and (max-width:850px) {
    .rotador-301 .tematiques-miniatures li {
        width: 50%
    }
    .rotador-301 .tematiques-miniatures li:nth-child( n+3) {
        display: none
    }
}

@media screen and (max-width:500px) {
    .rotador-301 {
        display: none
    }
}

.rotador-302 .veure-mes {
    float: right;
    margin: 10px 0px;
    text-align: center;
    width: auto
}

.rotador-302 .veure-mes a {
    color: #298ccf;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 800;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem
}

.rotador-302 .autors-miniatures {
    margin-top: 20px
}

.rotador-302 .autors-miniatures li {
    position: relative;
    display: block;
    width: 100%;
    vertical-align: top;
    margin-bottom: 20px
}

.rotador-302 .autors-miniatures .autor-imatge {
    display: inline-block
}

.rotador-302 .autors-miniatures .autor-info {
    width: calc(100% - 95px - 25px - 45px);
    margin-left: 25px
}

.rotador-302 .autors-miniatures .autor-info .nom {
    white-space: normal
}

@media screen and (min-width:500px) {
    .rotador-302 .autors-miniatures {
        margin: 30px 50px 15px
    }
}

@media screen and (min-width:850px) {
    .rotador-302 .autors-miniatures {
        margin: 30px 20px 15px
    }
    .rotador-302 .autors-miniatures li {
        display: inline-block;
        width: 49%;
        width: calc(( 100% / 2) - 5px)
    }
    .rotador-302 .autors-miniatures li:nth-child(n+3) {
        display: none
    }
}

@media screen and (min-width:980px) {
    .rotador-302 .autors-miniatures li {
        display: inline-block;
        width: 30%;
        width: calc(( 100% / 3) - 5px)
    }
    .rotador-302 .autors-miniatures li:nth-child(n+3) {
        display: inline-block
    }
}

@media screen and (max-width:500px) {
    .home .rotador-302,
    .rotador-302 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.rotador-303 h1 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    color: #a0a0a0;
    font-weight: 300;
    margin-bottom: 0px
}

.rotador-303 .llistat-mobile {
    display: none;
    margin: 0px
}

.rotador-303 .llistat-mobile .llistat-titol {
    cursor: pointer;
    padding: 15px 0px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    font-weight: 800
}

.rotador-303 .llistat-mobile .llistat-titol i {
    color: #298ccf;
    padding-right: 6px
}

.rotador-303 .llistat-mobile ul {
    display: none;
    background: #298ccf;
    padding: 0px;
    max-height: 200px;
    overflow-y: scroll
}

.rotador-303 .llistat-mobile.desplegat {
    background: #383838;
    margin-left: -30px;
    margin-right: -30px;
    padding: 0px 30px 20px;
    right: 0px;
    left: 0px;
    z-index: 999
}

.rotador-303 .llistat-mobile.desplegat ul {
    display: block;
    -webkit-box-shadow: 10px 10px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 10px 10px 12px rgba(0, 0, 0, 0.3)
}

.rotador-303 .llistat-mobile.desplegat .llistat-titol,
.rotador-303 .llistat-mobile.desplegat .llistat-titol i {
    color: #fff
}

.rotador-303 .llistat-mobile .nom-tematica {
    display: block;
    width: 100%;
    padding: 10px;
    font-weight: 500;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    color: #fff;
    margin-bottom: 10px
}

.rotador-303 .llistat-mobile .nom-tematica:hover {
    background: #216fa4
}

.rotador-303 .llista-tematiques {
    float: left;
    padding: 10px 10px 30px 10px;
    width: 250px;
    background: #585858;
    margin-top: -30px
}

.rotador-303 .llista-tematiques h1 {
    display: none
}

.rotador-303 .llista-tematiques .titol {
    color: #585858;
    font-weight: 800;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    margin-bottom: 10px;
    display: none
}

.rotador-303 .llista-tematiques .llista {
    margin: 0
}

.rotador-303 .llista-tematiques .llista li {
    margin: 0
}

.rotador-303 .llista-tematiques .llista li h3 {
    margin: 0px
}

.rotador-303 .llista-tematiques .llista li h3 a {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    font-weight: 300;
    display: block;
    padding: 5px 10px
}

.rotador-303 .llista-tematiques .llista li h3 a:link,
.rotador-303 .llista-tematiques .llista li h3 a:active,
.rotador-303 .llista-tematiques .llista li h3 a:visited {
    color: white
}

.rotador-303 .llista-tematiques .llista li h3 a:hover {
    color: #298ccf
}

.rotador-303 .llista-tematiques .veure-mes a {
    text-transform: uppercase;
    padding: 10px 15px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16.25px;
    line-height: 1.95rem;
    display: none
}

.rotador-303 .llibres {
    display: inline-block;
    vertical-align: top;
    width: 70%;
    width: calc(100% - 255px);
    padding: 20px 60px
}

.rotador-303 .llibres .llibres_slide li:nth-child(n+2) {
    display: none
}

.rotador-303 .llibres .owl-carousel.llibres_slide li:nth-child(n+2) {
    display: block
}

.rotador-303 .llibres .owl-carousel.llibres_slide .owl-item li {
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    -ms-align-items: stretch;
    -ms-align-content: stretch;
    -ms-justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: stretch;
    -webkit-align-content: stretch;
    -webkit-justify-content: space-between;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: stretch;
    justify-content: space-between;
    height: auto;
    align-items: center;
    margin: 0
}

.rotador-303 .llibres .owl-carousel .owl-prev,
.rotador-303 .llibres .owl-carousel .owl-next {
    opacity: 1;
    position: absolute;
    left: -50px;
    top: 180px;
    background: #eee;
    color: #298ccf;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    font-size: 2.2em
}

.rotador-303 .llibres .owl-carousel .owl-prev:hover,
.rotador-303 .llibres .owl-carousel .owl-next:hover {
    background: #d5d5d5
}

.rotador-303 .llibres .owl-carousel .owl-next {
    right: -50px;
    left: auto
}

.rotador-303 .llibres .portada {
    width: 240px;
    height: auto;
    float: left
}

.rotador-303 .llibres .portada img {
    max-width: 100%;
    max-height: 100%
}

.rotador-303 .llibres .info {
    float: left;
    width: calc(100% - 270px);
    margin-left: 20px;
    text-align: center
}

.rotador-303 .llibres .info .titol {
    font-size: 45px;
    font-size: 4.5rem;
    line-height: 56.25px;
    line-height: 6.75rem;
    line-height: 37.5px;
    line-height: 4.5rem;
    font-weight: 600
}

.rotador-303 .llibres .info .titol a:hover {
    color: #db9600
}

.rotador-303 .llibres .info .autors {
    font-weight: 300;
    font-size: 30px;
    font-size: 3rem;
    line-height: 28.75px;
    line-height: 3.45rem;
    color: #298ccf
}

.rotador-303 .llibres .info .autors span {
    cursor: pointer;
    color: #298ccf;
    font-weight: 600
}

.rotador-303 .llibres .info .autors span:hover {
    color: #000
}

.rotador-303 .llibres .info .etiquetes {
    margin-top: 15px
}

.rotador-303 .llibres .info .frase_mkt,
.rotador-303 .llibres .info .frase_mkt * {
    color: #585858;
    font-weight: 300;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 21.25px;
    line-height: 2.55rem;
    margin-top: 10px
}

.rotador-303 .llibres .info .botons {
    display: block;
    margin-top: 30px
}

.rotador-303 .llibres .info .botons a,
.rotador-303 .llibres .info .botons span {
    display: inline-block;
    vertical-align: top;
    padding: 10px 30px;
    margin-right: 10px;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    cursor: pointer
}

.rotador-303 .llibres .info .botons a.btn.btn-comprar,
.rotador-303 .llibres .info .botons span.btn.btn-comprar {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem
}

.rotador-303 .llibres .info .botons .llegir {
    background-color: #298ccf;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem
}

.rotador-303 .llibres .info .botons .llegir:hover {
    background-color: #216fa4
}

.rotador-303 .menu-tematiques-container {
    display: inline-block;
    vertical-align: top;
    width: 250px;
    background: #585858
}

.fancy_welcome {
    padding: 40px 20px;
    text-align: center
}

.fancy_welcome .boto {
    background: #298ccf none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 2.1rem;
    margin-top: 20px;
    padding: 8px 20px;
    text-transform: uppercase;
    vertical-align: top
}

@media screen and (max-width:1200px) {
    .rotador-303 .llista-tematiques {
        padding-left: 15px;
        width: 25%;
        width: calc(250px + 0px)
    }
    .rotador-303 .llista-tematiques .llista a {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22.5px;
        line-height: 2.7rem
    }
    .rotador-303 .llibres .portada {
        width: 200px
    }
    .rotador-303 .llibres .info {
        width: calc(100% - 230px)
    }
    .rotador-303 .llibres .info .titol {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 31.25px;
        line-height: 3.75rem
    }
    .rotador-303 .llibres .info .autors {
        font-size: 19px;
        font-size: 1.9rem;
        line-height: 23.75px;
        line-height: 2.85rem
    }
    .rotador-303 .llibres .info .frase_mkt,
    .rotador-303 .llibres .info .frase_mkt * {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2.4rem
    }
    .rotador-303 .llibres .info .botons a,
    .rotador-303 .llibres .info .botons span {
        padding: 10px 20px;
        cursor: pointer
    }
    .rotador-303 .llibres .info .botons .llegir {
        background-color: #298ccf;
        color: #fff;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2.4rem
    }
}

@media screen and (max-width:850px) {
    .rotador-303 .llista-tematiques {
        display: none
    }
    .rotador-303 .llibres {
        width: 100%;
        float: none
    }
}

@media screen and (max-width:849px) {
    .rotador-303 .llibres {
        width: 100%
    }
    .rotador-303 .menu-tematiques-container {
        display: none
    }
}

@media screen and (max-width:500px) {
    .rotador-303 {
        margin: 20px 0 30px 0
    }
    .rotador-303 .llistat-mobile {
        display: block
    }
    .rotador-303 .llista-tematiques {
        display: none
    }
    .rotador-303 .llibres {
        width: 100%;
        padding: 0px 10px
    }
    .rotador-303 .llibres .etiquetes {
        width: 100%;
        text-align: center;
        margin-top: 5px
    }
    .rotador-303 .llibres .portada,
    .rotador-303 .llibres .info {
        width: 100%;
        float: none;
        clear: both
    }
    .rotador-303 .llibres .info .botons {
        margin-top: 10px
    }
    .rotador-303 .llibres .info .botons a,
    .rotador-303 .llibres .info .botons span {
        padding: 10px 12px;
        cursor: pointer
    }
    .rotador-303 .llibres .info .frase_mkt,
    .rotador-303 .llibres .info .frase_mkt * {
        line-height: 20px;
        line-height: 2rem
    }
    .rotador-303 .llibres .portada {
        text-align: center;
        height: auto
    }
    .rotador-303 .llibres .owl-carousel .owl-item img {
        width: auto;
        display: inline
    }
    .rotador-303 .llibres .owl-carousel .owl-prev,
    .rotador-303 .llibres .owl-carousel .owl-next {
        left: 0px;
        top: 120px
    }
    .rotador-303 .llibres .owl-carousel .owl-next {
        right: 0px;
        left: auto
    }
    .rotador-303 .etiquetes.only-mobile {
        display: none
    }
    .home .rotador-303+.rotador-300 {
        padding-top: 0px
    }
}

.rotador-306 {
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px;
    position: relative;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.rotador-306 .tematica-responsive {
    display: none;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32.5px;
    line-height: 3.9rem;
    font-weight: 800;
    text-transform: uppercase
}

.rotador-306 .informacio {
    width: 290px
}

.rotador-306 .informacio .tematica {
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px
}

.rotador-306 .informacio .resum {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    display: block;
    margin-bottom: 20px
}

.rotador-306 .informacio .boto {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    padding: 10px 25px;
    font-weight: 800;
    background: #298ccf;
    color: #fff;
    display: inline-block
}

.rotador-306 .contingut {
    width: 700px;
    width: calc(100% - 300px)
}

.rotador-306 .contingut .portada {
    position: relative;
    display: inline-block;
    max-width: 100%
}

.rotador-306 .contingut .portada .audio-play {
    z-index: 50
}

.rotador-306 .contingut.amb-slider {
    padding: 0px 35px
}

.rotador-306 .contingut.amb-banner img {
    max-width: 100%
}

.rotador-306 .contingut .comprar {
    margin-top: 10px
}

.rotador-306 .owl-carousel .owl-prev,
.rotador-306 .owl-carousel .owl-next {
    position: absolute;
    left: -30px;
    top: 45%
}

.rotador-306 .owl-carousel .owl-next {
    right: -30px;
    left: auto
}

.rotador-306.dreta {
    background-position: right top
}

.rotador-306.dreta .informacio {
    float: right;
    text-align: right
}

.rotador-306.dreta .contingut {
    float: left
}

.rotador-306.esquerra .informacio {
    float: left
}

.rotador-306.esquerra .contingut {
    float: right
}

@media screen and (max-width:980px) {
    .rotador-306 .informacio {
        width: 260px
    }
    .rotador-306 .informacio .tematica {
        font-size: 30px;
        font-size: 3rem
    }
    .rotador-306 .informacio .resum {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17.5px;
        line-height: 2.1rem
    }
    .rotador-306 .informacio .boto {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17.5px;
        line-height: 2.1rem;
        padding: 13px 18px
    }
    .rotador-306 .contingut {
        width: 730px;
        width: calc(100% - 270px)
    }
}

@media screen and (max-width:850px) {
    .rotador-306 {
        padding: 30px 10px
    }
    .rotador-306 .informacio {
        width: 180px
    }
    .rotador-306 .informacio .tematica {
        font-size: 27px;
        font-size: 2.7rem
    }
    .rotador-306 .informacio .resum {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 15px;
        line-height: 1.8rem
    }
    .rotador-306 .informacio .boto {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 15px;
        line-height: 1.8rem;
        padding: 9px 13px
    }
    .rotador-306 .contingut {
        width: 810px;
        width: calc(100% - 185px)
    }
}

@media screen and (max-width:500px) {
    .rotador-306 {
        padding: 0px;
        background-image: none !important
    }
    .rotador-306 .tematica-responsive {
        display: block
    }
    .rotador-306 .informacio {
        display: none
    }
    .rotador-306 .contingut {
        width: 100%;
        float: left
    }
    .rotador-306 .contingut.amb-slider {
        padding: 0px
    }
}

.rotador-309 {
    padding: 0px
}

.home .rotador-309 {
    background-color: transparent
}

.rotador-309 .xarxes-socials {
    text-align: center;
    padding: 10px 0px 5px
}

.rotador-309 .xarxes-socials .share-xxss .compactats {
    float: none
}

.rotador-309 img {
    max-width: 100%
}

.rotador-309 .owl-carousel .owl-prev,
.rotador-309 .owl-carousel .owl-next {
    color: #fff;
    position: absolute;
    left: 30px;
    opacity: 1;
    top: 40%;
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    transform: translateY(-60%)
}

.rotador-309 .owl-carousel .owl-prev:hover,
.rotador-309 .owl-carousel .owl-next:hover {
    color: #e6e6e6
}

.rotador-309 .owl-carousel .owl-next {
    right: 30px;
    left: auto
}

.rotador-309 .info-autor-mencanta {
    position: absolute;
    top: 35px;
    right: 100px;
    width: 370px
}

.rotador-309 .info-autor {
    position: absolute;
    top: 60px;
    right: 100px;
    width: 370px
}

.rotador-309 .info-autor .nom-autor {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 45px;
    line-height: 5.4rem
}

.rotador-309 .info-autor .text-autor {
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem
}

@media screen and (max-width:850px) {
    .rotador-309 .info-autor-mencanta {
        top: 20px;
        right: 20px;
        width: 250px
    }
    .rotador-309 .info-autor {
        top: 55px;
        right: 20px;
        width: 250px
    }
    .rotador-309 .info-autor .nom-autor {
        font-size: 20px;
        font-size: 2rem;
        line-height: 25px;
        line-height: 3rem
    }
    .rotador-309 .info-autor .text-autor {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 15px;
        line-height: 1.8rem
    }
}

@media screen and (max-width:500px) {
    .rotador-309 .amagar-desktop {
        display: block !important
    }
    .rotador-309 .amagar-mobil {
        display: none !important
    }
    .rotador-309 .info-autor-mencanta {
        top: 20px;
        right: 20px;
        width: auto
    }
    .rotador-309 .info-autor {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        padding: 10px;
        background-color: #f1f1f1
    }
    .rotador-309 .owl-carousel .owl-prev,
    .rotador-309 .owl-carousel .owl-next {
        display: none !important
    }
    .rotador-309 .share-xxss.active .placeholder {
        display: none
    }
    .rotador-309 .share-xxss.active .compactats {
        display: inline-block;
        background: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 10px;
        z-index: 3000
    }
    .home .rotador-309,
    .rotador-309 {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media screen and (min-width:501px) {
    .rotador-309 .amagar-desktop {
        display: none !important
    }
    .rotador-309 .amagar-mobil {
        display: block !important
    }
}

.rotador-310 {
    padding: 0px
}

.rotador-310 .cargando {
    color: #fff
}

.rotador-310 .box-facebook,
.rotador-310 .box-twitter,
.rotador-310 .box-spotify {
    float: left;
    height: 315px;
    width: 50%;
    text-align: center
}

.rotador-310 .box-facebook iframe,
.rotador-310 .box-twitter iframe,
.rotador-310 .box-spotify iframe {
    max-width: 100%;
    overflow: hidden
}

.rotador-310.only-facebook .box-facebook {
    width: 100%
}

.rotador-310.only-twitter .box-twitter {
    width: 100%
}

.rotador-310.only-spotify .box-spotify {
    width: 100%
}

@media screen and (max-width:500px) {
    .rotador-310 .box-facebook,
    .rotador-310 .box-twitter,
    .rotador-310 .box-spotify {
        float: none;
        width: 100%
    }
}

.rotador-313 {
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-direction: 'row';
    -ms-flex-wrap: wrap;
    -ms-align-items: stretch;
    -ms-align-content: stretch;
    -ms-justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-direction: 'row';
    -webkit-flex-wrap: wrap;
    -webkit-align-items: stretch;
    -webkit-align-content: stretch;
    -webkit-justify-content: space-between;
    display: flex;
    flex-direction: 'row';
    flex-wrap: wrap;
    align-items: stretch;
    align-content: stretch;
    justify-content: space-between;
}

.rotador-313 .div-express-right {
    width: 100%;
    color: #fff;
    position: relative;
    padding-top: 30px;
    margin-bottom: 0px !important;
    padding-bottom: 20px
}

.rotador-313 .div-express-right.sense-imatge {
    background: rgba(41, 140, 207, 0.6)
}

.rotador-313 .div-express-right .form-group-inputs {
    display: flex;
    justify-content: space-evenly;
    margin-top: -55px
}

.rotador-313 .div-express-right .form-group-withbutton input {
    width: calc(100% - 150px);
    float: left
}

.rotador-313 .div-express-right .form-group-withbutton button {
    width: 150px;
    float: left;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.rotador-313 .div-express-right .form-field a {
    color: #fff
}

.rotador-313 .div-express-right .form-field a:hover {
    color: #298ccf
}

.rotador-313 .div-express-right .formulari {
    max-width: 900px;
    margin: 0px auto
}

.rotador-313 .div-express-right .express-question {
    margin-bottom: 10px
}

.rotador-313 .div-express-right .form-group {
    width: 44%
}

.rotador-313 .div-express-right .express-question+.form-group {
    margin-bottom: 15px
}

.rotador-313 .div-express-right .missatge-error {
    text-align: center
}

.rotador-313 .div-express-right .politiques {
    margin-top: 15px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 13.75px;
    line-height: 1.65rem
}

.rotador-313 .div-express-right .politiques input {
    margin: 1px 5px 0px 0px;
    float: none
}

.rotador-313 .div-express-right .action-buttons {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 40px
}

.rotador-313 .div-express-right .action-buttons .btn {
    border-radius: 0px;
    padding: 15px 120px;
    float: none;
    background-color: #ffb800;
    text-transform: uppercase
}

.rotador-313 .div-express-right .resultat {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    font-weight: 300;
    padding: 10px 0px;
    text-align: center
}

.rotador-313.express .div-express-right {
    padding: 20px
}

.rotador-313.express .div-express-right .form-group {
    width: 100%
}

.rotador-313.express .div-express-right .politiques {
    padding: 0
}

.rotador-313 select {
    color: #000;
    line-height: 2.1rem;
    padding: 8px 15px
}

.rotador-313 .div-express {
    min-width: 140px;
    min-height: 85px;
    text-align: center;
    position: relative;
    width: 100%;
    padding: 0px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: #298ccf
}

.rotador-313 .div-express img {
    max-width: 100%;
    display: block
}

.rotador-313 .div-express .express-title {
    max-width: 80%;
    margin: 0px auto;
    padding: 15px 0px 10px;
    color: white;
    font-weight: bold;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    line-height: 3.6rem
}

.rotador-313 .div-express .express-intro {
    max-width: 90%;
    margin: 0 auto 50px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    color: white
}

@media screen and (max-width:850px) {
    .home .rotador-313,
    .rotador-313 {
        margin-left: -10px;
        margin-right: -10px;
    }
    .home .rotador-313 .div-express .express-title,
    .rotador-313 .div-express .express-title {
        max-width: 100%;
        margin: 20px;
        padding: 10px 10px 10px 10px;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22.5px;
        line-height: 2.7rem
    }
    .home .rotador-313 .div-express .express-title .btn-submit,
    .rotador-313 .div-express .express-title .btn-submit {
        top: auto;
        left: 0;
        width: 100%
    }
    .home .rotador-313 .div-express .express-intro,
    .rotador-313 .div-express .express-intro {
        padding: 0 30px
    }
    .home .rotador-313 .div-express-right .form-group-inputs,
    .rotador-313 .div-express-right .form-group-inputs {
        flex-direction: column
    }
    .home .rotador-313 .div-express-right .form-group-inputs .form-group,
    .rotador-313 .div-express-right .form-group-inputs .form-group {
        width: 65%;
        margin: 5px auto
    }
    .home .rotador-313 .div-express-right .politiques,
    .rotador-313 .div-express-right .politiques {
        padding: 0 20px
    }
}

.rotador-314 {
    position: relative
}

.rotador-314 .titol-video {
    display: block;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem;
    font-weight: 800
}

.rotador-314 .autor-video {
    display: block
}

.rotador-314 .llistat-mobile {
    display: none;
    margin: 10px 0px
}

.rotador-314 .llistat-mobile .llistat-titol {
    cursor: pointer;
    padding: 15px 0px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    font-weight: 800
}

.rotador-314 .llistat-mobile .llistat-titol i {
    color: #298ccf;
    padding-right: 6px
}

.rotador-314 .llistat-mobile ul {
    display: none;
    background: #298ccf;
    padding: 0px
}

.rotador-314 .llistat-mobile.desplegat {
    background: #383838;
    margin-left: -30px;
    margin-right: -30px;
    padding: 0px 30px 20px;
    right: 0px;
    left: 0px;
    z-index: 999
}

.rotador-314 .llistat-mobile.desplegat ul {
    display: block;
    -webkit-box-shadow: 10px 10px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 10px 10px 12px rgba(0, 0, 0, 0.3)
}

.rotador-314 .llistat-mobile.desplegat .llistat-titol,
.rotador-314 .llistat-mobile.desplegat .llistat-titol i {
    color: #fff
}

.rotador-314 .llistat-mobile .xarxes-socials,
.rotador-314 .llistat-mobile .autor-video {
    display: none
}

.rotador-314 .llistat-mobile .titol-video {
    display: block;
    width: 100%;
    padding: 10px;
    font-weight: 500;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    color: #fff;
    margin-bottom: 10px
}

.rotador-314 .llistat-mobile .titol-video:hover {
    background: #216fa4
}

.rotador-314 .visualitzador-video {
    width: 70%;
    width: calc(100% - 410px);
    float: left
}

.rotador-314 .visualitzador-video .loading {
    text-align: center;
    padding-top: 20%
}

.rotador-314 .visualitzador-video .loading i {
    display: block;
    margin-bottom: 10px
}

.rotador-314 .visualitzador-video .videoplayer {
    background: #fff;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 15px;
    border: 5px solid #fff
}

.rotador-314 .visualitzador-video .videoplayer iframe,
.rotador-314 .visualitzador-video .videoplayer object,
.rotador-314 .visualitzador-video .videoplayer embed,
.rotador-314 .visualitzador-video .videoplayer video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.rotador-314 .visualitzador-video .titol-video {
    margin-bottom: 10px
}

.rotador-314 .visualitzador-video .autor-video a {
    color: #298ccf;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem
}

.rotador-314 .visualitzador-video.unic {
    float: none;
    margin: 0px auto
}

.rotador-314 .videos-miniatures {
    height: 440px;
    overflow-y: scroll;
    padding-left: 15px;
    width: 30%;
    width: calc(389px + 1px);
    float: right
}

.rotador-314 .videos-miniatures li {
    position: relative;
    margin-bottom: 15px
}

.rotador-314 .videos-miniatures .xarxes-socials {
    display: none
}

.rotador-314 .videos-miniatures .llistat-img {
    width: 150px;
    float: left
}

.rotador-314 .videos-miniatures .llistat-img img {
    width: 100%;
    max-width: 145px
}

.rotador-314 .videos-miniatures .llistat-info {
    width: 200px;
    float: right
}

.rotador-314 .videos-miniatures .llistat-info .titol-video {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px
}

@media screen and (max-width:980px) {
    .rotador-314 .visualitzador-video {
        width: calc(100% - 360px)
    }
    .rotador-314 .videos-miniatures {
        height: 350px;
        width: calc(349px + 1px)
    }
    .rotador-314 .videos-miniatures .llistat-img {
        width: 120px
    }
    .rotador-314 .videos-miniatures .llistat-info {
        width: 205px
    }
}

@media screen and (max-width:850px) {
    .rotador-314 .visualitzador-video {
        width: 100%;
        float: none;
        margin-bottom: 10px
    }
    .rotador-314 .visualitzador-video .titol-video,
    .rotador-314 .visualitzador-video .autor-video,
    .rotador-314 .visualitzador-video .xarxes-socials {
        display: none
    }
    .rotador-314 .videos-miniatures {
        height: auto;
        overflow-y: hidden;
        overflow-x: scroll;
        padding-left: 0px;
        width: 100%;
        white-space: nowrap
    }
    .rotador-314 .videos-miniatures li {
        width: 125px;
        display: inline-block;
        vertical-align: top;
        margin-right: 20px;
        white-space: normal
    }
    .rotador-314 .videos-miniatures .llistat-img {
        float: none;
        display: block;
        width: 100%
    }
    .rotador-314 .videos-miniatures .llistat-info {
        float: none;
        display: block;
        width: 100%
    }
    .rotador-314 .videos-miniatures .llistat-info .titol-video {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 18.75px;
        line-height: 2.25rem
    }
    .rotador-314 .videos-miniatures .llistat-info .autor-video a {
        color: #000;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 13.75px;
        line-height: 1.65rem
    }
}

@media screen and (max-width:500px) {
    .rotador-314 .subtitol {
        display: none
    }
    .rotador-314 .llistat-mobile {
        display: block
    }
    .rotador-314 .visualitzador-video .titol-video,
    .rotador-314 .visualitzador-video .autor-video {
        display: block;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17.5px;
        line-height: 2.1rem
    }
    .rotador-314 .visualitzador-video .xarxes-socials {
        display: block;
        padding-bottom: 10px
    }
    .rotador-314 .videos-miniatures {
        display: none
    }
    .home .rotador-314,
    .rotador-314 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.rotador-315 .mes-venuts .bloc-mes-venuts {
    float: left;
    width: 50%;
    padding: 0px 35px;
    margin: 20px 0px;
    counter-reset: mesvenuts-counter
}

.rotador-315 .mes-venuts .bloc-mes-venuts:first-child {
    border-right: 1px solid #383838;
    border-right: 1px solid rgba(56, 56, 56, 0.2)
}

.rotador-315 .titol-venuts {
    display: block;
    color: #298ccf;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px
}

.rotador-315 .portada {
    clear: both;
    width: 40%;
    padding-right: 30px;
    float: left
}

.rotador-315 .llista {
    float: right;
    width: 60%
}

.rotador-315 .llista ol>li {
    padding-left: 50px
}

.rotador-315 .llista ol>li .comprar .btn-comprar {
    width: auto !important
}

.rotador-315 .llista ol>li:before {
    content: counter(mesvenuts-counter);
    counter-increment: mesvenuts-counter;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
    margin-left: -50px;
    background: #298ccf;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    font-weight: 800;
    font-size: 20px;
    font-size: 2rem;
    line-height: 32px;
    text-align: center
}

.rotador-315 .llista .text {
    float: left;
    width: 100%
}

.rotador-315 .llista .text .titol {
    margin-bottom: 2px
}

.rotador-315 .llista .text .titol a:hover {
    color: #db9600
}

.rotador-315 .llista .text .autors span {
    cursor: pointer;
    color: #298ccf
}

.rotador-315 .llista .text .autors span:hover {
    color: #000
}

.rotador-315 .llista .text.text-comprar {
    width: calc(100% - 55px)
}

.rotador-315 .llista .comprar {
    float: right;
    width: 55px;
    margin-top: 8px
}

@media screen and (min-width:851px) and (max-width:980px) {
    .rotador-315 .portada {
        display: block;
        width: 100%;
        float: none;
        clear: both;
        text-align: center;
        padding-bottom: 20px
    }
    .rotador-315 .portada img {
        max-width: 50%
    }
    .rotador-315 .llista {
        clear: both;
        float: none;
        width: 100%
    }
    .rotador-315 .llista .text {
        width: calc(100% - 70px)
    }
    .rotador-315 .llista .comprar {
        width: 70px
    }
}

@media screen and (max-width:850px) {
    .rotador-315 .mes-venuts .bloc-mes-venuts {
        float: none;
        clear: both;
        width: 100%;
        padding: 0px 15px;
        margin: 20px 0px
    }
    .rotador-315 .mes-venuts .bloc-mes-venuts:first-child {
        padding-bottom: 20px;
        border-right: 0;
        border-bottom: 1px solid #383838;
        border-bottom: 1px solid rgba(56, 56, 56, 0.2)
    }
}

@media screen and (max-width:500px) {
    .rotador-315 .portada {
        display: none
    }
    .rotador-315 .llista {
        clear: both;
        float: none;
        width: 100%
    }
    .rotador-315 .llista .text {
        width: calc(100% - 70px)
    }
    .rotador-315 .llista .comprar {
        width: 70px
    }
    .home .rotador-315,
    .rotador-315 {
        margin-left: -10px;
        margin-right: -10px
    }
}

.rotador-318.popup {
    background-color: #fff !important;
    padding: 20px !important
}

.rotador-318 .notepierdas-miniatures li {
    min-width: 300px;
    padding-bottom: 20px;
    vertical-align: top
}

.rotador-318 .notepierdas-miniatures .link-box .image {
    margin: 0px auto;
    position: relative;
    width: 300px;
    min-width: 300px;
    max-width: 100%;
    height: 250px;
    overflow: hidden;
    display: block
}

.rotador-318 .notepierdas-miniatures .link-box .image img {
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.rotador-318 .notepierdas-miniatures .link-box .titol {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
    color: black
}

.rotador-318 .notepierdas-miniatures .link-box .botons {
    text-align: center;
    margin-top: 15px;
    background-color: #298ccf;
    padding: 11px 50px;
    font-weight: 600;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem
}

.rotador-318 .notepierdas-miniatures .link-box:hover .botons {
    opacity: 0.8
}

.rotador-318 .notepierdas-miniatures .link-box:hover .titol {
    color: #298ccf
}

.rotador-318.num-elements-1 .notepierdas-miniatures li {
    width: calc((100% - ( 40px * ( 1 - 1))) / 1);
    margin-right: 40px;
    display: inline-block
}

.rotador-318.num-elements-1 .notepierdas-miniatures li:nth-child(1) {
    margin-right: 0px
}

.rotador-318.num-elements-1 .notepierdas-miniatures li .imatge {
    width: 978px
}

.rotador-318.num-elements-2 .notepierdas-miniatures li {
    width: calc((100% - ( 40px * ( 2 - 1))) / 2);
    margin-right: 40px;
    display: inline-block
}

.rotador-318.num-elements-2 .notepierdas-miniatures li:nth-child(2) {
    margin-right: 0px
}

.rotador-318.num-elements-2 .notepierdas-miniatures li .imatge {
    width: 476px
}

.rotador-318.num-elements-3 .notepierdas-miniatures li {
    width: calc((100% - ( 40px * ( 3 - 1))) / 3);
    margin-right: 40px;
    display: inline-block
}

.rotador-318.num-elements-3 .notepierdas-miniatures li:nth-child(3) {
    margin-right: 0px
}

.rotador-318.num-elements-3 .notepierdas-miniatures li .imatge {
    width: 300px
}

.rotador-318.num-elements-4 .notepierdas-miniatures li {
    width: calc((100% - ( 40px * ( 4 - 1))) / 4);
    margin-right: 40px;
    display: inline-block
}

.rotador-318.num-elements-4 .notepierdas-miniatures li:nth-child(4) {
    margin-right: 0px
}

.rotador-318.num-elements-4 .notepierdas-miniatures li .imatge {
    width: 300px
}

.rotador-318.num-elements-1 .botons {
    max-width: 200px;
    margin: 0 auto
}

.rotador-318 .owl-carousel .owl-prev {
    position: absolute;
    left: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.rotador-318 .owl-carousel .owl-next {
    position: absolute;
    right: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.rotador-318 div.owl-item {
    text-align: center
}

.rotador-318.num-elements-2 .owl-wrapper,
.rotador-318.num-elements-3 .owl-wrapper {
    padding: 0px 20px
}

@media screen and (min-width:851px) and (max-width:980px) {
    .rotador-318.num-elements-1 .notepierdas-miniatures li .imatge {
        width: 100%;
        max-width: 100%;
        min-width: 300px
    }
}

@media screen and (max-width:850px) {
    .rotador-318.num-elements-2 .owl-wrapper,
    .rotador-318.num-elements-3 .owl-wrapper {
        padding: 0px
    }
}

@media screen and (max-width:500px) {
    .rotador-318 .notepierdas-miniatures li {
        min-width: 100%;
        max-width: 300px;
        width: 230px
    }
    .rotador-318 .notepierdas-miniatures .imatge {
        min-width: 218px !important;
        width: 218px !important;
        height: 160px;
        margin: 0px auto
    }
    .rotador-318 .notepierdas-miniatures .imatge img {
        height: 100%;
        width: auto
    }
    .rotador-318 .notepierdas-miniatures .botons {
        width: 80% !important
    }
}

.rotador-319 h2.titol+.llibre-destacat {
    padding: 0px 30px 30px 30px
}

@media screen and (max-width:500px) {
    .rotador-319 h2.titol+.llibre-destacat {
        padding: 0px 0px 30px 0px
    }
}

.rotador-319.fitxa h2.titol+.llibre-destacat {
    padding: 30px
}

.rotador-319 .subtitol {
    margin-bottom: 10px
}

.home .rotador-319 .subtitol {
    margin-bottom: 0px
}

.editorial .rotador-319 .subtitol {
    margin-bottom: 0px
}

.foreign-rights .rotador-319 .subtitol {
    margin-bottom: 0px
}

.brandsite .rotador-319 .subtitol {
    margin-bottom: 0px
}

.rotador-319 .llibres-destacat-tres {
    background-color: white;
    padding: 30px 30px 75px 30px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-around
}

.rotador-319 .llibres-destacat-tres .llibre-block {
    display: flex;
    flex-direction: column;
    max-width: 200px
}

.rotador-319 .llibres-destacat-tres .llibre-block .img-petit {
    cursor: pointer
}

.rotador-319 .llibres-destacat-tres .llibre-block .img-petit img {
    max-width: 100%
}

.rotador-319 .llibres-destacat-tres .llibre-block .destacat-info {
    margin: 0 0 auto;
    width: 100%
}

.rotador-319 .llibres-destacat-tres .llibre-block .destacat-info .titol {
    font-weight: 700;
    cursor: pointer
}

.rotador-319 .llibres-destacat-tres .llibre-block .destacat-info .titol a:hover {
    color: #db9600
}

.rotador-319 .llibres-destacat-tres .llibre-block .botons {
    padding-top: 10px
}

.rotador-319 .llibres-destacat-tres .llibre-block .botons .btn.btn-comprar {
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    text-align: center
}

@media screen and (max-width:850px) {
    .rotador-319 .llibres-destacat-tres {
        padding: 30px 10px
    }
    .rotador-319 .llibres-destacat-tres .llibre-block {
        width: 30%
    }
    .rotador-319 .llibres-destacat-tres .llibre-block .botons .btn.btn-comprar {
        font-size: 16px;
        font-size: 1.6rem
    }
    .rotador-319 .llibres-destacat-tres .llibre-block .destacat-info .titol {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 16px
    }
}

@media screen and (max-width:500px) {
    .rotador-319 .llibres-destacat-tres .llibre-block .botons .btn.btn-comprar {
        font-size: 14px;
        font-size: 1.4rem
    }
    .rotador-319 .llibres-destacat-tres .llibre-block .destacat-info .titol {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 14px
    }
}

.rotador-319 .llibres-destacat-dos {
    background-color: #fff;
    padding: 30px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.rotador-319 .llibres-destacat-dos .llibre-block {
    display: flex;
    flex-direction: row;
    width: 100%
}

.rotador-319 .llibres-destacat-dos .llibre-block .img-petit {
    width: 40%;
    float: left;
    padding-right: 15px
}

.rotador-319 .llibres-destacat-dos .llibre-block .img-petit img {
    width: 100%
}

.rotador-319 .llibres-destacat-dos .llibre-block .destacat-info {
    width: 55%;
    position: relative
}

.rotador-319 .llibres-destacat-dos .llibre-block .destacat-info .titol {
    font-weight: 600;
    cursor: pointer;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 30px
}

.rotador-319 .llibres-destacat-dos .llibre-block .destacat-info .titol a:hover {
    color: #db9600
}

.rotador-319 .llibres-destacat-dos .llibre-block .destacat-info .frase_marketing {
    padding-top: 20px
}

.rotador-319 .llibres-destacat-dos .llibre-block .destacat-info .frase_marketing p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px
}

.rotador-319 .llibres-destacat-dos .llibre-block .destacat-info .botons .btn.btn-comprar {
    padding: 5px 50px;
    background-color: #76c556
}

.rotador-319 .llibres-destacat-dos .llibre-block .destacat-info .botons .btn.btn-comprar:hover {
    cursor: pointer;
    background-color: #5cad3b
}

@media screen and (max-width:850px) {
    .rotador-319 .llibres-destacat-dos .llibre-block {
        flex-direction: column;
        width: 50%
    }
    .rotador-319 .llibres-destacat-dos .llibre-block .img-petit {
        width: 100%;
        padding: 15px 15px 0
    }
    .rotador-319 .llibres-destacat-dos .llibre-block .img-petit img {
        width: 100%;
        height: auto;
        max-width: 100%
    }
    .rotador-319 .llibres-destacat-dos .llibre-block .destacat-info {
        padding: 0 15px 50px;
        width: 100%
    }
    .rotador-319 .llibres-destacat-dos .llibre-block .destacat-info .titol {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 20px
    }
    .rotador-319 .llibres-destacat-dos .llibre-block .destacat-info .frase_marketing p {
        font-size: 12px;
        font-size: 1.2rem
    }
    .rotador-319 .llibres-destacat-dos .llibre-block .destacat-info .botons .btn.btn-comprar {
        display: block;
        text-align: center;
        padding: unset;
        padding-top: 5px;
        padding-bottom: 5px
    }
}

@media screen and (max-width:500px) {
    .rotador-319 .llibres-destacat-dos {
        padding: 15px;
        margin-bottom: 20px
    }
}

.rotador-319 .llibre-destacat {
    background-color: #fff;
    padding: 30px;
    margin-bottom: 20px
}

.rotador-319 .llibre-destacat .destacat-imatge {
    width: 28%;
    float: left;
    padding-right: 15px
}

.rotador-319 .llibre-destacat .destacat-imatge img {
    max-width: 100%
}

.rotador-319 .llibre-destacat .destacat-imatge span {
    cursor: pointer
}

.rotador-319 .llibre-destacat .destacat-imatge .botons a,
.rotador-319 .llibre-destacat .destacat-imatge .botons span {
    width: 252px;
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem;
    padding: 7px 10px;
    margin-top: 10px;
    max-width: 100%;
    cursor: pointer
}

.rotador-319 .llibre-destacat .sinopsi-tablet {
    color: #585858;
    display: block;
    position: relative;
    line-height: 17px
}

.rotador-319 .llibre-destacat .sinopsi-tablet .veure-mes-link {
    position: absolute;
    width: 100%;
    height: 100px;
    bottom: 0px;
    left: 0px;
    display: block;
    padding-top: 60px;
    text-align: right;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.rotador-319 .llibre-destacat .sinopsi-tablet .veure-mes-link a {
    margin-top: 11px;
    display: block;
    color: #298ccf
}

.rotador-319 .llibre-destacat .sinopsi-tablet .veure-mes-link span {
    position: absolute;
    right: 35px
}

.rotador-319 .llibre-destacat .sinopsi-tablet .veure-mes-link i {
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: 30px;
    font-size: 3rem;
    line-height: 37.5px;
    line-height: 4.5rem
}

.rotador-319 .llibre-destacat .sinopsi-tablet.te-mes {
    height: 260px;
    overflow-y: hidden
}

.rotador-319 .llibre-destacat .destacat-info {
    width: 72%;
    float: left;
    color: #585858
}

.rotador-319 .llibre-destacat .destacat-info .titol {
    font-weight: 700
}

.rotador-319 .llibre-destacat .destacat-info .titol h3 {
    margin-bottom: 0
}

.rotador-319 .llibre-destacat .destacat-info .titol h3 a:hover {
    color: #db9600
}

.rotador-319 .llibre-destacat .destacat-info .autors span {
    color: #298ccf;
    cursor: pointer
}

.rotador-319 .llibre-destacat .destacat-info .autors span:hover {
    color: #000
}

.rotador-319 .llibre-destacat .destacat-info .frase-mkt p {
    font-weight: 300;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem;
    margin-top: 10px
}

.rotador-319 .llibre-destacat .destacat-info .botons {
    margin-bottom: 15px
}

.rotador-319 .llibre-destacat .destacat-info .premi {
    margin-bottom: 10px
}

.rotador-319 .llibre-destacat .destacat-info .premi p {
    float: right;
    width: calc(100% - 30px);
    font-weight: 700
}

.rotador-319 .llibre-destacat .destacat-info .sinopsi-intro {
    font-weight: 700;
    margin-bottom: 20px
}

.rotador-319 .llibre-destacat .destacat-info .sinopsi {
    display: block;
    position: relative
}

.rotador-319 .llibre-destacat .destacat-info .sinopsi .veure-mes-link {
    position: absolute;
    width: 100%;
    height: 100px;
    bottom: 0px;
    left: 0px;
    display: block;
    padding-top: 60px;
    text-align: right;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.rotador-319 .llibre-destacat .destacat-info .sinopsi .veure-mes-link a {
    margin-top: 7px;
    display: block;
    color: #298ccf
}

.rotador-319 .llibre-destacat .destacat-info .sinopsi .veure-mes-link span {
    position: absolute;
    right: 35px
}

.rotador-319 .llibre-destacat .destacat-info .sinopsi .veure-mes-link i {
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: 30px;
    font-size: 3rem;
    line-height: 37.5px;
    line-height: 4.5rem
}

.rotador-319 .llibre-destacat .destacat-info .sinopsi.te-mes {
    height: 260px;
    overflow-y: hidden
}

.rotador-319 .llibre-destacat .destacat-info .opinions .opinio {
    color: #000;
    margin: 20px 0
}

.rotador-319 .llibre-destacat .destacat-info .opinions .opinio .text {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem
}

.rotador-319 .llibre-destacat .destacat-info .opinions .opinio .autor {
    font-style: italic;
    margin-top: 5px;
    font-weight: 300;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem
}

@media screen and (max-width:500px) {
    .rotador-319 .llibre-destacat {
        padding: 30px 0
    }
    .rotador-319 .llibre-destacat .destacat-imatge {
        width: 40%
    }
    .rotador-319 .llibre-destacat .destacat-info {
        width: 60%
    }
    .rotador-319 .llibre-destacat .destacat-info .titol h3 {
        line-height: 22px
    }
    .rotador-319 .llibre-destacat .destacat-info .frase-mkt p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2.4rem;
        line-height: 18px
    }
    .rotador-319 .llibre-destacat .destacat-info .botons .btn-comprar {
        margin-bottom: 5px
    }
}

.rotador-319 .llibres-miniatures {
    clear: both
}

.rotador-319 .llibres-miniatures span:hover .titol {
    color: #db9600
}

.rotador-319 .llibres-miniatures.cr-te-llibres-2 li {
    max-width: 180px;
    margin: 0 auto
}

.rotador-319 .llibres-miniatures .titol {
    color: #000
}

.rotador-319 .llibres-miniatures .titol a:hover {
    color: #db9600
}

.rotador-319 .llibres-miniatures .autors span {
    cursor: pointer;
    color: #298ccf
}

.rotador-319 .llibres-miniatures .autors span:hover {
    color: #000
}

.rotador-319 .llibres-miniatures .comprar {
    margin-top: 10px
}

.rotador-319 .llibres-miniatures .comprar .btn-comprar {
    width: 99%;
    text-align: center
}

.rotador-319 .llibres-miniatures .premi i {
    margin-top: 4px
}

.rotador-319 .llibres-miniatures .premi p {
    float: right;
    width: calc(100% - 30px);
    font-weight: 700;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    margin-bottom: 0px
}

.rotador-319 .owl-carousel .owl-stage {
    margin: 0 auto
}

.rotador-320 .coleccions-llistat {
    margin-top: 30px
}

.rotador-320 .coleccions-llistat .coleccio {
    float: left;
    width: 25%;
    padding-right: 20px
}

.rotador-320 .coleccions-llistat .coleccio a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    display: inline-block;
    max-width: 100%;
    font-weight: 600;
    background: #298ccf;
    color: #fff;
    padding: 6px 8px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis
}

.rotador-320 .coleccions-llistat .coleccio a:hover {
    background: #79b9e5
}

.rotador-320 .coleccions-llistat .coleccio:nth-child(4n+5) {
    clear: both
}

@media screen and (max-width:980px) {
    .rotador-320 .coleccions-llistat .coleccio {
        width: 33%
    }
    .rotador-320 .coleccions-llistat .coleccio:nth-child(4n+5) {
        clear: none
    }
    .rotador-320 .coleccions-llistat .coleccio:nth-child(3n+4) {
        clear: both
    }
}

@media screen and (max-width:850px) {
    .rotador-320 .coleccions-llistat .coleccio {
        width: 50%
    }
    .rotador-320 .coleccions-llistat .coleccio:nth-child(3n+4) {
        clear: none
    }
    .rotador-320 .coleccions-llistat .coleccio:nth-child(2n+3) {
        clear: both
    }
}

@media screen and (max-width:500px) {
    .rotador-320 .coleccions-llistat .coleccio {
        display: inline-block;
        width: auto
    }
    .home .rotador-320,
    .rotador-320 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.rotador-321 .minisites-miniatures {
    text-align: center
}

.rotador-321 .minisites-miniatures li {
    padding: 20px
}

.rotador-321 .minisites-miniatures .foto {
    margin-bottom: 10px
}

.rotador-321 .minisites-miniatures .texto {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    line-height: 3.6rem;
    font-weight: 600
}

.rotador-321 .minisites-miniatures .texto2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem
}

.rotador-321 .owl-wrapper {
    padding: 0px 40px
}

.rotador-321 .owl-carousel .owl-prev {
    position: absolute;
    left: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.rotador-321 .owl-carousel .owl-next {
    position: absolute;
    right: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width:500px) {
    .rotador-321 .owl-wrapper {
        padding: 0px
    }
    .home .rotador-321,
    .rotador-321 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.rotador-322 .autores-miniatures li {
    padding: 20px
}

.rotador-322 .autores-miniatures .foto {
    position: relative
}

.rotador-322 .autores-miniatures .foto .mencanta {
    position: absolute;
    top: -10px;
    left: -15px;
    z-index: 10
}

.rotador-322 .autores-miniatures .foto img {
    -webkit-box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.3)
}

.rotador-322 .autores-miniatures .texto {
    margin-top: 10px
}

.rotador-322 .autores-miniatures .texto a {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    font-weight: 800;
    text-transform: uppercase
}

.rotador-322 .owl-wrapper {
    padding: 0px 40px
}

.rotador-322 .owl-carousel .owl-prev {
    position: absolute;
    left: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.rotador-322 .owl-carousel .owl-next {
    position: absolute;
    right: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width:500px) {
    .rotador-322 .owl-wrapper {
        padding: 0px;
        margin-right: -10px
    }
    .rotador-322 .autores-miniatures li {
        padding: 10px
    }
    .rotador-322 .autores-miniatures .foto .mencanta {
        top: -5px;
        left: -5px
    }
    .home .rotador-322,
    .rotador-322 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.rotador-323 .calendari {
    float: left;
    width: 245px;
    margin-bottom: 20px
}

.rotador-323 .calendari .calendar {
    position: relative
}

.rotador-323 .calendari .load-layer {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    padding-top: 70px;
    background: rgba(238, 238, 238, .9);
    color: #298ccf;
    opacity: 0.7
}

.rotador-323 .calendari.loading .load-layer {
    display: block
}

.rotador-323 .calendari .calendar-table {
    background: #fff;
    width: 100%;
    border-bottom: 3px solid #298ccf
}

.rotador-323 .calendari .calendar-table td,
.rotador-323 .calendari .calendar-table th {
    width: 35px;
    line-height: 25px;
    text-align: center
}

.rotador-323 .calendari .calendar-table .calendar-header-month {
    background: #298ccf;
    color: #fff;
    text-transform: uppercase
}

.rotador-323 .calendari .calendar-table .calendar-header-month th {
    padding: 3px 0px;
    font-weight: 500;
    color: #fff
}

.rotador-323 .calendari .calendar-table .calendar-header-day {
    background: #a4d0ed;
    color: #fff;
    text-transform: uppercase
}

.rotador-323 .calendari .calendar-table .days {
    font-family: Arial, Verdana, sans-serif;
    color: #585858
}

.rotador-323 .calendari .calendar-table .days .out-month {
    color: #a0a0a0
}

.rotador-323 .calendari .calendar-table .days .day-today {
    background: #298ccf;
    color: #fff
}

.rotador-323 .calendari .calendar-table .days .day-has-events {
    background: #79b9e5;
    color: #fff
}

.rotador-323 .calendari .calendar-table .day-has-events,
.rotador-323 .calendari .calendar-table .prev-month,
.rotador-323 .calendari .calendar-table .next-month {
    cursor: pointer
}

.rotador-323 .llista-esdeveniments {
    float: right;
    width: calc(100% - 260px);
    position: relative
}

.rotador-323 .llista-esdeveniments .owl-controls {
    position: absolute;
    top: 0px;
    right: 0px
}

.rotador-323 .llista-esdeveniments .owl-controls .owl-prev,
.rotador-323 .llista-esdeveniments .owl-controls .owl-next {
    display: inline-block;
    padding-left: 10px
}

.rotador-323 .llista-esdeveniments .owl-controls .owl-prev i,
.rotador-323 .llista-esdeveniments .owl-controls .owl-next i {
    color: #8a8a8a
}

.rotador-323 .llista-esdeveniments .loading {
    padding: 40px 0px;
    text-align: center
}

.rotador-323 .llista-esdeveniments .acte {
    display: block;
    padding: 0px 15px 15px 0px
}

.rotador-323 .llista-esdeveniments .acte .capsa-text {
    width: 100%
}

.rotador-323 .llista-esdeveniments .acte .capsa-text .capsa-dia {
    height: 80px
}

.rotador-323 .llista-esdeveniments .acte .capsa-text .capsa-dia .dia {
    display: inline-block;
    background: #298ccf;
    color: #fff;
    padding: 5px 10px;
    position: relative
}

.rotador-323 .llista-esdeveniments .acte .capsa-text .capsa-dia .dia:after {
    position: absolute;
    content: ' ';
    right: 0px;
    bottom: -13px;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top-width: 13px;
    border-bottom-width: 13px;
    border-right: 10px solid #298ccf
}

.rotador-323 .llista-esdeveniments .acte .capsa-text.foto {
    width: 65%
}

.rotador-323 .llista-esdeveniments .acte .hora-i-lloc {
    color: #585858;
    font-weight: 700
}

.rotador-323 .llista-esdeveniments .acte .info-event {
    width: 100%;
    float: left
}

.rotador-323 .llista-esdeveniments .acte .info-event .nom,
.rotador-323 .llista-esdeveniments .acte .info-event .nom a {
    color: #298ccf
}

.rotador-323 .llista-esdeveniments .acte .info-event .descripcio {
    padding-top: 10px;
    color: #585858
}

.rotador-323 .llista-esdeveniments .acte .info-event .direccio {
    color: #585858
}

.rotador-323 .llista-esdeveniments .acte .info-img {
    width: calc(35% - 10px);
    float: left
}

.rotador-323 .llista-esdeveniments .acte:nth-of-type(2n+1) {
    clear: both
}

@media screen and (max-width:500px) {
    .rotador-323 .calendari,
    .rotador-323 .llista-esdeveniments {
        float: none;
        width: 100%
    }
    .rotador-323 .calendari .acte .capsa-text.foto,
    .rotador-323 .llista-esdeveniments .acte .capsa-text.foto {
        width: 100%;
        padding-right: 0;
        text-align: left
    }
    .rotador-323 .calendari .acte .info-img,
    .rotador-323 .llista-esdeveniments .acte .info-img {
        width: 100%
    }
    .rotador-323 .calendari .acte .info-img img,
    .rotador-323 .llista-esdeveniments .acte .info-img img {
        width: auto;
        margin: 0 auto
    }
    .rotador-323 .calendari .calendar-table td,
    .rotador-323 .calendari .calendar-table th {
        line-height: 35px
    }
    .rotador-323 .llista-esdeveniments {
        padding-bottom: 50px
    }
    .rotador-323 .llista-esdeveniments .owl-controls {
        position: absolute;
        top: auto;
        bottom: 0px;
        width: 100%;
        text-align: center
    }
    .rotador-323 .llista-esdeveniments .owl-controls .owl-prev,
    .rotador-323 .llista-esdeveniments .owl-controls .owl-next {
        display: inline-block;
        padding-left: 10px
    }
    .rotador-323 .llista-esdeveniments .owl-controls .owl-prev i,
    .rotador-323 .llista-esdeveniments .owl-controls .owl-next i {
        color: #8a8a8a
    }
    .home .rotador-323,
    .rotador-323 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.rotador-324 {
    background-color: rgba(238, 238, 238, .9);
    padding: 20px 50px
}

.rotador-324 .banners-miniatures li {
    padding: 20px
}

.rotador-324 .banners-miniatures li img {
    max-width: 100%
}

.rotador-324 .banners-miniatures.banners-graella li {
    padding: 10px 0 0 0;
    width: 18%;
    margin-right: 2%;
    vertical-align: top;
    display: inline-block
}

.rotador-324 .banners-miniatures.banners-graella li:nth-child(5n+5) {
    margin-right: 0px
}

.rotador-324 .banners-miniatures.banners-graella li:nth-child(5n+6) {
    clear: both
}

.rotador-324 .banners-miniatures .foto {
    margin-bottom: 10px
}

.rotador-324 .banners-miniatures .texto {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    font-weight: 800;
    text-transform: uppercase
}

@media screen and (min-width:850px) and (max-width:980px) {
    .rotador-324 .banners-miniatures.banners-graella li {
        width: 22%;
        margin-right: 3%
    }
    .rotador-324 .banners-miniatures.banners-graella li:nth-child(5n+5) {
        margin-right: 3%
    }
    .rotador-324 .banners-miniatures.banners-graella li:nth-child(5n+6) {
        clear: none
    }
    .rotador-324 .banners-miniatures.banners-graella li:nth-child(4n+4) {
        margin-right: 0px
    }
    .rotador-324 .banners-miniatures.banners-graella li:nth-child(4n+5) {
        clear: both
    }
}

@media screen and (min-width:500px) and (max-width:849px) {
    .rotador-324 .banners-miniatures.banners-graella li {
        width: 29.6%;
        margin-right: 4%
    }
    .rotador-324 .banners-miniatures.banners-graella li:nth-child(5n+5),
    .rotador-324 .banners-miniatures.banners-graella li:nth-child(4n+4) {
        margin-right: 4%
    }
    .rotador-324 .banners-miniatures.banners-graella li:nth-child(5n+6),
    .rotador-324 .banners-miniatures.banners-graella li:nth-child(4n+5) {
        clear: none
    }
    .rotador-324 .banners-miniatures.banners-graella li:nth-child(3n+3) {
        margin-right: 0px
    }
    .rotador-324 .banners-miniatures.banners-graella li:nth-child(3n+4) {
        clear: none
    }
}

@media screen and (max-width:499px) {
    .rotador-324 .banners-miniatures.banners-graella li {
        width: 44%;
        margin-right: 9%
    }
    .rotador-324 .banners-miniatures.banners-graella li:nth-child(5n+5),
    .rotador-324 .banners-miniatures.banners-graella li:nth-child(4n+4),
    .rotador-324 .banners-miniatures.banners-graella li:nth-child(3n+3) {
        margin-right: 9%
    }
    .rotador-324 .banners-miniatures.banners-graella li:nth-child(5n+6),
    .rotador-324 .banners-miniatures.banners-graella li:nth-child(4n+5),
    .rotador-324 .banners-miniatures.banners-graella li:nth-child(3n+4) {
        clear: none
    }
    .rotador-324 .banners-miniatures.banners-graella li:nth-child(2n+2) {
        margin-right: 0px
    }
    .rotador-324 .banners-miniatures.banners-graella li:nth-child(2n+3) {
        clear: none
    }
}

.rotador-324 .owl-wrapper {
    padding: 0px 40px
}

.rotador-324 .owl-carousel .owl-prev {
    position: absolute;
    left: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.rotador-324 .owl-carousel .owl-next {
    position: absolute;
    right: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.rotador-324 .veure-mes {
    margin: 10px 0px;
    text-align: center;
    width: 100%
}

.rotador-324 .veure-mes a {
    color: #298ccf;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 800;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem
}

.rotador-324.desplegat .veure-mes {
    display: none
}

.rotador-324.desplegat .banners-graella li {
    display: inline-block !important
}

@media screen and (min-width:980px) {
    .rotador-324.files-visibles-1 .banners-graella li:nth-child(n+6) {
        display: none
    }
    .rotador-324.files-visibles-2 .banners-graella li:nth-child(n+11) {
        display: none
    }
    .rotador-324.files-visibles-3 .banners-graella li:nth-child(n+16) {
        display: none
    }
    .rotador-324.files-visibles-4 .banners-graella li:nth-child(n+21) {
        display: none
    }
    .rotador-324.files-visibles-5 .banners-graella li:nth-child(n+26) {
        display: none
    }
}

@media screen and (max-width:980px) {
    .rotador-324.files-visibles-1 .banners-graella li:nth-child(n+5) {
        display: none
    }
    .rotador-324.files-visibles-2 .banners-graella li:nth-child(n+9) {
        display: none
    }
    .rotador-324.files-visibles-3 .banners-graella li:nth-child(n+13) {
        display: none
    }
    .rotador-324.files-visibles-4 .banners-graella li:nth-child(n+17) {
        display: none
    }
    .rotador-324.files-visibles-5 .banners-graella li:nth-child(n+21) {
        display: none
    }
}

@media screen and (min-width:500px) and (max-width:849px) {
    .rotador-324.files-visibles-1 .banners-graella li:nth-child(n+4) {
        display: none
    }
    .rotador-324.files-visibles-2 .banners-graella li:nth-child(n+7) {
        display: none
    }
    .rotador-324.files-visibles-3 .banners-graella li:nth-child(n+10) {
        display: none
    }
    .rotador-324.files-visibles-4 .banners-graella li:nth-child(n+13) {
        display: none
    }
    .rotador-324.files-visibles-5 .banners-graella li:nth-child(n+16) {
        display: none
    }
}

@media screen and (max-width:500px) {
    .rotador-324 .owl-wrapper {
        padding: 0px
    }
    .rotador-324 .banners-graella li {
        display: inline-block
    }
    .rotador-324.files-visibles-mobile-1 .banners-graella li:nth-child(n+3) {
        display: none
    }
    .rotador-324.files-visibles-mobile-2 .banners-graella li:nth-child(n+5) {
        display: none
    }
    .rotador-324.files-visibles-mobile-3 .banners-graella li:nth-child(n+7) {
        display: none
    }
    .rotador-324.files-visibles-mobile-4 .banners-graella li:nth-child(n+9) {
        display: none
    }
    .rotador-324.files-visibles-mobile-5 .banners-graella li:nth-child(n+11) {
        display: none
    }
}

@media screen and (max-width:850px) {
    .rotador-324 {
        padding: 20px 10px
    }
}

.rotador-328 {
    background-color: rgba(238, 238, 238, .9);
    padding: 20px 50px
}

.rotador-328 .veure-mes {
    margin: 10px 0px;
    text-align: right;
    width: 100%
}

.rotador-328 .veure-mes a {
    color: #298ccf;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 800;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem
}

.rotador-328 .entrada-blog .titol {
    font-weight: 700;
    color: #298ccf;
    margin-bottom: 10px;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 21.25px;
    line-height: 2.55rem
}

.rotador-328 .entrada-blog .informacio {
    float: left;
    width: 100%
}

.rotador-328 .entrada-blog .foto {
    width: 220px;
    float: left;
    text-align: center;
    margin-right: 20px
}

.rotador-328 .entrada-blog .foto img {
    border-radius: 50%;
    display: block;
    height: 220px;
    overflow: hidden;
    position: relative;
    width: 220px
}

.rotador-328 .entrada-blog .foto+.informacio {
    width: calc(100% - 240px)
}

@media screen and (min-width:500px) and (max-width:849px) {
    .rotador-328 .entrada-blog .foto {
        width: 170px
    }
    .rotador-328 .entrada-blog .foto img {
        height: 170px;
        width: 170px
    }
    .rotador-328 .entrada-blog .informacio {
        width: calc(100% - 190px)
    }
    .rotador-328 .entrada-blog .foto+.informacio {
        width: 100%
    }
}

@media screen and (max-width:500px) {
    .rotador-328 .entrada-blog .foto {
        width: 100%
    }
    .rotador-328 .entrada-blog .foto img {
        height: 170px;
        width: 170px;
        margin: 0px auto
    }
    .rotador-328 .entrada-blog .informacio {
        width: 100%;
        padding: 0 10px
    }
    .rotador-328 .entrada-blog .foto+.informacio {
        width: 100%
    }
    .rotador-328 .share-xxss.active .placeholder {
        display: none
    }
    .rotador-328 .share-xxss.active .compactats {
        display: inline-block;
        background: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 10px;
        z-index: 3000
    }
    .home .rotador-328,
    .rotador-328 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.rotador-329 {
    padding: 10px 15px
}

.rotador-329 .coleccions-llistat .coleccio {
    float: left;
    margin-bottom: 0px
}

.rotador-329 .coleccions-llistat .coleccio h3 {
    margin: 0
}

.rotador-329 .coleccions-llistat .coleccio h3 a {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16.25px;
    line-height: 1.95rem;
    display: inline-block;
    max-width: 100%;
    font-weight: 500;
    color: #298ccf;
    padding: 0 10px
}

.rotador-329 .coleccions-llistat .coleccio h3 a:hover {
    color: #000
}

.rotador-329 .coleccions-llistat .coleccio.amagable {
    display: none
}

.rotador-329 .coleccions-llistat .coleccio:last-child a {
    border-right: 0px
}

.rotador-329 .boto {
    float: right
}

.rotador-329 .boto .veure-mes,
.rotador-329 .boto .veure-menys {
    cursor: pointer;
    border: 1px solid #298ccf;
    padding: 3px 10px 3px 4px;
    color: #298ccf;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16.25px;
    line-height: 1.95rem
}

.rotador-329 .boto .veure-menys {
    display: none
}

.rotador-329.resultadofino {
    padding: 10px 0px
}

.rotador-329.resultadofino .coleccions-llistat .coleccio h3 a {
    padding-left: 0px
}

@media screen and (max-width:850px) {}

@media screen and (max-width:500px) {
    .home .rotador-329,
    .rotador-329 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.rotador-330 {
    background: rgba(255, 255, 255, 0.2);
    padding: 10px 10px 5px;
    border-radius: 5px;
    color: #000
}

.rotador-330 .contenedor_enlace_web {
    float: left;
    width: 30%
}

.rotador-330 .contenedor_enlace_web img {
    width: 145px
}

.rotador-330 .xarxes-socials {
    float: left;
    width: 20%;
    text-align: center
}

.rotador-330 .xarxes-socials a {
    margin-right: 4px
}

.rotador-330 .credits {
    float: right;
    width: 50%;
    text-align: right;
    margin-top: 11px
}

.rotador-330 .credits a {
    padding: 0px 10px 0px 0px;
    white-space: nowrap
}

.rotador-330 .credits a+a {
    border-left: 1px solid #585858;
    padding-left: 10px
}

@media screen and (max-width:849px) {
    .rotador-330 .contenedor_enlace_web {
        width: 100%;
        display: block;
        text-align: center
    }
    .rotador-330 .xarxes-socials {
        width: 100%;
        display: block;
        text-align: center
    }
    .rotador-330 .credits {
        width: 100%;
        display: block;
        text-align: center;
        margin-top: 0px
    }
}

@media screen and (max-width:500px) {
    .rotador-330 .xarxes-socials .titulo_redes {
        width: 100%
    }
}

.rotador-331 {
    padding: 20px 50px
}

.rotador-331 .imatges {
    padding: 10px 25px
}

.rotador-331 .imatges .owl-wrapper {
    padding: 0px 40px
}

.rotador-331 .imatges .owl-wrapper .owl-prev {
    position: absolute;
    left: -35px;
    top: 40%;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%)
}

.rotador-331 .imatges .owl-wrapper .owl-next {
    position: absolute;
    right: -35px;
    top: 40%;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%)
}

@media screen and (max-width:500px) {
    .rotador-331 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.rotador-332 {
    padding: 20px 50px;
    text-align: center
}

@media screen and (max-width:850px) {
    .rotador-332 {
        padding: 20px 10px
    }
    .rotador-332 iframe {
        width: 100% !important
    }
}

@media screen and (max-width:500px) {
    .rotador-332 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.rotador-333 {
    padding: 20px 50px
}

.rotador-333 p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    margin: 0px
}

@media screen and (max-width:500px) {
    .rotador-333 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.rotador-334 {
    padding: 20px 50px
}

.rotador-334 p {
    margin: 0px
}

@media screen and (max-width:500px) {
    .rotador-334 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.rotador-335 {
    padding: 20px 50px
}

.rotador-335 p {
    margin: 0px
}

@media screen and (max-width:500px) {
    .rotador-335 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.rotador-336.brandsite {
    padding: 20px 50px
}

.rotador-336 .sobre-autor {
    margin-top: 25px
}

.rotador-336 .sobre-autor .titol_bloc {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 21.25px;
    line-height: 2.55rem
}

.rotador-336 .sobre-autor .autor-imatge {
    clear: both;
    margin-bottom: 15px;
    float: left;
    margin-right: 30px;
    width: 17%;
    width: calc(130px)
}

.rotador-336 .sobre-autor .veure-mes {
    display: block;
    text-align: right;
    font-weight: 700;
    color: #298ccf;
    text-transform: uppercase
}

.rotador-336 .sobre-autor .autor-info {
    float: left;
    width: 83%;
    width: calc(100% - 160px)
}

.rotador-336 .sobre-autor .autor-info .titol_bloc {
    margin-bottom: 4px
}

.rotador-336 .sobre-autor .autor-info .nom {
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem
}

.rotador-336 .sobre-autor .autor-info .nom a {
    color: #298ccf
}

@media screen and (max-width:500px) {
    .rotador-336 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
    .rotador-336 .sobre-autor {
        padding: 20px 10px;
        margin: 0px -10px
    }
    .rotador-336 .sobre-autor .autor-info {
        float: none;
        display: inline
    }
}

.rotador-337 {
    padding: 20px 50px
}

.rotador-337 p {
    margin: 0px
}

.rotador-337 .brandsite_12 {
    float: left;
    width: calc(66% - 30px);
    margin-right: 30px
}

.rotador-337 .brandsite_1 {
    float: left;
    width: 33%
}

.rotador-337 .brandsite_1+.brandsite_12 {
    margin-right: 0px;
    margin-left: 30px
}

.rotador-337 img {
    max-width: 100%
}

@media screen and (max-width:849px) {
    .rotador-337 .brandsite_12 {
        width: calc(60% - 20px);
        margin-right: 20px
    }
    .rotador-337 .brandsite_1 {
        width: 40%
    }
    .rotador-337 .brandsite_1+.brandsite_12 {
        margin-left: 20px
    }
}

@media screen and (max-width:500px) {
    .rotador-337 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
    .rotador-337 .brandsite_12,
    .rotador-337 .brandsite_1 {
        width: 100%;
        display: block
    }
    .rotador-337 .brandsite_1+.brandsite_12 {
        margin: 10px 0px 0px
    }
}

.rotador-338 {
    padding: 20px 50px
}

.rotador-338 .concurs-respostes-imatges {
    padding: 10px 25px
}

.rotador-338 .concurs-respostes-imatges .owl-wrapper {
    padding: 0px 40px
}

.rotador-338 .concurs-respostes-imatges .owl-wrapper .owl-prev {
    position: absolute;
    left: -35px;
    top: 40%;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%)
}

.rotador-338 .concurs-respostes-imatges .owl-wrapper .owl-next {
    position: absolute;
    right: -35px;
    top: 40%;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%)
}

.rotador-338 .concurs-respostes-imatges .ul_compartir_imagen div {
    display: inline-block;
    height: 26px;
    margin: 5px;
    width: 26px
}

@media screen and (max-width:500px) {
    .rotador-338 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
    .rotador-338 .concurs-respostes-imatges {
        padding: 0
    }
}

.rotador-339 {
    background: rgba(255, 255, 255, 0.2);
    padding: 20px 50px
}

.rotador-339 .foto {
    width: 33%;
    float: left;
    text-align: center
}

.rotador-339 .foto img {
    max-width: 100%
}

.rotador-339 .informacio-llibre {
    width: 33%;
    float: left
}

.rotador-339 .informacio-llibre .titol {
    margin-top: 50px;
    font-weight: 700;
    font-size: 20px;
    font-size: 2rem
}

.rotador-339 .informacio-llibre .autors {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    font-weight: 500
}

.rotador-339 .informacio-llibre .autors span {
    cursor: pointer;
    color: #298ccf
}

.rotador-339 .informacio-llibre .frase-mkt {
    font-weight: 300;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18.75px;
    line-height: 2.25rem
}

.rotador-339 .informacio-llibre .frase-mkt p {
    font-weight: 300;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18.75px;
    line-height: 2.25rem
}

.rotador-339 .comprar {
    width: 33%;
    float: right;
    text-align: center
}

.rotador-339 .comprar .soportes {
    width: 225px;
    max-width: 100%;
    background-color: white;
    margin: 0 auto
}

.rotador-339 .comprar .soportes .titol {
    font-size: 18px;
    font-size: 1.8rem;
    color: #585858;
    padding: 10px;
    border-bottom: 2px solid rgba(238, 238, 238, .9);
    font-weight: 600
}

.rotador-339 .comprar .soportes .suports {
    max-height: 200px;
    overflow-y: auto;
    padding: 20px 10px 10px;
    text-align: left;
    position: relative
}

.rotador-339 .comprar .soportes .suports .loading {
    position: absolute;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    margin-left: -10px;
    text-align: center
}

.rotador-339 .comprar .soportes .suports .loading .icon-loading {
    display: inline-block
}

.rotador-339 .comprar .soportes .suports .llibre_format {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem
}

.rotador-339 .comprar .soportes .suports .llibre_format .info_format {
    font-weight: 600
}

.rotador-339 .comprar .soportes .suports .llibre_format .info_format span {
    color: #a0a0a0 !important
}

.rotador-339 .comprar .soportes .suports .llibre_format .info_format.checked {
    color: #585858 !important
}

.rotador-339 .comprar .soportes .suports .llibre_format .info_format input:checked+span {
    color: #585858 !important
}

.rotador-339 .comprar .soportes .suports.unico input.suport_llibre {
    display: none
}

.rotador-339 .comprar .soportes .suports.unico .info_format span {
    color: #585858 !important
}

.rotador-339 .comprar .boto_comprar {
    text-align: center;
    padding-top: 18px;
    padding-bottom: 22px
}

.rotador-339 .comprar .boto_comprar span {
    background-color: #76c556;
    width: 225px;
    max-width: 100%
}

.rotador-339 .comprar .boto_comprar span:hover {
    background-color: #5cad3b
}

.rotador-339 .comprar .boto_comprar .comic {
    padding: 10px 5px
}

.rotador-339 .comprar .boto_comprar .preu {
    font-size: 21px;
    font-size: 2.1rem;
    text-align: center
}

@media screen and (max-width:849px) {
    .rotador-339 .foto {
        width: 20%
    }
    .rotador-339 .informacio-llibre {
        width: 40%;
        padding-left: 20px
    }
    .rotador-339 .informacio-llibre .titol {
        margin-top: 0px;
        font-size: 20px;
        font-size: 2rem
    }
    .rotador-339 .informacio-llibre .autors {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 18.75px;
        line-height: 2.25rem
    }
    .rotador-339 .informacio-llibre .frase-mkt {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 18.75px;
        line-height: 2.25rem
    }
    .rotador-339 .informacio-llibre .frase-mkt p {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 18.75px;
        line-height: 2.25rem
    }
    .rotador-339 .comprar {
        width: 40%
    }
}

@media screen and (max-width:500px) {
    .rotador-339 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
    .rotador-339 .foto {
        width: 100%
    }
    .rotador-339 .informacio-llibre {
        width: 100%;
        padding-left: 0px
    }
    .rotador-339 .informacio-llibre .titol {
        margin-top: 0px
    }
    .rotador-339 .comprar {
        width: 100%
    }
}

.rotador-340 {
    text-align: center
}

@media screen and (max-width:500px) {
    .rotador-340 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.rotador-341 {
    padding: 20px 50px
}

.rotador-341 .imatges-miniatures {
    text-align: center
}

.rotador-341 .owl-carousel .owl-item {
    text-align: center
}

.rotador-341 .owl-carousel .owl-item img {
    width: 70% !important;
    display: inline
}

.rotador-341 .owl-wrapper {
    padding: 0px
}

.rotador-341 .owl-prev {
    display: none !important
}

.rotador-341 .owl-next {
    display: none !important
}

.rotador-341 .veure-mes {
    margin: 10px 0px;
    text-align: right;
    width: 100%
}

.rotador-341 .veure-mes a {
    color: #298ccf;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 800;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem
}

@media screen and (max-width:500px) {
    .rotador-341 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.rotador-342 {
    background-color: rgba(238, 238, 238, .9);
    padding: 20px 0px
}

.rotador-342 .countdown {
    list-style: none;
    display: block;
    text-align: center
}

.rotador-342 .countdown li {
    display: inline-block;
    min-width: 80px
}

.rotador-342 .countdown li span {
    font-size: 75px;
    font-weight: 300;
    line-height: 80px
}

.rotador-342 .seperator {
    font-size: 12px;
    color: #298ccf;
    font-weight: normal;
    line-height: 40px;
    vertical-align: top
}

@media screen and (max-width:849px) {
    .rotador-342 .countdown li {
        min-width: 50px
    }
    .rotador-342 .countdown li span {
        font-size: 55px;
        line-height: 60px
    }
}

@media screen and (max-width:500px) {
    .rotador-342 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
    .rotador-342 .countdown li {
        min-width: 60px
    }
    .rotador-342 .countdown li span {
        font-size: 45px;
        line-height: 50px
    }
    .rotador-342 .seperator {
        line-height: 15px
    }
}

.rotador-344 .minisites-miniatures li {
    padding: 20px
}

.rotador-344 .minisites-miniatures .foto {
    margin-bottom: 10px
}

.rotador-344 .minisites-miniatures .texto {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    font-weight: 600;
    text-transform: uppercase
}

.rotador-344 .owl-wrapper {
    padding: 0px 40px
}

.rotador-344 .owl-carousel .owl-prev {
    position: absolute;
    left: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.rotador-344 .owl-carousel .owl-next {
    position: absolute;
    right: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width:500px) {
    .rotador-344 .owl-wrapper {
        padding: 0px
    }
    .home .rotador-321,
    .rotador-321 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.rotador-345 .llista-links.right {
    text-align: right
}

.rotador-345 .llista-links.center {
    text-align: center
}

.rotador-345 .llista-links.left {
    text-align: left
}

.rotador-345 .llista-links .link a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    display: inline-block;
    max-width: 100%;
    font-weight: 600
}

.rotador-346 .veure-mes {
    margin: 10px 0px;
    text-align: center;
    width: 100%
}

.rotador-346 .veure-mes a {
    color: #298ccf;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 800;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem
}

.rotador-346 .llibres-miniatures.te-veure-mes {
    padding-bottom: 20px
}

.rotador-346 a:hover .titol {
    color: #db9600
}

.rotador-346 .autors a {
    color: #298ccf
}

.rotador-346 .autors a:hover {
    color: #000
}

.rotador-346 .btn-submit {
    margin-top: 10px;
    font-size: 14px !important;
    padding: 8px 15px !important
}

.rotador-346.desplegat .veure-mes {
    display: none
}

.rotador-346.desplegat .llibres-graella li {
    display: inline-block !important
}

.rotador-346 .owl-carousel .owl-prev {
    position: absolute;
    left: -40px;
    top: 120px
}

.rotador-346 .owl-carousel .owl-next {
    position: absolute;
    right: -40px;
    top: 120px
}

@media screen and (min-width:500px) {
    .rotador-346 .owl-wrapper {
        padding: 0px 50px
    }
}

@media screen and (max-width:500px) {
    .home .rotador-346,
    .rotador-346 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (min-width:980px) {
    .rotador-346.files-visibles-1 .llibres-graella li:nth-child(n+6) {
        display: none
    }
    .rotador-346.files-visibles-2 .llibres-graella li:nth-child(n+11) {
        display: none
    }
    .rotador-346.files-visibles-3 .llibres-graella li:nth-child(n+16) {
        display: none
    }
    .rotador-346.files-visibles-4 .llibres-graella li:nth-child(n+21) {
        display: none
    }
    .rotador-346.files-visibles-5 .llibres-graella li:nth-child(n+26) {
        display: none
    }
}

@media screen and (max-width:980px) {
    .rotador-346.files-visibles-1 .llibres-graella li:nth-child(n+5) {
        display: none
    }
    .rotador-346.files-visibles-2 .llibres-graella li:nth-child(n+9) {
        display: none
    }
    .rotador-346.files-visibles-3 .llibres-graella li:nth-child(n+13) {
        display: none
    }
    .rotador-346.files-visibles-4 .llibres-graella li:nth-child(n+17) {
        display: none
    }
    .rotador-346.files-visibles-5 .llibres-graella li:nth-child(n+21) {
        display: none
    }
}

.rotador-347 {
    padding: 0px !important
}

.home .rotador-347 {
    background-color: transparent
}

@media screen and (max-width:500px) {
    .rotador-347 .owl-carousel .owl-prev,
    .rotador-347 .owl-carousel .owl-next {
        display: none !important
    }
    .home .rotador-347,
    .rotador-347 {
        margin-left: -10px;
        margin-right: -10px
    }
}

.rotador-350.brandsite {
    padding: 20px 50px
}

.rotador-350 .sobre-llibre .llibre-imatge {
    text-align: center;
    clear: both;
    margin-bottom: 15px;
    float: left;
    margin-right: 30px;
    width: 30%;
    width: calc(200px)
}

.rotador-350 .sobre-llibre .llibre-imatge .portada {
    position: relative
}

.rotador-350 .sobre-llibre .llibre-imatge .portada img {
    width: 100%;
    max-width: 200px
}

.rotador-350 .sobre-llibre .llibre-imatge .boto .llegir {
    background: #298ccf;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    font-size: 1.2rem;
    width: 100%;
    padding: 3px 10px
}

.rotador-350 .sobre-llibre .llibre-imatge .boto .llegir a {
    color: #fff
}

.rotador-350 .sobre-llibre .llibre-imatge .boto .llegir:hover {
    background: #79b9e5
}

.rotador-350 .sobre-llibre .llibre-imatge .boto .btn-comprar {
    width: 100%;
    margin-bottom: 10px
}

@media screen and (max-width:500px) {
    .rotador-350 .sobre-llibre .llibre-imatge .boto .llegir {
        max-width: 200px
    }
    .rotador-350 .sobre-llibre .llibre-imatge .boto .btn-comprar {
        max-width: 200px
    }
}

.rotador-350 .sobre-llibre .libro-autores {
    margin: 5px 0px 10px;
    display: block
}

.rotador-350 .sobre-llibre .libro-autores a {
    color: grey
}

.rotador-350 .sobre-llibre .sinopsi {
    margin-bottom: 20px;
    position: relative
}

.rotador-350 .sobre-llibre .sinopsi .veure-mes-link {
    position: absolute;
    width: 100%;
    height: 90px;
    bottom: 0px;
    left: 0px;
    display: block;
    padding-top: 50px;
    text-align: right;
    background: -moz-linear-gradient(top, rgba(239, 239, 239, 0) 0%, rgba(239, 239, 239, 1) 60%);
    background: -webkit-linear-gradient(top, rgba(239, 239, 239, 0) 0%, rgba(239, 239, 239, 1) 60%);
    background: linear-gradient(to bottom, rgba(239, 239, 239, 0) 0%, rgba(239, 239, 239, 1) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00efefef', endColorstr='#ffffff', GradientType=0);
}

.rotador-350 .sobre-llibre .sinopsi .veure-mes-link a {
    margin-top: 7px;
    display: block;
    color: #298ccf
}

.rotador-350 .sobre-llibre .sinopsi .veure-mes-link span {
    position: absolute;
    right: 35px
}

.rotador-350 .sobre-llibre .sinopsi .veure-mes-link i {
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: 30px;
    font-size: 3rem;
    line-height: 37.5px;
    line-height: 4.5rem
}

.rotador-350 .sobre-llibre .sinopsi.te-mes {
    height: 230px;
    overflow-y: hidden
}

.rotador-350 .sobre-llibre .opinions .opinio {
    color: #000;
    margin: 20px 0
}

.rotador-350 .sobre-llibre .opinions .opinio .text {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem
}

.rotador-350 .sobre-llibre .opinions .opinio .autor {
    font-style: italic;
    margin-top: 5px;
    font-weight: 300;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem
}

.rotador-350 .sobre-llibre .llibre-info {
    float: left;
    width: 70%;
    width: calc(100% - 230px)
}

.rotador-350 .sobre-llibre .llibre-info .titol_bloc {
    margin-bottom: 4px
}

.rotador-350 .sobre-llibre .llibre-info .nom {
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem
}

.rotador-350 .sobre-llibre .llibre-info .nom a {
    color: #298ccf
}

.home .rotador-350 .sobre-llibre .sinopsi .veure-mes-link,
.foreign-rights .rotador-350 .sobre-llibre .sinopsi .veure-mes-link,
.editorial .rotador-350 .sobre-llibre .sinopsi .veure-mes-link,
.brandsite .rotador-350 .sobre-llibre .sinopsi .veure-mes-link {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

@media screen and (max-width:500px) {
    .rotador-350 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
    .rotador-350 .sobre-llibre .llibre-imatge {
        display: block;
        float: none;
        width: 100%;
        text-align: center
    }
    .rotador-350 .sobre-llibre .llibre-info {
        display: block;
        float: none;
        width: 100%
    }
    .rotador-350 .opinions .opinio .text {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2.4rem
    }
}

@media screen and (max-width:850px) {
    .rotador-350 .opinions .opinio .text {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22.5px;
        line-height: 2.7rem
    }
    .rotador-350 .opinions .opinio .autor {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17.5px;
        line-height: 2.1rem
    }
}

.rotador-352 .portada .tooltip {
    display: none;
    padding: 10px 12px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #298ccf;
    opacity: 0.8;
    color: #fff
}

.rotador-352 .portada .tooltip .nom {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 18px;
    font-size: 1.8rem
}

.rotador-352 .portada .tooltip .autor {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem
}

.rotador-352 .portada:hover .tooltip {
    display: block
}

.rotador-352 .owl-carousel .owl-prev {
    position: absolute;
    left: -40px;
    top: 120px
}

.rotador-352 .owl-carousel .owl-next {
    position: absolute;
    right: -40px;
    top: 120px
}

@media screen and (min-width:500px) {
    .rotador-352 .owl-wrapper {
        padding: 0px 50px
    }
}

@media screen and (max-width:500px) {
    .rotador-352 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.rotador-353 .fr-noticies li {
    padding: 20px
}

.rotador-353 .fr-noticies .titol {
    margin-bottom: 10px;
    font-weight: bold
}

.rotador-353 .fr-noticies .titol a {
    color: #298ccf
}

.rotador-353 .fr-noticies .texto {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    line-height: 3.6rem;
    font-weight: 600
}

.rotador-353 .fr-noticies .texto2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem
}

.rotador-353 .owl-wrapper {
    padding: 0px 40px
}

.rotador-353 .owl-carousel .owl-prev {
    position: absolute;
    left: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.rotador-353 .owl-carousel .owl-next {
    position: absolute;
    right: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width:500px) {
    .rotador-353 .owl-wrapper {
        padding: 0px
    }
}

.rotador-354 {
    padding: 20px 100px
}

.rotador-354 .llista-audios li .titol {
    font-weight: 700;
    margin-bottom: 10px
}

.rotador-354 .llista-audios li .audio .play {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18.75px;
    line-height: 2.25rem;
    display: inline-block;
    padding: 5px 13px 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #298ccf;
    color: #fff;
    font-weight: 600
}

.rotador-354 .llista-audios li .audio .play i {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600
}

@media screen and (max-width:500px) {
    .rotador-354 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.rotador-355 {
    background: rgba(255, 255, 255, 0.2);
    padding: 20px 50px
}

.rotador-355 .info .foto {
    max-width: 200px;
    width: 100%;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle
}

.rotador-355 .info .foto img {
    max-width: 100%
}

.rotador-355 .info .informacio-llibre {
    width: calc(100% - 240px);
    text-align: center;
    display: inline-block;
    vertical-align: middle
}

.rotador-355 .info .informacio-llibre .titol {
    font-weight: 700;
    font-size: 30px;
    font-size: 3rem
}

.rotador-355 .info .informacio-llibre .subtitulo {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    margin-top: 5px
}

.rotador-355 .info .informacio-llibre .autors {
    font-size: 30px;
    font-size: 3rem;
    line-height: 37.5px;
    line-height: 4.5rem;
    font-weight: 500;
    margin-top: 5px
}

.rotador-355 .info .informacio-llibre .autors a {
    color: #298ccf
}

.rotador-355 .info .informacio-llibre .autors a:hover {
    color: #000
}

.rotador-355 .info .informacio-llibre .frase-mkt {
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem;
    font-weight: 300;
    margin-top: 15px
}

.rotador-355 .info .informacio-llibre .frase-mkt p {
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem
}

.rotador-355 .info .informacio-llibre .botons .compralo {
    background-color: #db9600;
    padding: 10px 25px
}

.rotador-355 .info .informacio-llibre .botons .llegir {
    margin-left: 15px;
    padding: 10px 25px
}

.rotador-355 .sinopsi {
    margin: 30px 0px;
    position: relative
}

.rotador-355 .sinopsi .sinopsi-intro {
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 10px
}

.rotador-355 .sinopsi .veure-mes {
    position: absolute;
    width: 100%;
    height: 90px;
    bottom: 0px;
    left: 0px;
    display: block;
    padding-top: 50px;
    text-align: center;
    color: #298ccf;
    cursor: pointer;
    background: -moz-linear-gradient(top, rgba(239, 239, 239, 0) 0%, rgba(239, 239, 239, 1) 60%);
    background: -webkit-linear-gradient(top, rgba(239, 239, 239, 0) 0%, rgba(239, 239, 239, 1) 60%);
    background: linear-gradient(to bottom, rgba(239, 239, 239, 0) 0%, rgba(239, 239, 239, 1) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00efefef', endColorstr='#ffffff', GradientType=0);
}

.rotador-355 .sinopsi .veure-mes span {
    display: block
}

.rotador-355 .sinopsi .veure-mes i {
    display: block;
    margin-top: -15px;
    font-size: 30px;
    font-size: 3rem;
    line-height: 37.5px;
    line-height: 4.5rem
}

.rotador-355 .sinopsi.te-mes {
    height: 230px;
    overflow-y: hidden
}

.rotador-355 .sobre-autor .titol_autor {
    margin-bottom: 10px;
    text-transform: uppercase
}

.rotador-355 .sobre-autor .titol_autor.mobil {
    display: none
}

.rotador-355 .sobre-autor .autor-imatge {
    margin-bottom: 15px;
    float: right;
    margin-left: 30px;
    width: 17%;
    width: calc(172px)
}

.rotador-355 .sobre-autor .autor-info {
    float: left;
    width: 83%;
    width: calc(100% - 205px);
    position: relative
}

.rotador-355 .sobre-autor .autor-info .nom {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    color: #298ccf
}

.rotador-355 .sobre-autor .autor-info .text .veure-mes {
    position: absolute;
    width: 100%;
    height: 90px;
    bottom: 0px;
    left: 0px;
    display: block;
    padding-top: 50px;
    text-align: center;
    color: #298ccf;
    cursor: pointer;
    background: -moz-linear-gradient(top, rgba(239, 239, 239, 0) 0%, rgba(239, 239, 239, 1) 60%);
    background: -webkit-linear-gradient(top, rgba(239, 239, 239, 0) 0%, rgba(239, 239, 239, 1) 60%);
    background: linear-gradient(to bottom, rgba(239, 239, 239, 0) 0%, rgba(239, 239, 239, 1) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00efefef', endColorstr='#ffffff', GradientType=0);
}

.rotador-355 .sobre-autor .autor-info .text .veure-mes span {
    display: block
}

.rotador-355 .sobre-autor .autor-info .text .veure-mes i {
    display: block;
    margin-top: -15px;
    font-size: 30px;
    font-size: 3rem;
    line-height: 37.5px;
    line-height: 4.5rem
}

.rotador-355 .sobre-autor .autor-info .text.te-mes {
    height: 230px;
    overflow-y: hidden
}

@media screen and (max-width:850px) {
    .rotador-355 .info .foto {
        max-width: 150px;
        margin-bottom: 15px
    }
    .rotador-355 .info .informacio-llibre {
        width: calc(100% - 170px)
    }
}

@media screen and (max-width:500px) {
    .rotador-355 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
    .rotador-355 .info .foto {
        max-width: 100%
    }
    .rotador-355 .info .informacio-llibre {
        width: 100%
    }
    .rotador-355 .sobre-autor .titol_autor {
        margin-bottom: 10px
    }
    .rotador-355 .sobre-autor .titol_autor.mobil {
        display: block
    }
    .rotador-355 .sobre-autor .titol_autor.desktop {
        display: none
    }
    .rotador-355 .sobre-autor .autor-imatge {
        width: 100%
    }
    .rotador-355 .sobre-autor .autor-imatge .rodona {
        margin-left: calc(50% - 86px)
    }
    .rotador-355 .sobre-autor .autor-info {
        width: 100%
    }
}

.rotador-356 .plataformes-venda {
    background-color: #fff;
    padding: 10px 50px
}

.rotador-356 .plataformes-venda .plataforma .logo {
    float: left;
    margin: 0px auto;
    width: 25%;
    padding: 20px 5px
}

.rotador-356 .plataformes-venda .plataforma .text {
    float: left;
    width: 40%;
    color: #298ccf;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    border-bottom: 1px solid rgba(238, 238, 238, .9);
    padding: 20px 5px
}

.rotador-356 .plataformes-venda .plataforma .boto {
    float: left;
    width: calc(35% - 20px);
    margin-left: 20px;
    padding: 20px 5px
}

.rotador-356 .plataformes-venda .plataforma .boto a {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 21.25px;
    line-height: 2.55rem;
    background-color: #db9600;
    color: #fff;
    width: 100%;
    text-align: center
}

.rotador-356 .plataformes-venda .plataforma:last-child .text {
    border-bottom: 0px
}

@media screen and (max-width:850px) {
    .rotador-356 .plataformes-venda .plataforma {
        padding: 10px 0px;
        border-bottom: 1px solid rgba(238, 238, 238, .9)
    }
    .rotador-356 .plataformes-venda .plataforma .logo {
        width: 50%;
        padding: 0px;
        margin: 0px auto
    }
    .rotador-356 .plataformes-venda .plataforma .text {
        width: 50%;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2.4rem;
        border-bottom: 0px;
        padding: 0px
    }
    .rotador-356 .plataformes-venda .plataforma .boto {
        width: 100%;
        margin-left: 0px;
        padding: 0px;
        text-align: center
    }
    .rotador-356 .plataformes-venda .plataforma .boto a {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 18.75px;
        line-height: 2.25rem;
        max-width: 350px
    }
    .rotador-356 .plataformes-venda .plataforma:last-child {
        border-bottom: 0px
    }
}

@media screen and (max-width:500px) {
    .rotador-356 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
    .rotador-356 .plataformes-venda .plataforma .logo {
        width: 100%;
        text-align: center
    }
    .rotador-356 .plataformes-venda .plataforma .text {
        width: 100%;
        text-align: center;
        padding: 10px 0px
    }
    .rotador-356 .plataformes-venda .plataforma .boto a {
        max-width: 100%
    }
}

.rotador-357 .awp-wrapper {
    background: #fff;
    color: #000;
    padding-right: 10px
}

.rotador-357 .awp-wrapper:after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    clear: both
}

.rotador-357 .awp-player-thumb-wrapper {
    width: 220px;
    height: 220px
}

.rotador-357 .awp-player-thumb-wrapper .awp-player-thumb {
    width: 200px;
    height: 200px
}

.rotador-357 .awp-player-holder {
    min-height: 200px;
    height: auto
}

.rotador-357 .awp-player-holder .awp-info {
    pointer-events: all;
    float: left;
    left: 5px;
    top: 10px
}

.rotador-357 .awp-player-holder .awp-info .awp-player-title a {
    font-weight: 600
}

.rotador-357 .awp-player-holder .awp-info .awp-player-artist a {
    color: #298ccf
}

.rotador-357 .awp-player-holder .awp-info .awp-player-artist a:hover {
    color: #000
}

.rotador-357 .awp-player-holder .awp-volume-wrapper {
    margin-top: 5px;
    float: right;
    position: relative;
    top: auto;
    right: auto;
    margin-top: 8px;
    margin-right: 17px
}

.rotador-357 .awp-player-holder .awp-volume-wrapper .awp-player-volume i {
    color: #747474 !important
}

.rotador-357 .awp-player-holder .awp-volume-wrapper .awp-volume-level {
    background: #747474 !important;
    height: 9px;
    top: 3px
}

.rotador-357 .awp-player-holder .awp-volume-wrapper .awp-volume-bg {
    background: #dbdbdb !important;
    height: 9px;
    top: 3px
}

.rotador-357 .awp-player-holder .awp-planeta-design {
    position: relative;
    clear: both;
    margin-top: 10px
}

.rotador-357 .awp-player-holder .awp-planeta-design:after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    clear: both
}

.rotador-357 .awp-player-holder .awp-playback-toggle {
    position: relative;
    top: auto;
    left: 5px;
    float: left;
    width: 50px;
    margin-top: 35px;
    background: #298ccf !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.rotador-357 .awp-player-holder .awp-playback-toggle .fa-play {
    padding-left: 3px
}

.rotador-357 .awp-player-holder .awp-waveform-wrap {
    height: 100px;
    float: left;
    width: 70%;
    width: calc(100% - 70px);
    margin-left: 20px;
    margin-top: 0px
}

.rotador-357 .awp-player-holder .awp-media-time-total {
    color: #298ccf !important;
    top: 0px;
    font-weight: 300
}

.rotador-357 .awp-player-holder .awp-media-time-current {
    color: #298ccf !important;
    top: 0px;
    left: 75px;
    font-weight: 300
}

.rotador-357 .awp-player-holder .audio-comprar {
    position: relative;
    right: 5px;
    float: right;
    clear: both;
    margin-top: 10px
}

.rotador-357 .awp-player-holder .audio-comprar .icon-comprar {
    margin-right: 3px
}

@media screen and (max-width:850px) {}

@media screen and (max-width:500px) {
    .rotador-357 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.rotador-358 #accordion {
    display: flex;
    flex-direction: column
}

.rotador-358 #accordion .ui-accordion-header-icon {
    float: right;
    color: #298ccf;
    font-size: 2.6em;
    margin: 10px 20px
}

.rotador-358 #accordion .faqs-respostes {
    padding-left: 2%;
    padding-right: 4%;
    background-color: white
}

.rotador-358 #accordion .faqs-respostes p {
    color: #585858;
    padding-left: 20px;
    padding-right: 20px
}

.rotador-358 #accordion .faqs-respostes a {
    color: #298ccf
}

.rotador-358 #accordion .faqs-respostes a:hover {
    color: #585858
}

.rotador-358 #accordion .faqs-respostes ul {
    list-style: disc;
    margin: 0 4%;
    color: #585858
}

.rotador-358 #accordion .faqs-preguntes {
    background-color: white;
    margin-top: 5px !important;
    cursor: pointer
}

.rotador-358 #accordion .faqs-preguntes h3 {
    margin: 15px 0px 15px 20px
}

@media screen and (max-width:850px) {}

@media screen and (max-width:500px) {
    .rotador-358 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.rotador-361 {
    padding: 0px
}

.rotador-361 .cargando {
    color: #fff
}

.rotador-361 .box-spotify {
    float: left;
    width: 50%;
    text-align: center
}

.rotador-361 .box-spotify iframe {
    max-width: 100%;
    overflow: hidden
}

.rotador-361.only-spotify .box-spotify {
    width: 100%
}

@media screen and (max-width:500px) {
    .rotador-361 .box-spotify {
        float: none;
        width: 100%
    }
}

.rotador-362 {
    padding: 0 30px 40px
}

.rotador-362 .titol {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32.5px;
    line-height: 3.9rem
}

.rotador-362 .articles-grid {
    display: flex;
    flex-direction: column
}

.rotador-362 .articles-grid .article-container {
    display: flex;
    background-color: #fff
}

.rotador-362 .articles-grid .article-container.hidden {
    display: none
}

.rotador-362 .articles-grid .article-container:not(:last-child) {
    margin-bottom: 20px
}

@media screen and (max-width:500px) {
    .rotador-362 .articles-grid .article-container {
        flex-direction: column
    }
}

.rotador-362 .articles-grid .article-container .image {
    padding: 4px;
    width: 35%;
    height: 200px
}

@media screen and (max-width:500px) {
    .rotador-362 .articles-grid .article-container .image {
        width: 100%;
        padding: 10px
    }
}

.rotador-362 .articles-grid .article-container .image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    vertical-align: middle
}

.rotador-362 .articles-grid .article-container .info {
    width: 65%;
    padding: 20px 40px 20px 20px;
    display: flex;
    flex-direction: column
}

@media screen and (max-width:500px) {
    .rotador-362 .articles-grid .article-container .info {
        width: 100%;
        padding: 10px 10px 20px
    }
}

.rotador-362 .articles-grid .article-container .info .title a {
    font-weight: 700;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 21.25px;
    line-height: 2.55rem;
    word-break: break-word
}

.rotador-362 .articles-grid .article-container .info .text {
    margin-top: 20px
}

.rotador-362 .articles-grid .article-container .info .veure-mes {
    margin-top: auto;
    text-align: right
}

.rotador-362 .articles-grid .article-container .info .veure-mes a {
    font-weight: 700;
    text-transform: uppercase;
    color: #298ccf
}

.rotador-362 .ver-todos {
    text-align: center;
    margin-top: 20px
}

.rotador-362 .ver-todos button {
    color: #298ccf;
    border: 2px solid #298ccf;
    padding: 15px 50px;
    background: transparent;
    font-weight: 600
}

.rotador-363 {
    padding: 20px 50px
}

.rotador-363 .pdf-rotador-363 a {
    margin-top: 7px;
    display: inline-block;
    padding-right: 50px;
    background: url('../img/ico-pdf.png') no-repeat right top;
    min-height: 50px;
    line-height: 40px;
    font-weight: 500;
    float: left
}

@media screen and (min-width:500px) {
    .rotador-363 .owl-wrapper {
        padding: 0px 50px
    }
}

@media screen and (max-width:500px) {
    .home .rotador-363,
    .rotador-363 {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.float_info_window {
    position: fixed;
    bottom: 45px;
    float: right;
    overflow: hidden;
    display: block;
    padding: 0;
    z-index: 7000
}

.float_info_window.num-elements-1 {
    right: -325px;
    width: 380px
}

.float_info_window.num-elements-1 .contenido_info {
    width: 325px
}

.float_info_window.num-elements-2 {
    right: -640px;
    width: 695px
}

.float_info_window.num-elements-2 .contenido_info {
    width: 640px
}

.float_info_window.num-elements-3 {
    right: -939px;
    width: 994px
}

.float_info_window.num-elements-3 .contenido_info {
    width: 939px
}

.float_info_window.num-elements-4 {
    right: -1250px;
    width: 1305px
}

.float_info_window.num-elements-4 .contenido_info {
    width: 1250px
}

.float_info_window .pestana_info {
    width: 55px;
    height: 170px;
    background: transparent url(../img/img_no_te_pierdas.png) center right no-repeat;
    float: left;
    margin: 0;
    padding: 0;
    margin-top: 60px;
    text-indent: -500000px
}

.float_info_window .contenido_info {
    background: #fff;
    border: 2px solid #d52c33;
    border-right: 0px;
    height: 310px;
    margin-left: 55px;
    padding: 10px
}

.float_info_window .titulo_popup {
    text-transform: uppercase;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32.5px;
    line-height: 3.9rem;
    font-weight: 800;
    padding: 5px 20px 10px
}

.float_info_window .titulo_popup i {
    float: right;
    color: #d52c33
}

.float_info_window .div-linia {
    background: #dfdfdf repeat-x;
    height: 1px;
    margin: 6px 0 4px 0
}

.float_info_window .info {
    margin-bottom: 5px;
    font-size: 12px
}

.float_info_window .div-contenedor-info {
    float: left;
    width: 300px;
    height: 350px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    white-space: nowrap;
    margin-right: 5px
}

.float_info_window .div-contenedor-info a {
    display: block;
    width: 300px;
    height: 350px;
    margin: 0 !important;
    padding: 0px !important;
    text-decoration: none;
    overflow: hidden !important;
    text-align: center
}

.float_info_window .div-contenedor-info .div-imagen {
    margin: 0 0 4px 0;
    width: 300px;
    height: 220px;
    text-align: center;
    overflow: hidden
}

.float_info_window .div-contenedor-info .div-imagen .centrador {
    width: 978px;
    height: 220px;
    text-align: center;
    margin-left: -339px
}

.float_info_window .div-contenedor-info .div-imagen img {
    height: 220px
}

.float_info_window .div-contenedor-info .div-imagen-flotante {
    float: left;
    margin: 0 5px 5px 0;
    text-align: center
}

.float_info_window .div-contenedor-info .div-titulo {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18.75px;
    line-height: 2.25rem;
    font-weight: 800;
    margin-bottom: 5px;
    white-space: normal
}

.float_info_window .div-contenedor-info .div-titulo strong {
    font-weight: 800
}

.float_info_window .div-contenedor-info .div-texto {
    color: #585858;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    white-space: normal
}

.float_info_window .div-contenedor-info .div-texto strong {
    font-weight: 700
}

@media screen and (max-width:1240px) {
    .float_info_window.num-elements-1 {
        right: -325px;
        width: 380px
    }
    .float_info_window.num-elements-1 .contenido_info {
        width: 325px
    }
    .float_info_window.num-elements-2 {
        right: -640px;
        width: 695px
    }
    .float_info_window.num-elements-2 .contenido_info {
        width: 640px
    }
    .float_info_window.num-elements-3 {
        right: -939px;
        width: 994px
    }
    .float_info_window.num-elements-3 .contenido_info {
        width: 939px
    }
    .float_info_window.num-elements-4 {
        right: -939px;
        width: 994px
    }
    .float_info_window.num-elements-4 .contenido_info {
        width: 939px
    }
    .float_info_window .div-contenedor-info:nth-child(5) {
        display: none
    }
}

@media screen and (max-width:930px) {
    .float_info_window.num-elements-1 {
        right: -325px;
        width: 380px
    }
    .float_info_window.num-elements-1 .contenido_info {
        width: 325px
    }
    .float_info_window.num-elements-2 {
        right: -640px;
        width: 695px
    }
    .float_info_window.num-elements-2 .contenido_info {
        width: 640px
    }
    .float_info_window.num-elements-3 {
        right: -640px;
        width: 695px
    }
    .float_info_window.num-elements-3 .contenido_info {
        width: 640px
    }
    .float_info_window.num-elements-4 {
        right: -640px;
        width: 695px
    }
    .float_info_window.num-elements-4 .contenido_info {
        width: 640px
    }
    .float_info_window .div-contenedor-info:nth-child(4) {
        display: none
    }
}

@media screen and (max-width:675px) {
    .float_info_window {
        display: none
    }
}

div.concurso_cerrado {
    background: url('../img/img-concurso-cerrado.png') 0px 0px no-repeat;
    width: 405px;
    height: 194px;
    position: absolute;
    right: -12px;
    top: 55px;
    z-index: 10
}

.apartado {
    margin: 25px 0px 40px;
    position: relative
}

.apartado img {
    width: 100%
}

.apartado .video-banner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-51%) translateX(-50%);
    -ms-transform: translateY(-51%) translateX(-50%);
    transform: translateY(-51%) translateX(-50%);
    width: 400px;
    height: 230px;
    max-height: 97%
}

.contenedor_concurso_libro {
    position: relative;
    background-color: rgba(238, 238, 238, .9);
    padding: 40px 175px 20px
}

.contenedor_concurso_libro .concurs-1-pas .boto-participa {
    text-align: center;
    margin-bottom: 40px
}

.contenedor_concurso_libro .concurs-1-pas .boto-participa a {
    padding: 15px 25px
}

.contenedor_concurso_libro .concurs-1-pas .boton-resposta {
    text-align: right
}

.contenedor_concurso_libro .concurs-1-pas .missatge-error {
    color: #c00;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    text-align: center;
    white-space: normal
}

.contenedor_concurso_libro .concurs-1-pas .form-group {
    margin-bottom: 20px
}

.contenedor_concurso_libro .concurs-1-pas .boto-inici {
    margin: 40px 0 10px;
    text-align: center
}

.contenedor_concurso_libro .identificat,
.contenedor_concurso_libro .participa {
    float: left;
    width: 50%;
    text-align: center;
    color: #a0a0a0;
    text-transform: uppercase;
    margin-bottom: 50px
}

.contenedor_concurso_libro .identificat .numero,
.contenedor_concurso_libro .participa .numero {
    width: 45px;
    height: 45px;
    color: #a0a0a0;
    text-align: center;
    margin: 0 auto 10px;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 40px;
    font-weight: 300;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.contenedor_concurso_libro .identificat .icona,
.contenedor_concurso_libro .participa .icona {
    display: inline-block;
    vertical-align: middle
}

.contenedor_concurso_libro .identificat.active,
.contenedor_concurso_libro .participa.active {
    color: #298ccf
}

.contenedor_concurso_libro .identificat.active .numero,
.contenedor_concurso_libro .participa.active .numero {
    background: #298ccf;
    color: #fff
}

.contenedor_concurso_libro .caixa-identificat,
.contenedor_concurso_libro .caixa-participa {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 50px 60px 30px;
    margin-bottom: 40px;
    color: #585858;
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    z-index: 200;
    position: relative
}

.contenedor_concurso_libro .caixa-identificat .form-group-withbutton input,
.contenedor_concurso_libro .caixa-participa .form-group-withbutton input {
    width: 450px;
    width: calc(100% - 150px);
    float: left
}

.contenedor_concurso_libro .caixa-identificat .form-group-withbutton button,
.contenedor_concurso_libro .caixa-participa .form-group-withbutton button {
    width: 150px;
    float: left;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.contenedor_concurso_libro .caixa-identificat .accedir-xxss,
.contenedor_concurso_libro .caixa-participa .accedir-xxss {
    margin-top: 30px
}

.contenedor_concurso_libro .caixa-identificat .accedir-xxss span,
.contenedor_concurso_libro .caixa-participa .accedir-xxss span {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem
}

.contenedor_concurso_libro .caixa-identificat .resposta .concurso_politica,
.contenedor_concurso_libro .caixa-participa .resposta .concurso_politica {
    margin-bottom: 10px
}

.contenedor_concurso_libro .caixa-identificat .resposta .concurso_politica.field-error,
.contenedor_concurso_libro .caixa-participa .resposta .concurso_politica.field-error {
    color: #c00
}

.contenedor_concurso_libro .caixa-identificat .resposta .concurso_politica.field-error a,
.contenedor_concurso_libro .caixa-participa .resposta .concurso_politica.field-error a {
    color: #c00
}

.contenedor_concurso_libro .caixa-identificat .resposta .concurso_archivo .caixa_preview ul>li,
.contenedor_concurso_libro .caixa-participa .resposta .concurso_archivo .caixa_preview ul>li {
    display: inline-block;
    width: 44px;
    height: 44px;
    margin-right: 5px
}

.contenedor_concurso_libro .caixa-identificat .resposta .concurso_archivo .caixa_preview ul>li img,
.contenedor_concurso_libro .caixa-participa .resposta .concurso_archivo .caixa_preview ul>li img {
    width: auto
}

.contenedor_concurso_libro .caixa-identificat .resposta .concurso_archivo .caixa_preview #preview,
.contenedor_concurso_libro .caixa-participa .resposta .concurso_archivo .caixa_preview #preview {
    position: relative;
    width: 500px;
    max-width: 100%
}

.contenedor_concurso_libro .caixa-identificat .resposta .concurso_archivo .caixa_preview #preview #img_preview,
.contenedor_concurso_libro .caixa-participa .resposta .concurso_archivo .caixa_preview #preview #img_preview {
    width: 500px;
    max-width: 100%
}

.contenedor_concurso_libro .caixa-identificat .resposta .concurso_archivo .caixa_preview #preview #img_object,
.contenedor_concurso_libro .caixa-participa .resposta .concurso_archivo .caixa_preview #preview #img_object {
    position: absolute;
    top: 0px;
    left: 0px;
    border: none
}

.contenedor_concurso_libro .caixa-identificat .resposta .concurso-compartir.field-error,
.contenedor_concurso_libro .caixa-participa .resposta .concurso-compartir.field-error,
.contenedor_concurso_libro .caixa-identificat .resposta .concurso-xxss.field-error,
.contenedor_concurso_libro .caixa-participa .resposta .concurso-xxss.field-error,
.contenedor_concurso_libro .caixa-identificat .resposta .concurso-pais.field-error,
.contenedor_concurso_libro .caixa-participa .resposta .concurso-pais.field-error {
    color: #c00
}

.contenedor_concurso_libro .caixa-identificat .resposta .concurso-compartir.field-error input[type="text"],
.contenedor_concurso_libro .caixa-participa .resposta .concurso-compartir.field-error input[type="text"],
.contenedor_concurso_libro .caixa-identificat .resposta .concurso-xxss.field-error input[type="text"],
.contenedor_concurso_libro .caixa-participa .resposta .concurso-xxss.field-error input[type="text"],
.contenedor_concurso_libro .caixa-identificat .resposta .concurso-pais.field-error input[type="text"],
.contenedor_concurso_libro .caixa-participa .resposta .concurso-pais.field-error input[type="text"],
.contenedor_concurso_libro .caixa-identificat .resposta .concurso-compartir.field-error input[type="select"],
.contenedor_concurso_libro .caixa-participa .resposta .concurso-compartir.field-error input[type="select"],
.contenedor_concurso_libro .caixa-identificat .resposta .concurso-xxss.field-error input[type="select"],
.contenedor_concurso_libro .caixa-participa .resposta .concurso-xxss.field-error input[type="select"],
.contenedor_concurso_libro .caixa-identificat .resposta .concurso-pais.field-error input[type="select"],
.contenedor_concurso_libro .caixa-participa .resposta .concurso-pais.field-error input[type="select"] {
    -webkit-box-shadow: 0px 0px 7px rgba(204, 0, 0, 0.5);
    box-shadow: 0px 0px 7px rgba(204, 0, 0, 0.5);
    border-color: rgba(204, 0, 0, 0.5) !important
}

.contenedor_concurso_libro .caixa-identificat .resposta .concurso-xxss input[type="radio"],
.contenedor_concurso_libro .caixa-participa .resposta .concurso-xxss input[type="radio"] {
    float: none;
    vertical-align: center
}

.contenedor_concurso_libro .caixa-identificat .resposta .mensaje_error,
.contenedor_concurso_libro .caixa-participa .resposta .mensaje_error {
    color: #c00;
    font-weight: 700
}

.contenedor_concurso_libro .caixa-identificat .resposta.field-error input[type="text"],
.contenedor_concurso_libro .caixa-participa .resposta.field-error input[type="text"],
.contenedor_concurso_libro .caixa-identificat .resposta.field-error input[type="email"],
.contenedor_concurso_libro .caixa-participa .resposta.field-error input[type="email"],
.contenedor_concurso_libro .caixa-identificat .resposta.field-error input[type="tel"],
.contenedor_concurso_libro .caixa-participa .resposta.field-error input[type="tel"],
.contenedor_concurso_libro .caixa-identificat .resposta.field-error textarea,
.contenedor_concurso_libro .caixa-participa .resposta.field-error textarea {
    -webkit-box-shadow: 0px 0px 7px rgba(204, 0, 0, 0.5);
    box-shadow: 0px 0px 7px rgba(204, 0, 0, 0.5);
    border-color: rgba(204, 0, 0, 0.5) !important
}

.contenedor_concurso_libro .caixa-identificat:before,
.contenedor_concurso_libro .caixa-participa:before {
    content: ' ';
    background: #fff;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -18px;
    left: 20%;
    transform: rotate(-45deg);
    z-index: 190;
    transition: left 1s
}

.contenedor_concurso_libro .caixa-participa.carregada:before {
    left: 70%
}

.contenedor_concurso_libro .resp_ok {
    margin-bottom: 80px auto 20px;
    text-align: center;
    color: #585858
}

.contenedor_concurso_libro .resp_ok .destacat {
    text-transform: uppercase;
    color: #298ccf;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 31.25px;
    line-height: 3.75rem;
    margin: 60px auto 20px
}

.contenedor_concurso_libro .resp_ok .icon-tick-llegit {
    width: 60px;
    height: 60px;
    color: #fff;
    text-align: center;
    margin: 0 auto 10px;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 31.25px;
    line-height: 3.75rem;
    line-height: 60px;
    font-weight: 600;
    background: #298ccf;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block
}

.contenedor_concurso_libro .resp_ok .imagen {
    margin-top: 20px
}

.contenedor_concurso_libro .resp_ok .imagen img {
    width: 500px;
    max-width: 100%
}

.contenedor_concurso_libro .resp_ok .compartir_imagen {
    text-align: center
}

.contenedor_concurso_libro .resp_ok .compartir_imagen ul>li {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 5px
}

.contenedor_concurso_libro .resp_ok .compartir_imagen ul>li a {
    border-radius: 50%
}

.contenedor_concurso_libro .resp_ok .info_imagen {
    margin-bottom: 10px
}

.contenedor_concurso_libro .participa_concurso {
    margin-top: 10px;
    text-align: center
}

.contenedor_concurso_libro .comentaris {
    clear: both;
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 50px 60px 30px;
    margin-bottom: 40px;
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3)
}

.contenedor_concurso_libro .comentaris h2 {
    text-transform: uppercase
}

.contenedor_concurso_libro .comentaris .comentari {
    clear: both;
    margin-bottom: 20px
}

.contenedor_concurso_libro .comentaris .comentari .comentari-imatge {
    float: left;
    width: 20%;
    width: calc(61px - 1px);
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 30px
}

.contenedor_concurso_libro .comentaris .comentari .comentari-imatge img {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100px;
    height: auto;
    min-height: 70px;
    min-width: 70px
}

.contenedor_concurso_libro .comentaris .comentari .usuari {
    margin-bottom: 5px
}

.contenedor_concurso_libro .comentaris .comentari .usuari span {
    font-weight: 700
}

.contenedor_concurso_libro .comentaris .comentari .text {
    color: #585858;
    float: left;
    width: 70%;
    width: calc(100% - 90px)
}

.botons_concurso {
    margin-top: 70px;
    text-align: center
}

.botons_concurso .boto-comprar {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px
}

.botons_concurso .boto-comprar a {
    background: #298ccf none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    line-height: 3rem;
    padding: 10px;
    text-transform: uppercase;
    min-width: 287px
}

.botons_concurso .boto-comprar a i {
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem
}

@media screen and (max-width:850px) {
    .apartado .video-banner {
        max-width: 300px;
        max-height: 96%;
        top: 0;
        -webkit-transform: translateY(0) translateX(-50%);
        -ms-transform: translateY(0) translateX(-50%);
        transform: translateY(0) translateX(-50%)
    }
    .contenedor_concurso_libro {
        margin: 20px;
        padding: 20px 30px
    }
}

@media screen and (max-width:500px) {
    div.concurso_cerrado {
        top: 17px
    }
    .apartado .video-banner {
        position: relative;
        max-width: none;
        max-height: none;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        -webkit-transform: translateY(0) translateX(0);
        -ms-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }
    .apartado .pregunta .apartat_numero {
        font-size: 35px;
        font-size: 3.5rem
    }
    .apartado .pregunta .apartat_text {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2.4rem
    }
    .contenedor_concurso_libro {
        margin-left: -20px;
        margin-right: -20px;
        padding: 20px 20px
    }
    .contenedor_concurso_libro .identificat,
    .contenedor_concurso_libro .participa {
        width: 100%
    }
    .contenedor_concurso_libro .identificat .titol,
    .contenedor_concurso_libro .participa .titol {
        font-size: 20px;
        font-size: 2rem;
        line-height: 25px;
        line-height: 3rem
    }
    .contenedor_concurso_libro .identificat .icona,
    .contenedor_concurso_libro .participa .icona {
        margin-rigth: 10px
    }
    .contenedor_concurso_libro .caixa-identificat,
    .contenedor_concurso_libro .caixa-participa {
        float: left;
        width: 100%;
        background-color: #fff;
        padding: 40px 15px;
        color: #585858
    }
    .contenedor_concurso_libro .caixa-identificat .form-group-withbutton input,
    .contenedor_concurso_libro .caixa-participa .form-group-withbutton input {
        float: none;
        width: auto
    }
    .contenedor_concurso_libro .caixa-identificat .form-group-withbutton input[type="text"],
    .contenedor_concurso_libro .caixa-participa .form-group-withbutton input[type="text"] {
        width: 100%;
        float: none
    }
    .contenedor_concurso_libro .caixa-identificat .form-group-withbutton button,
    .contenedor_concurso_libro .caixa-participa .form-group-withbutton button {
        margin: 10px 25% 0
    }
    .contenedor_concurso_libro .caixa-identificat .form-group-withbutton .politiques,
    .contenedor_concurso_libro .caixa-participa .form-group-withbutton .politiques {
        margin-top: 10px
    }
    .contenedor_concurso_libro .caixa-identificat .resposta .mensaje_error,
    .contenedor_concurso_libro .caixa-participa .resposta .mensaje_error {
        color: #c00;
        font-weight: 700
    }
    .contenedor_concurso_libro .caixa-identificat .resposta.field-error input[type="text"],
    .contenedor_concurso_libro .caixa-participa .resposta.field-error input[type="text"],
    .contenedor_concurso_libro .caixa-identificat .resposta.field-error input[type="email"],
    .contenedor_concurso_libro .caixa-participa .resposta.field-error input[type="email"],
    .contenedor_concurso_libro .caixa-identificat .resposta.field-error input[type="tel"],
    .contenedor_concurso_libro .caixa-participa .resposta.field-error input[type="tel"],
    .contenedor_concurso_libro .caixa-identificat .resposta.field-error textarea,
    .contenedor_concurso_libro .caixa-participa .resposta.field-error textarea {
        -webkit-box-shadow: 0px 0px 7px rgba(204, 0, 0, 0.5);
        box-shadow: 0px 0px 7px rgba(204, 0, 0, 0.5);
        border-color: rgba(204, 0, 0, 0.5) !important
    }
    .contenedor_concurso_libro .caixa-identificat .accedir-xxss span,
    .contenedor_concurso_libro .caixa-participa .accedir-xxss span {
        display: block;
        margin-bottom: 10px
    }
    .contenedor_concurso_libro .caixa-identificat:before,
    .contenedor_concurso_libro .caixa-participa:before,
    .contenedor_concurso_libro .caixa-identificat.carregada:before,
    .contenedor_concurso_libro .caixa-participa.carregada:before {
        left: 50%;
        transform: translateX(-50%) rotate(-45deg)
    }
    .contenedor_concurso_libro .caixa-participa p,
    .contenedor_concurso_libro .caixa-participa .boton {
        text-align: center
    }
    .contenedor_concurso_libro .caixa-participa p .btn.btn-submit,
    .contenedor_concurso_libro .caixa-participa .boton .btn.btn-submit {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        padding: 10px 25px
    }
    .contenedor_concurso_libro .resp_ok {
        margin-bottom: 80px auto 20px;
        text-align: center;
        color: #585858
    }
    .contenedor_concurso_libro .resp_ok .destacat {
        text-transform: uppercase;
        color: #298ccf;
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 31.25px;
        line-height: 3.75rem;
        margin: 60px auto 20px
    }
    .contenedor_concurso_libro .comentaris {
        padding: 40px 15px
    }
    .botons_concurso {
        margin-top: 50px
    }
    .botons_concurso .boto-comprar {
        margin-right: 0px;
        margin-bottom: 25px
    }
    .botons_concurso .boto-comprar a {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 15px;
        line-height: 1.8rem
    }
}

.rgpd-consentimiento-page {
    max-width: 1140px;
    width: 100%;
    margin: 0px auto
}

.rgpd-consentimiento-page img {
    max-width: 100%
}

.rgpd-consentimiento-page .rgpd-header {
    text-align: left;
    padding: 0px 100px 30px
}

.rgpd-consentimiento-page .rgpd-banner {
    margin-bottom: 10px
}

.rgpd-consentimiento-page .rgpd-content {
    padding: 30px 100px;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24.8px
}

.rgpd-consentimiento-page .rgpd-content .gracias {
    color: #298ccf;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 37.2px;
    margin-bottom: 40px
}

.rgpd-consentimiento-page .rgpd-content .rgpd-text-checks {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24.8px;
    margin-bottom: 15px;
    text-align: left
}

.rgpd-consentimiento-page .rgpd-content .rgpd-text-checks a {
    color: #298ccf
}

.rgpd-consentimiento-page .rgpd-content .submitbutton {
    background: #298ccf;
    border-radius: 100px;
    box-sizing: border-box;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27.9px;
    margin: 0 auto;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto
}

.rgpd-consentimiento-page .rgpd-advantage-block {
    background: #298ccf;
    padding: 40px 100px
}

.rgpd-consentimiento-page .rgpd-advantage-block .intro {
    margin-bottom: 20px
}

.rgpd-consentimiento-page .rgpd-advantage-block .intro h2 {
    color: white;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin: 0px 0px 15px
}

.rgpd-consentimiento-page .rgpd-advantage-block .intro p {
    color: white;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 18.6px;
    margin: 0
}

.rgpd-consentimiento-page .rgpd-advantage-block .advantage {
    display: table
}

.rgpd-consentimiento-page .rgpd-advantage-block .advantage .image {
    display: table-cell;
    max-width: 65px;
    padding-bottom: 30px;
    vertical-align: top;
    width: 65px
}

.rgpd-consentimiento-page .rgpd-advantage-block .advantage .description {
    padding-left: 20px;
    padding-bottom: 30px;
    display: table-cell
}

.rgpd-consentimiento-page .rgpd-advantage-block .advantage .description h3 {
    color: white;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 10px 0 5px 0;
    padding: 0;
    text-transform: uppercase
}

.rgpd-consentimiento-page .rgpd-advantage-block .advantage .description p {
    color: white;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 18.6px;
    margin: 0
}

@media screen and (max-width:700px) {
    .rgpd-consentimiento-page .rgpd-header {
        padding: 0px 50px 30px
    }
    .rgpd-consentimiento-page .rgpd-content {
        padding: 30px 50px
    }
    .rgpd-consentimiento-page .rgpd-advantage-block {
        padding: 40px 50px
    }
}

.titol-books {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 40px;
    line-height: 4.8rem;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    width: calc(100% - 170px);
    float: left
}

.foreign-superior .tematiques {
    margin-bottom: 20px
}

.foreign-superior .tematiques .supertematica {
    width: calc((100% - 80px) / 5);
    margin-right: 20px;
    float: left
}

.foreign-superior .tematiques .supertematica a {
    border: 2px solid #298ccf;
    width: 250px;
    max-width: 100%;
    margin: 5px 10px 5px 0;
    float: left;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #298ccf;
    padding: 10px 0
}

.foreign-superior .tematiques .supertematica:nth-child(5n+5) {
    margin-right: 0px
}

.fr-subclassificacions {
    margin-bottom: 25px
}

.fr-subclassificacions .subclassificacio {
    border: 1px solid #a0a0a0;
    width: calc((100% - 40px) / 4);
    max-width: 100%;
    margin: 5px 10px 5px 0;
    float: left;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    color: #298ccf;
    padding: 8px 0
}

.fr-subclassificacions .subclassificacio.active {
    background-color: #298ccf;
    color: #fff
}

@media screen and (max-width:850px) {
    .foreign-superior .tematiques .supertematica {
        width: calc((100% - 40px) / 3);
        margin-right: 20px
    }
    .foreign-superior .tematiques .supertematica:nth-child(3n+3) {
        margin-right: 0px
    }
    .fr-subclassificacions .subclassificacio {
        width: calc((100% - 30px) / 3)
    }
}

@media screen and (max-width:500px) {
    .foreign-superior .tematiques .supertematica {
        width: calc((100% - 15px) / 2);
        margin-right: 15px
    }
    .foreign-superior .tematiques .supertematica:nth-child(2n+2) {
        margin-right: 0px
    }
    .foreign-superior .tematiques .supertematica:nth-child(3n+3) {
        margin-right: 15px
    }
    .fr-subclassificacions .subclassificacio {
        width: calc((100% - 20px) / 2)
    }
}

.landing .contingut-principal {
    padding: 10px 0px 0px;
    max-width: 680px;
    margin: 0 auto
}

.landing .contingut-principal .titol {
    color: #298ccf;
    text-align: center;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 27.5px;
    line-height: 3.3rem;
    font-weight: 700;
    padding: 20px 0px 25px
}

@media screen and (max-width:850px) {
    .landing .contingut-principal .titol {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 10px 15px 15px
    }
}

.landing .contingut-principal .img img {
    width: 100%
}

.landing .contingut-principal .intro {
    margin-top: 15px;
    padding: 25px;
    background-color: #fff
}

.landing .contingut-principal .div-avantanges {
    margin-top: 15px;
    padding: 15px 25px 25px;
    background-color: rgba(238, 238, 238, .9)
}

.landing .contingut-principal .div-avantanges .titol {
    color: #000;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 800
}

@media screen and (max-width:500px) {
    .landing .contingut-principal .div-avantanges .titol {
        font-size: 16px;
        font-size: 1.6rem
    }
}

.landing .contingut-principal .div-avantanges .avantanges .avantange {
    float: left;
    width: 33%;
    text-align: center
}

.landing .contingut-principal .div-avantanges .avantanges .avantange .img img {
    width: auto
}

.landing .contingut-principal .div-avantanges .avantanges .avantange .text {
    font-weight: 700;
    padding: 10px 15px 0px
}

@media screen and (max-width:500px) {
    .landing .contingut-principal .div-avantanges .avantanges .avantange {
        width: 100%
    }
}

.landing .contingut-principal .boto {
    text-align: center;
    margin-top: 40px
}

.landing .contingut-principal .boto a {
    color: #298ccf;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    border: 1px solid #298ccf;
    padding: 10px 15px
}

.landing .contingut-principal .linia {
    margin-top: 30px;
    border-top: 2px solid #ccc
}

.landing .contingut-principal .footer {
    background-color: transparent;
    padding-top: 0px
}

.landing .contingut-principal .footer .credits-box {
    color: #000;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    padding-top: 0px
}

.landing .contingut-principal .footer .credits-box .credits-text {
    float: left;
    width: 70%
}

.landing .contingut-principal .footer .credits-box .credits-text .credits-content {
    margin-bottom: 5px
}

.landing .contingut-principal .footer .credits-box .credits-xxss {
    float: left;
    width: 30%;
    text-align: right
}

.landing .contingut-principal .footer .credits-box .credits-xxss a {
    padding-left: 2px
}

@media screen and (max-width:500px) {
    .landing .contingut-principal .footer .credits-box .credits-text {
        width: 100%
    }
    .landing .contingut-principal .footer .credits-box .credits-xxss {
        width: 100%;
        text-align: center
    }
    .landing .contingut-principal .footer .credits-box .credits-xxss a {
        padding: 5px
    }
}

.contingut-principal.visor {
    background: #f1f1f1;
    padding: 0
}

@media screen and (max-width:850px) {
    .contingut-principal.visor {
        padding: 10px 0 0
    }
}

.contingut-principal.visor .login-widget-box .popup-wrapper {
    top: 420px;
    top: 55vh
}

@media screen and (max-width:850px) {
    .contingut-principal.visor .login-widget-box .popup-wrapper {
        top: 130px;
        top: 20vh
    }
}

.contingut-principal.visor .wrapper {
    background: #fff
}

.contingut-principal.visor .visor-fragment {
    padding: 30px 20px;
    max-width: 1200px;
    margin: 0px auto
}

@media screen and (max-width:500px) {
    .contingut-principal.visor .visor-fragment {
        padding: 30px 0px
    }
}

.contingut-principal.visor .visor-fragment .visor-capcalera {
    text-align: center;
    padding: 0 20px
}

.contingut-principal.visor .visor-fragment .visor-capcalera h1 {
    margin-bottom: 7px;
    font-weight: 600;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 40px;
    line-height: 4.8rem
}

.contingut-principal.visor .visor-fragment .visor-capcalera h2 {
    color: #298ccf;
    font-weight: 500;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    line-height: 3.6rem;
    display: inline-block
}

.contingut-principal.visor .visor-fragment .visor-capcalera h2 a {
    color: #298ccf
}

.contingut-principal.visor .visor-fragment .visor-capcalera h3 {
    margin-bottom: 7px;
    font-weight: 500;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 35px;
    line-height: 4.2rem
}

@media screen and (max-width:500px) {
    .contingut-principal.visor .visor-fragment .visor-capcalera h1 {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 31.25px;
        line-height: 3.75rem
    }
    .contingut-principal.visor .visor-fragment .visor-capcalera h2 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 25px;
        line-height: 3rem
    }
    .contingut-principal.visor .visor-fragment .visor-capcalera h3 {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 21.25px;
        line-height: 2.55rem
    }
}

.contingut-principal.visor .visor-fragment .visor-fragment-content {
    max-width: 900px;
    margin: 20px auto;
    background: #f1f1f1;
    padding: 20px 55px;
    text-align: center
}

@media screen and (max-width:500px) {
    .contingut-principal.visor .visor-fragment .visor-fragment-content {
        padding: 20px
    }
}

.contingut-principal.visor .visor-fragment .visor-fragment-content h4 {
    text-align: center;
    color: #212121;
    font-weight: 600;
    
    line-height: 30px;
    line-height: 3.6rem;
    margin-bottom: 25px
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html {
    overflow: hidden;
    text-align: justify;
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.mida-petita {
    font-size: 80%
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.mida-gran {
    font-size: 120%
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic {
    padding-bottom: 3em;
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .normal {
    font-size: 100%
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .palo.seco {
    font-family: "Arial", sans-serif
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .manuscrita {
    font-family: "Comic Sans MS", sans-serif;
    font-size: 91.6%
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .mecanografiada {
    font-family: "Courier New", "Courier", monospace
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .negrita {
    font-weight: 700
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .versalita {
    font-variant: small-caps
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .cursiva {
    font-style: italic
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .cuerpo.menor {
    font-size: 91.6%
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .palo.seco.cuerpo.menor {
    font-size: 83%
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .caja.alta {
    text-transform: uppercase
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .superindice {
    vertical-align: super
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .subindice {
    vertical-align: sub
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .subrayado {
    text-decoration: underline
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .tachado {
    text-decoration: line-through
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .centrado {
    text-align: center
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .recuadro {
    border: 1px solid #777;
    padding: 20px
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic h1,
.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .heading1,
.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .tit1 {
    font-size: 150%;
    text-align: center;
    line-height: 150%
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic p+h1,
.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic p+.heading1,
.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic p+.tit1 {
    padding-top: 4em
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic h2,
.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .heading2,
.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .tit2 {
    font-size: 150%;
    text-align: center;
    line-height: 150%;
    font-variant: small-caps
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic p+h2,
.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic p+.heading2,
.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic p+.tit2 {
    padding-top: 3em
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic h3,
.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .heading3,
.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .tit3 {
    font-size: 130%;
    text-align: center
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic p+h3,
.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic p+.heading3,
.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic p+.tit3 {
    padding-top: 2em
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .heading3 {
    font-size: 3em
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .firma {
    text-align: right;
    font-variant: small-caps
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .lema {
    max-width: 70%;
    margin: 2em auto 0.5em;
    font-style: italic
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .lema.firma {
    text-align: right;
    padding-bottom: 2em
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .email {
    max-width: 80%;
    margin: 2em 0 0.5em auto
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .email.firma {
    text-align: right;
    padding-bottom: 2em;
    font-variant: normal
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .carta {
    max-width: 80%;
    margin: 2em 0 0.5em auto;
    font-style: italic
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .carta.firma {
    text-align: right;
    padding-bottom: 2em
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .fecha.carta {
    text-align: right;
    font-style: italic
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .dedicatoria {
    text-align: right;
    font-style: italic
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .agradecimientos,
.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .prologo {
    text-indent: 3em
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .prologo.tras.pausa {
    text-indent: 0
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .pregunta {
    font-weight: 700
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .cita_intercalado.primer.parrafo {
    font-style: italic;
    text-decoration: underline
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .canciones_poesia {
    max-width: 70%;
    margin: 2em auto 0.5em;
    font-style: italic
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .pie.de.imagen {
    font-size: 75%;
    text-align: center
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .sms_whats_emisor_der,
.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .sms_whats_emisor_der_globo {
    text-align: right;
    margin-right: 2em
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .sms_whats_receptor_izq,
.contingut-principal.visor .visor-fragment .visor-fragment-content .visor-fragment-html.editorial-generic .sms_whats_receptor_izq_globo {
    margin-left: 2em;
    text-align: left
}

.contingut-principal.visor .visor-fragment .visor-fragment-content .dropdown-toggle {
    margin-top: 20px;
    padding: 10px 40px
}

.contingut-principal.visor .visor-fragment .visor-fragment-content.active .visor-fragment-html {
    max-height: none
}

.contingut-principal.visor .visor-fragment .visor-fragment-content.active .dropdown-toggle {
    display: none
}

.contingut-principal.visor .visor-mesinfo {
    padding: 10px 60px
}

@media screen and (max-width:850px) {
    .contingut-principal.visor .visor-mesinfo {
        padding: 10px 20px
    }
}

.contingut-principal.visor .visor-mesinfo .visor-compartir {
    text-align: center;
    margin-bottom: 40px
}

.contingut-principal.visor .visor-mesinfo .visor-compartir .visor-compartir-cta {
    font-weight: 600
}

.contingut-principal.visor .visor-mesinfo .titol-inferior {
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem;
    font-weight: 600;
    margin-bottom: 18px
}

.contingut-principal.visor .visor-mesinfo .inferior-dues-caixes:after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    clear: both
}

.contingut-principal.visor .visor-mesinfo .inferior-dues-caixes .inferior-esquerra {
    float: left;
    width: 70%;
    padding-right: 5%;
    border-right: 2px solid #ededed
}

.contingut-principal.visor .visor-mesinfo .inferior-dues-caixes .inferior-dreta {
    float: right;
    width: 30%;
    text-align: center
}

@media screen and (max-width:500px) {
    .contingut-principal.visor .visor-mesinfo .inferior-dues-caixes .inferior-dreta {
        width: 100%
    }
}

.contingut-principal.visor .visor-mesinfo .inferior-dues-caixes .inferior-dreta .tematica,
.contingut-principal.visor .visor-mesinfo .inferior-dues-caixes .inferior-dreta a {
    display: block;
    margin-bottom: 10px
}

.contingut-principal.visor .visor-mesinfo .llibre {
    width: 100%
}

.contingut-principal.visor .visor-mesinfo .llibre .portada {
    float: left;
    width: 30%
}

.contingut-principal.visor .visor-mesinfo .llibre .portada img {
    max-width: 100%
}

.contingut-principal.visor .visor-mesinfo .llibre .info {
    float: right;
    width: 65%
}

.contingut-principal.visor .visor-mesinfo .llibre .info .soportes_comprar .soportes {
    float: none;
    margin: 15px 0 0 0;
    width: 100%
}

@media screen and (max-width:850px) {
    .contingut-principal.visor .visor-mesinfo .llibre {
        width: 90%;
        margin: 0 5%
    }
}

@media screen and (max-width:500px) {
    .contingut-principal.visor .visor-mesinfo .llibre .portada {
        float: none;
        width: 100%;
        text-align: center
    }
    .contingut-principal.visor .visor-mesinfo .llibre .info {
        float: none;
        width: 100%
    }
    .contingut-principal.visor .visor-mesinfo .llibre .info .segell {
        display: block
    }
}

.contingut-principal.visor .banner-registro {
    position: relative;
    padding: 10px 60px;
    margin-bottom: 30px;
    margin-top: 30px
}

.contingut-principal.visor .banner-registro .bg-image {
    background: #dadada url('../img/bg-banner-visor.jpg') no-repeat top left;
    background-size: cover;
    position: absolute;
    top: 21px;
    bottom: 21px;
    left: 60px;
    right: 60px
}

.contingut-principal.visor .banner-registro .main-box {
    position: relative;
    width: 63%;
    margin-left: auto;
    background: #298ccf;
    color: #fff;
    text-align: center;
    padding: 40px 25px
}

.contingut-principal.visor .banner-registro .main-box .title {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 31.25px;
    line-height: 3.75rem;
    font-weight: 600;
    margin-bottom: 18px
}

.contingut-principal.visor .banner-registro .main-box p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    margin-bottom: 25px
}

.contingut-principal.visor .banner-registro .main-box .btn-taronja {
    background: #db9600;
    color: #fff;
    font-weight: 600;
    padding: 10px 60px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem
}

@media screen and (max-width:850px) {
    .contingut-principal.visor .banner-registro {
        padding: 20px 0px
    }
    .contingut-principal.visor .banner-registro .bg-image {
        left: 0;
        right: 0;
        top: 0;
        bottom: 30px
    }
    .contingut-principal.visor .banner-registro .main-box {
        position: relative;
        width: 95%;
        margin: 0 auto
    }
}

.awp-playback-toggle i,
.awp-player-volume i,
.awp-media-time-total,
.awp-media-time-current {
    color: #298ccf !important
}

.awp-volume-level {
    background: #298ccf !important
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right {
    height: 13px
}

div.pp_default .pp_top .pp_left {
    background: url(../../../img/prettyPhoto/default/sprite.png) -78px -93px no-repeat
}

div.pp_default .pp_top .pp_middle {
    background: url(../../../img/prettyPhoto/default/sprite_x.png) top left repeat-x
}

div.pp_default .pp_top .pp_right {
    background: url(../../../img/prettyPhoto/default/sprite.png) -112px -93px no-repeat
}

div.pp_default .pp_content .ppt {
    color: #f8f8f8
}

div.pp_default .pp_content_container .pp_left {
    background: url(../../../img/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
    padding-left: 13px
}

div.pp_default .pp_content_container .pp_right {
    background: url(../../../img/prettyPhoto/default/sprite_y.png) top right repeat-y;
    padding-right: 13px
}

div.pp_default .pp_content {
    background-color: #fff
}

div.pp_default .pp_next:hover {
    background: url(../../../img/prettyPhoto/default/sprite_next.png) center right no-repeat;
    cursor: pointer
}

div.pp_default .pp_previous:hover {
    background: url(../../../img/prettyPhoto/default/sprite_prev.png) center left no-repeat;
    cursor: pointer
}

div.pp_default .pp_expand {
    background: url(../../../img/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px
}

div.pp_default .pp_expand:hover {
    background: url(../../../img/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
    cursor: pointer
}

div.pp_default .pp_contract {
    background: url(../../../img/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px
}

div.pp_default .pp_contract:hover {
    background: url(../../../img/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
    cursor: pointer
}

div.pp_default .pp_close {
    width: 30px;
    height: 30px;
    background: url(../../../img/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
    cursor: pointer
}

div.pp_default #pp_full_res .pp_inline {
    color: #000
}

div.pp_default .pp_gallery ul li a {
    background: url(../../../img/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
    border: 1px solid #aaa
}

div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a {
    border-color: #fff
}

div.pp_default .pp_social {
    margin-top: 7px
}

div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next {
    position: static;
    left: auto
}

div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause {
    background: url(../../../img/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
    height: 30px;
    width: 30px
}

div.pp_default .pp_nav .pp_pause {
    background-position: -51px -29px
}

div.pp_default .pp_details {
    position: relative
}

div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next {
    background: url(../../../img/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
    height: 20px;
    margin: 4px 0 0 0;
    width: 20px
}

div.pp_default a.pp_arrow_next {
    left: 52px;
    background-position: -82px -3px
}

div.pp_default .pp_content_container .pp_details {
    margin-top: 5px
}

div.pp_default .pp_nav {
    clear: none;
    height: 30px;
    width: 110px;
    position: relative
}

div.pp_default .pp_nav .currentTextHolder {
    font-family: Georgia;
    font-style: italic;
    color: #999;
    font-size: 11px;
    left: 75px;
    line-height: 25px;
    margin: 0;
    padding: 0 0 0 10px;
    position: absolute;
    top: 2px
}

div.pp_default .pp_close:hover,
div.pp_default .pp_nav .pp_play:hover,
div.pp_default .pp_nav .pp_pause:hover,
div.pp_default .pp_arrow_next:hover,
div.pp_default .pp_arrow_previous:hover {
    opacity: 0.7
}

div.pp_default .pp_description {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin: 5px 50px 5px 0
}

div.pp_default .pp_bottom .pp_left {
    background: url(../../../img/prettyPhoto/default/sprite.png) -78px -127px no-repeat
}

div.pp_default .pp_bottom .pp_middle {
    background: url(../../../img/prettyPhoto/default/sprite_x.png) bottom left repeat-x
}

div.pp_default .pp_bottom .pp_right {
    background: url(../../../img/prettyPhoto/default/sprite.png) -112px -127px no-repeat
}

div.pp_default .pp_loaderIcon {
    background: url(../../../img/prettyPhoto/default/loader.gif) center center no-repeat
}

div.light_rounded .pp_top .pp_left {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat
}

div.light_rounded .pp_top .pp_middle {
    background: #fff
}

div.light_rounded .pp_top .pp_right {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat
}

div.light_rounded .pp_content .ppt {
    color: #000
}

div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right {
    background: #fff
}

div.light_rounded .pp_content {
    background-color: #fff
}

div.light_rounded .pp_next:hover {
    background: url(../../../img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.light_rounded .pp_previous:hover {
    background: url(../../../img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_rounded .pp_expand {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_expand:hover {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_contract {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_contract:hover {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_details {
    position: relative
}

div.light_rounded .pp_description {
    margin-right: 85px
}

div.light_rounded #pp_full_res .pp_inline {
    color: #000
}

div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
}

div.light_rounded .pp_nav .pp_play {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_rounded .pp_nav .pp_pause {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_rounded .pp_arrow_previous {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat
}

div.light_rounded .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.light_rounded .pp_arrow_next {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat
}

div.light_rounded .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.light_rounded .pp_bottom .pp_left {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat
}

div.light_rounded .pp_bottom .pp_middle {
    background: #fff
}

div.light_rounded .pp_bottom .pp_right {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat
}

div.light_rounded .pp_loaderIcon {
    background: url(../../../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat
}

div.dark_rounded .pp_top .pp_left {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat
}

div.dark_rounded .pp_top .pp_middle {
    background: url(../../../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
}

div.dark_rounded .pp_top .pp_right {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat
}

div.dark_rounded .pp_content_container .pp_left {
    background: url(../../../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y
}

div.dark_rounded .pp_content_container .pp_right {
    background: url(../../../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y
}

div.dark_rounded .pp_content {
    background: url(../../../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
}

div.dark_rounded .pp_next:hover {
    background: url(../../../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_previous:hover {
    background: url(../../../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_expand {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_expand:hover {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_contract {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_contract:hover {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_details {
    position: relative
}

div.dark_rounded .pp_description {
    margin-right: 85px
}

div.dark_rounded .currentTextHolder {
    color: #c4c4c4
}

div.dark_rounded .pp_description {
    color: #fff
}

div.dark_rounded #pp_full_res .pp_inline {
    color: #fff
}

div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
}

div.dark_rounded .pp_nav .pp_play {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_rounded .pp_nav .pp_pause {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_rounded .pp_arrow_previous {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat
}

div.dark_rounded .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.dark_rounded .pp_arrow_next {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat
}

div.dark_rounded .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.dark_rounded .pp_bottom .pp_left {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat
}

div.dark_rounded .pp_bottom .pp_middle {
    background: url(../../../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
}

div.dark_rounded .pp_bottom .pp_right {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat
}

div.dark_rounded .pp_loaderIcon {
    background: url(../../../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat
}

div.dark_square .pp_left,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content {
    background: #000
}

div.dark_square .currentTextHolder {
    color: #c4c4c4
}

div.dark_square .pp_description {
    color: #fff
}

div.dark_square .pp_loaderIcon {
    background: url(../../../img/prettyPhoto/dark_square/loader.gif) center center no-repeat
}

div.dark_square .pp_expand {
    background: url(../../../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.dark_square .pp_expand:hover {
    background: url(../../../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.dark_square .pp_contract {
    background: url(../../../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.dark_square .pp_contract:hover {
    background: url(../../../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.dark_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../../../img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.dark_square .pp_details {
    position: relative
}

div.dark_square .pp_description {
    margin: 0 85px 0 0
}

div.dark_square #pp_full_res .pp_inline {
    color: #fff
}

div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
}

div.dark_square .pp_nav {
    clear: none
}

div.dark_square .pp_nav .pp_play {
    background: url(../../../img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_square .pp_nav .pp_pause {
    background: url(../../../img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_square .pp_arrow_previous {
    background: url(../../../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat
}

div.dark_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.dark_square .pp_arrow_next {
    background: url(../../../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat
}

div.dark_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.dark_square .pp_next:hover {
    background: url(../../../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.dark_square .pp_previous:hover {
    background: url(../../../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_square .pp_left,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content {
    background: #fff
}

div.light_square .pp_content .ppt {
    color: #000
}

div.light_square .pp_expand {
    background: url(../../../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_expand:hover {
    background: url(../../../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_contract {
    background: url(../../../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_contract:hover {
    background: url(../../../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../../../img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.light_square .pp_details {
    position: relative
}

div.light_square .pp_description {
    margin-right: 85px
}

div.light_square #pp_full_res .pp_inline {
    color: #000
}

div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
}

div.light_square .pp_nav .pp_play {
    background: url(../../../img/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_square .pp_nav .pp_pause {
    background: url(../../../img/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_square .pp_arrow_previous {
    background: url(../../../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat
}

div.light_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.light_square .pp_arrow_next {
    background: url(../../../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat
}

div.light_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.light_square .pp_next:hover {
    background: url(../../../img/prettyPhoto/light_square/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.light_square .pp_previous:hover {
    background: url(../../../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_square .pp_loaderIcon {
    background: url(../../../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat
}

div.facebook .pp_top .pp_left {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat
}

div.facebook .pp_top .pp_middle {
    background: url(../../../img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x
}

div.facebook .pp_top .pp_right {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat
}

div.facebook .pp_content .ppt {
    color: #000
}

div.facebook .pp_content_container .pp_left {
    background: url(../../../img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y
}

div.facebook .pp_content_container .pp_right {
    background: url(../../../img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y
}

div.facebook .pp_content {
    background: #fff
}

div.facebook .pp_expand {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.facebook .pp_expand:hover {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.facebook .pp_contract {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.facebook .pp_contract:hover {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.facebook .pp_close {
    width: 22px;
    height: 22px;
    background: url(../../../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.facebook .pp_details {
    position: relative
}

div.facebook .pp_description {
    margin: 0 37px 0 0
}

div.facebook #pp_full_res .pp_inline {
    color: #000
}

div.facebook .pp_loaderIcon {
    background: url(../../../img/prettyPhoto/facebook/loader.gif) center center no-repeat
}

div.facebook .pp_arrow_previous {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px
}

div.facebook .pp_arrow_previous.disabled {
    background-position: 0 -96px;
    cursor: default
}

div.facebook .pp_arrow_next {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px
}

div.facebook .pp_arrow_next.disabled {
    background-position: -32px -96px;
    cursor: default
}

div.facebook .pp_nav {
    margin-top: 0
}

div.facebook .pp_nav p {
    font-size: 15px;
    padding: 0 3px 0 4px
}

div.facebook .pp_nav .pp_play {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
    height: 22px;
    width: 22px
}

div.facebook .pp_nav .pp_pause {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
    height: 22px;
    width: 22px
}

div.facebook .pp_next:hover {
    background: url(../../../img/prettyPhoto/facebook/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.facebook .pp_previous:hover {
    background: url(../../../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.facebook .pp_bottom .pp_left {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat
}

div.facebook .pp_bottom .pp_middle {
    background: url(../../../img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x
}

div.facebook .pp_bottom .pp_right {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat
}

div.pp_pic_holder a:focus {
    outline: none
}

div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000
}

.pp_top {
    height: 20px;
    position: relative
}

* html .pp_top {
    padding: 0 20px
}

.pp_top .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px
}

.pp_top .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px
}

* html .pp_top .pp_middle {
    left: 0;
    position: static
}

.pp_top .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.pp_content {
    height: 40px;
    min-width: 40px
}

* html .pp_content {
    width: 40px
}

.pp_fade {
    display: none
}

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%
}

.pp_content_container .pp_left {
    padding-left: 20px
}

.pp_content_container .pp_right {
    padding-right: 20px
}

.pp_content_container .pp_details {
    float: left;
    margin: 10px 0 2px 0
}

.pp_description {
    display: none;
    margin: 0
}

.pp_social {
    float: left;
    margin: 0
}

.pp_social .facebook {
    float: left;
    margin-left: 5px;
    width: 55px;
    overflow: hidden
}

.pp_social .twitter {
    float: left
}

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0
}

.pp_nav p {
    float: left;
    margin: 2px 4px;
    white-space: nowrap
}

.pp_nav .pp_play,
.pp_nav .pp_pause {
    float: left;
    margin-right: 4px;
    text-indent: -10000px
}

a.pp_arrow_previous,
a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000
}

.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000
}

.pp_gallery div {
    float: left;
    overflow: hidden;
    position: relative
}

.pp_gallery ul {
    float: left;
    height: 35px;
    margin: 0 0 0 5px;
    padding: 0;
    position: relative;
    white-space: nowrap
}

.pp_gallery ul a {
    border: 1px #000 solid;
    border: 1px rgba(0, 0, 0, 0.5) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden
}

.pp_gallery ul a:hover,
.pp_gallery li.selected a {
    border-color: #fff
}

.pp_gallery ul a img {
    border: 0
}

.pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0
}

.pp_gallery li.default a {
    background: url(../../../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px
}

.pp_gallery li.default a img {
    display: none
}

.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
    margin-top: 7px !important
}

a.pp_next {
    background: url(../../../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.pp_previous {
    background: url(../../../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.pp_expand,
a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000
}

a.pp_close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    line-height: 22px;
    text-indent: -10000px
}

.pp_bottom {
    height: 20px;
    position: relative
}

* html .pp_bottom {
    padding: 0 20px
}

.pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px
}

.pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px
}

* html .pp_bottom .pp_middle {
    left: 0;
    position: static
}

.pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 24px
}

#pp_full_res {
    line-height: 1 !important
}

#pp_full_res .pp_inline {
    text-align: left
}

#pp_full_res .pp_inline p {
    margin: 0 0 15px 0
}

div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    margin: 0 0 5px 15px;
    z-index: 9999
}

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2147487720
}

.fancybox-skin {
    position: relative;
    background: #fff;
    color: #000;
    text-shadow: none
}

.fancybox-opened {
    z-index: 2147487730
}

.fancybox-outer,
.fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-type-ajax .fancybox-inner {
    overflow: visible !important
}

.fancybox-error {
    color: #000;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url('../plugins/fancybox/fancybox/fancybox_sprite.png')
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 2147487760;
    background: #000;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('../plugins/fancybox/fancybox/fancybox_loading.gif') center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: -35px;
    right: -5px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 2147487740
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('../plugins/fancybox/fancybox/blank.gif');
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 2147487740
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 2147487740;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 99999;
    background: url('../plugins/fancybox/fancybox/fancybox_overlay.png')
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 2147487750
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 2147487750;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, 0.7);
    text-shadow: 0 1px 2px #222;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url('../plugins/fancybox/fancybox/fancybox_sprite@2x.png');
        background-size: 44px 152px;
    }
    #fancybox-loading div {
        background-image: url('../plugins/fancybox/fancybox/fancybox_loading@2x.gif');
        background-size: 24px 24px;
    }
}

html,
body,
div,
span,
object,
iframe,

p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,
select {
    vertical-align: middle
}

pre,
code,
kbd,
samp {
    font-family: monospace, sans-serif
}

textarea {
    overflow: auto
}

input[type="radio"] {
    vertical-align: text-bottom
}

input[type="checkbox"] {
    vertical-align: bottom
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline
}

.ie6 input {
    vertical-align: text-bottom
}

input[type="button"],
input[type="submit"],
input[type="image"],
button {
    cursor: pointer
}

button,
input,
select,
textarea {
    margin: 0
}

button {
    width: auto;
    overflow: visible
}

.ie7 img {
    -ms-interpolation-mode: bicubic
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

* {
    margin: 0;
    padding: 0
}

:focus {
    outline: 0
}

a img,
iframe {
    border: none
}

ol,
ul {
    list-style: none
}

select {
    margin: inherit
}

.clearfix {
    clear: both;
    display: block
}

a:link,
a:hover,
a:visited,
a:active {
    text-decoration: none
}

div,
nav,
span,
section,
article,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@font-face {
    font-family: "pdlfont";
    src: url("fonts/pdlfont.eot?220200706");
    src: url("fonts/pdlfont.eot?220200706#iefix") format("embedded-opentype"), url("fonts/pdlfont.woff?220200706") format("woff"), url("fonts/pdlfont.ttf?220200706") format("truetype"), url("fonts/pdlfont.svg?220200706#pdlfont") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "pdlfont" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "pdlfont" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1em;
    vertical-align: -15%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-15x {
    font-size: 1.3em;
    line-height: 1em;
    vertical-align: -10%
}

.icon-2x,
a.xxss-icon {
    font-size: 1.7em;
    line-height: 1em;
    vertical-align: -14%
}

.icon-3x {
    font-size: 3em;
    line-height: 1em;
    vertical-align: -22%
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li>span:after,
.fitxa .soportes_comprar .soportes .suports .llibre_format.dropdown .dropdown-toggle:before,
.cercador-firmes #filtres-firmes .camp>span:after,
.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format.dropdown .dropdown-toggle:before,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format.dropdown .dropdown-toggle:before,
.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li.active>span:after,
.fitxa .soportes_comprar .soportes .suports .llibre_format.dropdown.active .dropdown-toggle:before,
.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format.dropdown.active .dropdown-toggle:before,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format.dropdown.active .dropdown-toggle:before,
.header .nav-tematiques .menu-tematiques li.totes-tematiques:after,
.menu-mobile .seccio .seccio-opcions .opcio:before,
.menu-mobile .seccio .seccio-opcions .tematica:before,
.capsa-filtres .treure:before,
a.btn.btn-download:after,
.btn.btn-download:after,
#brandday .close,
.rotador-303 .llista-tematiques .llista li h3 a:before {
    font-family: "pdlfont" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1em;
    vertical-align: -14%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "i"
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li>span:after,
.fitxa .soportes_comprar .soportes .suports .llibre_format.dropdown .dropdown-toggle:before,
.cercador-firmes #filtres-firmes .camp>span:after,
.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format.dropdown .dropdown-toggle:before,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format.dropdown .dropdown-toggle:before {
    content: "k"
}

.caixa-filtres-cercador .wrapper-filtres .filtres-cercador>li.active>span:after,
.fitxa .soportes_comprar .soportes .suports .llibre_format.dropdown.active .dropdown-toggle:before,
.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format.dropdown.active .dropdown-toggle:before,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format.dropdown.active .dropdown-toggle:before {
    content: "h"
}

.header .nav-tematiques .menu-tematiques li.totes-tematiques:after,
.menu-mobile .seccio .seccio-opcions .opcio:before,
.menu-mobile .seccio .seccio-opcions .tematica:before {
    content: "t"
}

.capsa-filtres .treure:before {
    content: "S"
}

a.btn.btn-download:after,
.btn.btn-download:after {
    content: "p"
}

.unit-rating li {
    position: relative
}

.unit-rating input[type="radio"] {
    opacity: 0;
    position: absolute;
    z-index: 1
}

.unit-rating input[type="radio"]+label {
    position: absolute
}

.unit-rating input[type="radio"]:checked+label .icon-estrella-o:before {
    content: "b";
    color: #db9600
}

.icon-estrella-o-anteriors:before {
    content: "b";
    color: #db9600
}

.icon-estrella:before {
    content: "b"
}

.icon-estrella-o:before {
    content: "b";
    color: #c5c3c4
}

.icon-estrella-mig-o:before {
    content: "d"
}

.icon-estrella-mig-1:before {
    content: "e"
}

.icon-xxss-twitter:before {
    content: "f"
}

.icon-login:before {
    content: "g"
}

.icon-caret-amunt:before {
    content: "h"
}

.icon-caret-dreta:before {
    content: "i"
}

.icon-caret-esquerra:before {
    content: "j"
}

.icon-caret-avall:before {
    content: "k"
}

.icon-novedades:before {
    content: "\5f"
}

.icon-recomanador {
    -ms-transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg)
}

.icon-recomanador:before {
    content: "m"
}

.icon-arrow-right:before {
    content: "n"
}

.icon-arrow-left:before {
    content: "o"
}

.icon-arrow-down:before {
    content: "p"
}

.icon-arrow-up:before {
    content: "q"
}

.icon-angle-down:before {
    content: "r"
}

.icon-angle-up:before {
    content: "s"
}

.icon-angle-right:before {
    content: "t"
}

.icon-angle-left:before {
    content: "u"
}

.icon-angle-double-up:before {
    content: "v"
}

.icon-angle-double-right:before {
    content: "w"
}

.icon-angle-double-left:before {
    content: "x"
}

.icon-angle-double-down:before {
    content: "y"
}

.icon-arrow-circle-right:before {
    content: "z"
}

.icon-arrow-circle-left:before {
    content: "A"
}

.icon-arrow-circle-up:before {
    content: "B"
}

.icon-arrow-circle-down:before {
    content: "D"
}

.icon-camera:before {
    content: "C"
}

.icon-chat:before {
    content: "E"
}

.icon-chevron-down:before {
    content: "F"
}

.icon-chevron-up:before {
    content: "G"
}

.icon-chevron-right:before {
    content: "H"
}

.icon-chevron-left:before {
    content: "I"
}

.icon-like:before {
    content: "J"
}

.icon-cadenat:before {
    content: "K"
}

.icon-xxss-youtube:before {
    content: "M"
}

.icon-extern:before {
    content: "a"
}

.icon-extern-o:before {
    content: "N"
}

.icon-bandera:before {
    content: "P"
}

.icon-cloud:before {
    content: "Q"
}

.icon-tancar:before {
    content: "S"
}

.icon-mes:before {
    content: "T"
}

.icon-xxss-facebook:before {
    content: "L"
}

.icon-xxss-pinterest:before {
    content: "O"
}

.icon-xxss-instagram:before {
    content: "U"
}

.icon-xxss-blogs:before {
    content: "V"
}

.icon-heleido:before {
    content: "W"
}

.icon-xxss-clubdelectura:before {
    content: "W"
}

.icon-xxss-territoriolector:before {
    content: "R";
    position: relative;
    left: 0.25em;
    color: #9c9b9b
}

.icon-xxss-territoriolector:after {
    content: "X";
    color: #fff;
    position: relative;
    left: -0.75em
}

.icon-xxss-territoriolector-o:before {
    content: "X"
}

.icon-slider-left:before {
    content: "Y";
    padding: 2px
}

.icon-slider-right:before {
    content: "Z";
    padding: 2px
}

.icon-xxss-spotify:before {
    content: "0"
}

.icon-xxss-gplus:before {
    content: "1"
}

.icon-love:before {
    content: "2"
}

.icon-share:before {
    content: "3"
}

.icon-xxss-mail:before {
    content: "4"
}

.icon-xxss-linkedin:before {
    content: "5"
}

.icon-check-circle:before {
    content: "6"
}

.icon-check:before {
    content: "7"
}

.icon-play:before {
    content: "8"
}

.icon-ploma:before {
    content: "9"
}

.icon-loading {
    -webkit-animation: icon-loading 2s infinite linear;
    animation: icon-loading 2s infinite linear
}

.icon-loading:before {
    content: "!"
}

@-webkit-keyframes icon-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes icon-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.icon-list:before {
    content: "\""
}

.icon-menu:before {
    content: "$"
}

.icon-codigo:before {
    content: "#"
}

.icon-comprar:before {
    content: "-"
}

.icon-llibre:before {
    content: "&"
}

.icon-tick-llegit:before {
    content: "'"
}

.icon-xxss-whatsapp:before {
    content: "\28"
}

.icon-usuari:before {
    content: "\29"
}

.icon-lupa:before {
    content: "\2a"
}

.icon-llegit:before {
    content: "\2b"
}

.icon-proximamente:before {
    content: "\2c"
}

.icon-reg-check:before {
    content: "\25"
}

.icon-reg-email:before {
    content: "\2e"
}

.icon-sol:before {
    content: "\2f"
}

.icon-sol-ple:before {
    content: "\3a";
    font-size: 16px
}

.icon-palm-tree:before {
    content: "\3b"
}

.icon-seleccio:before {
    content: "\3c"
}

.icon-cursor:before {
    content: "\3d"
}

.icon-big-heart:before {
    content: "\3e"
}

.icon-star:before {
    content: "\3f"
}

.icon-refresh-button:before {
    content: "\40"
}

.icon-open-book:before {
    content: "\5b";
    font-size: 125%;
    vertical-align: -20%;
    padding-right: 6px
}

.icon-layer:before {
    content: "\5d"
}

.icon-checked-symbol:before {
    content: "\5e"
}

.icon-bookmark-black-shape:before {
    content: "\5f";
    font-size: 80%
}

.icon-bookmark-star:before {
    content: "\60"
}

.icon-xxss-tiktok:before {
    content: "\7c"
}

.ico-premi-blau {
    width: 22px;
    height: 27px;
    display: inline-block;
    background: transparent url(../img/ico-premios.png) no-repeat center center;
    vertical-align: middle
}

.ico-premi-blanc {
    width: 22px;
    height: 27px;
    display: inline-block;
    background: transparent url('../img/ico-premios-blanc.png') no-repeat center center;
    vertical-align: middle
}

.ico-direccio {
    width: 30px;
    height: 23px;
    display: inline-block;
    background: transparent url(../img/ico-direccio.png) no-repeat center center;
    vertical-align: middle
}

.ico-hora {
    width: 21px;
    height: 21px;
    display: inline-block;
    background: transparent url(../img/ico-hora.png) no-repeat center center;
    vertical-align: middle
}

.ico-dia {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: transparent url(../img/ico-dia.png) no-repeat center center;
    vertical-align: middle
}

html {
    font-size: 62.5%
}

body,
.megacercador-resultats *,
.fitxa-premsa .prensa-dreta .titol-i-autors .autors h2,
.fitxa-premsa .prensa-dreta .titol-i-autors .autors h2 a {
    font-family: 'Raleway', sans-serif;
    font-weight: 500
}

strong {
    font-weight: 800
}


p {
    margin: 0 0 15px 0
}

li {
    margin: 0 0 10px 0
}

html,
body {
    height: 100%
}

header,
div,
nav,
span,
section,
article,
aside,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#fancybox-inner,
#fancybox-wrap {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    font-weight: normal;
    font-style: normal
}

.wrapper {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto
}

@media screen and (max-width:1140px) {
    .paddingvisual {
        padding: 0px 10px
    }
}

body {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18.75px;
    line-height: 2.25rem;
    color: #000
}

input#website {
    display: none
}

a:link,
a:hover,
a:visited,
a:active {
    color: #000
}

a {
    cursor: pointer
}

a:hover {
    color: #298ccf
}

.float-right {
    float: right
}

.only-print {
    display: none
}

.dropdown-toggle {
    cursor: pointer
}

@media screen and (max-width:500px) {
    .since-tablet,
    .since-desktop,
    .since-full,
    .only-tablet,
    .only-desktop,
    .only-full {
        display: none !important
    }
}

@media screen and (max-width:850px) {
    .since-desktop,
    .since-full,
    .only-desktop,
    .only-full {
        display: none !important
    }
}

@media screen and (max-width:980px) {
    .since-full,
    .only-full {
        display: none !important
    }
}

@media screen and (min-width:501px) {
    .until-mobile,
    .only-mobile {
        display: none !important
    }
}

@media screen and (min-width:851px) {
    .until-mobile,
    .until-tablet,
    .only-mobile,
    .only-tablet {
        display: none !important
    }
}

@media screen and (min-width:981px) {
    .until-mobile,
    .until-tablet,
    .until-desktop,
    .only-mobile,
    .only-tablet,
    .only-desktop {
        display: none !important
    }
}

@media screen and (min-width:1201px) {
    .until-mobile,
    .until-tablet,
    .until-desktop,
    .until-full,
    .only-mobile,
    .only-tablet,
    .only-desktop {
        display: none !important
    }
}

.owl-nav div {
    opacity: 0.7
}

.owl-nav div:hover {
    opacity: 1
}

.owl-nav .disabled {
    display: none !important
}

.owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle
}

.owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px;
    background: #bebebe;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
    background: #298ccf
}

.owl-dots .owl-dot:only-child {
    display: none
}

.mtop {
    margin-top: 15px
}

.mbottom {
    margin-bottom: 15px
}

.llibre-carrusel .owl-wrapper {
    padding: 0px 40px
}

.llibre-carrusel .owl-wrapper .owl-prev {
    position: absolute;
    left: -35px;
    top: 40%;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%)
}

.llibre-carrusel .owl-wrapper .owl-next {
    position: absolute;
    right: -35px;
    top: 40%;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%)
}

@media screen and (max-width:500px) {
    .owl-wrapper {
        padding: 0px !important
    }
    .rotador-306 .owl-carousel .owl-stage-outer,
    .llibres-miniatures.owl-carousel .owl-stage-outer {
        margin-right: -10px
    }
}

.mencanta {
    display: inline-block;
    text-decoration: none;
    background-color: #298ccf;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff !important;
    text-align: center;
    line-height: 34px;
    cursor: pointer
}

.mencanta:before {
    font-family: "pdlfont" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "2"
}

.mencanta.activat {
    background-color: #d00
}

.mencanta.carregant {
    -webkit-animation: icon-loading 2s infinite linear;
    animation: icon-loading 2s infinite linear
}

.mencanta.carregant:before {
    content: "!"
}

.janomagrada {
    display: inline-block;
    text-decoration: none;
    background-color: #fff;
    width: 27px;
    height: 27px;
    color: #298ccf !important;
    border: 1px solid #298ccf;
    text-align: center;
    line-height: 30px;
    cursor: pointer
}

.janomagrada:before {
    font-family: "pdlfont" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "S"
}

.janomagrada.carregant:before {
    content: "!"
}

nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

nav li {
    display: inline-block
}

a.boto-acces-facebook,
a.boto-acces-twitter,
a.boto-acces-google {
    display: inline-block;
    background: #3b5998;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 300;
    margin-bottom: 10px;
    padding: 10px 35px
}

a.boto-acces-facebook .label-access,
a.boto-acces-twitter .label-access,
a.boto-acces-google .label-access {
    font-weight: 500
}

@media screen and (max-width:850px) {
    a.boto-acces-facebook,
    a.boto-acces-twitter,
    a.boto-acces-google {
        padding: 10px 0
    }
}

@media screen and (max-width:850px) {
    .botons-xarxes a .label-access {
        text-align: center;
        margin-top: 25px
    }
}

.accedir-xxss a {
    width: 49%
}

.accedir-xxss a .label-access {
    font-weight: 500
}

@media screen and (max-width:850px) {
    .accedir-xxss a .label-access {
        margin-top: 25px;
        font-size: 12px;
        width: 100%;
        white-space: nowrap;
        text-align: center
    }
}

a.boto-acces-twitter {
    background-color: #55acee
}

a.boto-acces-google {
    background: #df4930 url('../img/google-glass-logo.svg') no-repeat center left;
    background-size: 20px;
    background-position-x: 10px
}

@media screen and (max-width:850px) {
    a.boto-acces-google {
        background-position-x: center;
        background-position-y: 10px
    }
}

a.boto-acces-facebook {
    background: #3b5998 url('../img/facebook-glass-logo.svg') no-repeat center left;
    background-size: 20px;
    background-position-x: 10px
}

@media screen and (max-width:850px) {
    a.boto-acces-facebook {
        background-position-x: center;
        background-position-y: 10px
    }
}

a.boto-acces-twitter {
    background: #55acee url('../img/login_twitter_bg.png') no-repeat center left
}

a.boto-acces-facebook+a.boto-acces-twitter,
a.boto-acces-twitter+a.boto-acces-facebook {
    margin-left: 15px
}

a.ico-xxss {
    display: inline-block;
    text-align: center;
    line-height: 26px;
    color: #fff;
    width: 26px;
    height: 26px;
    background: #383838;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

a.ico-xxss.xxss-facebook {
    background-color: #3b5998
}

a.ico-xxss.xxss-facebook:hover {
    background-color: #2d4373
}

a.ico-xxss.xxss-twitter {
    background-color: #55acee
}

a.ico-xxss.xxss-twitter:hover {
    background-color: #2795e9
}

a.ico-xxss.xxss-gplus {
    background-color: #f63
}

a.ico-xxss.xxss-gplus:hover {
    background-color: #ff4000
}

a.ico-xxss.xxss-pinterest {
    background-color: #c91517
}

a.ico-xxss.xxss-pinterest:hover {
    background-color: #9b1012
}

a.ico-xxss.xxss-linkedin {
    background-color: #0e689b
}

a.ico-xxss.xxss-linkedin:hover {
    background-color: #0a496c
}

a.ico-xxss.xxss-mail {
    background-color: #434343
}

a.ico-xxss.xxss-mail:hover {
    background-color: #2a2a2a
}

a.ico-xxss.xxss-whatsapp {
    display: none;
    background-color: #2bb641
}

a.ico-xxss.xxss-whatsapp:hover {
    background-color: #218d32
}

.share-xxss {
    display: inline-block;
    position: relative;
    margin: 5px
}

.share-xxss .icon-share {
    color: #298ccf;
    cursor: pointer;
    display: none;
    line-height: 26px;
    width: 26px;
    height: 26px;
    text-align: center
}

.share-xxss a {
    display: inline-block;
    text-align: center;
    line-height: 26px;
    color: #fff;
    width: 26px;
    height: 26px;
    background: #383838;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.share-xxss .compactats {
    display: inline-block;
    white-space: nowrap
}

.share-xxss .placeholder {
    display: inline-block;
    white-space: nowrap;
    font-weight: 700;
    padding-left: 4px;
    cursor: pointer
}

.share-xxss.plegat .icon-share {
    display: inline-block;
    padding: 10px
}

.share-xxss.plegat .compactats {
    display: none
}

.share-xxss.plegat.active .placeholder {
    display: none
}

.share-xxss.plegat.active .compactats {
    display: inline-block;
    padding: 5px 10px;
    z-index: 3000
}

.share-xxss.click-plegat {
    color: #298ccf
}

.share-xxss.click-plegat .icon-share {
    display: inline-block;
    padding: 10px
}

.share-xxss.click-plegat .compactats {
    display: none
}

.share-xxss.click-plegat.active .placeholder {
    display: none
}

.share-xxss.click-plegat.active .compactats {
    display: inline-block;
    padding: 5px 10px;
    z-index: 3000
}

.share-xxss .xxss-facebook {
    background-color: #3b5998
}

.share-xxss .xxss-facebook:hover {
    background-color: #2d4373
}

.share-xxss .xxss-twitter {
    background-color: #55acee
}

.share-xxss .xxss-twitter:hover {
    background-color: #2795e9
}

.share-xxss .xxss-gplus {
    background-color: #f63
}

.share-xxss .xxss-gplus:hover {
    background-color: #ff4000
}

.share-xxss .xxss-pinterest {
    background-color: #c91517
}

.share-xxss .xxss-pinterest:hover {
    background-color: #9b1012
}

.share-xxss .xxss-linkedin {
    background-color: #0e689b
}

.share-xxss .xxss-linkedin:hover {
    background-color: #0a496c
}

.share-xxss .xxss-mail {
    background-color: #434343
}

.share-xxss .xxss-mail:hover {
    background-color: #2a2a2a
}

.share-xxss .xxss-spotify {
    background-color: #8dc100
}

.share-xxss .xxss-spotify:hover {
    background-color: #688e00
}

.share-xxss .xxss-instagram {
    background-color: #948163
}

.share-xxss .xxss-instagram:hover {
    background-color: #75664f
}

.share-xxss .xxss-whatsapp {
    display: none;
    background-color: #2bb641
}

.share-xxss .xxss-whatsapp:hover {
    background-color: #218d32
}

@media screen and (max-width:500px) {
    .share-xxss:not(.desplegat) .icon-share {
        display: inline-block;
        padding: 10px
    }
    .share-xxss:not(.desplegat) .compactats {
        display: none
    }
    .share-xxss:not(.desplegat).active .placeholder {
        display: none
    }
    .share-xxss:not(.desplegat).active .compactats {
        display: inline-block;
        padding: 5px 10px;
        z-index: 3000
    }
    .share-xxss .xxss-whatsapp {
        display: inline-block
    }
    .xxss-whatsapp {
        display: inline-block
    }
}

.etiqueta {
    display: inline-block;
    line-height: 28px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #383838
}

.etiqueta i {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: inline-block;
    text-align: center;
    margin-right: 5px
}

.etiqueta a {
    display: inline-block;
    padding-right: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #383838
}

.etiqueta.novedades i,
.etiqueta.novedades a:hover {
    background-color: #a3bd31;
    color: #fff
}

.etiqueta.bestseller i,
.etiqueta.bestseller a:hover {
    background-color: #db9600;
    color: #fff
}

.etiqueta.proximamente i {
    font-size: 120%
}

.etiqueta.proximamente i,
.etiqueta.proximamente a:hover {
    background-color: #00497c;
    color: #fff
}

.etiqueta.proximamente i .falten_dies,
.etiqueta.proximamente a:hover .falten_dies {
    color: #fff
}

.etiqueta.proximamente .falten_dies {
    color: #00497c;
    text-transform: lowercase
}

.etiqueta.edicion i,
.etiqueta.edicion a:hover {
    background-color: #d9433b;
    color: #fff
}

.etiqueta.foreign-rights i {
    background-color: #9e9e9e;
    color: #fff;
    -ms-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg)
}

.etiqueta.foreign-rights a:hover {
    background-color: #9e9e9e;
    color: #fff
}

input {
    color: #000
}

.cercador-firmes #filtres-firmes .camp input.input-autor::-webkit-input-placeholder {
    color: #fff;
    font-style: italic
}

.cercador-firmes #filtres-firmes .camp input.input-autor:-moz-placeholder {
    color: #fff;
    font-style: italic
}

.cercador-firmes #filtres-firmes .camp input.input-autor::-moz-placeholder {
    color: #fff;
    font-style: italic
}

.cercador-firmes #filtres-firmes .camp input.input-autor:-ms-input-placeholder {
    color: #fff;
    font-style: italic
}

a.btn,
.btn {
    display: inline-block;
    color: #298ccf;
    background: transparent;
    border: 0px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    padding: 5px 7px
}

a.btn.btn-main,
.btn.btn-main {
    background-color: #298ccf;
    color: #fff
}

a.btn.btn-main:hover,
.btn.btn-main:hover {
    background-color: #4fa3dc
}

a.btn.btn-submit,
.btn.btn-submit {
    font-weight: 500;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    padding: 10px 18px;
    background-color: #298ccf;
    color: #fff !important
}

a.btn.btn-submit:hover,
.btn.btn-submit:hover {
    background-color: #4fa3dc
}

a.btn.btn-comprar,
.btn.btn-comprar {
    padding: 5px 10px;
    background-color: #76c556;
    color: #fff !important;
    cursor: pointer
}

a.btn.btn-comprar:hover,
.btn.btn-comprar:hover {
    background-color: #5cad3b
}

a.btn.btn-fragment,
.btn.btn-fragment {
    padding: 5px 10px;
    background-color: #298ccf;
    color: #fff !important;
    cursor: pointer
}

a.btn.btn-fragment:hover,
.btn.btn-fragment:hover {
    background-color: #4fa3dc
}

a.btn.btn-submit-outline,
.btn.btn-submit-outline {
    font-weight: 500;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    padding: 10px 18px;
    border: 1px solid #298ccf
}

a.btn.btn-submit-outline:hover,
.btn.btn-submit-outline:hover {
    background-color: #298ccf;
    color: #fff
}

@media screen and (max-width:850px) {
    a.btn.btn-submit-outline,
    .btn.btn-submit-outline {
        padding: 10px 30px
    }
}

a.btn.btn-quadrat,
.btn.btn-quadrat {
    font-weight: 700;
    padding: 5px 13px;
    background-color: #298ccf;
    color: #fff
}

a.btn.btn-quadrat:hover,
.btn.btn-quadrat:hover {
    background-color: #4fa3dc
}

a.btn.btn-comentar,
.btn.btn-comentar {
    background-color: #383838;
    color: #fff;
    padding: 6px 10px;
    font-weight: 700
}

a.btn.btn-comentar:hover,
.btn.btn-comentar:hover {
    background-color: #525252
}

a.btn.btn-fitxa,
.btn.btn-fitxa {
    background-color: #383838;
    color: #fff;
    padding: 10px 20px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16.25px;
    line-height: 1.95rem;
    text-transform: uppercase;
    font-weight: 600
}

a.btn.btn-fitxa:hover,
.btn.btn-fitxa:hover {
    background-color: #525252
}

a.btn.btn-llegir,
.btn.btn-llegir {
    background-color: #298ccf;
    color: #fff;
    padding: 10px 20px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16.25px;
    line-height: 1.95rem;
    font-weight: 500;
    text-align: center
}

a.btn.btn-llegir:hover,
.btn.btn-llegir:hover {
    background-color: #4fa3dc
}

a.btn.btn-download,
.btn.btn-download {
    background-color: #298ccf;
    color: #fff;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 700
}

a.btn.btn-download:after,
.btn.btn-download:after {
    margin-left: 7px
}

a.btn.btn-download:hover,
.btn.btn-download:hover {
    background-color: #4fa3dc
}

a.btn.btn-veurefitxa,
.btn.btn-veurefitxa {
    background-color: #298ccf;
    color: #fff;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 700
}

a.btn.btn-veurefitxa:hover,
.btn.btn-veurefitxa:hover {
    background-color: #4fa3dc
}

a.btn.btn-outline,
.btn.btn-outline {
    border: 1px solid #298ccf
}

a.btn.btn-outline:hover,
.btn.btn-outline:hover {
    background-color: #298ccf;
    color: #fff
}

a.btn.btn-logout,
.btn.btn-logout {
    border: 1px solid #298ccf;
    font-weight: 700;
    padding: 2px 14px
}

a.btn.btn-logout:hover,
.btn.btn-logout:hover {
    background-color: #298ccf;
    color: #fff
}

a.btn.btn-blau-clar,
.btn.btn-blau-clar {
    font-weight: 500;
    padding: 5px 0px;
    background-color: #a2cff0;
    color: #fff !important;
    width: 120px;
    text-align: center;
    margin-left: 15px
}

a.btn.btn-blau-clar.tablet,
.btn.btn-blau-clar.tablet {
    float: left;
    width: 41%
}

a.btn.btn-blau-clar.tablet:first-child,
.btn.btn-blau-clar.tablet:first-child {
    margin-left: 25px
}

a.btn.btn-blau-clar.tablet:last-child,
.btn.btn-blau-clar.tablet:last-child {
    margin-left: 4%
}

a.btn.btn-blau-clar.mobile,
.btn.btn-blau-clar.mobile {
    margin-left: 0px;
    width: 47%
}

a.btn.btn-blau-clar.mobile:last-child,
.btn.btn-blau-clar.mobile:last-child {
    margin-left: 4%
}

a.btn.btn-blau-clar:hover,
.btn.btn-blau-clar:hover {
    background-color: #cee6f7
}

.mida-arxiu {
    display: inline-block;
    background: #d6d6d6;
    margin-left: 10px;
    height: 30px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 31px;
    text-transform: uppercase;
    padding: 0px 7px 0px 10px;
    font-weight: 300;
    font-family: Arial, Verdana, sans-serif;
    color: #808080
}

.mida-arxiu:before {
    position: absolute;
    content: ' ';
    left: -7px;
    top: 0px;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top-width: 15px;
    border-bottom-width: 15px;
    border-right: 15px solid #d6d6d6
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"] {
    padding: 8px 15px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    width: 100%;
    box-sizing: border-box
}

input[type="checkbox"],
input[type="radio"] {
    vertical-align: middle;
    display: inline-block;
    float: left;
    margin: 5px 5px 0 0
}

input[type="checkbox"]+label {
    display: inline-block
}

textarea {
    padding: 5px 10px;
    border: 1px solid #298ccf;
    border-radius: 4px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    width: 100%;
    box-sizing: border-box;
    min-height: 100px
}

.style-select {
    background: url(../img/arrow-down.png) no-repeat 95% center white;
    background: none\0;
    width: 100%;
    border: 1px solid #000;
    border: none\0;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.style-select select {
    background: transparent;
    background: white\0;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100% !important;
    padding: 3px 10px;
    border: none;
    border: 1px solid #298ccf \9
}

.style-select select:hover {
    cursor: pointer
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .style-select {
        background: none;
        border: none
    }
    .style-select select {
        background: white
    }
}

.formulari .form-group {
    margin-bottom: 10px
}

.formulari .form-field {
    display: block;
    margin-bottom: 10px
}

.formulari .form-field input,
.formulari .form-field select {
    color: #000;
    border: 1px solid #979797
}

.formulari .form-field a {
    text-decoration: underline
}

.formulari .field-error input[type="text"],
.formulari .field-error input[type="email"],
.formulari .field-error input[type="password"],
.formulari .field-error input[type="tel"] {
    border: 1px solid #c00 !important;
    border-right-width: 5px
}

.formulari .field-error label,
.formulari .field-error a {
    color: #c00
}

.formulari .field-error a {
    color: #e00 !important
}

.formulari .field-error .nota-error {
    color: #c00;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem
}

.formulari .missatge-error {
    color: #c00;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    white-space: normal;
    margin-top: 5px
}

.formulari .missatge-error a {
    color: #c00;
    font-weight: bold
}

.recuadre-gris .formulari .missatge-error {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18.75px;
    line-height: 2.25rem
}

iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left
}

div.aviso_cookies {
    position: fixed;
    bottom: 0px;
    left: 0px;
    background: #383838;
    color: #fff;
    padding: 10px;
    z-index: 9999;
    width: 100%
}

div.aviso_cookies .left {
    width: 90%;
    width: calc(100% - 100px);
    float: left
}

div.aviso_cookies .left a {
    font-weight: 600;
    color: #298ccf
}

div.aviso_cookies a.btn_cookies {
    font-size: 1.2em;
    color: #fff;
    background: #298ccf;
    margin-top: 10px;
    float: right;
    padding: 5px 10px
}

.banner-top .banner {
    width: 100%
}

.banner-top .banner .amagar-desktop {
    display: none !important
}

.banner-top .banner .amagar-mobil {
    display: block !important
}

.banner-top .banner img {
    max-width: 100%
}

.banner-top .banner .owl-carousel .owl-controls {
    display: none
}

body {
    overflow-x: hidden
}

.header {
    width: 100%;
    min-height: 40px;
    position: relative;
    background: #fff;
    z-index: 99999;
    padding-top: 10px
}

@media screen and (max-width:850px) {
    .header {
        padding-top: 0px
    }
}

.header .wrapper {
    position: relative
}

.header .site-brand {
    float: left;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    padding-top: 5px
}

.header .site-brand img {
    width: 100%
}

.header .user-login-nav {
    float: right;
    margin-top: 10px;
    padding: 0 0 0 10px;
    max-width: 210px
}

.header .nav-tematiques {
    position: relative;
    float: left;
    width: 250px;
    padding: 10px 0px;
    background: #585858
}

.header .nav-tematiques.nav-tematiques-fixada {
    display: none
}

.header .nav-tematiques .menu-tematiques-text {
    transition: 0.2s all ease-in-out;
    height: 42px;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 42px;
    text-transform: none;
    display: block;
    transition: all 0.2s ease-in-out;
    text-align: left;
    padding-left: 20px
}

.header .nav-tematiques .menu-tematiques-text .menu-name {
    display: inline-block;
    vertical-align: middle
}

.header .nav-tematiques .menu-tematiques-text .icon-menu {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 0;
    font-size: 30px;
    font-size: 3rem;
    line-height: 37.5px;
    line-height: 4.5rem;
    line-height: 1;
    width: 30px;
    height: 30px
}

.header .nav-tematiques .menu-tematiques-text.active .icon-menu {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 27.5px;
    line-height: 3.3rem
}

.header .nav-tematiques .menu-tematiques-text.active .icon-menu:before {
    content:"{"
}

.header .nav-tematiques .menu-tematiques {
    z-index: 1550;
    display: none;
    position: absolute;
    background-color: #585858;
    top: 100%;
    left: 0px;
    width: 250px
}

.header .nav-tematiques .menu-tematiques li {
    display: block;
    margin-bottom: 2px
}

.header .nav-tematiques .menu-tematiques li a {
    display: block;
    font-weight: 500;
    padding: 10px 20px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    color: #fff
}

.header .nav-tematiques .menu-tematiques li.totes-tematiques {
    position: relative
}

.header .nav-tematiques .menu-tematiques li.totes-tematiques:after {
    position: absolute;
    color: #fff;
    top: 6px;
    right: 0;
    font-size: 20px;
    font-size: 2rem
}

.header .nav-tematiques .menu-tematiques-container-nohome {
    display: none
}

.header .nav-tematiques .menu-tematiques-container-nohome .menu-tematiques {
    display: block
}

.header .nav-tematiques.active .menu-tematiques {
    display: block
}

.header .placeholder-cercador-fixed .boto-tematica {
    display: none
}

.header .altres-apartats {
    max-width: 725px;
    float: right;
    text-align: right
}

.header .altres-apartats .botons-prensa {
    color: #a0a0a0
}

.header .altres-apartats .botons-prensa .btn-orange {
    padding: 3px 15px;
    background-color: #ffb800;
    color: #fff;
    margin-right: 15px
}

.header .altres-apartats .botons-prensa .btn-orange:hover {
    background: #cc9300
}

.header .altres-apartats li {
    position: relative;
    padding: 0px;
    margin-bottom: 0px;
    display: block;
    float: left;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16.25px;
    line-height: 1.95rem
}

.header .altres-apartats li .icona-menu {
    width: 10px;
    vertical-align: middle
}

.header .altres-apartats li>a {
    display: inline-block;
    padding: 7px 0px 7px;
    margin-right: 15px
}

.header .altres-apartats li>a i {
    color: #298ccf;
    display: inline-block;
    width: 17px
}

.header .altres-apartats li>a i.icon-seleccio {
    margin-right: 2px
}

.header .altres-apartats li.blue a {
    color: #298ccf
}

.header .altres-apartats li.blue a:hover {
    color: #000
}

.header .altres-apartats li.btn-orange a {
    padding: 3px 15px;
    background-color: #ffb800;
    color: #fff;
    margin-top: 3px
}

.header .altres-apartats li.btn-orange a:hover {
    background: #cc9300
}

.header .altres-apartats li.mostrable {
    display: none
}

.header .altres-apartats li.mostrable>a i {
    color: #000
}

.header .altres-apartats li.mostrable.recomendador-li {
    display: none !important
}

.header .altres-apartats li.with-login>i {
    color: #298ccf !important
}

.header .altres-apartats li.activable>a {
    display: block;
    padding: 7px 10px;
    margin-right: 0px
}

.header .altres-apartats li.activable>a i {
    width: 20px
}

.header .altres-apartats li.activable.active {
    background: #383838;
    color: #fff
}

.header .altres-apartats li.activable.active i {
    color: #fff
}

.header .altres-apartats li.activable.active>a {
    background: #383838;
    color: #fff
}

.header .altres-apartats li.activable.active>a i {
    color: #fff
}

.header .altres-apartats li.activable.active .login-widget-box {
    display: block;
    text-align: left
}

.header .altres-apartats li.activable.active .login-widget-box .accedir-xxss span {
    display: block;
    margin-bottom: 4px
}

.header .altres-apartats li.activable.active .altres-apartats-submenu {
    display: block
}

.header .altres-apartats li .altres-apartats-submenu {
    display: none;
    text-align: left;
    position: absolute;
    right: 0px;
    min-width: 320px;
    padding: 20px 0px;
    z-index: 1200;
    background: #383838;
    color: #fff;
    max-height: 100vh;
    overflow: auto
}

.header .altres-apartats li .altres-apartats-submenu::-webkit-scrollbar {
    width: 5px
}

.header .altres-apartats li .altres-apartats-submenu::-webkit-scrollbar-track {
    background: #383838
}

.header .altres-apartats li .altres-apartats-submenu::-webkit-scrollbar-thumb {
    background: #b8b8b8
}

.header .altres-apartats li .altres-apartats-submenu li {
    padding: 0px;
    position: relative;
    display: block;
    float: none
}

.header .altres-apartats li .altres-apartats-submenu li .dropdown-arrow {
    position: absolute;
    top: 0;
    right: 0;
    background: url('../img/down-arrow.png');
    background-position: center 15px;
    background-repeat: no-repeat;
    width: 42px;
    height: 42px;
    cursor: pointer
}

.header .altres-apartats li .altres-apartats-submenu li ul.dropdown-box {
    padding: 15px;
    margin: 15px 0;
    background: #6b6b6b;
    display: none;
    float: none
}

.header .altres-apartats li .altres-apartats-submenu li a {
    display: block;
    width: auto;
    padding: 5px 25px;
    color: #fff
}

.header .altres-apartats li .altres-apartats-submenu li a:hover {
    color: #298ccf
}

.header .altres-apartats li .altres-apartats-submenu li.separasota {
    margin-bottom: 10px
}

.header .altres-apartats li .altres-apartats-submenu li.mostrable {
    display: none
}

@media screen and (max-width:850px) {
    .header .altres-apartats li .altres-apartats-submenu li.mostrable {
        width: 100%;
        float: left
    }
}

.header .altres-apartats li .altres-apartats-submenu li.les-tematiques {
    height: auto
}

.header .altres-apartats li .altres-apartats-submenu li .dues-columnes {
    display: block;
    float: none;
    position: relative;
    width: 320px;
    padding-left: 20px
}

.header .altres-apartats li .altres-apartats-submenu li .dues-columnes .tematica {
    display: block;
    float: left;
    width: 50%
}

.header .altres-apartats li .altres-apartats-submenu li .dues-columnes .tematica a {
    padding: 3px 10px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 13.75px;
    line-height: 1.65rem;
    color: #a0a0a0;
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.header .altres-apartats li .altres-apartats-submenu li .dues-columnes .tematica a:before {
    content: ''
}

.header .altres-apartats li .altres-apartats-submenu .subsubmenu {
    display: none;
    position: absolute;
    top: 0px;
    right: 100%;
    min-width: 250px;
    padding: 15px 0px;
    z-index: 1210;
    background: #383838;
    color: #fff;
    white-space: nowrap
}

.header .altres-apartats li .altres-apartats-submenu .subsubmenu .columna {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    min-width: 200px
}

.header .altres-apartats li .altres-apartats-submenu li:hover>.subsubmenu {
    display: block
}

.header .altres-apartats li .submenu {
    display: none;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    padding: 20px;
    z-index: 1200;
    position: absolute;
    background: #383838;
    right: -40px;
    color: #000;
    top: 42px;
    white-space: nowrap;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem
}

.header .altres-apartats li .submenu a {
    color: #fff;
    text-transform: none;
    font-weight: 500;
    border-left: 0;
    padding: 0
}

.header .altres-apartats li .submenu a:hover {
    color: #298ccf
}

.header .altres-apartats li .submenu .columna {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    min-width: 220px;
    text-align: left
}

.header .altres-apartats li .submenu .columna a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem
}

.header .altres-apartats li .submenu .columna a::before {
    font-family: "pdlfont" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1em;
    vertical-align: -14%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "i";
    color: #fff
}

.header .recomendador {
    float: right;
    cursor: pointer;
    border-left: 2px solid #fff
}

.header .recomendador a {
    display: block;
    width: 175px;
    padding: 13px 10px 13px 15px;
    color: #298ccf;
    font-weight: 600;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem
}

.header .recomendador a:hover {
    background-color: #525252;
    cursor: pointer
}

.header .recomendador .icona {
    float: right;
    font-size: 2.7em;
    color: #298ccf;
    margin-top: 3px
}

.header .recomendador span {
    display: block;
    color: #fff;
    text-transform: uppercase
}

.header .premis-grup62 {
    float: right;
    cursor: pointer;
    padding: 7px 0;
    border-left: 2px solid #fff
}

.header .premis-grup62 a {
    display: block;
    width: 175px;
    padding: 13px 40px 13px 45px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    text-transform: uppercase
}

.header .premis-grup62 a:hover {
    background-color: #525252;
    cursor: pointer
}

.header .premis-grup62 .icona {
    float: right;
    font-size: 2.7em;
    color: #298ccf;
    margin-top: 3px
}

.header .wrapper-cercador {
    clear: both;
    background-color: #ededed;
    max-height: 120px;
    -webkit-transition: max-height 0.2s ease-out;
    -moz-transition: max-height 0.2s ease-out;
    -o-transition: max-height 0.2s ease-out;
    transition: max-height 0.2s ease-out
}

.header .wrapper-cercador>.wrapper {
    background-color: #ededed
}

.header.fixed {
    padding: 0px
}

.header.fixed .site-brand {
    width: 220px;
    padding-top: 10px
}

.header.fixed .site-brand a {
    display: block;
    height: 100%
}

.header.fixed .placeholder-cercador-fixed {
    width: 50%;
    width: calc(100% - 260px - 130px - 93px - 20px);
    float: left
}

.header.fixed .placeholder-cercador-fixed .megacercador {
    padding: 0px;
    width: 100%
}

.header.fixed .placeholder-cercador-fixed .megacercador-casella {
    background-color: #e3e3e3;
    width: 100%;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    width: calc(100% - 120px);
    vertical-align: top;
    height: 60px
}

.header.fixed .placeholder-cercador-fixed .megacercador-enviar {
    height: 60px;
    margin: 0;
    vertical-align: top;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem
}

.header.fixed .placeholder-cercador-fixed.has-button .boto-tematica {
    text-align: center;
    display: inline-block;
    width: 160px;
    background: #585858;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    min-height: 36px;
    line-height: 42px;
    height: 60px;
    padding: 10px;
    padding-top: 12px
}

.header.fixed .placeholder-cercador-fixed.has-button .boto-tematica.dos-linias {
    padding: 10px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    line-height: 18px
}

.header.fixed .placeholder-cercador-fixed.has-button .megacercador {
    width: calc(100% - 165px)
}

.header.fixed .nav-tematiques {
    clear: none;
    margin-left: 10px
}

.header.fixed .nav-tematiques.nav-tematiques-fixada {
    display: block;
    position: relative;
    width: 180px;
    height: 60px;
    transition: 0.2s all ease-in-out
}

.header.fixed .nav-tematiques.nav-tematiques-fixada a.hamburguesa {
    display: block;
    height: 100%;
    color: white;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    font-weight: 300;
    transition: 0.2s all ease-in-out;
    padding-top: 4px;
    margin-left: 20px
}

.header.fixed .nav-tematiques.nav-tematiques-fixada a.hamburguesa .menu-name {
    display: inline-block;
    vertical-align: middle
}

.header.fixed .nav-tematiques.nav-tematiques-fixada a.hamburguesa .icon-menu {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 0;
    font-size: 30px;
    font-size: 3rem;
    line-height: 37.5px;
    line-height: 4.5rem;
    line-height: 1;
    width: 30px;
    height: 30px
}

@media screen and (max-width:500px) {
    .header.fixed .nav-tematiques.nav-tematiques-fixada a.hamburguesa {
        margin-left: 0px !important
    }
}

.header.fixed .nav-tematiques.nav-tematiques-fixada.active a.hamburguesa .icon-menu {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 27.5px;
    line-height: 3.3rem
}

.header.fixed .nav-tematiques.nav-tematiques-fixada.active a.hamburguesa .icon-menu:before {
    content:"{"
}

.header.fixed .altres-apartats {
    height: 60px;
    margin: 0
}

.header.fixed .altres-apartats ul {
    height: 100%
}

.header.fixed .altres-apartats li.mes-opcions a {
    margin-left: 0px
}

.header.fixed .altres-apartats li {
    height: 100%
}

.header.fixed .altres-apartats li i {
    color: #298ccf
}

.header.fixed .altres-apartats li.activable {
    margin: 0px;
    height: 100%
}

.header.fixed .altres-apartats li.activable .boto-dades,
.header.fixed .altres-apartats li.activable #desplega-login {
    position: relative;
    width: 40px;
    height: 100%
}

.header.fixed .altres-apartats li.activable .boto-dades img,
.header.fixed .altres-apartats li.activable #desplega-login img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 34px;
    width: 35px
}

.header.fixed .altres-apartats li.activable .dropdown-toggle {
    position: relative;
    width: 40px;
    height: 100%
}

.header.fixed .altres-apartats li.activable .dropdown-toggle i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.header.fixed .altres-apartats li.activable #desplega-login {
    position: relative;
    height: 100%;
    width: 100%;
    min-width: 45px
}

.header.fixed .altres-apartats li.activable #desplega-login img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 34px;
    width: 35px
}

.header.fixed .altres-apartats li.activable>a {
    margin: 0px
}

.header.fixed .altres-apartats .amagable {
    display: none
}

.header.fixed .altres-apartats .mostrable {
    display: block !important
}

.header.fixed .wrapper-cercador {
    max-height: 0px;
    overflow: hidden
}

.header.fixed .wrapper-cercador.cercador-actiu {
    max-height: 120px;
    overflow: hidden
}

.header.fixed .recomendador {
    display: none
}

.header.fixed .premis-grup62 {
    display: none
}

.header.fixed .nav-tematiques .hamburguesa {
    display: block;
    opacity: 1;
    pointer-events: auto
}

.header.fixed .nav-tematiques .menu-tematiques-text {
    pointer-events: auto
}

.header.registre {
    padding: 0px
}

.header.registre .site-brand {
    width: 220px;
    padding-top: 10px
}

.header.registre .site-brand a {
    display: block;
    height: 100%
}

.header.registre .placeholder-cercador-fixed {
    width: 50%;
    width: calc(100% - 260px - 130px - 93px - 20px);
    float: left
}

.header.registre .placeholder-cercador-fixed .megacercador {
    padding: 0px;
    width: 100%
}

.header.registre .placeholder-cercador-fixed .megacercador-casella {
    background-color: #e3e3e3;
    width: 100%;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    width: calc(100% - 120px);
    vertical-align: top;
    height: 60px
}

.header.registre .placeholder-cercador-fixed .megacercador-enviar {
    height: 60px;
    margin: 0;
    vertical-align: top;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem
}

.header.registre .placeholder-cercador-fixed.has-button .boto-tematica {
    text-align: center;
    display: inline-block;
    width: 160px;
    background: #585858;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    min-height: 36px;
    line-height: 42px;
    height: 60px;
    padding: 10px;
    padding-top: 12px
}

.header.registre .placeholder-cercador-fixed.has-button .boto-tematica.dos-linias {
    padding: 10px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    line-height: 18px
}

.header.registre .placeholder-cercador-fixed.has-button .megacercador {
    width: calc(100% - 165px)
}

.header.registre .nav-tematiques {
    clear: none;
    margin-left: 10px
}

.header.registre .nav-tematiques.nav-tematiques-fixada {
    display: block;
    position: relative;
    width: 180px;
    height: 60px;
    transition: 0.2s all ease-in-out
}

.header.registre .nav-tematiques.nav-tematiques-fixada a.hamburguesa {
    display: block;
    height: 100%;
    color: white;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    font-weight: 300;
    transition: 0.2s all ease-in-out;
    padding-top: 4px;
    margin-left: 20px
}

.header.registre .nav-tematiques.nav-tematiques-fixada a.hamburguesa .menu-name {
    display: inline-block;
    vertical-align: middle
}

.header.registre .nav-tematiques.nav-tematiques-fixada a.hamburguesa .icon-menu {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 0;
    font-size: 30px;
    font-size: 3rem;
    line-height: 37.5px;
    line-height: 4.5rem;
    line-height: 1;
    width: 30px;
    height: 30px
}

@media screen and (max-width:500px) {
    .header.registre .nav-tematiques.nav-tematiques-fixada a.hamburguesa {
        margin-left: 0px !important
    }
}

.header.registre .nav-tematiques.nav-tematiques-fixada.active a.hamburguesa .icon-menu {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 27.5px;
    line-height: 3.3rem
}

.header.registre .nav-tematiques.nav-tematiques-fixada.active a.hamburguesa .icon-menu:before {
    content:"{"
}

.header.registre .altres-apartats {
    height: 60px;
    margin: 0
}

.header.registre .altres-apartats ul {
    height: 100%
}

.header.registre .altres-apartats li.mes-opcions a {
    margin-left: 0px
}

.header.registre .altres-apartats li {
    height: 100%
}

.header.registre .altres-apartats li i {
    color: #298ccf
}

.header.registre .altres-apartats li.activable {
    margin: 0px;
    height: 100%
}

.header.registre .altres-apartats li.activable .boto-dades,
.header.registre .altres-apartats li.activable #desplega-login {
    position: relative;
    width: 40px;
    height: 100%
}

.header.registre .altres-apartats li.activable .boto-dades img,
.header.registre .altres-apartats li.activable #desplega-login img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 34px;
    width: 35px
}

.header.registre .altres-apartats li.activable .dropdown-toggle {
    position: relative;
    width: 40px;
    height: 100%
}

.header.registre .altres-apartats li.activable .dropdown-toggle i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.header.registre .altres-apartats li.activable #desplega-login {
    position: relative;
    height: 100%;
    width: 100%;
    min-width: 45px
}

.header.registre .altres-apartats li.activable #desplega-login img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 34px;
    width: 35px
}

.header.registre .altres-apartats li.activable>a {
    margin: 0px
}

.header.registre .altres-apartats .amagable {
    display: none
}

.header.registre .altres-apartats .mostrable {
    display: block !important
}

.header.registre .wrapper-cercador {
    max-height: 0px;
    overflow: hidden
}

.header.registre .wrapper-cercador.cercador-actiu {
    max-height: 120px;
    overflow: hidden
}

.header.registre .recomendador {
    display: none
}

.header.registre .premis-grup62 {
    display: none
}

.header.registre .nav-tematiques .hamburguesa {
    display: block;
    opacity: 1;
    pointer-events: auto
}

.header.registre .nav-tematiques .menu-tematiques-text {
    pointer-events: auto
}

@media screen and (max-width:850px) {
    .header.registre {
        -webkit-box-shadow: unset;
        box-shadow: unset
    }
    .header.registre .wrapper .site-brand {
        order: unset !important
    }
}

.header.visor {
    padding: 0px;
    border-bottom: 2px solid #ededed
}

.header.visor .site-brand {
    width: 220px;
    padding-top: 10px
}

.header.visor .site-brand a {
    display: block;
    height: 100%
}

.header.visor .placeholder-cercador-fixed {
    width: 50%;
    width: calc(100% - 260px - 130px - 93px - 20px);
    float: left
}

.header.visor .placeholder-cercador-fixed .megacercador {
    padding: 0px;
    width: 100%
}

.header.visor .placeholder-cercador-fixed .megacercador-casella {
    background-color: #e3e3e3;
    width: 100%;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    width: calc(100% - 120px);
    vertical-align: top;
    height: 60px
}

.header.visor .placeholder-cercador-fixed .megacercador-enviar {
    height: 60px;
    margin: 0;
    vertical-align: top;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem
}

.header.visor .placeholder-cercador-fixed.has-button .boto-tematica {
    text-align: center;
    display: inline-block;
    width: 160px;
    background: #585858;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.4rem;
    min-height: 36px;
    line-height: 42px;
    height: 60px;
    padding: 10px;
    padding-top: 12px
}

.header.visor .placeholder-cercador-fixed.has-button .boto-tematica.dos-linias {
    padding: 10px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    line-height: 18px
}

.header.visor .placeholder-cercador-fixed.has-button .megacercador {
    width: calc(100% - 165px)
}

.header.visor .nav-tematiques {
    clear: none;
    margin-left: 10px
}

.header.visor .nav-tematiques.nav-tematiques-fixada {
    display: block;
    position: relative;
    width: 180px;
    height: 60px;
    transition: 0.2s all ease-in-out
}

.header.visor .nav-tematiques.nav-tematiques-fixada a.hamburguesa {
    display: block;
    height: 100%;
    color: white;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    font-weight: 300;
    transition: 0.2s all ease-in-out;
    padding-top: 4px;
    margin-left: 20px
}

.header.visor .nav-tematiques.nav-tematiques-fixada a.hamburguesa .menu-name {
    display: inline-block;
    vertical-align: middle
}

.header.visor .nav-tematiques.nav-tematiques-fixada a.hamburguesa .icon-menu {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 0;
    font-size: 30px;
    font-size: 3rem;
    line-height: 37.5px;
    line-height: 4.5rem;
    line-height: 1;
    width: 30px;
    height: 30px
}

@media screen and (max-width:500px) {
    .header.visor .nav-tematiques.nav-tematiques-fixada a.hamburguesa {
        margin-left: 0px !important
    }
}

.header.visor .nav-tematiques.nav-tematiques-fixada.active a.hamburguesa .icon-menu {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 27.5px;
    line-height: 3.3rem
}

.header.visor .nav-tematiques.nav-tematiques-fixada.active a.hamburguesa .icon-menu:before {
    content:"{"
}

.header.visor .altres-apartats {
    height: 60px;
    margin: 0
}

.header.visor .altres-apartats ul {
    height: 100%
}

.header.visor .altres-apartats li.mes-opcions a {
    margin-left: 0px
}

.header.visor .altres-apartats li {
    height: 100%
}

.header.visor .altres-apartats li i {
    color: #298ccf
}

.header.visor .altres-apartats li.activable {
    margin: 0px;
    height: 100%
}

.header.visor .altres-apartats li.activable .boto-dades,
.header.visor .altres-apartats li.activable #desplega-login {
    position: relative;
    width: 40px;
    height: 100%
}

.header.visor .altres-apartats li.activable .boto-dades img,
.header.visor .altres-apartats li.activable #desplega-login img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 34px;
    width: 35px
}

.header.visor .altres-apartats li.activable .dropdown-toggle {
    position: relative;
    width: 40px;
    height: 100%
}

.header.visor .altres-apartats li.activable .dropdown-toggle i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.header.visor .altres-apartats li.activable #desplega-login {
    position: relative;
    height: 100%;
    width: 100%;
    min-width: 45px
}

.header.visor .altres-apartats li.activable #desplega-login img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 34px;
    width: 35px
}

.header.visor .altres-apartats li.activable>a {
    margin: 0px
}

.header.visor .altres-apartats .amagable {
    display: none
}

.header.visor .altres-apartats .mostrable {
    display: block !important
}

.header.visor .wrapper-cercador {
    max-height: 0px;
    overflow: hidden
}

.header.visor .wrapper-cercador.cercador-actiu {
    max-height: 120px;
    overflow: hidden
}

.header.visor .recomendador {
    display: none
}

.header.visor .premis-grup62 {
    display: none
}

.header.visor .nav-tematiques .hamburguesa {
    display: block;
    opacity: 1;
    pointer-events: auto
}

.header.visor .nav-tematiques .menu-tematiques-text {
    pointer-events: auto
}

.header.visor .site-brand {
    width: 260px;
    padding: 0
}

.header.visor .wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 55px 0px
}

.header.visor .wrapper .tornar-al-llibre .btn-submit-outline i {
    margin-right: 10px;
    font-size: 20px;
    font-size: 2rem
}

@media screen and (max-width:850px) {
    .header.visor .wrapper {
        padding: 10px
    }
}

@media screen and (max-width:500px) {
    .header.visor .wrapper .tornar-al-llibre .btn-submit-outline span {
        display: none
    }
    .header.visor .wrapper .tornar-al-llibre .btn-submit-outline i {
        margin-right: 0px
    }
}

.header.visor.fixed {
    background: #fff
}

.header.visor.fixed .wrapper {
    padding: 20px 0px
}

.header.visor .visor-link-fitxa {
    padding: 10px 30px;
    display: inline-block;
    font-weight: 600
}

@media screen and (max-width:500px) {
    .header.visor .visor-link-fitxa {
        padding: 7px 15px
    }
}

.header.visor .visor-font-size {
    display: inline-block
}

.header.visor .visor-font-size .mes-petita {
    font-size: 23px;
    font-size: 2.3rem
}

.header.visor .visor-font-size .mes-normal {
    font-size: 28px;
    font-size: 2.8rem
}

.header.visor .visor-font-size .mes-gran {
    font-size: 33px;
    font-size: 3.3rem
}

.header.visor .visor-font-size .btn {
    vertical-align: middle;
    padding: 0px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #e0e0e0;
    color: #298ccf;
    font-weight: 600;
    border: 0
}

.header.visor .visor-font-size .btn.active {
    background-color: #298ccf;
    color: #fff
}

@media screen and (max-width:500px) {
    .header.visor .visor-font-size .btn {
        width: 40px;
        height: 40px;
        line-height: 40px
    }
}

body.home .header .nav-tematiques .menu-tematiques-text {
    background: none;
    padding-left: 20px;
    text-align: left
}

body.home .header .nav-tematiques .menu-tematiques-text i {
    display: none
}

body.home .menu-tematiques-container-nohome {
    display: none !important
}

@media screen and (max-width:900px) {
    .altres-apartats-submenu .subsubmenu {
        display: none !important
    }
}

.header-placeholder {
    display: none
}

.login-widget {
    position: relative;
    display: inline-block
}

.login-widget .btn {
    display: inline-block
}

.login-widget .btn .plegar {
    display: none
}

.login-widget .btn .desplegar {
    display: inline
}

.login-widget>a.btn img {
    vertical-align: middle
}

.login-widget>a.btn .login {
    padding-left: 8px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    color: #298ccf;
    vertical-align: middle
}

.login-widget>a.btn .login:link,
.login-widget>a.btn .login:visited,
.login-widget>a.btn .login:active {
    color: #298ccf
}

.login-widget.active>a.btn .login {
    color: #298ccf
}

.popup-confirmacio {
    z-index: 4000;
    display: inline-block
}

.popup-confirmacio .popup-wrapper {
    position: fixed;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 40vh;
    right: 50%;
    transform: translateX(50%) translateY(-50%);
    z-index: 1300
}

@media screen and (max-width:500px) {
    .popup-confirmacio .popup-wrapper {
        top: 10px;
        transform: translateX(50%);
        height: auto;
        overflow: auto
    }
}

.popup-confirmacio .popup-wrapper .popup-title-wrapper {
    min-height: 56px;
    background: #298ccf;
    color: #fff;
    margin: -20px -20px 20px;
    line-height: 63px;
    padding: 0px 16px 0px 30px
}

.popup-confirmacio .popup-wrapper .popup-title-wrapper .popup-title {
    float: left;
    font-size: 22px;
    font-size: 2.2rem
}

.popup-confirmacio .popup-wrapper .popup-title-wrapper .popup-options {
    float: right;
    padding-top: 15px
}

.popup-confirmacio .popup-wrapper .container-confirmacio {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 50px 0
}

@media screen and (max-width:850px) {
    .popup-confirmacio .popup-wrapper .container-confirmacio {
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

.popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-img {
    width: 60%;
    margin-right: 20px;
    text-align: center
}

.popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-img img {
    width: 75%;
    margin-top: -50px
}

@media screen and (max-width:850px) {
    .popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-img {
        width: 100%;
        margin-right: 0%
    }
    .popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-img img {
        width: 50%;
        max-width: 250px;
        margin-top: 0px
    }
}

.popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-text {
    padding: 0px
}

@media screen and (max-width:850px) {
    .popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-text {
        padding-right: 0;
        text-align: center;
        font-size: 14px
    }
}

.popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-text .titol-modal {
    font-weight: 500;
    font-size: 22px;
    font-size: 2.2rem;
    margin: 15px 0px;
    font-weight: bold
}

@media screen and (max-width:500px) {
    .popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-text .titol-modal {
        font-size: 18px;
        font-size: 1.8rem;
        margin: 20px 0px
    }
}

.popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-text p {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: left
}

@media screen and (max-width:500px) {
    .popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-text p {
        font-size: 16px;
        font-size: 1.6rem
    }
}

.popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-text a {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500
}

@media screen and (max-width:500px) {
    .popup-confirmacio .popup-wrapper .container-confirmacio .container-confirmacio-text a {
        font-size: 15px;
        font-size: 1.5rem;
        padding: 4px 25px
    }
}

.without-login .popup-confirmacio {
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    position: fixed;
    background: rgba(0, 0, 0, 0.9);
    min-height: 100vh
}

.without-login .popup-confirmacio .popup-wrapper {
    color: #3a3a3a;
    background: #fff;
    padding: 20px;
    width: 1110px;
    max-width: 90%
}

.login-widget-box {
    z-index: 4000;
    display: none
}

.login-widget-box .popup-wrapper {
    position: fixed;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 50px;
    top: 40vh;
    right: 50%;
    transform: translateX(50%) translateY(-50%);
    z-index: 1300
}

@media screen and (max-width:500px) {
    .login-widget-box .popup-wrapper {
        top: 10px;
        transform: translateX(50%);
        height: auto;
        overflow: auto
    }
}

.login-widget-box .popup-wrapper .popup-title-wrapper {
    min-height: 56px;
    background: #298ccf;
    color: #fff;
    margin: -20px -20px 20px;
    line-height: 63px;
    padding: 0px 16px 0px 20px
}

.login-widget-box .popup-wrapper .popup-title-wrapper .popup-title {
    float: left;
    font-weight: 500;
    font-size: 22px;
    font-size: 2.2rem
}

.login-widget-box .popup-wrapper .popup-title-wrapper .popup-options {
    float: right
}

.login-widget-box .popup-wrapper .popup-title-wrapper .popup-options .svg {
    width: 35px;
    height: 55px;
    background-color: #fff
}

@media screen and (max-width:850px) {
    .login-widget-box .popup-wrapper .popup-title-wrapper {
        padding: 0px 16px 0px 20px
    }
}

.login-widget-box .popup-wrapper .container-login-register {
    display: flex;
    flex-direction: row;
    width: 100%
}

@media screen and (max-width:500px) {
    .login-widget-box .popup-wrapper .container-login-register {
        display: block
    }
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate {
    width: 50%;
    float: left;
    padding-right: 15px
}

@media screen and (max-width:500px) {
    .login-widget-box .popup-wrapper .container-login-register .text-registrate {
        width: 100%;
        padding-right: 0px
    }
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate .btn-submit {
    margin-top: 25px;
    padding: 14px 40px;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.8rem
}

@media screen and (max-width:500px) {
    .login-widget-box .popup-wrapper .container-login-register .text-registrate .btn-submit {
        margin-top: 10px
    }
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate .column_container {
    display: flex;
    flex-direction: row;
    justify-content: space-around
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate .column_container .container {
    display: flex;
    flex-direction: column
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate .column_container .container .img_1 {
    background: url(../img/icono-popuplogin_01.png) no-repeat center;
    background-size: contain;
    height: 75px;
    width: 100%
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate .column_container .container .img_2 {
    background: url(../img/icono-popuplogin_02.png) no-repeat center;
    background-size: contain;
    height: 75px;
    width: 100%
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate .column_container .container .img_3 {
    background: url(../img/icono-popuplogin_03.png) no-repeat center;
    background-size: contain;
    height: 75px;
    width: 100%
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate .column_container .container .descripcio_registre {
    width: 95%;
    margin: 0 auto
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate .column_container .container .descripcio_registre p {
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    margin-top: 10px
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate .btn-crear {
    text-align: center
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate .register {
    text-align: left;
    margin-top: 15px;
    font-weight: bold
}

.login-widget-box .popup-wrapper .container-login-register .text-registrate .register a {
    color: #298ccf !important
}

.login-widget-box .popup-wrapper .login-box {
    width: 50%;
    float: left;
    border-left: 1px solid #383838;
    border-left: 1px solid rgba(56, 56, 56, 0.2);
    padding: 0px 0px 0px 20px
}

.login-widget-box .popup-wrapper .login-box .accedir-xxss {
    border-bottom: 1px solid #383838;
    border-bottom: 1px solid rgba(56, 56, 56, 0.2);
    margin-bottom: 30px;
    padding-bottom: 20px;
    display: flex;
    justify-content: center
}

.login-widget-box .popup-wrapper .login-box .accedir-xxss a {
    width: 50% !important
}

.login-widget-box .popup-wrapper .login-box .accedir-xxss a:last-child {
    margin-left: 5px
}

.login-widget-box .popup-wrapper .login-box .accedir-xxss a:first-child {
    margin-left: 0
}

@media screen and (max-width:500px) {
    .login-widget-box .popup-wrapper .login-box .accedir-xxss {
        width: 100%;
        padding-bottom: 5px;
        margin-bottom: 15px
    }
    .login-widget-box .popup-wrapper .login-box .accedir-xxss a {
        width: 100%
    }
}

.login-widget-box .popup-wrapper .login-box .form-group {
    margin-bottom: 15px
}

.login-widget-box .popup-wrapper .login-box .form-group .label {
    display: block
}

.login-widget-box .popup-wrapper .login-box .form-group .camp {
    display: block
}

.login-widget-box .popup-wrapper .login-box .form-hint {
    float: left;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    font-weight: 500
}

.login-widget-box .popup-wrapper .login-box .form-hint a {
    color: #298ccf
}

.login-widget-box .popup-wrapper .login-box .form-actions {
    text-align: right
}

.login-widget-box .popup-wrapper .login-box .form-actions .btn-submit {
    padding: 14px 40px;
    background: #298ccf;
    display: inline-block;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.8rem
}

@media screen and (max-width:500px) {
    .login-widget-box .popup-wrapper .login-box .form-actions {
        margin-top: 50px;
        text-align: center
    }
    .login-widget-box .popup-wrapper .login-box .form-actions .btn-submit {
        padding: 7px 40px;
        background: #298ccf;
        display: inline-block;
        text-align: center;
        font-weight: 500;
        font-size: 15px;
        font-size: 1.5rem
    }
}

.login-widget-box .popup-wrapper .login-box .register {
    text-align: left;
    margin-top: 15px;
    font-weight: bold
}

.login-widget-box .popup-wrapper .login-box .register a {
    color: #298ccf !important
}

.login-widget-box .popup-wrapper .heading {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 21.25px;
    line-height: 2.55rem;
    font-weight: 600;
    margin-bottom: 28px
}

@media screen and (max-width:500px) {
    .login-widget-box .popup-wrapper .heading {
        margin-bottom: 5px
    }
}

.login-widget-box .popup-wrapper .intro {
    font-weight: 500;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18.75px;
    line-height: 2.25rem;
    margin-bottom: 21px
}

@media screen and (max-width:500px) {
    .login-widget-box .popup-wrapper .intro {
        margin-bottom: 10px
    }
}

.without-login .login-widget-box {
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    position: fixed;
    background: rgba(0, 0, 0, 0.9);
    min-height: 100vh
}

.without-login .login-widget-box .popup-wrapper {
    color: #3a3a3a;
    background: #fff;
    padding: 20px;
    width: 1110px;
    max-width: 90%
}

.active>.login-widget-box {
    display: block
}

.menu-tematiques li {
    margin: 0
}

.menu-tematiques a {
    padding: 10px 20px;
    display: block;
    color: white;
    pointer-events: auto
}

.menu-tematiques a:link,
.menu-tematiques a:active,
.menu-tematiques a:visited {
    color: white
}

.menu-tematiques a:hover {
    background: #298ccf
}

.menu-tematiques .first-level {
    position: relative
}

.menu-tematiques .first-level>li>.second-level {
    display: none
}

@media screen and (min-width:851px) {
    .menu-tematiques .first-level>li:hover>.second-level {
        display: block
    }
}

.menu-tematiques .first-level .second-level {
    background: #585858;
    position: absolute;
    left: 100%;
    width: 200px;
    z-index: 1000;
    margin-top: -42px
}

@media screen and (max-width:850px) {
    .menu-tematiques .first-level .second-level {
        margin-top: 0px
    }
}

.menu-tematiques .first-level .open-second-level {
    display: block;
    background: url("../img/right-arrow.png") no-repeat right 10px center
}

.menu-tematiques .first-level .open-second-level:hover {
    background: url("../img/right-arrow.png") no-repeat right 10px center #298ccf;
}

.menu-tematiques .first-level .open-second-level.active {
    background: url("../img/right-arrow.png") no-repeat right 10px center #298ccf
}

.menu-tematiques .first-level li.current-menu {}

.menu-tematiques .first-level li.current-menu .open-second-level {
    background: url("../img/right-arrow.png") no-repeat right 10px center #298ccf
}

@media screen and (max-width:1200px) {}

@media screen and (max-width:980px) {
    .header .placeholder-cercador-fixed.has-button .boto-tematica {
        display: none !important
    }
    .header .placeholder-cercador-fixed.has-button .megacercador {
        width: 100% !important
    }
}

@media screen and (max-width:850px) {
    .header {
        padding: 0px;
        width: 100%;
        box-shadow: none;
    }
    .header .site-brand {
        width: 220px;
        padding-top: 10px
    }
    .header .site-brand a {
        display: block;
        height: 100%
    }
    .header .placeholder-cercador-fixed {
        width: 50%;
        width: calc(100% - 260px - 130px - 93px - 20px);
        float: left
    }
    .header .placeholder-cercador-fixed .megacercador {
        padding: 0px;
        width: 100%
    }
    .header .placeholder-cercador-fixed .megacercador-casella {
        background-color: #e3e3e3;
        width: 100%;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22.5px;
        line-height: 2.7rem;
        width: calc(100% - 120px);
        vertical-align: top;
        height: 60px
    }
    .header .placeholder-cercador-fixed .megacercador-enviar {
        height: 60px;
        margin: 0;
        vertical-align: top;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22.5px;
        line-height: 2.7rem
    }
    .header .placeholder-cercador-fixed.has-button .boto-tematica {
        text-align: center;
        display: inline-block;
        width: 160px;
        background: #585858;
        color: #fff;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2.4rem;
        min-height: 36px;
        line-height: 42px;
        height: 60px;
        padding: 10px;
        padding-top: 12px
    }
    .header .placeholder-cercador-fixed.has-button .boto-tematica.dos-linias {
        padding: 10px 10px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17.5px;
        line-height: 2.1rem;
        line-height: 18px
    }
    .header .placeholder-cercador-fixed.has-button .megacercador {
        width: calc(100% - 165px)
    }
    .header .nav-tematiques {
        clear: none;
        margin-left: 10px
    }
    .header .nav-tematiques.nav-tematiques-fixada {
        display: block;
        position: relative;
        width: 180px;
        height: 60px;
        transition: 0.2s all ease-in-out
    }
    .header .nav-tematiques.nav-tematiques-fixada a.hamburguesa {
        display: block;
        height: 100%;
        color: white;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22.5px;
        line-height: 2.7rem;
        font-weight: 300;
        transition: 0.2s all ease-in-out;
        padding-top: 4px;
        margin-left: 20px
    }
    .header .nav-tematiques.nav-tematiques-fixada a.hamburguesa .menu-name {
        display: inline-block;
        vertical-align: middle
    }
    .header .nav-tematiques.nav-tematiques-fixada a.hamburguesa .icon-menu {
        display: inline-block;
        vertical-align: middle;
        margin: 0 3px 0 0;
        font-size: 30px;
        font-size: 3rem;
        line-height: 37.5px;
        line-height: 4.5rem;
        line-height: 1;
        width: 30px;
        height: 30px
    }
    .header .nav-tematiques.nav-tematiques-fixada.active a.hamburguesa .icon-menu {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 27.5px;
        line-height: 3.3rem
    }
    .header .nav-tematiques.nav-tematiques-fixada.active a.hamburguesa .icon-menu:before {
        content:"{"
    }
    .header .altres-apartats {
        height: 60px;
        margin: 0
    }
    .header .altres-apartats ul {
        height: 100%
    }
    .header .altres-apartats li.mes-opcions a {
        margin-left: 0px
    }
    .header .altres-apartats li {
        height: 100%
    }
    .header .altres-apartats li i {
        color: #298ccf
    }
    .header .altres-apartats li.activable {
        margin: 0px;
        height: 100%
    }
    .header .altres-apartats li.activable .boto-dades,
    .header .altres-apartats li.activable #desplega-login {
        position: relative;
        width: 40px;
        height: 100%
    }
    .header .altres-apartats li.activable .boto-dades img,
    .header .altres-apartats li.activable #desplega-login img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: 34px;
        width: 35px
    }
    .header .altres-apartats li.activable .dropdown-toggle {
        position: relative;
        width: 40px;
        height: 100%
    }
    .header .altres-apartats li.activable .dropdown-toggle i {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }
    .header .altres-apartats li.activable #desplega-login {
        position: relative;
        height: 100%;
        width: 100%;
        min-width: 45px
    }
    .header .altres-apartats li.activable #desplega-login img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: 34px;
        width: 35px
    }
    .header .altres-apartats li.activable>a {
        margin: 0px
    }
    .header .altres-apartats .amagable {
        display: none
    }
    .header .altres-apartats .mostrable {
        display: block !important
    }
    .header .wrapper-cercador {
        max-height: 0px;
        overflow: hidden
    }
    .header .wrapper-cercador.cercador-actiu {
        max-height: 120px;
        overflow: hidden
    }
    .header .recomendador {
        display: none
    }
    .header .premis-grup62 {
        display: none
    }
    .header .nav-tematiques .hamburguesa {
        display: block;
        opacity: 1;
        pointer-events: auto
    }
    .header .nav-tematiques .menu-tematiques-text {
        pointer-events: auto
    }
    .header .altres-apartats {
        height: 45px
    }
    .header .altres-apartats li.mostrable.recomendador-li {
        display: inline-block !important
    }
    .header .nav-tematiques .menu-tematiques {
        display: none
    }
    .header .nav-tematiques .veure-mes>a {
        width: 90px;
        max-width: 90px
    }
    .header .nav-tematiques .veure-mes span.on-tablet {
        display: inline;
        text-transform: none
    }
    .header .nav-tematiques .veure-mes span.no-tablet {
        display: none
    }
    .header .nav-tematiques .veure-mes .submenu-tematiques {
        border: 0px;
        padding: 20px
    }
    .header .nav-tematiques .veure-mes .submenu-tematiques .titol-tematiques {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22.5px;
        line-height: 2.7rem;
        font-weight: 600;
        margin-bottom: 20px
    }
    .header .nav-tematiques .veure-mes .submenu-tematiques .columna .tematica a {
        color: #a0a0a0
    }
    .header .nav-tematiques .veure-mes .submenu-tematiques .columna .tematica a:hover {
        color: #fff
    }
    .header .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        -ms-flex-direction: row;
        -ms-flex-wrap: wrap;
        -ms-align-items: stretch;
        -ms-align-content: stretch;
        -ms-justify-content: space-between;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        -webkit-flex-wrap: wrap;
        -webkit-align-items: stretch;
        -webkit-align-content: stretch;
        -webkit-justify-content: space-between;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
        align-content: stretch;
        justify-content: space-between;
        align-items: center
    }
    .header .wrapper .site-brand {
        -webkit-box-flex: 1 0;
        -ms-flex: 1 0;
        -webkit-flex: 1 0;
        flex: 1 0;
        min-width: 0;
        order: 2
    }
    .header .wrapper .site-brand img {
        max-width: 250px
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada {
        -webkit-box-flex: 0 0 26%;
        -ms-flex: 0 0 26%;
        -webkit-flex: 0 0 26%;
        flex: 0 0 26%;
        min-width: 0;
        order: 1;
        padding: 10px 0;
        margin: 0 5px;
        transition: all 0.2s ease-in-out
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada .menu-tematiques {
        padding-bottom: 20px
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada.active {
        position: absolute;
        width: 100%;
        z-index: 10000;
        height: auto !important
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada.active a.hamburguesa {
        background: url('../img/icon-hamburger-menu-close.svg') no-repeat 0px center;
        padding: 20px 20px 20px 25px;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22.5px;
        line-height: 2.7rem;
        text-align: left
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada.active a.hamburguesa i {
        display: none;
        text-align: left
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada.active .menu-tematiques {
        width: 100%
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada.active .menu-tematiques .first-level .open-second-level {
        background: url(../img/down-arrow.png) no-repeat right 10px center
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada.active .menu-tematiques .first-level .open-second-level.active {
        background: url("../img/down-arrow.png") no-repeat right 10px center #298ccf
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada.active .menu-tematiques .first-level .second-level {
        left: 0;
        position: relative;
        width: 100%;
        height: auto;
        background: #8a8a8a
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada.active .menu-tematiques .first-level .second-level a {
        padding-left: 40px
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada.active .menu-tematiques li.current-menu .open-second-level {
        background: url("../img/down-arrow.png") no-repeat right 10px center #298ccf
    }
    .header .wrapper .placeholder-cercador-fixed {
        -webkit-box-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        min-width: 0;
        order: 4
    }
    .header .wrapper .megacercador .megacercador-casella {
        height: 50px;
        width: calc(100% - 50px)
    }
    .header .wrapper .megacercador .megacercador-enviar {
        background: url("../img/megacercador-lupa-blanca-gran.svg") no-repeat center center #298ccf;
        text-indent: -9999999px;
        padding-left: 30px;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22.5px;
        line-height: 2.7rem;
        height: 50px;
        width: 50px
    }
    .header .wrapper .altres-apartats {
        -webkit-box-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        -webkit-flex: 0 0 20%;
        flex: 0 0 20%;
        min-width: 0;
        order: 3
    }
    .header .wrapper .altres-apartats ul {
        float: right
    }
    .login-widget-box .popup-wrapper .popup-title-wrapper .popup-title {
        font-size: 20px;
        font-size: 2rem;
        line-height: 30px;
        padding-top: 10px;
        white-space: normal;
        width: 70%;
        font-weight: 300
    }
    .login-widget-box .popup-wrapper .text-registrate {
        width: 100%;
        float: none;
        padding: 10px
    }
    .login-widget-box .popup-wrapper .login-box {
        width: 100%;
        float: none;
        border-left: 0px
    }
}

@media screen and (max-width:850px) and (max-width:500px) {
    .header .nav-tematiques.nav-tematiques-fixada a.hamburguesa {
        margin-left: 0px !important
    }
}

@media screen and (max-width:850px) and (max-width:850px) {
    .login-widget-box .popup-wrapper .login-box {
        width: 50%;
        border-left: 1px solid rgba(56, 56, 56, 0.2)
    }
    .login-widget-box .popup-wrapper .text-registrate {
        padding: 0px 0px 0px 0px
    }
}

@media screen and (max-width:850px) and (max-width:500px) {
    .login-widget-box .popup-wrapper .login-box {
        width: 100%;
        border-left: 0px solid rgba(56, 56, 56, 0.2);
        padding: 0
    }
    .login-widget-box .popup-wrapper .text-registrate {
        padding: 0px
    }
}

@media screen and (max-width:500px) {
    .header {
        padding: 0;
        box-shadow: none !important
    }
    .header .site-brand {
        text-align: center
    }
    .header .site-brand a {
        padding: 0
    }
    .header .site-brand a img {
        max-width: 115px !important
    }
    .header .nav-tematiques {
        display: none
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada {
        -webkit-box-flex: 0 0 28%;
        -ms-flex: 0 0 28%;
        -webkit-flex: 0 0 28%;
        flex: 0 0 28%;
        min-width: 0
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada a.hamburguesa {
        padding: 3px 2px 0 0
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada a.hamburguesa .icon-menu {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 27.5px;
        line-height: 3.3rem;
        line-height: 1;
        width: 22px;
        height: 22px;
        margin: 0
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada a.hamburguesa .menu-name {
        margin: 1px 0 0 0
    }
    .header .altres-apartats .login-widget-box {
        right: -20px
    }
    .header .megacercador {}
    .header .megacercador .megacercador-casella {
        background: #e3e3e3;
        padding-left: 10px;
    }
    .header .wrapper .altres-apartats {
        margin: 0
    }
    .header .wrapper .altres-apartats li.activable #desplega-login {
        margin: 0 5px 0 0
    }
    .header .wrapper .megacercador .megacercador-casella {
        padding-left: 20px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2.4rem
    }
    .header .wrapper .megacercador .megacercador-enviar {
        width: 50px;
        background-size: 25px
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada {
        padding: 0;
        height: 40px
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada a.hamburguesa {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 15px;
        line-height: 1.8rem;
        margin-top: 5px
    }
    .header,
    .header.fixed {
        position: fixed;
        width: 100%;
        top: 0px;
        z-index: 99999;
        background: #fff
    }
    .header .site-brand a,
    .header.fixed .site-brand a {
        padding: 0
    }
    .header .altres-apartats,
    .header.fixed .altres-apartats {
        height: 40px
    }
    .banner-top .banner .amagar-desktop {
        display: block !important
    }
    .banner-top .banner .amagar-mobil {
        display: none !important
    }
    .banner-top .banner img {
        width: 100%
    }
    .banner-top .banner .owl-carousel .owl-prev,
    .banner-top .banner .owl-carousel .owl-next {
        color: #fff;
        position: absolute;
        left: 30px;
        opacity: 1;
        top: 50%;
        -webkit-transform: translateY(-60%);
        -ms-transform: translateY(-60%);
        transform: translateY(-60%)
    }
    .banner-top .banner .owl-carousel .owl-prev:hover,
    .banner-top .banner .owl-carousel .owl-next:hover {
        color: #e6e6e6
    }
    .banner-top .banner .owl-carousel .owl-next {
        right: 30px;
        left: auto
    }
    .login-widget-box .popup-wrapper .popup-title-wrapper .popup-title {
        font-size: 16px;
        font-size: 1.6rem
    }
    .header .wrapper .site-brand {
        -webkit-box-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
        -webkit-flex: 0 0 40%;
        flex: 0 0 40%;
        min-width: 0
    }
    .header .wrapper .altres-apartats {
        -webkit-box-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        -webkit-flex: 0 0 25%;
        flex: 0 0 25%;
        min-width: 0
    }
    .header .wrapper .placeholder-cercador-fixed {
        display: none
    }
    .header .wrapper .megacercador .megacercador-casella {
        width: 100%
    }
    .header .wrapper .megacercador .megacercador-enviar {
        display: none
    }
}

@media screen and (min-width:850px) {
    .header .altres-apartats i.icon-mes:before {
        line-height: 0.5em !important
    }
    .header.fixed {
        position: fixed;
        width: 100%;
        top: 0px;
        background-color: #ededed
    }
    .header.fixed+.header-placeholder {
        height: 173px;
        display: block
    }
    .header.fixed.visor+.header-placeholder {
        height: 50px;
        display: block
    }
}

@media screen and (min-width:850px) and (max-width:1200px) {
    .header.fixed>.wrapper {
        padding: 0px 30px 0px
    }
    .header.fixed>.wrapper.megacercador-receptor {
        padding: 0px
    }
}

.menu-mobile {
    position: fixed;
    width: 100%;
    z-index: 100000;
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
    display: block;
    background: #585858;
    padding-bottom: 14px;
}

.menu-mobile.active {
    z-index: 100001
}

.menu-mobile .first-level {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    -ms-align-items: stretch;
    -ms-align-content: stretch;
    -ms-justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: stretch;
    -webkit-align-content: stretch;
    -webkit-justify-content: space-between;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: stretch;
    justify-content: space-between;
    height: 40px
}

.menu-mobile .first-level li {
    margin: 0
}

.menu-mobile .first-level li.bottom-menu-bestellers,
.menu-mobile .first-level li.bottom-menu-newbooks,
.menu-mobile .first-level li.bottom-menu-editorials {
    border-right: 2px solid white;
    border-top: 2px solid white
}

.menu-mobile .first-level li.bottom-menu-bestellers a,
.menu-mobile .first-level li.bottom-menu-newbooks a,
.menu-mobile .first-level li.bottom-menu-editorials a {
    text-align: center;
    padding: 17px 5px;
    height: 100%
}

.menu-mobile .first-level>li {
    -webkit-box-flex: 1 0;
    -ms-flex: 1 0;
    -webkit-flex: 1 0;
    flex: 1 0;
    min-width: 0
}

.menu-mobile .first-level>li.hidden-menu {
    -webkit-box-flex: 0 0 30px;
    -ms-flex: 0 0 30px;
    -webkit-flex: 0 0 30px;
    flex: 0 0 30px;
    min-width: 0
}

.menu-mobile .first-level>li>.second-level {
    display: none
}

@media screen and (min-width:851px) {
    .menu-mobile .first-level>li:hover>.second-level {
        display: block
    }
}

.menu-mobile .first-level .second-level {
    display: none;
    position: fixed;
    top: 0;
    height: calc(100% - 54px);
    width: 100%;
    left: 0;
    overflow: auto;
    background: #585858;
    padding: 30px 15px
}

.menu-mobile .first-level .second-level li {
    display: block
}

.menu-mobile .first-level .second-level .seccio-titol a {
    display: block;
    padding: 8px 0
}

.menu-mobile .first-level .open-second-level {
    display: block;
    background: url("../img/icon-menu-dots.svg") no-repeat center center;
    background-size: 4px;
    width: 100%;
    height: 100%;
    transition: all 0.2s ease-in-out;
    border-top: 2px solid white
}

.menu-mobile .first-level .open-second-level.active {
    background: url("../img/icon-hamburger-menu-close.svg") no-repeat center center;
    border-top: 2px solid #585858
}

.menu-mobile .open-seccio-opcions {
    background: url(../img/down-arrow.png) no-repeat right 10px center
}

.menu-mobile .seccio-opcions {
    display: none
}

.menu-mobile .seccio {}

.menu-mobile .seccio .seccio-titol {
    position: relative;
}

.menu-mobile .seccio .seccio-titol a {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    font-weight: 700;
    color: white
}

.menu-mobile .seccio .seccio-titol a:link,
.menu-mobile .seccio .seccio-titol a:visited,
.menu-mobile .seccio .seccio-titol a:active {
    color: white
}

@media screen and (max-width:375px) {
    .menu-mobile .seccio .seccio-titol a {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 15px;
        line-height: 1.8rem
    }
}

.menu-mobile .seccio .dropdown-arrow {
    position: absolute;
    top: 0;
    right: 0;
    background: url('../img/down-arrow.png');
    background-position: center 15px;
    background-repeat: no-repeat;
    width: 42px;
    height: 42px;
    cursor: pointer
}

.menu-mobile .seccio ul.dropdown-box {
    padding: 5px 0 5px 25px;
    margin: 5px -15px;
    background: #8b8b8b;
    display: none;
    float: none
}

.menu-mobile .seccio .seccio-opcions {
    padding-top: 15px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem
}

.menu-mobile .seccio .seccio-opcions a {
    color: white
}

.menu-mobile .seccio .seccio-opcions a:link,
.menu-mobile .seccio .seccio-opcions a:visited,
.menu-mobile .seccio .seccio-opcions a:active {
    color: white
}

.menu-mobile .seccio .seccio-opcions .opcio,
.menu-mobile .seccio .seccio-opcions .tematica {
    position: relative;
    padding-left: 12px
}

.menu-mobile .seccio .seccio-opcions .opcio:hover,
.menu-mobile .seccio .seccio-opcions .tematica:hover {
    color: #fff
}

.menu-mobile .seccio .seccio-opcions .opcio:hover a,
.menu-mobile .seccio .seccio-opcions .tematica:hover a {
    color: #fff
}

.menu-mobile .seccio .seccio-opcions.dues-columnes .opcio,
.menu-mobile .seccio .seccio-opcions.dues-columnes .tematica {
    display: inline-block;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.menu-mobile .seccio .seccio-opcions .opcio:before,
.menu-mobile .seccio .seccio-opcions .tematica:before {
    position: absolute;
    left: 0px;
    top: 3px
}

.menu-mobile .seccio .seccio-opcions .opcio.nova:before,
.menu-mobile .seccio .seccio-opcions .tematica.nova:before {
    font-family: Arial, verdana, sans-serif;
    content: '\2022';
    color: #298ccf;
    font-size: 1.2em;
    top: 2px
}

@media screen and (max-width:375px) {
    .menu-mobile .second-level .seccio .seccio-titol a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17.5px;
        line-height: 2.1rem
    }
}

.menu-mobile .xxss-box .seccio-titol {
    font-weight: 500;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 85px;
    padding-top: 10px
}

.menu-mobile .xxss-box .xxss-list {
    display: inline-block;
    vertical-align: top;
    width: 65%
}

.menu-mobile .xxss-box .xxss-list a.xxss-icon {
    color: white
}

.menu-mobile .xxss-box .xxss-list a.xxss-icon .icon-xxss-territoriolector:before {
    color: #383838
}

.menu-mobile .xxss-box .xxss-list a.xxss-icon .icon-xxss-territoriolector:after {
    color: #a0a0a0
}

.menu-mobile .xxss-box .xxss-list li {
    margin: 0 3px 6px
}

.menu-mobile .xxss-box .xxss-list li:nth-child(3n+4) {
    clear: both
}

@media screen and (min-width:500px) {
    .menu-mobile {
        display: none !important
    }
}

@media screen and (max-width:1200px) {
    .site-brand {
        padding-left: 5px
    }
}

.recomendador-mobile {
    display: none;
    color: #fff;
    background: #383838;
    padding: 20px;
    width: 100%;
    text-align: center
}

.recomendador-mobile.active {
    display: block
}

.recomendador-mobile span {
    display: block
}

.megacercador-receptor {
    position: relative;
    clear: both
}

.megacercador-receptor .cap-resultat {
    padding-top: 40px;
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 4015;
    display: none;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 27.5px;
    line-height: 3.3rem;
    color: #fff
}

.megacercador-receptor .cap-resultat i {
    font-family: Georgia, serif;
    color: #ccc
}

.megacercador {
    position: relative;
    color: #fff;
    padding: 0px;
    z-index: 1050;
    float: left;
    width: 710px;
    width: calc(100% - 251px - 165px)
}

.megacercador .megacercador-casella {
    display: inline-block;
    vertical-align: top;
    width: 560px;
    width: calc(100% - 120px);
    max-width: 100%;
    color: #8a8a8a;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    font-weight: 300;
    height: 62px;
    padding-left: 70px;
    margin-right: 0px;
    border: 0px;
    background: url('../img/ico-lupa-search.png') no-repeat 30px center
}

.megacercador .megacercador-enviar {
    display: inline-block;
    text-transform: none;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    background-color: #298ccf;
    color: #fff;
    height: 62px;
    width: 120px;
    margin-left: 0px
}

.megacercador .megacercador-enviar:hover {
    background-color: #216fa4
}

.megacercador.active {
    background-color: #525252;
    z-index: 4010
}

.megacercador.active label {
    color: #fff
}

.megacercador .megacercador-tancar {
    display: none;
    position: absolute;
    cursor: pointer;
    right: -180px;
    top: 10px
}

.megacercador .megacercador-tancar:hover {
    color: #298ccf
}

.megacercador-fons {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.9);
    z-index: 4000;
    min-height: 100vh;
    height: 120vh
}

.megacercador-resultats {
    position: absolute;
    width: 100% !important;
    top: 40px !important;
    left: 0px !important;
    right: 0px !important;
    z-index: 4014;
    background: transparent;
    height: 70vh;
    overflow-y: scroll
}

.megacercador-resultats * {
    background: none;
    border: 0;
    position: relative;
    float: none
}

.megacercador-resultats li {
    position: relative;
    background: none;
    float: left
}

.megacercador-resultats .portada img {
    opacity: 0.8
}

.megacercador-resultats li:hover .portada img {
    opacity: 1
}

body.megacercador-obert {
    overflow: hidden;
    height: 100vh
}

.ui-helper-hidden-accessible {
    display: none
}

.header-prensa {
    width: 100%;
    min-height: 40px;
    padding-top: 10px;
    position: relative;
    background: #fff;
    z-index: 99999
}

.header-prensa .wrapper {
    position: relative
}

.header-prensa .site-brand {
    float: left;
    width: 254px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out
}

.header-prensa .site-brand img {
    width: 100%
}

.header-prensa .logo-segell {
    max-width: 700px;
    float: right;
    text-align: right;
    margin-top: 5px
}

.header-prensa .logo-segell .text {
    float: left;
    color: #298ccf;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 2.7rem;
    font-weight: 600;
    margin-right: 20px;
    line-height: 60px
}

.header-prensa .logo-segell .logo {
    float: left
}

@media screen and (max-width:850px) {
    .header-prensa .logo-segell .text {
        line-height: 35px
    }
    .header-prensa .logo-segell .logo img {
        max-width: 160px
    }
}

@media screen and (max-width:500px) {}

html[lang="pt-br"] .megacercador,
html[lang="pt-pt"] .megacercador {
    width: calc(100% - 251px - 195px)
}

@media screen and (max-width:850px) {
    body {
        padding-top: 45px
    }
    body.prensa {
        padding-top: 0px
    }
    .header {
        position: fixed;
        background: white;
        z-index: 100000;
        top: 0;
        left: 0;
        -webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.3)
    }
    .header .wrapper-cercador.cercador-actiu .nav-tematiques,
    .header .wrapper-cercador.cercador-actiu .user-login-nav,
    .header .wrapper-cercador.cercador-actiu .clearfix,
    .header .wrapper-cercador.cercador-actiu .megacercador .megacercador-enviar {
        display: none
    }
    .header .wrapper-cercador.cercador-actiu .placeholder-cercador-nofixed,
    .header .wrapper-cercador.cercador-actiu .megacercador {
        width: 100%
    }
    .header .wrapper .altres-apartats {
        height: 100%;
        -webkit-box-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
        -webkit-flex: 0 0 35%;
        flex: 0 0 35%;
        min-width: 0
    }
    .header .wrapper .altres-apartats li.activable {
        height: 60px
    }
    .header .wrapper .altres-apartats li.activable.trigger-search #desplega-cercador {
        background: url("../img/megacercador-lupa-blanca-gran.svg") no-repeat center center #298ccf;
        background-size: 30px;
        display: block;
        width: 60px;
        height: 60px;
        margin: 0 0 0 5px
    }
    .header .wrapper .altres-apartats li.activable.trigger-search.active {
        background: none
    }
    .header .wrapper .altres-apartats li.activable.trigger-search i {
        display: none
    }
    .header .wrapper .site-brand {
        -webkit-box-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
        -webkit-flex: 0 0 35%;
        flex: 0 0 35%;
        min-width: 0
    }
    .header .wrapper .nav-tematiques.nav-tematiques-fixada {
        margin: 0 5px 0 0
    }
}

@media screen and (max-width:500px) {
    .header .wrapper .site-brand {
        -webkit-box-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
        -webkit-flex: 0 0 40%;
        flex: 0 0 40%;
        min-width: 0;
        padding-top: 5px
    }
    .header .wrapper .altres-apartats {
        -webkit-box-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
        -webkit-flex: 0 0 30%;
        flex: 0 0 30%;
        min-width: 0
    }
    .header .wrapper .altres-apartats li.activable {
        height: 40px
    }
    .header .wrapper .altres-apartats li.activable.trigger-search #desplega-cercador {
        width: 40px;
        height: 40px;
        margin: 0 0 0 5px;
        background-size: 22px
    }
    .header .wrapper .altres-apartats li.activable #desplega-login img {
        height: 26px;
        width: 26px
    }
}

.footer {
    clear: both;
    padding-top: 30px;
    padding-bottom: 50px;
    background-color: #f1f1f1;
    color: #585858
}

.footer a {
    color: #585858
}

.footer .footer-box {
    width: 25%;
    margin-bottom: 20px;
    float: left
}

.footer .footer-box .tipus {
    color: #298ccf;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    margin-bottom: 10px
}

.footer .footer-box .tipus .oh-libros {
    color: #298ccf
}

.footer .footer-list {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    list-style-type: none;
    margin-left: 0px
}

.footer .credits-box {
    clear: both;
    padding-top: 50px;
    color: #585858;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.8rem;
    line-heigth: 30px
}

.footer .credits-box a {
    color: #585858
}

.footer .credits-box img {
    vertical-align: middle
}

.footer .credits-box .credits-content {
    margin-bottom: 20px;
    display: inline-block
}

.footer .credits-box .credits-content a {
    padding: 0px 10px 0px 0px;
    white-space: nowrap
}

.footer .credits-box .credits-content-right {
    margin-bottom: 20px;
    display: inline-block;
    margin-right: 30px;
    float: right;
    text-align: right
}

.footer .credits-box .credits-content-right a {
    padding: 0px 10px 0px 0px;
    white-space: nowrap
}

.footer .credits-box .credits-content-right a+a {
    border-left: 1px solid #585858;
    padding-left: 10px
}

.footer .credits-box .credits-content-right a:last-child {
    padding-right: 0px
}

.footer .credits-box .credits-content-right .copyright {
    margin-top: 10px;
    padding-right: 10px;
    display: flex;
    flex-direction: row;
    justify-content: end
}

.footer .credits-box .credits-content-right .copyright p {
    margin: 0
}

.footer-segells {
    padding: 0px 50px 25px;
    position: relative;
    max-height: 130px
}

.slider-segells.owl-carousel .owl-item {
    height: 100px;
    line-height: 100px;
    text-align: center
}

.slider-segells.owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.slider-segells .owl-prev {
    position: absolute;
    left: -40px;
    top: 40px
}

.slider-segells .owl-next {
    position: absolute;
    right: -40px;
    top: 40px
}

.xxss-list li {
    float: left;
    margin-right: 10px
}

a.xxss-icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 35px;
    background: #7f7f7f;
    color: #eee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

a.xxss-icon:hover {
    color: #fff;
    background: #6f6f6f
}

@media screen and (max-width:1200px) {
    .footer .wrapper {
        padding: 10px
    }
}

@media screen and (max-width:849px) {
    .footer .footer-box {
        width: 33%
    }
    .footer .footer-box:nth-of-type(4) {
        clear: both
    }
    .footer .credits-box .credits-content-right {
        text-align: center
    }
}

@media screen and (max-width:499px) {
    .footer {
        padding: 0
    }
    .footer .footer-segells {
        display: none
    }
    .footer ul.xxss-list {
        display: flex;
        justify-content: center
    }
    .footer .footer-box {
        width: 100%;
        text-align: center;
        padding-top: 10px
    }
    .footer .footer-box.footer-xxss {
        display: block;
        width: 100%;
        float: none
    }
    .footer .footer-box .footer-list li {
        margin: 0 0 5px 0
    }
    .footer .credits-box {
        padding: 10px
    }
    .footer .credits-box .credits-content {
        display: flex;
        justify-content: center
    }
    .footer .credits-box .credits-content a {
        padding: 0
    }
    .footer .credits-box .credits-content-right {
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin-right: 0px;
        width: 100%
    }
    .footer .credits-box .credits-content-right a {
        border-left: 0px;
        padding: 0
    }
    .footer .credits-box .credits-content-right a+a {
        border-left: 0px;
        padding: 5px 0 0 0
    }
    .footer .credits-box .credits-content-right .copyright {
        padding: 0;
        flex-direction: column
    }
    .footer .credits-box .credits-content-right .copyright p {
        margin: 0px
    }
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right {
    height: 13px
}

div.pp_default .pp_top .pp_left {
    background: url(../../../img/prettyPhoto/default/sprite.png) -78px -93px no-repeat
}

div.pp_default .pp_top .pp_middle {
    background: url(../../../img/prettyPhoto/default/sprite_x.png) top left repeat-x
}

div.pp_default .pp_top .pp_right {
    background: url(../../../img/prettyPhoto/default/sprite.png) -112px -93px no-repeat
}

div.pp_default .pp_content .ppt {
    color: #f8f8f8
}

div.pp_default .pp_content_container .pp_left {
    background: url(../../../img/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
    padding-left: 13px
}

div.pp_default .pp_content_container .pp_right {
    background: url(../../../img/prettyPhoto/default/sprite_y.png) top right repeat-y;
    padding-right: 13px
}

div.pp_default .pp_content {
    background-color: #fff
}

div.pp_default .pp_next:hover {
    background: url(../../../img/prettyPhoto/default/sprite_next.png) center right no-repeat;
    cursor: pointer
}

div.pp_default .pp_previous:hover {
    background: url(../../../img/prettyPhoto/default/sprite_prev.png) center left no-repeat;
    cursor: pointer
}

div.pp_default .pp_expand {
    background: url(../../../img/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px
}

div.pp_default .pp_expand:hover {
    background: url(../../../img/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
    cursor: pointer
}

div.pp_default .pp_contract {
    background: url(../../../img/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px
}

div.pp_default .pp_contract:hover {
    background: url(../../../img/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
    cursor: pointer
}

div.pp_default .pp_close {
    width: 30px;
    height: 30px;
    background: url(../../../img/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
    cursor: pointer
}

div.pp_default #pp_full_res .pp_inline {
    color: #000
}

div.pp_default .pp_gallery ul li a {
    background: url(../../../img/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
    border: 1px solid #aaa
}

div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a {
    border-color: #fff
}

div.pp_default .pp_social {
    margin-top: 7px
}

div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next {
    position: static;
    left: auto
}

div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause {
    background: url(../../../img/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
    height: 30px;
    width: 30px
}

div.pp_default .pp_nav .pp_pause {
    background-position: -51px -29px
}

div.pp_default .pp_details {
    position: relative
}

div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next {
    background: url(../../../img/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
    height: 20px;
    margin: 4px 0 0 0;
    width: 20px
}

div.pp_default a.pp_arrow_next {
    left: 52px;
    background-position: -82px -3px
}

div.pp_default .pp_content_container .pp_details {
    margin-top: 5px
}

div.pp_default .pp_nav {
    clear: none;
    height: 30px;
    width: 110px;
    position: relative
}

div.pp_default .pp_nav .currentTextHolder {
    font-family: Georgia;
    font-style: italic;
    color: #999;
    font-size: 11px;
    left: 75px;
    line-height: 25px;
    margin: 0;
    padding: 0 0 0 10px;
    position: absolute;
    top: 2px
}

div.pp_default .pp_close:hover,
div.pp_default .pp_nav .pp_play:hover,
div.pp_default .pp_nav .pp_pause:hover,
div.pp_default .pp_arrow_next:hover,
div.pp_default .pp_arrow_previous:hover {
    opacity: 0.7
}

div.pp_default .pp_description {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin: 5px 50px 5px 0
}

div.pp_default .pp_bottom .pp_left {
    background: url(../../../img/prettyPhoto/default/sprite.png) -78px -127px no-repeat
}

div.pp_default .pp_bottom .pp_middle {
    background: url(../../../img/prettyPhoto/default/sprite_x.png) bottom left repeat-x
}

div.pp_default .pp_bottom .pp_right {
    background: url(../../../img/prettyPhoto/default/sprite.png) -112px -127px no-repeat
}

div.pp_default .pp_loaderIcon {
    background: url(../../../img/prettyPhoto/default/loader.gif) center center no-repeat
}

div.light_rounded .pp_top .pp_left {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat
}

div.light_rounded .pp_top .pp_middle {
    background: #fff
}

div.light_rounded .pp_top .pp_right {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat
}

div.light_rounded .pp_content .ppt {
    color: #000
}

div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right {
    background: #fff
}

div.light_rounded .pp_content {
    background-color: #fff
}

div.light_rounded .pp_next:hover {
    background: url(../../../img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.light_rounded .pp_previous:hover {
    background: url(../../../img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_rounded .pp_expand {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_expand:hover {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_contract {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_contract:hover {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_details {
    position: relative
}

div.light_rounded .pp_description {
    margin-right: 85px
}

div.light_rounded #pp_full_res .pp_inline {
    color: #000
}

div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
}

div.light_rounded .pp_nav .pp_play {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_rounded .pp_nav .pp_pause {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_rounded .pp_arrow_previous {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat
}

div.light_rounded .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.light_rounded .pp_arrow_next {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat
}

div.light_rounded .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.light_rounded .pp_bottom .pp_left {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat
}

div.light_rounded .pp_bottom .pp_middle {
    background: #fff
}

div.light_rounded .pp_bottom .pp_right {
    background: url(../../../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat
}

div.light_rounded .pp_loaderIcon {
    background: url(../../../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat
}

div.dark_rounded .pp_top .pp_left {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat
}

div.dark_rounded .pp_top .pp_middle {
    background: url(../../../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
}

div.dark_rounded .pp_top .pp_right {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat
}

div.dark_rounded .pp_content_container .pp_left {
    background: url(../../../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y
}

div.dark_rounded .pp_content_container .pp_right {
    background: url(../../../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y
}

div.dark_rounded .pp_content {
    background: url(../../../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
}

div.dark_rounded .pp_next:hover {
    background: url(../../../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_previous:hover {
    background: url(../../../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_expand {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_expand:hover {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_contract {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_contract:hover {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_details {
    position: relative
}

div.dark_rounded .pp_description {
    margin-right: 85px
}

div.dark_rounded .currentTextHolder {
    color: #c4c4c4
}

div.dark_rounded .pp_description {
    color: #fff
}

div.dark_rounded #pp_full_res .pp_inline {
    color: #fff
}

div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
}

div.dark_rounded .pp_nav .pp_play {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_rounded .pp_nav .pp_pause {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_rounded .pp_arrow_previous {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat
}

div.dark_rounded .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.dark_rounded .pp_arrow_next {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat
}

div.dark_rounded .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.dark_rounded .pp_bottom .pp_left {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat
}

div.dark_rounded .pp_bottom .pp_middle {
    background: url(../../../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
}

div.dark_rounded .pp_bottom .pp_right {
    background: url(../../../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat
}

div.dark_rounded .pp_loaderIcon {
    background: url(../../../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat
}

div.dark_square .pp_left,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content {
    background: #000
}

div.dark_square .currentTextHolder {
    color: #c4c4c4
}

div.dark_square .pp_description {
    color: #fff
}

div.dark_square .pp_loaderIcon {
    background: url(../../../img/prettyPhoto/dark_square/loader.gif) center center no-repeat
}

div.dark_square .pp_expand {
    background: url(../../../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.dark_square .pp_expand:hover {
    background: url(../../../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.dark_square .pp_contract {
    background: url(../../../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.dark_square .pp_contract:hover {
    background: url(../../../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.dark_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../../../img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.dark_square .pp_details {
    position: relative
}

div.dark_square .pp_description {
    margin: 0 85px 0 0
}

div.dark_square #pp_full_res .pp_inline {
    color: #fff
}

div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
}

div.dark_square .pp_nav {
    clear: none
}

div.dark_square .pp_nav .pp_play {
    background: url(../../../img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_square .pp_nav .pp_pause {
    background: url(../../../img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_square .pp_arrow_previous {
    background: url(../../../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat
}

div.dark_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.dark_square .pp_arrow_next {
    background: url(../../../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat
}

div.dark_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.dark_square .pp_next:hover {
    background: url(../../../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.dark_square .pp_previous:hover {
    background: url(../../../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_square .pp_left,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content {
    background: #fff
}

div.light_square .pp_content .ppt {
    color: #000
}

div.light_square .pp_expand {
    background: url(../../../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_expand:hover {
    background: url(../../../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_contract {
    background: url(../../../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_contract:hover {
    background: url(../../../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../../../img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.light_square .pp_details {
    position: relative
}

div.light_square .pp_description {
    margin-right: 85px
}

div.light_square #pp_full_res .pp_inline {
    color: #000
}

div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
}

div.light_square .pp_nav .pp_play {
    background: url(../../../img/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_square .pp_nav .pp_pause {
    background: url(../../../img/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_square .pp_arrow_previous {
    background: url(../../../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat
}

div.light_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.light_square .pp_arrow_next {
    background: url(../../../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat
}

div.light_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.light_square .pp_next:hover {
    background: url(../../../img/prettyPhoto/light_square/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.light_square .pp_previous:hover {
    background: url(../../../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_square .pp_loaderIcon {
    background: url(../../../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat
}

div.facebook .pp_top .pp_left {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat
}

div.facebook .pp_top .pp_middle {
    background: url(../../../img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x
}

div.facebook .pp_top .pp_right {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat
}

div.facebook .pp_content .ppt {
    color: #000
}

div.facebook .pp_content_container .pp_left {
    background: url(../../../img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y
}

div.facebook .pp_content_container .pp_right {
    background: url(../../../img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y
}

div.facebook .pp_content {
    background: #fff
}

div.facebook .pp_expand {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.facebook .pp_expand:hover {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.facebook .pp_contract {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.facebook .pp_contract:hover {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.facebook .pp_close {
    width: 22px;
    height: 22px;
    background: url(../../../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.facebook .pp_details {
    position: relative
}

div.facebook .pp_description {
    margin: 0 37px 0 0
}

div.facebook #pp_full_res .pp_inline {
    color: #000
}

div.facebook .pp_loaderIcon {
    background: url(../../../img/prettyPhoto/facebook/loader.gif) center center no-repeat
}

div.facebook .pp_arrow_previous {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px
}

div.facebook .pp_arrow_previous.disabled {
    background-position: 0 -96px;
    cursor: default
}

div.facebook .pp_arrow_next {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px
}

div.facebook .pp_arrow_next.disabled {
    background-position: -32px -96px;
    cursor: default
}

div.facebook .pp_nav {
    margin-top: 0
}

div.facebook .pp_nav p {
    font-size: 15px;
    padding: 0 3px 0 4px
}

div.facebook .pp_nav .pp_play {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
    height: 22px;
    width: 22px
}

div.facebook .pp_nav .pp_pause {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
    height: 22px;
    width: 22px
}

div.facebook .pp_next:hover {
    background: url(../../../img/prettyPhoto/facebook/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.facebook .pp_previous:hover {
    background: url(../../../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.facebook .pp_bottom .pp_left {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat
}

div.facebook .pp_bottom .pp_middle {
    background: url(../../../img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x
}

div.facebook .pp_bottom .pp_right {
    background: url(../../../img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat
}

div.pp_pic_holder a:focus {
    outline: none
}

div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000
}

.pp_top {
    height: 20px;
    position: relative
}

* html .pp_top {
    padding: 0 20px
}

.pp_top .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px
}

.pp_top .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px
}

* html .pp_top .pp_middle {
    left: 0;
    position: static
}

.pp_top .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.pp_content {
    height: 40px;
    min-width: 40px
}

* html .pp_content {
    width: 40px
}

.pp_fade {
    display: none
}

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%
}

.pp_content_container .pp_left {
    padding-left: 20px
}

.pp_content_container .pp_right {
    padding-right: 20px
}

.pp_content_container .pp_details {
    float: left;
    margin: 10px 0 2px 0
}

.pp_description {
    display: none;
    margin: 0
}

.pp_social {
    float: left;
    margin: 0
}

.pp_social .facebook {
    float: left;
    margin-left: 5px;
    width: 55px;
    overflow: hidden
}

.pp_social .twitter {
    float: left
}

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0
}

.pp_nav p {
    float: left;
    margin: 2px 4px;
    white-space: nowrap
}

.pp_nav .pp_play,
.pp_nav .pp_pause {
    float: left;
    margin-right: 4px;
    text-indent: -10000px
}

a.pp_arrow_previous,
a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000
}

.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000
}

.pp_gallery div {
    float: left;
    overflow: hidden;
    position: relative
}

.pp_gallery ul {
    float: left;
    height: 35px;
    margin: 0 0 0 5px;
    padding: 0;
    position: relative;
    white-space: nowrap
}

.pp_gallery ul a {
    border: 1px #000 solid;
    border: 1px rgba(0, 0, 0, 0.5) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden
}

.pp_gallery ul a:hover,
.pp_gallery li.selected a {
    border-color: #fff
}

.pp_gallery ul a img {
    border: 0
}

.pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0
}

.pp_gallery li.default a {
    background: url(../../../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px
}

.pp_gallery li.default a img {
    display: none
}

.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
    margin-top: 7px !important
}

a.pp_next {
    background: url(../../../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.pp_previous {
    background: url(../../../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.pp_expand,
a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000
}

a.pp_close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    line-height: 22px;
    text-indent: -10000px
}

.pp_bottom {
    height: 20px;
    position: relative
}

* html .pp_bottom {
    padding: 0 20px
}

.pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px
}

.pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px
}

* html .pp_bottom .pp_middle {
    left: 0;
    position: static
}

.pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 24px
}

#pp_full_res {
    line-height: 1 !important
}

#pp_full_res .pp_inline {
    text-align: left
}

#pp_full_res .pp_inline p {
    margin: 0 0 15px 0
}

div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    margin: 0 0 5px 15px;
    z-index: 9999
}

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2147487720
}

.fancybox-skin {
    position: relative;
    background: #fff;
    color: #000;
    text-shadow: none
}

.fancybox-opened {
    z-index: 2147487730
}

.fancybox-outer,
.fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-type-ajax .fancybox-inner {
    overflow: visible !important
}

.fancybox-error {
    color: #000;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url('../plugins/fancybox/fancybox/fancybox_sprite.png')
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 2147487760;
    background: #000;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('../plugins/fancybox/fancybox/fancybox_loading.gif') center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: -35px;
    right: -5px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 2147487740
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('../plugins/fancybox/fancybox/blank.gif');
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 2147487740
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 2147487740;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 99999;
    background: url('../plugins/fancybox/fancybox/fancybox_overlay.png')
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 2147487750
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 2147487750;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, 0.7);
    text-shadow: 0 1px 2px #222;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url('../plugins/fancybox/fancybox/fancybox_sprite@2x.png');
        background-size: 44px 152px;
    }
    #fancybox-loading div {
        background-image: url('../plugins/fancybox/fancybox/fancybox_loading@2x.gif');
        background-size: 24px 24px;
    }
}

.tornar-a-dalt {
    display: none;
    background: #298ccf;
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding: 3px 7px;
    z-index: 99
}

.tornar-a-dalt a i {
    color: #fff
}

.blog-content,
.articles-results {}

.blog-content .heading,
.articles-results .heading {
    color: #298ccf;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem;
    margin: 0 0 15px 0;
    font-weight: 700
}

.blog-content .descripcio-categoria,
.articles-results .descripcio-categoria {
    margin-bottom: 30px
}

.blog-content .articles-grid,
.articles-results .articles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px
}

@media screen and (max-width:850px) {
    .blog-content .articles-grid,
    .articles-results .articles-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width:500px) {
    .blog-content .articles-grid,
    .articles-results .articles-grid {
        grid-template-columns: 1fr
    }
}

.blog-content .article-container,
.articles-results .article-container {
    box-shadow: 1px 3px 4px rgba(204, 204, 204, 0.6)
}

.blog-content .article-container .image,
.articles-results .article-container .image {
    height: 250px;
    cursor: pointer
}

.blog-content .article-container .image img,
.articles-results .article-container .image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    vertical-align: middle
}

.blog-content .article-container .info,
.articles-results .article-container .info {
    padding: 10px 20px
}

.blog-content .article-container .info .title,
.articles-results .article-container .info .title {
    font-weight: 700;
    word-break: break-word;
    margin-bottom: 10px
}

.blog-content .article-container .info .title span:hover,
.articles-results .article-container .info .title span:hover {
    cursor: pointer;
    color: #db9600
}

.blog-content .paginacio nav,
.articles-results .paginacio nav {
    width: fit-content;
    width: -moz-fit-content;
    margin: 0 auto;
    padding: 5px 20px;
    background-color: #efefef;
    text-align: center
}

.blog-content .paginacio nav .disabled,
.articles-results .paginacio nav .disabled {
    display: none
}

.blog-content .paginacio nav .current,
.articles-results .paginacio nav .current {
    font-weight: 800
}

.blog-content .paginacio nav span,
.articles-results .paginacio nav span,
.blog-content .paginacio nav a,
.articles-results .paginacio nav a {
    padding: 0 2px
}

.blog-content .paginacio nav a.next,
.articles-results .paginacio nav a.next,
.blog-content .paginacio nav a.prev,
.articles-results .paginacio nav a.prev {
    color: #808080
}

.blog-content .paginacio nav a.next,
.articles-results .paginacio nav a.next {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid rgba(56, 56, 56, 0.2)
}

.blog-content .paginacio nav a.next::after,
.articles-results .paginacio nav a.next::after {
    font-family: "pdlfont" !important;
    content: "Z";
    color: #000;
    position: relative;
    top: 2px;
    margin-left: 5px
}

.blog-content .paginacio nav a.prev,
.articles-results .paginacio nav a.prev {
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid rgba(56, 56, 56, 0.2)
}

.blog-content .paginacio nav a.prev::before,
.articles-results .paginacio nav a.prev::before {
    font-family: "pdlfont" !important;
    content: "Y";
    color: #000;
    position: relative;
    top: 2px;
    margin-right: 5px
}

.blog-content .banner-article,
.articles-results .banner-article {
    margin-bottom: 60px
}

@media screen and (max-width:650px) {
    .blog-content .banner-article,
    .articles-results .banner-article {
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 30px
    }
}

.blog-content .banner-article img,
.articles-results .banner-article img {
    vertical-align: middle;
    width: 100%;
    height: 100%
}

@media screen and (max-width:650px) {
    .blog-content .banner-article img,
    .articles-results .banner-article img {
        object-fit: cover
    }
}

.blog-content .clearfix,
.articles-results .clearfix {
    content: "";
    clear: both;
    display: table
}

.blog-content .article-detail,
.articles-results .article-detail {
    max-width: 875px;
    margin: 0 auto
}

.blog-content .article-detail h1:not(.title),
.articles-results .article-detail h1:not(.title),
.blog-content .article-detail h2,
.articles-results .article-detail h2,
.blog-content .article-detail h3,
.articles-results .article-detail h3 {
    color: #298ccf;
    clear: both;
    margin: 0px 0 20px 0
}

.blog-content .article-detail .title,
.articles-results .article-detail .title {
    text-align: center;
    font-size: 34px;
    font-size: 3.4rem;
    margin-bottom: 30px
}

.blog-content .article-detail .article-info,
.articles-results .article-detail .article-info {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    line-height: 25px;
    line-height: 3rem;
    font-weight: 300
}

.blog-content .article-detail .article-info span,
.articles-results .article-detail .article-info span {
    padding: 0 15px;
    color: #8a8a8a
}

.blog-content .article-detail .article-info span:nth-of-type(2),
.articles-results .article-detail .article-info span:nth-of-type(2) {
    border-left: 1px solid #8a8a8a;
    border-right: 1px solid #8a8a8a
}

.blog-content .article-detail a,
.articles-results .article-detail a {
    color: #298ccf
}

.blog-content .article-detail a:hover,
.articles-results .article-detail a:hover,
.blog-content .article-detail a:active,
.articles-results .article-detail a:active {
    color: #000;
    cursor: pointer
}

.blog-content .article-detail blockquote,
.articles-results .article-detail blockquote {
    position: relative;
    padding: 25px 0;
    color: #298ccf;
    font-weight: 600;
    margin: 30px 0
}

.blog-content .article-detail blockquote p,
.articles-results .article-detail blockquote p {
    margin: 0;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 40px;
    line-height: 4.8rem;
    line-height: 1.2
}

.blog-content .article-detail blockquote:before,
.articles-results .article-detail blockquote:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 28%;
    border-top: 1px solid #298ccf;
    border-bottom: 1px solid #298ccf
}

.blog-content .article-detail figure.image,
.articles-results .article-detail figure.image {
    margin: 0
}

.blog-content .article-detail figure.image,
.articles-results .article-detail figure.image,
.blog-content .article-detail img,
.articles-results .article-detail img,
.blog-content .article-detail figure,
.articles-results .article-detail figure {
    max-width: 100%;
    height: auto;
    margin: 0
}

.blog-content .article-detail figure.image.alignleft,
.articles-results .article-detail figure.image.alignleft,
.blog-content .article-detail img.alignleft,
.articles-results .article-detail img.alignleft,
.blog-content .article-detail figure.alignleft,
.articles-results .article-detail figure.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px
}

.blog-content .article-detail figure.image.alignright,
.articles-results .article-detail figure.image.alignright,
.blog-content .article-detail img.alignright,
.articles-results .article-detail img.alignright,
.blog-content .article-detail figure.alignright,
.articles-results .article-detail figure.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px
}

.blog-content .article-detail .aligncenter,
.articles-results .article-detail .aligncenter {
    float: none;
    text-align: center;
    margin-bottom: 20px !important
}

.blog-content .article-detail .aligncenter img,
.articles-results .article-detail .aligncenter img {
    display: inline
}

.blog-content .article-detail .aligncenter figcaption,
.articles-results .article-detail .aligncenter figcaption {
    text-align: center
}

.blog-content .article-detail hr,
.articles-results .article-detail hr {
    clear: both
}

.blog-content .article-detail .size-full:not(.alignright):not(.alignleft),
.articles-results .article-detail .size-full:not(.alignright):not(.alignleft) {
    float: none;
    display: block;
    width: 100%
}

.blog-content .article-detail img[src$=".svg"],
.articles-results .article-detail img[src$=".svg"] {
    width: 20px !important;
    position: relative;
    top: 5px
}

.blog-content .article-detail figure figcaption,
.articles-results .article-detail figure figcaption {
    text-align: right;
    color: #8a8a8a;
    font-size: 1.4rem
}

.blog-content .article-detail ol,
.articles-results .article-detail ol,
.blog-content .article-detail ul:not(.llibres-miniatures),
.articles-results .article-detail ul:not(.llibres-miniatures) {
    padding-left: 40px
}

.blog-content .article-detail ol,
.articles-results .article-detail ol {
    list-style: none;
    counter-reset: custom-ol-counter
}

.blog-content .article-detail ol li,
.articles-results .article-detail ol li {
    counter-increment: custom-ol-counter
}

.blog-content .article-detail ol li::before,
.articles-results .article-detail ol li::before {
    content: counter(custom-ol-counter) ". ";
    color: #298ccf;
    font-weight: 800;
    font-size: 1.8rem
}

.blog-content .article-detail ul:not(.llibres-miniatures):not(.blocks-gallery-grid):not(.wp-block-gallery),
.articles-results .article-detail ul:not(.llibres-miniatures):not(.blocks-gallery-grid):not(.wp-block-gallery) {
    list-style: none
}

.blog-content .article-detail ul:not(.llibres-miniatures):not(.blocks-gallery-grid):not(.wp-block-gallery) li,
.articles-results .article-detail ul:not(.llibres-miniatures):not(.blocks-gallery-grid):not(.wp-block-gallery) li {
    position: relative;
    padding-left: 20px
}

.blog-content .article-detail ul:not(.llibres-miniatures):not(.blocks-gallery-grid):not(.wp-block-gallery) li::before,
.articles-results .article-detail ul:not(.llibres-miniatures):not(.blocks-gallery-grid):not(.wp-block-gallery) li::before {
    content: "";
    display: block;
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background-color: #298ccf;
    border-radius: 50%
}

.blog-content .article-detail .wp-block-gallery ul.blocks-gallery-grid,
.articles-results .article-detail .wp-block-gallery ul.blocks-gallery-grid,
.blog-content .article-detail ul.wp-block-gallery,
.articles-results .article-detail ul.wp-block-gallery {
    display: grid;
    grid-gap: 20px;
    padding: 0;
    margin: 0
}

.blog-content .article-detail .wp-block-gallery ul.blocks-gallery-grid figure,
.articles-results .article-detail .wp-block-gallery ul.blocks-gallery-grid figure,
.blog-content .article-detail ul.wp-block-gallery figure,
.articles-results .article-detail ul.wp-block-gallery figure {
    margin: 0
}

.blog-content .article-detail .wp-block-gallery ul.blocks-gallery-grid li.blocks-gallery-item,
.articles-results .article-detail .wp-block-gallery ul.blocks-gallery-grid li.blocks-gallery-item,
.blog-content .article-detail ul.wp-block-gallery li.blocks-gallery-item,
.articles-results .article-detail ul.wp-block-gallery li.blocks-gallery-item {
    margin-bottom: 0 !important
}

.blog-content .article-detail .wp-block-gallery.columns-3 ul.blocks-gallery-grid,
.articles-results .article-detail .wp-block-gallery.columns-3 ul.blocks-gallery-grid,
.blog-content .article-detail ul.wp-block-gallery.columns-3,
.articles-results .article-detail ul.wp-block-gallery.columns-3 {
    grid-template-columns: repeat(3, 1fr)
}

.blog-content .article-detail .wp-block-gallery.columns-4 ul.blocks-gallery-grid,
.articles-results .article-detail .wp-block-gallery.columns-4 ul.blocks-gallery-grid,
.blog-content .article-detail ul.wp-block-gallery.columns-4,
.articles-results .article-detail ul.wp-block-gallery.columns-4 {
    grid-template-columns: repeat(4, 1fr)
}

.blog-content .article-detail .has-text-color.has-medium-font-size.has-vivid-cyan-blue-color,
.articles-results .article-detail .has-text-color.has-medium-font-size.has-vivid-cyan-blue-color {
    color: #298ccf;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 3rem;
    font-weight: 700
}

.blog-content .article-detail .carousel-container,
.articles-results .article-detail .carousel-container {
    margin: 40px 0;
    padding: 0 45px
}

@media screen and (max-width:500px) {
    .blog-content .article-detail .carousel-container,
    .articles-results .article-detail .carousel-container {
        padding: 0
    }
}

.blog-content .article-detail .carousel-container ul.llibres-miniatures,
.articles-results .article-detail .carousel-container ul.llibres-miniatures {
    position: relative
}

@media screen and (max-width:500px) {
    .blog-content .article-detail .carousel-container ul.llibres-miniatures,
    .articles-results .article-detail .carousel-container ul.llibres-miniatures {
        padding: 0 20%
    }
}

.blog-content .article-detail .carousel-container ul.llibres-miniatures li.imatge-gran,
.articles-results .article-detail .carousel-container ul.llibres-miniatures li.imatge-gran {
    margin: 0
}

.blog-content .article-detail .carousel-container ul.llibres-miniatures li.imatge-gran .portada,
.articles-results .article-detail .carousel-container ul.llibres-miniatures li.imatge-gran .portada {
    width: 100%;
    margin-bottom: 10px;
    cursor: pointer
}

.blog-content .article-detail .carousel-container ul.llibres-miniatures li.imatge-gran .portada img,
.articles-results .article-detail .carousel-container ul.llibres-miniatures li.imatge-gran .portada img {
    display: block;
    max-width: 100%
}

.blog-content .article-detail .carousel-container ul.llibres-miniatures li.imatge-gran .comprar,
.articles-results .article-detail .carousel-container ul.llibres-miniatures li.imatge-gran .comprar {
    margin-top: 10px
}

.blog-content .article-detail .carousel-container ul.llibres-miniatures li.imatge-gran .comprar .btn-comprar,
.articles-results .article-detail .carousel-container ul.llibres-miniatures li.imatge-gran .comprar .btn-comprar {
    cursor: pointer
}

.blog-content .article-detail .grid-container,
.articles-results .article-detail .grid-container {
    margin: 40px 0
}

.blog-content .article-detail .grid-container ul.llibres-miniatures,
.articles-results .article-detail .grid-container ul.llibres-miniatures {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px
}

@media screen and (max-width:650px) {
    .blog-content .article-detail .grid-container ul.llibres-miniatures,
    .articles-results .article-detail .grid-container ul.llibres-miniatures {
        grid-template-columns: 1fr
    }
}

@media screen and (max-width:650px) {
    .blog-content .article-detail .grid-container ul.llibres-miniatures li.imatge-gran,
    .articles-results .article-detail .grid-container ul.llibres-miniatures li.imatge-gran {
        width: 60%;
        margin: 0 auto
    }
}

.blog-content .article-detail .grid-container ul.llibres-miniatures li.imatge-gran .portada,
.articles-results .article-detail .grid-container ul.llibres-miniatures li.imatge-gran .portada {
    width: 100%;
    margin-bottom: 10px
}

.blog-content .article-detail .grid-container ul.llibres-miniatures li.imatge-gran .portada img,
.articles-results .article-detail .grid-container ul.llibres-miniatures li.imatge-gran .portada img {
    display: block;
    max-width: 100% !important
}

@media screen and (max-width:650px) {
    .blog-content .article-detail .grid-container ul.llibres-miniatures li.imatge-gran .portada img,
    .articles-results .article-detail .grid-container ul.llibres-miniatures li.imatge-gran .portada img {
        width: 100%
    }
}

.blog-content .article-detail .top-container,
.articles-results .article-detail .top-container {
    display: flex;
    flex-direction: column;
    margin: 40px 0 20px
}

.blog-content .article-detail .top-container .llibre-classificat,
.articles-results .article-detail .top-container .llibre-classificat {
    background-color: rgba(238, 238, 238, .9);
    padding: 20px;
    display: flex;
    margin-bottom: 20px
}

@media screen and (max-width:650px) {
    .blog-content .article-detail .top-container .llibre-classificat,
    .articles-results .article-detail .top-container .llibre-classificat {
        flex-wrap: wrap
    }
}

.blog-content .article-detail .top-container .llibre-classificat .ordre,
.articles-results .article-detail .top-container .llibre-classificat .ordre {
    font-size: 60px;
    font-size: 6rem;
    padding-top: 10px;
    font-weight: 300
}

@media screen and (max-width:650px) {
    .blog-content .article-detail .top-container .llibre-classificat .ordre,
    .articles-results .article-detail .top-container .llibre-classificat .ordre {
        position: absolute;
        font-size: 70px;
        font-size: 7rem;
        padding-top: 20px
    }
}

.blog-content .article-detail .top-container .llibre-classificat .portada,
.articles-results .article-detail .top-container .llibre-classificat .portada,
.blog-content .article-detail .top-container .llibre-classificat .info,
.articles-results .article-detail .top-container .llibre-classificat .info {
    display: flex;
    flex-direction: column
}

@media screen and (max-width:650px) {
    .blog-content .article-detail .top-container .llibre-classificat .portada,
    .articles-results .article-detail .top-container .llibre-classificat .portada,
    .blog-content .article-detail .top-container .llibre-classificat .info,
    .articles-results .article-detail .top-container .llibre-classificat .info {
        margin-top: 30px
    }
}

.blog-content .article-detail .top-container .llibre-classificat .portada .sinopsi,
.articles-results .article-detail .top-container .llibre-classificat .portada .sinopsi,
.blog-content .article-detail .top-container .llibre-classificat .info .sinopsi,
.articles-results .article-detail .top-container .llibre-classificat .info .sinopsi {
    margin-top: 20px;
    font-size: 1.5rem;
    text-overflow: ellipsis;
    width: 100%
}

.blog-content .article-detail .top-container .llibre-classificat .portada,
.articles-results .article-detail .top-container .llibre-classificat .portada {
    margin: 0 30px;
    cursor: pointer
}

@media screen and (max-width:650px) {
    .blog-content .article-detail .top-container .llibre-classificat .portada,
    .articles-results .article-detail .top-container .llibre-classificat .portada {
        width: calc(60% + 20px);
        margin: 0 auto
    }
}

.blog-content .article-detail .top-container .llibre-classificat .portada .photo,
.articles-results .article-detail .top-container .llibre-classificat .portada .photo {
    width: 200px;
    margin-bottom: 10px
}

@media screen and (max-width:650px) {
    .blog-content .article-detail .top-container .llibre-classificat .portada .photo,
    .articles-results .article-detail .top-container .llibre-classificat .portada .photo {
        width: 100%
    }
}

.blog-content .article-detail .top-container .llibre-classificat .portada .photo img,
.articles-results .article-detail .top-container .llibre-classificat .portada .photo img {
    height: auto;
    width: 100%
}

.blog-content .article-detail .top-container .llibre-classificat .portada .comprar .btn.btn-comprar,
.articles-results .article-detail .top-container .llibre-classificat .portada .comprar .btn.btn-comprar {
    width: 100%;
    text-align: center;
    cursor: pointer
}

.blog-content .article-detail .top-container .llibre-classificat .info,
.articles-results .article-detail .top-container .llibre-classificat .info {
    width: 100%
}

.blog-content .article-detail .top-container .llibre-classificat .info .titol,
.articles-results .article-detail .top-container .llibre-classificat .info .titol {
    font-weight: 700;
    color: #000;
    font-size: 2.4rem
}

.blog-content .article-detail .top-container .llibre-classificat .info .titol:hover,
.articles-results .article-detail .top-container .llibre-classificat .info .titol:hover,
.blog-content .article-detail .top-container .llibre-classificat .info .fitxa span:hover,
.articles-results .article-detail .top-container .llibre-classificat .info .fitxa span:hover {
    color: #db9600;
    cursor: pointer
}

.blog-content .article-detail .top-container .llibre-classificat .info .links,
.articles-results .article-detail .top-container .llibre-classificat .info .links {
    margin-top: 10px;
    color: #298ccf;
    font-size: 2rem;
    font-weight: 500;
    font-family: Georgia, serif
}

.blog-content .article-detail .top-container .llibre-classificat .info .links span,
.articles-results .article-detail .top-container .llibre-classificat .info .links span {
    cursor: pointer
}

.blog-content .article-detail .top-container .llibre-classificat .info .links span:hover,
.articles-results .article-detail .top-container .llibre-classificat .info .links span:hover {
    color: #000
}

.blog-content .article-detail .top-container .llibre-classificat .info .fitxa,
.articles-results .article-detail .top-container .llibre-classificat .info .fitxa {
    margin-top: auto;
    text-align: right
}

@media screen and (max-width:500px) {
    .blog-content .article-detail .top-container .llibre-classificat .info .fitxa,
    .articles-results .article-detail .top-container .llibre-classificat .info .fitxa {
        margin: 0
    }
}

.blog-content .article-detail .top-container .llibre-classificat .info .fitxa span,
.articles-results .article-detail .top-container .llibre-classificat .info .fitxa span {
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 600;
    color: #000;
    margin-top: 20px
}

.blog-content .article-detail .award-container,
.articles-results .article-detail .award-container {
    margin: 30px 0
}

.blog-content .article-detail .award-container ul.award-list,
.articles-results .article-detail .award-container ul.award-list,
.blog-content .article-detail .award-container ul.award-list li,
.articles-results .article-detail .award-container ul.award-list li {
    padding: 0
}

.blog-content .article-detail .award-container ul.award-list li,
.articles-results .article-detail .award-container ul.award-list li {
    margin-bottom: 10px
}

.blog-content .article-detail .award-container ul.award-list li::before,
.articles-results .article-detail .award-container ul.award-list li::before {
    display: none
}

.blog-content .article-detail .award-container ul.award-list li div,
.articles-results .article-detail .award-container ul.award-list li div {
    display: inline-block
}

@media screen and (max-width:500px) {
    .blog-content .article-detail .award-container ul.award-list li div,
    .articles-results .article-detail .award-container ul.award-list li div {
        display: inline-grid
    }
}

.blog-content .article-detail .award-container ul.award-list li div:first-of-type,
.articles-results .article-detail .award-container ul.award-list li div:first-of-type {
    color: #298ccf;
    font-weight: 800;
    font-size: 1.8rem;
    margin-right: 45px
}

.blog-content .article-detail .award-container ul.award-list li div.info span:first-child,
.articles-results .article-detail .award-container ul.award-list li div.info span:first-child {
    font-weight: 700;
    margin-right: 8px
}

.blog-content .article-detail .featured-container,
.articles-results .article-detail .featured-container {
    margin: 30px 0
}

.blog-content .article-detail .featured-container .soporte_select_mobile,
.articles-results .article-detail .featured-container .soporte_select_mobile {
    display: none
}

.blog-content .article-detail .featured-container.not-loaded,
.articles-results .article-detail .featured-container.not-loaded {
    display: none
}

.blog-content .article-detail .featured-container .book-container,
.articles-results .article-detail .featured-container .book-container {
    background-color: #ededed;
    padding: 20px;
    display: grid;
    grid-template-columns: 20% auto 30%;
    grid-gap: 20px;
    margin-bottom: 20px
}

@media screen and (max-width:850px) {
    .blog-content .article-detail .featured-container .book-container,
    .articles-results .article-detail .featured-container .book-container {
        grid-template-columns: 30% auto
    }
}

@media screen and (max-width:500px) {
    .blog-content .article-detail .featured-container .book-container,
    .articles-results .article-detail .featured-container .book-container {
        grid-template-columns: 1fr;
        margin: 0 -10px
    }
}

.blog-content .article-detail .featured-container .book-container .portada img,
.articles-results .article-detail .featured-container .book-container .portada img {
    max-width: 100%;
    height: auto;
    display: block;
    cursor: pointer
}

@media screen and (max-width:500px) {
    .blog-content .article-detail .featured-container .book-container .portada img,
    .articles-results .article-detail .featured-container .book-container .portada img {
        width: 100%
    }
}

.blog-content .article-detail .featured-container .book-container .book-info,
.articles-results .article-detail .featured-container .book-container .book-info {
    display: flex;
    flex-direction: column
}

@media screen and (max-width:850px) {
    .blog-content .article-detail .featured-container .book-container .book-info,
    .articles-results .article-detail .featured-container .book-container .book-info {
        padding-right: 0;
        order: 3;
        grid-column-start: 1;
        grid-column-end: 3
    }
}

@media screen and (max-width:500px) {
    .blog-content .article-detail .featured-container .book-container .book-info,
    .articles-results .article-detail .featured-container .book-container .book-info {
        order: unset;
        grid-column-start: unset;
        grid-column-end: unset
    }
}

.blog-content .article-detail .featured-container .book-container .book-info h3,
.articles-results .article-detail .featured-container .book-container .book-info h3 {
    margin-bottom: 0
}

.blog-content .article-detail .featured-container .book-container .book-info h3 a,
.articles-results .article-detail .featured-container .book-container .book-info h3 a {
    font-weight: 700;
    color: #000;
    font-size: 2.4rem
}

.blog-content .article-detail .featured-container .book-container .book-info h3 a:hover,
.articles-results .article-detail .featured-container .book-container .book-info h3 a:hover {
    color: #db9600
}

.blog-content .article-detail .featured-container .book-container .book-info .authors,
.articles-results .article-detail .featured-container .book-container .book-info .authors {
    color: #298ccf;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 500;
    font-family: Georgia, serif
}

.blog-content .article-detail .featured-container .book-container .book-info .authors span,
.articles-results .article-detail .featured-container .book-container .book-info .authors span {
    cursor: pointer
}

.blog-content .article-detail .featured-container .book-container .book-info .authors span:hover,
.articles-results .article-detail .featured-container .book-container .book-info .authors span:hover {
    color: #000
}

.blog-content .article-detail .featured-container .book-container .book-info .synopsis,
.articles-results .article-detail .featured-container .book-container .book-info .synopsis {
    margin-top: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    width: 100%;
    max-width: 300px;
    word-break: break-word
}

@media screen and (max-width:500px) {
    .blog-content .article-detail .featured-container .book-container .book-info .synopsis,
    .articles-results .article-detail .featured-container .book-container .book-info .synopsis {
        margin-bottom: 30px
    }
}

.blog-content .article-detail .featured-container .book-container .book-info .actions,
.articles-results .article-detail .featured-container .book-container .book-info .actions {
    margin-top: auto;
    display: flex;
    height: 37px
}

@media screen and (max-width:500px) {
    .blog-content .article-detail .featured-container .book-container .book-info .actions,
    .articles-results .article-detail .featured-container .book-container .book-info .actions {
        flex-direction: row-reverse;
        justify-content: space-between
    }
    .blog-content .article-detail .featured-container .book-container .book-info .actions .mini-btns,
    .articles-results .article-detail .featured-container .book-container .book-info .actions .mini-btns {
        margin-right: auto
    }
}

.blog-content .article-detail .featured-container .book-container .book-info .actions .read,
.articles-results .article-detail .featured-container .book-container .book-info .actions .read {
    background-color: #298ccf;
    padding: 0 20px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    margin-right: 2px;
    cursor: pointer
}

@media screen and (max-width:500px) {
    .blog-content .article-detail .featured-container .book-container .book-info .actions .read,
    .articles-results .article-detail .featured-container .book-container .book-info .actions .read {
        margin-right: 0
    }
}

.blog-content .article-detail .featured-container .book-container .book-info .actions .read:hover,
.articles-results .article-detail .featured-container .book-container .book-info .actions .read:hover {
    background-color: #216fa4
}

.blog-content .article-detail .featured-container .book-container .book-info .actions .fav,
.articles-results .article-detail .featured-container .book-container .book-info .actions .fav {
    height: 37px;
    width: 37px;
    display: inline-block;
    background-image: url('../../img/fav_blue@3x.svg');
    margin-right: 2px;
    cursor: pointer
}

.blog-content .article-detail .featured-container .book-container .book-info .actions .fav.activat,
.articles-results .article-detail .featured-container .book-container .book-info .actions .fav.activat {
    background-image: url('../../img/fav_light_blue@3x.svg')
}

.blog-content .article-detail .featured-container .book-container .book-info .actions .fav:hover,
.articles-results .article-detail .featured-container .book-container .book-info .actions .fav:hover {
    background-image: url('../../img/fav_white.svg')
}

.blog-content .article-detail .featured-container .book-container .book-info .actions .already-read,
.articles-results .article-detail .featured-container .book-container .book-info .actions .already-read {
    height: 37px;
    width: 37px;
    display: inline-block;
    background-image: url('../../img/leido_blue.svg');
    cursor: pointer
}

.blog-content .article-detail .featured-container .book-container .book-info .actions .already-read.activat,
.articles-results .article-detail .featured-container .book-container .book-info .actions .already-read.activat {
    background-image: url('../../img/leido_light_blue@3x.svg')
}

.blog-content .article-detail .featured-container .book-container .book-info .actions .already-read:hover,
.articles-results .article-detail .featured-container .book-container .book-info .actions .already-read:hover {
    background-image: url('../../img/leido_white@3x.svg')
}

@media screen and (max-width:850px) {
    .blog-content .article-detail .featured-container .book-container .options .soportes_comprar.since-tablet,
    .articles-results .article-detail .featured-container .book-container .options .soportes_comprar.since-tablet {
        display: block !important;
        background-color: #fff
    }
    .blog-content .article-detail .featured-container .book-container .options .soportes_comprar.since-tablet .boto_comprar,
    .articles-results .article-detail .featured-container .book-container .options .soportes_comprar.since-tablet .boto_comprar {
        display: flex;
        align-items: flex-end;
        padding: 20px
    }
    .blog-content .article-detail .featured-container .book-container .options .soportes_comprar.since-tablet .boto_comprar .compralo,
    .articles-results .article-detail .featured-container .book-container .options .soportes_comprar.since-tablet .boto_comprar .compralo {
        height: 100%
    }
}

.blog-content .article-detail .featured-container .book-container .options .soportes .titol,
.articles-results .article-detail .featured-container .book-container .options .soportes .titol {
    margin-bottom: 15px;
    color: #585858;
    font-weight: 600
}

@media screen and (max-width:850px) {
    .blog-content .article-detail .featured-container .book-container .options .soportes .titol,
    .articles-results .article-detail .featured-container .book-container .options .soportes .titol {
        width: 200%
    }
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports {
    background-color: white;
    max-height: 200px;
    overflow-y: auto;
    padding: 20px 10px 10px;
    text-align: left;
    position: relative;
    margin-bottom: 5px
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports .loading,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .loading {
    position: absolute;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    margin-left: -10px;
    text-align: center
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports .loading .icon-loading,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .loading .icon-loading {
    display: inline-block
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format {
    color: #585858
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format.checked,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format.checked {
    color: #298ccf
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format input,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format input {
    margin-right: 10px;
    visibility: hidden
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format .format_text,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format .format_text {
    display: flex;
    justify-content: space-between
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format .format_text .format_nom,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format .format_text .format_nom {
    font-weight: 800;
    cursor: pointer;
    position: relative
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format .format_text .format_nom::before,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format .format_text .format_nom::before {
    position: absolute;
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    background-color: #a0a0a0;
    border-radius: 50%;
    left: -23px;
    top: 4px
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format .preu,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format .preu {
    display: flex;
    align-items: flex-end
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format .preu .preu_tipus_format,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format .preu .preu_tipus_format {
    margin-left: 3px
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format .preu .preu_format,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format .preu .preu_format {
    white-space: nowrap
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format input:checked+.format_text,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format input:checked+.format_text {
    color: #298ccf
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format input:checked+.format_text .format_nom::before,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format input:checked+.format_text .format_nom::before {
    background-color: #298ccf
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format input:checked+.format_text .preu_format,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .info_format input:checked+.format_text .preu_format {
    font-weight: 800
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .preu_tipus_format,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .preu_tipus_format {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 13.75px;
    line-height: 1.65rem
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format.dropdown .dropdown-toggle,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format.dropdown .dropdown-toggle {
    color: #a0a0a0;
    font-weight: 600
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format.dropdown .dropdown-toggle:before,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format.dropdown .dropdown-toggle:before {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18.75px;
    line-height: 2.25rem
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .capitols,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format .capitols {
    display: none;
    padding-left: 18px;
    padding-top: 7px
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports .llibre_format.active .capitols,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports .llibre_format.active .capitols {
    display: block
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports.unico input.suport_llibre,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports.unico input.suport_llibre {
    display: none
}

.blog-content .article-detail .featured-container .book-container .options .soportes .suports.unico .info_format span,
.articles-results .article-detail .featured-container .book-container .options .soportes .suports.unico .info_format span {
    color: #585858
}

.blog-content .article-detail .featured-container .book-container .options .boto_comprar .compralo.btn.btn-submit,
.articles-results .article-detail .featured-container .book-container .options .boto_comprar .compralo.btn.btn-submit {
    padding: 10px;
    text-align: center;
    background-color: #76c556;
    color: #fff !important;
    display: block;
    border: 0;
    font-size: 1.2rem;
    line-height: 1.8rem;
    width: 100%;
    cursor: pointer
}

.blog-content .article-detail .featured-container .book-container .options .boto_comprar .compralo.btn.btn-submit:hover,
.articles-results .article-detail .featured-container .book-container .options .boto_comprar .compralo.btn.btn-submit:hover {
    background-color: #5cad3b
}

.blog-content .article-detail .featured-container .book-container .options .boto_comprar .compralo.btn.btn-submit .preu,
.articles-results .article-detail .featured-container .book-container .options .boto_comprar .compralo.btn.btn-submit .preu {
    font-size: 20px
}

.blog-content .articles-nav,
.articles-results .articles-nav {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 2.1rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px
}

@media screen and (max-width:500px) {
    .blog-content .articles-nav,
    .articles-results .articles-nav {
        grid-template-columns: 1fr;
        grid-gap: 10px
    }
}

.blog-content .articles-nav span:not(.art-title),
.articles-results .articles-nav span:not(.art-title) {
    color: #298ccf;
    font-weight: 700
}

.blog-content .articles-nav .art-title,
.articles-results .articles-nav .art-title {
    color: #000
}

.blog-content .articles-nav .prev .art-title,
.articles-results .articles-nav .prev .art-title {
    padding-left: 70px
}

.blog-content .articles-nav .next .art-title,
.articles-results .articles-nav .next .art-title {
    padding-right: 70px
}

.blog-content .articles-nav a,
.articles-results .articles-nav a {
    position: relative;
    border: 1px solid #298ccf;
    padding: 10px;
    display: flex;
    flex-direction: column;
    cursor: pointer
}

.blog-content .articles-nav a:hover,
.articles-results .articles-nav a:hover {
    border: 1px solid rgba(238, 238, 238, .9);
    background-color: rgba(238, 238, 238, .9)
}

.blog-content .articles-nav a:first-of-type,
.articles-results .articles-nav a:first-of-type {
    text-align: right
}

.blog-content .articles-nav a.disabled,
.articles-results .articles-nav a.disabled {
    border: 1px solid #a0a0a0;
    cursor: default
}

.blog-content .articles-nav a.disabled:hover,
.articles-results .articles-nav a.disabled:hover {
    background-color: #fff
}

.blog-content .articles-nav a.disabled span,
.articles-results .articles-nav a.disabled span {
    color: #a0a0a0
}

.blog-content .articles-nav a.disabled.prev::before,
.articles-results .articles-nav a.disabled.prev::before,
.blog-content .articles-nav a.disabled.next::after,
.articles-results .articles-nav a.disabled.next::after {
    color: #a0a0a0
}

.blog-content .articles-nav .prev::before,
.articles-results .articles-nav .prev::before,
.blog-content .articles-nav .next::after,
.articles-results .articles-nav .next::after {
    font-family: 'FontAwesome';
    font-size: 18px;
    font-size: 1.8rem;
    color: #298ccf;
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%)
}

.blog-content .articles-nav .prev::before,
.articles-results .articles-nav .prev::before {
    left: 10px;
    content: '\f053'
}

.blog-content .articles-nav .next::after,
.articles-results .articles-nav .next::after {
    right: 10px;
    content: '\f054'
}

.blog-content .articles-nav .hidden,
.articles-results .articles-nav .hidden {
    display: none
}

.blog-content embed,
.articles-results embed,
.blog-content iframe,
.articles-results iframe {
    clear: both;
    display: block;
    margin: 30px auto
}

@media screen and (max-width:500px) {
    .blog-content .videoEmbed iframe,
    .articles-results .videoEmbed iframe {
        width: 100% !important
    }
}

.blog-content .share,
.articles-results .share {
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 38px
}

@media screen and (max-width:1023px) {
    .blog-content .share,
    .articles-results .share {
        position: static;
        transform: none;
        width: 100%;
        flex-direction: row;
        justify-content: center;
        margin: 20px 0 40px
    }
}

@media screen and (max-width:500px) {
    .blog-content .share,
    .articles-results .share {
        justify-content: space-around
    }
}

.blog-content .share a.whatsapp_share,
.articles-results .share a.whatsapp_share {
    display: none
}

@media screen and (max-width:1023px) {
    .blog-content .share a:not(:last-of-type),
    .articles-results .share a:not(:last-of-type) {
        margin-right: 8px
    }
}

@media screen and (max-width:850px) {
    .blog-content .share a,
    .articles-results .share a {
        margin-right: 0
    }
    .blog-content .share a.whatsapp_share,
    .articles-results .share a.whatsapp_share {
        display: block
    }
}

@media screen and (max-width:1023px) {
    .blog-content .share a svg,
    .articles-results .share a svg {
        width: 50px;
        height: 50px
    }
}

.blog-content .share a:hover.fill-rect svg rect,
.articles-results .share a:hover.fill-rect svg rect {
    fill: #298ccf
}

.blog-content .share a:hover:not(.fill-rect) svg path,
.articles-results .share a:hover:not(.fill-rect) svg path {
    fill: #298ccf
}

.blog-content .comments,
.articles-results .comments {
    margin: 30px 0
}

.blog-content .comments .comment-sent,
.articles-results .comments .comment-sent {
    padding: 20px;
    margin-bottom: 20px
}

.blog-content .comments .comment-sent.alert-success,
.articles-results .comments .comment-sent.alert-success {
    background-color: #bdf0c5;
    color: #186324;
    opacity: 0.8
}

.blog-content .comments .comment-sent.alert-error,
.articles-results .comments .comment-sent.alert-error {
    background-color: #fbb;
    color: #c00;
    opacity: 0.8
}

.blog-content .comments .score,
.articles-results .comments .score {
    text-align: right;
    direction: rtl;
    width: 100%
}

.blog-content .comments .score label,
.articles-results .comments .score label {
    display: inline-block;
    cursor: pointer
}

.blog-content .comments .score label::before,
.articles-results .comments .score label::before {
    transition: 0.1s ease-in
}

.blog-content .comments .score label:hover::before,
.articles-results .comments .score label:hover::before,
.blog-content .comments .score label:hover~label::before,
.articles-results .comments .score label:hover~label::before {
    color: #db9600
}

.blog-content .comments .score label:last-of-type,
.articles-results .comments .score label:last-of-type {
    margin-left: 20px
}

.blog-content .comments .score .score-radio,
.articles-results .comments .score .score-radio {
    display: none
}

.blog-content .comments .score input[type="radio"]:checked+label::before,
.articles-results .comments .score input[type="radio"]:checked+label::before,
.blog-content .comments .score input[type="radio"]:checked~label::before,
.articles-results .comments .score input[type="radio"]:checked~label::before {
    color: #db9600
}

.blog-content .comments .new-comment .form-action,
.articles-results .comments .new-comment .form-action {
    text-align: right
}

.blog-content .comments .comment-container,
.articles-results .comments .comment-container {
    position: relative;
    margin-bottom: 5px
}

.blog-content .comments .comment-container:first-of-type,
.articles-results .comments .comment-container:first-of-type {
    margin-top: 20px
}

.blog-content .comments .comment-container #newComment,
.articles-results .comments .comment-container #newComment {
    width: 100%;
    padding: 25px 30px 30px 70px
}

.blog-content .comments .comment-container .user-ico,
.articles-results .comments .comment-container .user-ico {
    filter: grayscale(100%);
    position: absolute;
    top: 20px;
    left: 20px
}

.blog-content .comments .btn-comment,
.articles-results .comments .btn-comment {
    padding: 5px 10px;
    background-color: #db9600;
    color: #fff !important;
    margin-left: 20px
}

.blog-content .comments .btn-comment:hover,
.articles-results .comments .btn-comment:hover {
    background-color: #f0b026
}

.blog-content .comments .btn-comment.disabled,
.articles-results .comments .btn-comment.disabled {
    background-color: #ffe4a8;
    pointer-events: none
}

.blog-content .comments .comment-list,
.articles-results .comments .comment-list {
    margin-top: 30px
}

.blog-content .comments .comment-list .comment-container,
.articles-results .comments .comment-list .comment-container {
    padding: 20px 0 20px 70px
}

.blog-content .comments .comment-list .comment-container .comment-info,
.articles-results .comments .comment-list .comment-container .comment-info {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    display: flex
}

@media screen and (max-width:650px) {
    .blog-content .comments .comment-list .comment-container .comment-info,
    .articles-results .comments .comment-list .comment-container .comment-info {
        flex-wrap: wrap
    }
}

.blog-content .comments .comment-list .comment-container .comment-info span,
.articles-results .comments .comment-list .comment-container .comment-info span {
    margin-right: 10px
}

.blog-content .comments .comment-list .comment-container .comment-info .stars,
.articles-results .comments .comment-list .comment-container .comment-info .stars {
    margin-left: auto
}

@media screen and (max-width:650px) {
    .blog-content .comments .comment-list .comment-container .comment-info .stars,
    .articles-results .comments .comment-list .comment-container .comment-info .stars {
        width: 100%
    }
}

.blog-content .comments .comment-list .comment-container .comment-info .stars .active::before,
.articles-results .comments .comment-list .comment-container .comment-info .stars .active::before {
    color: #db9600
}

.blog-content .comments .comment-list .comment-container .comment-text,
.articles-results .comments .comment-list .comment-container .comment-text {
    margin: 10px 0
}

.blog-content .comments .comment-list .comment-container .answers,
.articles-results .comments .comment-list .comment-container .answers {
    text-align: right
}

.blog-content .comments .comment-list .comment-container .answers .btn.btn-answer.icon-chevron-down,
.articles-results .comments .comment-list .comment-container .answers .btn.btn-answer.icon-chevron-down {
    position: relative;
    padding-right: 30px;
    color: #000;
    font-weight: 700;
    justify-self: right
}

.blog-content .comments .comment-list .comment-container .answers .btn.btn-answer.icon-chevron-down::before,
.articles-results .comments .comment-list .comment-container .answers .btn.btn-answer.icon-chevron-down::before {
    color: #298ccf;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.blog-content .comments .comment-list .comment-container .answers .comment-container,
.articles-results .comments .comment-list .comment-container .answers .comment-container {
    border: 1px solid #8a8a8a;
    padding-right: 20px;
    text-align: left
}

@media screen and (max-width:650px) {
    .blog-content .comments .form-hint,
    .articles-results .comments .form-hint {
        display: none
    }
}

.blog-content .related,
.articles-results .related,
.blog-content .otro-contenido,
.articles-results .otro-contenido {
    margin-top: 50px
}

.blog-content .related h3,
.articles-results .related h3,
.blog-content .otro-contenido h3,
.articles-results .otro-contenido h3 {
    color: #298ccf;
    margin-bottom: 40px
}

.blog-content .related h3~p,
.articles-results .related h3~p,
.blog-content .otro-contenido h3~p,
.articles-results .otro-contenido h3~p {
    margin-top: -40px;
    margin-bottom: 40px
}

.blog-content .article-carousel .owl-stage,
.articles-results .article-carousel .owl-stage {
    padding-bottom: 10px
}

.blog-content .article-carousel,
.articles-results .article-carousel,
.blog-content .category-carousel,
.articles-results .category-carousel {
    position: relative;
    margin: 0 auto;
    width: 90%
}

.blog-content .article-carousel .category,
.articles-results .article-carousel .category,
.blog-content .category-carousel .category,
.articles-results .category-carousel .category {
    color: #8a8a8a;
    margin-bottom: 10px;
    font-size: 1.2rem
}

.blog-content .article-carousel .owl-stage,
.articles-results .article-carousel .owl-stage,
.blog-content .category-carousel .owl-stage,
.articles-results .category-carousel .owl-stage {
    display: flex !important;
    align-items: stretch
}

.blog-content .article-carousel .category-container,
.articles-results .article-carousel .category-container,
.blog-content .category-carousel .category-container,
.articles-results .category-carousel .category-container {
    height: 100%
}

.blog-content .article-carousel .category-container .image,
.articles-results .article-carousel .category-container .image,
.blog-content .category-carousel .category-container .image,
.articles-results .category-carousel .category-container .image {
    cursor: pointer
}

@media screen and (max-width:500px) {
    .blog-content .article-carousel .owl-nav .owl-prev,
    .articles-results .article-carousel .owl-nav .owl-prev,
    .blog-content .category-carousel .owl-nav .owl-prev,
    .articles-results .category-carousel .owl-nav .owl-prev {
        top: 59%;
        left: -10px
    }
    .blog-content .article-carousel .owl-nav .owl-next,
    .articles-results .article-carousel .owl-nav .owl-next,
    .blog-content .category-carousel .owl-nav .owl-next,
    .articles-results .category-carousel .owl-nav .owl-next {
        top: 59%;
        right: -10px
    }
}

.blog-content .owl-nav .owl-prev,
.articles-results .owl-nav .owl-prev {
    position: absolute;
    left: -45px;
    top: 40%;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%)
}

@media screen and (max-width:500px) {
    .blog-content .owl-nav .owl-prev,
    .articles-results .owl-nav .owl-prev {
        left: 35px
    }
    .blog-content .owl-nav .owl-prev .icon-slider-left.icon-2x,
    .blog-content .owl-nav .owl-prev a.xxss-icon.icon-slider-left,
    .articles-results .owl-nav .owl-prev .icon-slider-left.icon-2x,
    .articles-results .owl-nav .owl-prev a.xxss-icon.icon-slider-left {
        font-size: 2.7em
    }
}

.blog-content .owl-nav .owl-next,
.articles-results .owl-nav .owl-next {
    position: absolute;
    right: -45px;
    top: 40%;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%)
}

@media screen and (max-width:500px) {
    .blog-content .owl-nav .owl-next,
    .articles-results .owl-nav .owl-next {
        right: 35px
    }
    .blog-content .owl-nav .owl-next .icon-slider-right.icon-2x,
    .blog-content .owl-nav .owl-next a.xxss-icon.icon-slider-right,
    .articles-results .owl-nav .owl-next .icon-slider-right.icon-2x,
    .articles-results .owl-nav .owl-next a.xxss-icon.icon-slider-right {
        font-size: 2.7em
    }
}

.blog-content .article-carousel .article-container,
.articles-results .article-carousel .article-container,
.blog-content .article-carousel .info,
.articles-results .article-carousel .info {
    height: 100%
}

.blog-content .category-carousel .category-container .info,
.articles-results .category-carousel .category-container .info {
    background-color: #ededed;
    padding: 10px 20px;
    height: 100%
}

.blog-content .category-carousel .category-container .info .title,
.articles-results .category-carousel .category-container .info .title {
    margin-bottom: 10px;
    font-weight: 700;
    word-break: break-word
}

.blog-content .category-carousel .category-container .info .title a,
.articles-results .category-carousel .category-container .info .title a {
    color: #298ccf
}

.blog-content .category-carousel .category-container .info .title a:hover,
.articles-results .category-carousel .category-container .info .title a:hover {
    color: #db9600
}

.blog-content .category-carousel .owl-nav,
.articles-results .category-carousel .owl-nav {
    margin-top: 15px
}