@charset "utf-8";

.menu-visible {
	display: block !important;
}
.menu {
	min-width: inherit;
	float: none; 
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Primer nivell */
.menu > ul { 
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	
	padding: 0;
	margin: 0;
	list-style: none;
}
.menu > ul > li {
	padding: 10px 0 10px 0;
	margin: 0 10px;
	display: block;
}
.menu > ul > li i.fa-angle-down {
	display: none;
}
.menu > ul > li.menu-cerca {
	display: none;
}
.menu > ul > li > span:hover {
	cursor: default;
}
.menu>ul>li>a.selec, .menu>ul>li>a:hover, .menu>ul>li>a.hover, .menu>ul>li.hover,
.menu>ul>li>span.selec, .menu>ul>li>span:hover, .menu>ul>li>span.hover, .menu>ul>li.hover {
	color: #161616;
	font-weight: 500;
}
.menu>ul>li>a, 
.menu>ul>li>a.active,
.menu>ul>li>span, 
.menu>ul>li>span.active {
	overflow: hidden;
	display: block;
	margin : 0;
    padding: 0; 
	text-align: left;
    vertical-align: middle;
    text-decoration: none;
	background: none;
	text-transform: uppercase;
	
	color: #161616;
  	font-size: 16px;
  	letter-spacing: 0;
  	line-height: 22px;
  	font-weight: 400;
  	padding-left: 1.1px;
}
/* Seleccionat en tots els nivells */
.menu ul li a:hover, .menu ul li a.hover, .menu ul li a.selec {
	font-weight: 600;
	padding-left: 0px;
}


/* Segón nivell */
.menu>ul>li>ul { 
	position: absolute; 
	
	list-style:	none;
	width: 100%;
	text-align: left;
	
	opacity: 0;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	background-color: #ffffff;
	
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}
.menu>ul>li.hover>ul {
	opacity: 1;
	height: auto;
	visibility: visible;
	z-index: 1000;
	padding: 35px 0 76px 0;
}
.menu>ul>li.hover>ul>div {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.menu>ul>li>ul>div>li {
	text-align: left;
	width: 30%;
	background: none;
	padding: 0 0 25px 0;
	margin: 0;
	position: relative;
	float: left;
}
.menu>ul>li>ul>div>li a, 
.menu>ul>li>ul>div>li a:hover,
.menu>ul>li>ul>div>li a.active,
.menu>ul>li>ul>div>li a.hover {
	padding: 0;
	height: auto;
	background: none;
	text-align: left;
	color: #343434;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 22px;
	text-transform: uppercase;
	text-decoration: none;
}
.menu>ul>li>ul>div>li>a span.fletxa {
	
}
.menu>ul>li>ul>div>li.has-submenu > a > span:after {
    content: '\f0da';
    display: inline-block;
    font-weight: 600;
	font-family: "Font Awesome 5 Free";
	font-size: 1.2em;
	margin-left: 8px;
	vertical-align: bottom;
}
.menu>ul>li>ul>div>li.has-submenu:hover > a {
	font-weight: bold;
}
.menu>ul>li>ul>div>li.has-submenu:hover > a > span:after {
    content: '\f0d7';
}


/* tercer */
.menu>ul>li>ul>div>li ul {
	position: inherit;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style:	none;
	opacity: 0;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}
.menu>ul>li>ul>div>li.hover ul,
.menu>ul>li>ul>div>li:hover ul,
.menu>ul>li>ul>div>li.selec ul {
	opacity: 1;
	height: auto;
	visibility: visible;
	padding-top: 20px;
}
.menu>ul>li>ul>div>li ul li {
	display: block;
	width: auto;
	padding: 0 0 6px 17px;
	margin: 0;
	border-bottom: none;
	background: none;
}
.menu>ul>li>ul>div>li ul li a, .menu>ul>li>ul>div>li ul li a:hover, .menu>ul>li>ul>div>li ul li a.active, .menu>ul>li>ul>div>li ul li a.hover,
.menu>ul>li>ul>div>li ul li span, .menu>ul>li>ul>div>li ul li span:hover, .menu>ul>li>ul>div>li ul li span.active, .menu>ul>li>ul>div>li ul li span.hover {
	padding: 0;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 22px;
	text-transform: none;
}

@charset "utf-8";

/* -------- Reset CSS -------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, main {
	margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; outline: 0;
}
a {
	margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit;
}

a, a:hover { text-decoration: none; cursor: pointer;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
th, td {text-align: left; font-weight: normal;}
img, iframe {border: none; text-decoration:none; vertical-align: middle;}
ul {list-style: none;}
input, textarea, select, button {font-size: 16px;}
select {margin: inherit;}
hr {margin: 0; padding: 0; border: 0; color: #A5A5A5; background-color: #A5A5A5; height: 1px; width: 100%}
/*
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
*/

section {
  content-visibility: auto;
}


/* ---- Afegits pel ceebox ---- */
html,body {height:100%;}

html {
	/* default font-sixe: 16px; */
}
body {
	margin: 0;
	padding: 0;
	font-family: 'Heebo', sans-serif;
	color: #161616;
	line-height: 1.73em;
}


/* Elements generals */
xmp {
	font-family: Arial, Verdana;
	font-size: 1rem;
	border: 1px solid black;
	background-color: #FCF9F7;
	padding: 5px 5px 5px 5px;
	margin: 0;
	white-space: normal;
}

/* Elements generals */
form {
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline;
}
a {
	color: #161616;
}
a:hover {
	color: #000000;
	text-decoration: underline;
	
	-webkit-transition: color 1s linear;
	-moz-transition: color 1s linear;
	-o-transition: color 1s linear;
	transition: color 1s linear;
}
em {
	font-style: italic;
}
p {
	margin: 0px;
}
strong {
	font-weight: bold;
}
img {
	border:0;
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5 {
	color: #161616;
}
blockquote {
	
}
audio {
	max-width: 100%;
}


/* Estils de text i posició en imatge de capçalera */
.titol-capcalera {
	color: #ffffff;
	font-size: 7.4rem;
	line-height: 1.1em;
	font-weight: 700;
}
.transparent-big-button {
	border: 2px solid white;
	border-radius: 10px;
	background-color: transparent;
	color: white;
	display: inline-block;
	text-align: center;
	padding: 0.8rem 2rem;
	font-size: 1.2rem;
	line-height: 1.1em;
	transition: color 0.5s linear, background 0.5s linear;
}
.transparent-big-button:hover,
.transparent-big-button:focus {
	background-color: rgba(255, 255, 255, 0.3);
	color: #ffffff;
}
/* header-data-container */
.texto-superior-izquierda > div {
	justify-content: flex-start;
	align-items: flex-start;
}
.texto-superior-derecha > div {
	justify-content: flex-end;
	align-items: flex-start;
}
.texto-inferior-derecha > div {
	justify-content: flex-end;
	align-items: flex-end;
}
.texto-inferior-izquierda > div {
	justify-content: flex-start;
	align-items: flex-end;
}
.texto-centrado > div {
	justify-content: center;
	align-items: center;
}


/* LListes genèriques */
.columna-contingut-int ul:not([class]) {
  	position: relative;
  	list-style: none;
  	margin: 10px 0 10px 0;
	padding: 0 0 0 35px;
	max-width: calc(100% - 45px);
}
.columna-contingut-int ul:not([class]) li {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	position: relative;
}
.columna-contingut-int ul:not([class]) li::before {
	content: ' ';
	position: absolute;
	top: 10px;
	--size: 7px;
	left: calc(-1 * var(--size) - 13px);
	line-height: var(--size);
	width: var(--size);
	height: var(--size);
	background: #7e80b5;
	border-radius: 50%;
}

.columna-contingut-int ul:not([class]) li.nomarca, .columna-contingut-int ol:not([class]) li.nomarca {	
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	counter-increment: none;
}
.columna-contingut-int ol:not([class]) {
  	position: relative;
  	counter-reset: my-counter;
  	list-style: none;
  	margin: 10px 0 10px 5px;
	padding: 0 0 0 38px;
    max-width: calc(100% - 48px);
}
.columna-contingut-int ol:not([class]) li::before {
	content: counter(my-counter);
	color: black;
	font-weight: bold;
	margin-right : 5px;
}
.columna-contingut-int ol:not([class]) li {
  	counter-increment: my-counter;
	position: relative;
}
.columna-contingut-int ul:not([class]) li.columnes, .columna-contingut-int ol:not([class]) li.columnes {
	float: left;
	display: block;
	margin-left: 3%;
}
.columna-contingut-int ul:not([class]) li.columnes.neteja, .columna-contingut-int ol:not([class]) li.columnes.neteja {
	margin-left: 0;
}


/* Classes per ocultar capes */
.nosize {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}
.nodisplay, label.nodisplay, .no-display, label.no-display {
	display: none !important;
}

/* Alineacions */
.vola-esq, .vola-esquerra {
	float: left;
}
.vola-dre, .vola-dreta {
	float: right;
}
.neteja {
	clear: both;
	float: none;
}

/* Elements de pàgina */
.element {
	clear: both;
	overflow: hidden;
	/* Parallax params */
	z-index: 2; /* Inicialment:1, Problemes amb fons pagament, el menú es veu per sobre, falla visualització mòbil 
	position: relative;
	*/
}

/* Editor HTML */
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.underline {
	text-decoration: underline;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.full {
	text-align: justify;
}
.center {
	text-align: center!important;
}

.no-padding {
	padding: 0 !important;
}
.disabled {
	opacity: .50; 
	filter: alpha(opacity=50);
	color: #cccccc;
}

/* Responsiu */
.only-w480 {
	display: none;
}
.only-mobile {
	display: none !important;
}
.no-desktop {
	display: none !important;
}

/* Caroussel */
.gutter-sizer {
	width: 10px;
}

/* layouts */
.marges-element-portada {
	padding-top: 80px;
	padding-bottom: 62px;
}




/* ----  Titols ----*/
h1.titol-portada {
	display: none;
}
.capcalera.titol-principal {
	font-size : 4vw !important;
	font-weight : 300;
} 
.titol-principal{
	font-size : 6vw;
	font-family : 'Heebo', sans-serif;
	color : #8c9396;
}
.titol-principal:hover {
	text-decoration: none;
}
.titol-ajustable {
	font-weight : 300;
	font-size : 6vw;
	font-family: 'Heebo', sans-serif; 
	color : #8c9396;
	margin: 0 auto;
}

/* Títols interns */
.titol-intern {
	color: #161616;
	font-weight: 400;
	font-size : 2.4rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.relationsContainer .titol-intern{
	font-family: 'Heebo';
	font-size: 50px;
	line-height: 60px;
	font-weight: 300;
}

h2.titol-bloc, .titol-bloc {
	color: #161616;
    font-weight: 400;
    font-size:  2.4rem;
    text-align: center;
    margin-bottom: 2rem;
    display: block;
}


/* Titol Portada */
.titol-portada {
	font-weight: 200; 
	color: #161616; 
	font-size: 3.12rem;
	line-height: 1.2em;
}
.titol-portada a {
	text-decoration: none;
	color: #161616; 
}
.titol-portada a:hover  {
	text-decoration: none;
	color: #161616; 
}
.titol-portada span {
	text-decoration: none;
	color: #161616; 
}


/* Títol pàgina */
h1.titol-pagina {
	margin-bottom: 22px;
}
.titol-pagina {
	color: #6F695F;
	font-size: 5.30rem;
	line-height: 1.2em;
	font-weight: bold;
	text-align: center;
}

h2.titol-pagina-menu {
	padding-bottom: 22px;
}
.titol-pagina-menu {
	font-size: 3.1rem;
	line-height: 1.2em;
	font-weight: 300;
	text-align: center;
	color: #161616;
}
.text-header-description {
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.32em;
	text-align: justify;
}



.titol-comparteix {
	color: #161616;
	font-size: 3.8rem;
	font-weight: 400; 
}

/* Títol registre */
h2.titol-registre, .titol-registre {
	position: relative;
	font-size: 2.2rem;
	font-weight: bold;
	color: #161616;
	min-height: 3.2rem;
	margin-bottom: 2rem;
	margin-top: 0.8rem;
}

h3.titol-favorits,
.titol-favorits {
	font-weight: 400;
	font-size: 2.25rem;
	line-height: 1.25em;
	text-decoration: none;
	color: #161616;
}

/* Títol d'imatges en mosic (negre) */
.titol-imatge-mosaic,
.titol-imatge-mosaic span {
	font-weight: 500;
	font-size: 1.5rem;
	text-decoration: none;
	color: #ffffff;
	text-shadow: 1px 1px #333;
}

/* Negre gran (portada activitats,...) */
.titol-llista,  a.titol-llista {
	color: #161616;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.3em;
	text-decoration: none;
}
a.titol-llista:hover {
	text-decoration: underline;
}
/* Negre mitjà */
.titol-llista2, a.titol-llista2 {
	color: #656464;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.3em;
	text-decoration: none;
}
a.titol-llista2:hover {
	text-decoration: underline;
}
/* Negre petit */
.titol-llista3, a.titol-llista3 {
	color: #161616;
	font-weight: 400;
	font-size: 0.75rem;
	line-height: 1.55em;
	text-decoration: none;
}
a.titol-llista3:hover {
	text-decoration: underline;
}
/* Negre gran prim (esdeveniments,...) */
.titol-llista4, a.titol-llista4 {
	font-size: 1.5rem;
	color: #161616;
	font-weight: 300;
	text-decoration: none;
}
a.titol-llista4:hover {
	text-decoration: underline;
}


/* Gris */
.subtitol {
	color: #8D877D;
	font-weight: bold;
	font-size: 0.75rem;
	line-height: 1.2em;
}
/* Granate */
.subtitol2 {
	color: #C2052F;
	font-weight: bold;
	font-size: 1rem;
	font-size: 0.95rem;
}
/* Negre */
.subtitol3 {
	color: #161616;
	font-weight: bold;
	font-size: 1.2rem;
}


/* Títol relacions */
.titol-relacio {
	color: #161616;
	font-weight: 400;
	font-size: 2rem;
	margin-top: 1rem;
	margin-bottom: 15px;
	text-align: center;
	display: block;
}
.CanviGrupCamps {
	color: #787878;
	font-weight: 400;
	font-size : 2rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	text-align: left;
	display: inline-block;
}
.CanviGrupCamps span {
	
}
/*.titol-agrupacio{
	margin: 0 0 50px 0!important;
}
.titol-agrupacio > .titol-agrupacio {
	/*background: linear-gradient(to right, #9f4469 30%,#FFFFFF 100%) !important;
    height: 4rem;*/
	/*line-height: 60px;
	color: #161616;
	font-size: 60px;
	font-weight: 300;
	font-family: 'Heebo';
}*/

.titol-agrupacio{
	margin: 0 0 18px 0!important;
}
.titol-agrupacio > .titol-agrupacio,
.subtitle-days > h2{
	line-height: 42px;
	color: #161616;
	font-size: 36px;
	font-weight: 400;
	font-family: 'Heebo';
}


	/* Textes */
.texte {
	color: #161616;
}
.data {
	
}
.marca-cerca {
	color: #161616;
	font-weight: 600;
}
.gris {
	color: #787878;
}
.txt_imatge, .txt-imatge {
	display: block;
	font-size: 1.15rem;
	color: #161616;
}
.negreta {
	font-weight: bold;
}
.negre {
	color: #000000;
}
.entrega {
	white-space: nowrap; 
	font-size: 0.8rem;	
	color: #787878;
}
.PictoTxt {
	font-size: 0.8em;	
	color: #787878;
}
.remarca {
	color: #161616;
	font-weight: bold;
}
.centrar-text {
	text-align: center !important;
}
.cita-negreta, blockquote {
	font-weight: 400;
	font-style: italic;
	font-size: 2rem;
	line-height: normal;
	margin-left: 7rem;
	margin-right: 3rem;
	text-align: justify;
}
.cita-negreta:before, blockquote:before {
	content : '“';
	padding-right: 5px;
}
.cita-negreta:after, blockquote:after {
	content : '”';
	padding-left: 5px;
}
.estil-clar {
	color : #FFF !important; 
}
.estil-fosc {
	color : #8c9396 !important;
}

/* Links */
a.link {
	color: #161616;
	text-decoration: underline;
}
a.link:hover {
	color: #C2052F;
	text-decoration: underline;
}
a.link-mini {
	color: #161616;
	font-size: 0.9rem;
	text-decoration: underline;
}
a.link-mini:hover {
	color: #C2052F;
	text-decoration: none;
}
a.link-negreta {
	color: #161616;
	font-weight: bold;
	text-decoration: underline;
}
a.link-negreta:hover {
	color: #C2052F;
	text-decoration: underline;
}
a.link-gris {
	color: #646464;
	font-weight: bold;
}
a.link-gris:hover {
	text-decoration: underline;
}
.linkgrisSel {
	color: #646464;
	text-decoration: underline;
	font-weight: bold;
}
a.document {
	color: #161616;
	font-size: 1.2rem;
	font-weight: 300;	
}
a.document:hover{
	text-decoration: none;
}
a.document > span {
	padding-left : 30px;
}


/* Botons */
a.big-button,
.big-button {
	border: 2px solid #161616;
	border-radius: 10px;
	background-color: white;
	color: #161616;
	display: inline-block;
	text-align: center;
	padding: 0.8rem 2rem;
	font-size: 1.2rem;
	line-height: 1.1em;
	transition: color 0.2s ease-out, background 0.5s linear;
	text-transform: uppercase;
}
.big-button:hover,
.big-button:focus {
	background-color: rgba(0, 0, 0, 0.8);
	color: #ffffff;
	text-decoration: none;
}

/* ---- Imatges ---- */
.img-dreta  {
	float: right; 
	margin: 0 0 0 1rem;
	max-width: 100%;
}
.img-esquerra {
	float: left; 
	margin: 0 1rem 0.4rem 0;
	max-width: 100%;
}
.img-absolut-esquerra {
	float: left; 
	margin: 0 1rem 0 0;
	overflow: hidden;
	max-width: 100%;
}
.img-absolut-dreta {
	float: right; 
	margin: 0 0 0 1rem;
	max-width: 100%;
}

.img_incrustada_gmaps {
	float: left; 
	margin-right: 1rem; 
	margin-bottom: 0.3em;
	margin-left: 0.5rem;
}
.img_mapa {
	float: left; 
	padding: 0.3rem 1em 0.5rem 0;	
}
.mapa-ruta {
	
}
.chart-ruta {
	margin: 1.25rem 0 2rem 0;
	clear: both;
	padding-top: 0.8rem;
	background-color: #FFF;
}


/* ---- Videos ---- */
a.video {
	position: relative !important;
	display: block !important;
}
a.video img {
	width: 100%;
    height: 100%;
}
a.video img.fons_video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
div.video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 3.5rem;
    font-weight: 200;
}
.additionalMedia div.video-play-icon i {
	color: #ffffff;
	font-size: 205px;
}


/* Videos responsiu */
.video-contenidor {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    height: 0;
    overflow: hidden;
}
.video-contenidor iframe,
.video-contenidor object,
.video-contenidor embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


/* ---- LListes ---- */
/* Llista portada amb imatges */
ul.llista-portada-amb-imatges {
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: flex;
    flex-flow: row wrap;
	justify-content: space-between;
}
ul.llista-portada-amb-imatges > li {
	margin: 0 0 1.25rem 0;
	padding: 0;
	display: block;
	text-align: left;
	overflow: hidden;
	background-image: none;
	width: calc(50% - 6px);
}

ul.llista-portada-amb-imatges.llistat_1col > li {
	width: 100%;
}
ul.llista-portada-amb-imatges > li img {
	width: 100%;	
}
ul.llista-portada-amb-imatges > li p {
	margin-bottom: 10px;
	line-height: normal;
}
ul.llista-portada-amb-imatges > li p.texte {
	line-height: 165%;
	margin-bottom: 0;
}
ul.llista-portada-amb-imatges > li div.llista-img {
	height: 100%;
}
ul.llista-portada-amb-imatges > li div.llista-cont-img {
	float: left;
}
ul.llista-portada-amb-imatges > li div.llista-cont-img-no-absolut {
	
}
ul.llista-portada-amb-imatges > li div.llista-img-sup {
	width: 100%;
	margin: 0 0 20px 0;
}
ul.llista-portada-amb-imatges > li div.llista-contingut  {
	clear: both;
}


/* Llista portada sense imatges */
ul.llista-portada-sense-imatges {	
	margin: 1rem 0 1rem 0;
	padding: 0;
	list-style: none;
}
ul.llista-portada-sense-imatges li {
	padding: 0;
	margin: 1rem 0 1rem 0;
	text-align: left;
}
ul.llista-portada-sense-imatges li a {
	
}

 
/* Llistat amb imatges i llista relacions*/
ul.llista-relacions {	
	margin: 1rem 0 0 0;
	padding: 0px 0 0.6rem 0;
	list-style-type: none;
}
ul.llista-relacions li {
	margin: 0.5rem 1rem  0.5rem 0;
	padding:  0;
	background: none;
}
ul.llista-relacions li a {
	
}

/* LLista completa amb imatges */
ul.llista-amb-imatges {
	margin: 0;
	padding: 0;
	list-style: none outside none;
	color: #444e5c;
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-flow: wrap;
	position: relative;
}

ul.llista-amb-imatges.llistat-1col > li,
div.llistat-1col > div{
	width: calc(100% - 1rem);
}
ul.llista-amb-imatges.llistat-2col > li,
div.llistat-2col > div{
	width: calc(50% - 0.5rem);
}
ul.llista-amb-imatges.llistat-3col > li,
div.llistat-3col > div,
ul.llista-amb-imatges.llistat-3col > .contenidor-agrupacio .llista-agrupacio > li{
	width: calc(33% - 0.6rem);
	margin: 0 0rem 1rem 0;
}
ul.llista-amb-imatges.llistat-4col > li,
div.llistat-4col > div{
	width: calc(25% - 0.8rem);
}
ul.llista-amb-imatges.llistat-5col > li,
div.llistat-5col >div{
	width: calc(20% - 0.6rem);
}
ul.llista-amb-imatges li,
ul.llista-relacions > li {
	width: 100%;
	margin: 0 0 1rem 0;
	padding: 0;
	overflow: hidden;
	display: block;
	text-align: left;
	background-image: none;
}
ul.llista-amb-imatges li.sense-registres {
	padding: 0;	
	border: 0;
	margin: 2rem 0 3rem 0;
	font-weight: bold;
	background: none;
}
ul.llista-amb-imatges li img,
ul.llista-relacions li img {
	max-width: 100%;
}
ul.llista-amb-imatges li p {
	margin-bottom: 0.4rem;	
}
ul.llista-amb-imatges li .llista-img {
    padding: 0;
    margin: 0;
    overflow: hidden;
}
ul.llista-amb-imatges li .llista-cont-img {
    overflow: hidden;
	width: 100%;
}
ul.llista-amb-imatges li .llista-descripcio {
    margin: 0.5em 0 0.5em 0;
}
ul.llista-amb-imatges > li.titol-agrupa-per-data, 
div.agrupacio-relacio {
	background: linear-gradient(to right, #9f4469 30%,#FFFFFF 100%);
	height: 2em;
	line-height: 2em;
	color: #FFF;
	font-size: 1.8rem;
	font-weight: 200;
	padding-left: 1rem;	
}
ul.llista-amb-imatges > li.titol-agrupacio {
	margin: 0.4rem 0 0.8rem 0;
	width: calc(100% - 15px);
	border: none;
}
ul.llista-amb-imatges > li:not(.titol-agrupa-per-data) > ul  {
	margin: 0;
	padding: 0;
	width: 100%;
}
ul.llista-amb-imatges > li > ul {
	width: 100%;
	margin: 1.25rem 0 0 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
	display: flex;
    flex-flow: row wrap;
}
ul.llista-amb-imatges > li > ul > li {
	margin: 0 0 20px 0;
	padding: 0;
	display: block;
	text-align: left;
	overflow: hidden;
	background-image: none;
	background-color : #FFF;
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
ul.llista-amb-imatges > li > ul > li.agrupat-per-data {
	border : none;
}
ul.llista-amb-imatges > li > ul > li.agrupat-per-data:hover {
	border : none;
}
ul.llista-amb-imatges > li.contenidor-agrupacio>ul {
	max-width : none;
	position: unset!important;
}
ul.llista-amb-imatges > li.contenidor-agrupacio>ul>li:nth-child(odd) {
	
}
/*ul.llista-amb-imatges>li>ul>li:hover{
	background-image: linear-gradient(to bottom, rgba(185,185,185,.25), rgba(255,255,255,0));
}*/
ul.llista-amb-imatges li div.bg-image {
	background-color: transparent;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: transform 0.3s ease-out;
    height: 	100%;
}
ul.llista-amb-imatges li:not(.titol-agrupa-per-data):not(.contenidor-agrupacio):hover div.llista-img div.bg-image {
	transform : scale(1.05, 1.05);
}
ul.llista-amb-imatges li.titol-agrupa-per-data span.agrupa-dia {
	font-size : 35px;
}
ul.llista-amb-imatges>li>ul>li p {
    margin-bottom: 10px;
    line-height: normal;
}
ul.llista-amb-imatges>li>ul>li p.texte {
	 /*line-height: 185%;*/
	line-height: 26px;
}

ul.llista-amb-imatges li p.llegir-mes,
ul.llista-amb-imatges li p.llegir-mes>a {
	color : #666666;
	font-size : 18px;
	font-weight : 400;
	transition : all 0.3s ease-out;
}
ul.llista-amb-imatges li p.llegir-mes>a:hover {
	text-decoration: none;
	color : #9f4469;
	font-weight: 700;
}
ul.llista-amb-imatges>li>ul>li>.content-absolut {
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
}
ul.llista-amb-imatges li div.content div.llista-cont-img-no-absolut, 
ul.llista-amb-imatges li div.content div.llista-cont-img {
	padding: 10px;
}
ul.llista-amb-imatges>li>ul>li .llista-img-lat {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: transform 0.3s ease-out;
    
    height: 100%;
}
ul.llista-amb-imatges>li>ul>li>.li-content {
	display: block;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	height: 100%;
	min-height: 180px;
	transition : all 0.3s ease-out;
}
ul.llista-amb-imatges>li>ul>li>.li-content:hover div.llista-img  {
	transform: scale(1.02, 1.02);
}
ul.llista-amb-imatges>li>ul>li .llista-cont-img-sup .llista-cont-img-int {
	padding: 10px 0 10px 0;
}
ul.llista-amb-imatges>li>ul>li .llista-cont-img-lat .llista-cont-img-int {
	padding: 10px;
}
ul.llista-amb-imatges>li>ul>li>.li-content p.camp-titol {
	position: relative;
}
ul.llista-amb-imatges>li>ul>li>.li-content p.camp-titol:before {
	content: "";
	position: absolute;
	width: 50px;
	height: 2px;
	top : auto;
	bottom: -3px;
	left: 0;
	background-color: #333333;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
ul.llista-amb-imatges>li>ul>li>.li-content:hover p.camp-titol:before { 
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
ul.llista-amb-imatges>li div.pictogrames,
ul.llista-amb-imatges.owl-carousel .owl-item >li .pictogrames{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	text-align: right;
	overflow: hidden;
}
ul.llista-amb-imatges>li div.pictogrames img,
ul.llista-amb-imatges.owl-carousel .owl-item >li .pictogrames img{
	width: auto!important;
	margin: 5px 10px 5px 0;
}

/* LLista amb imatges en columnes (directori) */
ul.llista-amb-imatges-2col>li>ul>li {
	width: calc(50% - 14px);
	border: 1px solid #A4A4A4;
	margin-right: 6px;
	margin-left: 6px;
}
ul.llista-amb-imatges-2col>li>ul>li:hover {
	border: 1px solid #000000;
}
ul.llista-amb-imatges-2col>li>ul>li>.li-content:hover {
	background-image: linear-gradient(to bottom, rgba(185,185,185,.25), rgba(255,255,255,0));
}
ul.llista-amb-imatges-2col>li>ul>li .llista-cont-img-sup .llista-cont-img-int {
	padding: 10px;
}
ul.llista-amb-imatges-2col>li>ul>li div.content {
	display : flex;
	min-height: 200px;
}
ul.llista-amb-imatges-2col>li>ul>li div.content.content-wrap {
	flex-flow: wrap;
}
ul.llista-amb-imatges-3col>li>ul>li {
	width: calc(33% - 14px);
	margin-right: 6px;
	margin-left: 6px;
}
ul.llista-amb-imatges-4col>li>ul>li {
	width: calc(25% - 14px);
	margin-right: 6px;
	margin-left: 6px;
}
ul.llista-amb-imatges-4col>li>ul>li>.li-content:hover .llista-cont-img-lat {
	background-image: linear-gradient(to bottom, rgba(185,185,185,.25), rgba(255,255,255,0));
}



/* LListat en masonry */
div.llista-elements-masonry ul.llista-amb-imatges>li>ul>li {
	border : none;
}
div.llista-elements-masonry ul.llista-amb-imatges>li>ul>li:hover{
	border : none;
}

/* Agrupa per data ? destacat* */
ul.ul-agrupa-per-data li.destacat>.content  {
	background-color: #7E82BA;
	color: #ffffff;
}
ul.ul-agrupa-per-data li>.content a {
	height: 100%;
	display: block;
}
ul.ul-agrupa-per-data li.destacat>.content a {
	color: #ffffff;
}
ul.ul-agrupa-per-data li.destacat .titol-llista, 
ul.ul-agrupa-per-data li.destacat .subtitol, 
ul.ul-agrupa-per-data li.destacat .titol-llista4,
ul.ul-agrupa-per-data li.destacat .llegir-mes {
	color: #ffffff;
}
ul.ul-agrupa-per-data li.destacat>.content:hover {
	background-color: #000000;
}


/* LLista blog */
ul.llista-blog {
	margin-top: 30px;
}
ul.llista-blog>li {
	width: calc(50% - 18px);
	
	border: 1px solid #A4A4A4;
	margin-right: 8px;
	margin-left: 8px;
}
ul.llista-blog>li > div.llista-contingut {
	width: 90%;
	margin: 10px 5% 10px 5%;
		
}


/* Visualitació tipus llista elements o mapa dels llistats de directori */
ul.list-mode {
	display: block;
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
}
ul.list-mode li {
	background-color: #fff;
    border: 1px solid #ddd;
    padding: 6px 8px;
    color: #888;
    display: inline-block;
    margin-right: 5px;
}
ul.list-mode li:hover {
	cursor: pointer;
	color: #000;
	border: 1px solid #000;
	
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
}

/* LLista d'elements del calendari */
ul.llista-calendari {
	margin: 0px;
	padding: 0px;
	width: 100%;
	overflow: hidden;
	opacity: 0;
}
ul.llista-calendari.loaded {
	opacity: 1;
}
ul.llista-calendari li {
	margin: 10px 1% 10px 1%;
	padding: 0px;
	width: 48%;
	overflow: hidden;
	
	float: left;
}
ul.llista-calendari li>.li-content {
	display: block;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
	
	transition : all 0.3s ease-out;
}
ul.llista-calendari li.destacat>.li-content  {
	background-color: #7E82BA;
}
ul.llista-calendari li.destacat>a.li-content .titol-llista, ul.llista-calendari li.destacat>a.li-content .titol-llista4,
ul.llista-calendari li.destacat>a.li-content .llegir-mes {
	color: #ffffff;
}
ul.llista-calendari li>a.li-content:hover {
	background-color: #000000;
}
ul.llista-calendari li>a.li-content:hover p {
	color: #C7C7C7;
}
ul.llista-calendari li>a.li-content:hover .titol-llista, ul.llista-calendari li>a.li-content:hover .titol-llista4,
ul.llista-calendari li>a.li-content:hover .llegir-mes {
	color: #ffffff;
}
ul.llista-calendari li .llista-img {
    width: 40%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    
    background-color: transparent;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
ul.llista-calendari li .llista-cont-img {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
ul.llista-calendari li .llista-cont-img-int {
	padding: 10px;
	border: 1px solid #A4A4A4;
}
ul.llista-calendari li .vola-esquerra .llista-cont-img-int {
	border-top: 1px solid #A4A4A4;
	border-bottom: 1px solid #A4A4A4;
	border-left: 1px solid #A4A4A4;
	border-right: 0;
}
ul.llista-calendari li .vola-dreta .llista-cont-img-int {
	border-top: 1px solid #A4A4A4;
	border-bottom: 1px solid #A4A4A4;
	border-left: 1px solid #A4A4A4;
	border-left: 0;
}
ul.llista-calendari li p {
    margin-bottom: 10px;
    line-height: normal;
}
ul.llista-calendari li p.llegir-mes {
	color: #666666;
	font-size: 18px;
	font-weight: 400;	
}


/* Calendari (bloc superior) */
div.element-calendari  {
	
}
div.element-calendari-int  {
	padding: 0 0 20px 0;
	border-bottom: 1px solid #417480;
	position: relative;
}
/* Estats de carregant/carregat */
div.element-calendari .calendar-head .list-calendar-days {
	-webkit-transition: all 0.6s ease-out;  
	-moz-transition: all 0.6s ease-out;
	-ms-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}
div.element-calendari div.calendari-contingut {
	height: auto;
	position: relative;
	
	/* Crec que no son necessaris*/
	-webkit-transition: all 1.6s ease-out;  
	-moz-transition: all 1.6s ease-out;
	-ms-transition: all 1.6s ease-out;
	-o-transition: all 1.6s ease-out;
	transition: all 1.6s ease-out;
}
div.element-calendari div.calendari-contingut.hide-content {
	height: 0;
	overflow: hidden;
}
div.element-calendari div.calendari-contingut.hide-content .calendar-loading-content {
	opacity: 0;
}
div.element-calendari .calendar-loading-headers {
	position: absolute;
	top: 110px;
	left: 0;
	width: 100%;
	height: 50px;
	font-size: 30px;
	-webkit-transition: opacity 0.6s ease-out;  
	-moz-transition: opacity 0.6s ease-out;
	-ms-transition: opacity 0.6s ease-out;
	-o-transition: opacity 0.6s ease-out;
	transition: opacity 0.6s ease-out;
	z-index: 0;
}
div.element-calendari .calendar-loading-content {
	-webkit-transition: opacity 1.6s ease-out;  
	-moz-transition: opacity 1.6s ease-out;
	-ms-transition: opacity 1.6s ease-out;
	-o-transition: opacity 1.6s ease-out;
	transition: opacity 1.6s ease-out;
	
	position: absolute;
	top: 30px;
	width: 100%;
	
	font-size: 30px;
	text-align: center;
	padding: 30px 0;
	height: 50px;
	z-index: 2;
}
div.element-calendari.loading-headers .calendar-head .list-calendar-days {
	opacity: 0;
}
div.element-calendari.loaded-headers .calendar-head .list-calendar-days {
	opacity: 1;
}
div.element-calendari.loaded-headers .calendar-loading-headers {
	opacity: 0;
	height: 0;
	overflow: hidden;
}
div.element-calendari.loading-headers .calendar-loading-headers {
	opacity: 1;
}
div.element-calendari.loading-content .calendar-loading-content {
	opacity: 1;
}
div.element-calendari.loaded-content .calendar-loading-content {
	opacity: 0;
	height: 0;
	overflow: hidden;
	padding: 0;
}
div.element-calendari.loading-content div.element-calendari-int {
	border-bottom: 0;
}
div.element-calendari.loaded-content div.element-calendari-int {
	border-bottom: 0;
}
div.element-calendari.loading-content div.calendari-contingut {
	border-top: 1px solid #417480;
	min-height: 60px;
}
div.element-calendari.loaded-content div.calendari-contingut {
	border-top: 1px solid #417480;
}

/* Header del calendari */
div.element-calendari div.calendar-head {
	overflow: hidden;
	text-align: center;
}

div.element-calendari div.calendar-months {
	position: absolute;
	top: 20px;
    left: 0;
    right: 0;
}
div.element-calendari div.calendar-months div.prevmonth, div.element-calendari div.calendar-months div.nextmonth {
	width: 20%;
    display: inline-block;
    font-size: 22px; 
    color: #787878;
    padding: 0;
    cursor: pointer;
    text-transform: capitalize;
    -webkit-transition: color .8s ease-in-out;
    -ms-transition: color .8s ease-in-out;
    transition: color .8s ease-in-out;
    white-space: nowrap;
}
div.element-calendari div.calendar-months div.prevmonth {
	text-align: left;
	float: left;
}
div.element-calendari div.calendar-months div.nextmonth {
	text-align: right;
	float: right;
}
div.element-calendari div.calendar-months div.prevmonth:hover, div.element-calendari div.calendar-months div.nextmonth:hover {
	color: #000000;
}
div.element-calendari div.calendar-months div.prevmonth:hover i, div.element-calendari div.calendar-months div.nextmonth:hover i {
	-webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}
div.element-calendari div.calendar-months div.prevmonth:hover i {
	transform: translate(-3px);
    -ms-transform: translate(-3px);
    -webkit-transform: translate(-3px);
}
div.element-calendari div.calendar-months div.nextmonth:hover i {
	transform: translate(3px);
    -ms-transform: translate(3px);
    -webkit-transform: translate(3px);
}
div.element-calendari div.calendar-months div.thismonth {
	width: 55%;	
	display: inline-block;	
	font-size: 26px;
	color: #333333;
	text-align: center;
	text-transform: capitalize;
}
div.element-calendari div.calendar-days {
	padding: 25px 25px 0 25px;	
	text-align: center;
}
div.element-calendari div.calendar-days ul {
   padding: 0;
   margin: 0;
}
div.element-calendari div.calendar-days ul>li {
   list-style-type: none;
   display: inline-block;
}
div.element-calendari div.calendar-days ul>li.CPre, div.element-calendari div.calendar-days ul>li.CNext {
	margin: 0;
	padding: 5px;
	cursor: pointer;
	color: #787878;
	font-size: 30px;
	-webkit-transition: color .5s ease-in-out;
    -ms-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out;
    min-width: 45px;
}
div.element-calendari div.calendar-days ul>li.CPre:hover, div.element-calendari div.calendar-days ul>li.CNext:hover {
	color: #000000;
}
div.element-calendari div.calendar-days ul>li.CPre:hover i, div.element-calendari div.calendar-days ul>li.CNext:hover i {
	-webkit-transition: -webkit-transform .5s ease-in-out;
    -ms-transition: -ms-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}
div.element-calendari div.calendar-days ul>li.CPre:hover i {
	transform: translate(-2px);
    -ms-transform: translate(-2px);
    -webkit-transform: translate(-2px);
}
div.element-calendari div.calendar-days ul>li.CNext:hover i {
	transform: translate(2px);
    -ms-transform: translate(2px);
    -webkit-transform: translate(2px);
}
div.element-calendari div.calendar-days ul>li.CDay {
	margin: 0;
    padding: 0;
}
div.element-calendari div.calendar-days ul>li.CDay span {
   margin: 0;
   padding: 50px 10px 40px 10px;
   color: #333333;
   font-weight: 300;
   font-size: 30px;
   display: inline-block;
   min-width: 50px;
}
div.element-calendari div.calendar-days ul>li.CDay:hover {
	
}
div.element-calendari div.calendar-days ul>li.CDay:hover span,
div.element-calendari div.calendar-days ul>li.CDay.selected span {
	color: #ffffff;
	background-image: linear-gradient(to top, rgba(65,116,182,1) 0%, rgba(65,116,182,0.8) 20%, rgba(65,116,182,0.1) 90%, rgba(65,116,182,0) 100%);
	cursor: pointer;
	
	-webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
div.element-calendari div.calendar-days ul>li.CDay span.no-event {
	color: #989898;
}
div.element-calendari div.calendar-days ul>li.CDay:hover span.no-event {
	color: #989898;
	background-image: none;
	cursor: default;
}
div.element-calendari div.calendar-days ul>li.CDay:after {
	content: '·';
	padding-left: 0;
	color: #7e80b6;
   	font-weight: 300;
   	font-size: 30px;
}
div.element-calendari div.calendar-days ul>li.CDay:nth-last-child(2):after {
	content : none;
}
/* Enllaç veure calendari */
div.element-calendari div.veure-calendari {
	text-align: right;
	font-weight: 300;
	font-size: 20px;	
	color: #646464;
}
div.element-calendari div.veure-calendari a {
    text-decoration: none;
    color: #646464;
    display: inline-block;
    vertical-align: middle;
    transition : color 0.3s ease-out;
}
div.element-calendari div.veure-calendari a:hover {
	color: #000000;
}
div.element-calendari div.veure-calendari a i {
	color: #7E82BA;
	font-size: 30px;
	margin-left: 10px;
	vertical-align: middle;
}
div.element-calendari div.veure-calendari a:hover i {
	color: #000000;
}
/* Llista de contingut del calendari */
.calendari-contingut-int {
	padding: 20px 0 20px 0;
}
.calendari-contingut-int>p.error {
	text-align: center;
}

/* Element de l'enllaç a RSS */
.rss-portada {
	margin: -20px 0 20px 10px;
	text-align: right;
}
.rss-llistats {
	text-align: right;
	margin: -10px 10px 10px 0;
}


/* Categories del detall d'un registre */
.categories-registre {
	margin: -0.4em 0 1em 0;
	color: gray;
	font-size: 0.9em;
}
.categories-registre strong {
	font-size: 1.1em;
	color: #666666;	
}


/* Galeria d'imatges */
.gutter-galeria-imatges {
	width: 2%;
}
ul.galeria-imatges {
	display: flex;
	flex-flow: row wrap;
	overflow: hidden;
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
}
ul.galeria-imatges li {
	width: 100%;
	background: none;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	text-align: center;
}
ul.galeria-imatges li>div {
	padding: 10px;
	position: relative;
}
ul.galeria-imatges li .imatge-peu {
	position: relative;
}
ul.galeria-imatges li .imatge-peu p {
    cursor: pointer;
    position: absolute;
    bottom: 25px;
    left: 15px;
    z-index: 2;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 200;
}
ul.galeria-imatges li .imatge-peu p:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	top : 25px;
	bottom: 0;
	left: 0;
	background-color: #FFFFFF;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
ul.galeria-imatges li:hover .imatge-peu p:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

img.imatge-zoom {
    -webkit-transform: scale(1,1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	
	-moz-transform: scale(1,1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;

	-ms-transform: scale(1,1);
	-ms-transition-timing-function: ease-out;
	-ms-transition-duration: 250ms;

	-o-transform: scale(1,1);
	-o-transition-timing-function: ease-out;
	-o-transition-duration: 250ms;
}
img.imatge-zoom:hover {
	-webkit-transform: scale(1.01,1.01);
	-moz-transform: scale(1.01,1.01);
	-ms-transform: scale(1.01,1.01);
	-o-transform: scale(1.01,1.01);
	
	z-index: 2;
	cursor: pointer;
}
.imatge-vota {
	display: block;
	width: 100%;
	text-align: left;
	margin: 15px 0 10px 0;
}
.imatge-vota .vota {
	display: inline-block;
	text-decoration: none;
    margin: 0 30px 0 0;
   
   	padding: 5px 45px;
    font-size: 14px;
    border: 0;
    vertical-align: middle;
    background-color: #668CBF;
    text-align: center;
    color: #ffffff;
    border: 1px solid #668CBF;
    border-radius: 5px;
    -moz-transition: background 0.7s ease-out;
    transition: all 0.7s ease-out;
}
.imatge-vota .vota:hover {
	text-decoration: none;
    background-color: #FFF;
    color: #808080;
    cursor: pointer;
}
.imatge-vota p.vots {
	display: inline-block;
	position: inherit;
	color: #646464;
}


/* Galeria Banners */
ul.galeria-banners {
    margin: 0 0 1em 0;    
    padding: 0;
    border: 0;
    overflow: hidden;
    list-style: none;
}
ul.galeria-banners li {
    vertical-align: middle;
    text-align: center;
    padding: 0;
    margin: 0 0 1.5em 0;
    float: left;
    background: none;
}
ul.galeria-banners li img {
     max-width: 100%;
}
ul.galeria-banners li p {
	margin-top: 10px;	
}
ul.galeria-banners li .cont-banner {
	padding: 0 1em 0 0;
}
ul.galeria-banners li.ultim .cont-banner {
	padding: 0 0 0 0;
}

/* Galeria de Videos */
.columna-galeria-videos-imatges {
    width: 28%;
}
.columna-galeria-videos-video {
    width: 69%;  
}
ul.galeria-videos {
    list-style: none;
    margin: 0 0 1em 0;
    padding: 0 !important;
    display: flex;
    flex-flow: row wrap;
}
ul.galeria-videos li {
    display: block;
    margin: 0 0 10px 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
}
ul.galeria-videos li a.video {
	padding: 22% 0;
	width: 100%;
}
ul.galeria-videos li img {
    max-width: 100%;
    display: none;
}
ul.galeria-videos li p {
    padding: 2px 7px 0px 0px;
    text-align: left;
    white-space: normal;
    color: #313131;
}


/* Llista documents */
ul.llista-documents {
	margin: 0;
	padding : 0;
	list-style: none;
}
ul.llista-documents > li {
	margin: 0.9rem 0 0.9rem 0;
	padding: 0;
}
ul.llista-documents > li a {
	font-size: 1rem;
	font-weight: 400;	
	color: #161616;
	line-height: 1.3em;
	
	transition: color 0.3s ease-out;	
}
ul.llista-documents > li:hover a {
	text-decoration: underline;
}
ul > li a div.doc, ol > li a div.doc {
	display : flex;
	flex-flow: wrap;
	align-items: center;
}
ul > li a div.doc > div.img, ol > li a div.doc > div.img {
	width: 3.6rem;
	text-align: center;
}
ul > li a div.doc > div.txt, ol > li a div.doc > div.txt {
	width: calc(100% - 3.6rem);
}
ul > li a div.doc > div.img > i, ol > li a div.doc > div.img > i {
	font-size: 1.9rem;
}

/* Llista links */
ul.llista-links {
	margin: 0;
	padding: 0;
}
ul.llista-links > li {
	margin: 0.9rem 0 0.9rem 0;
	padding: 0px;
}
ul.llista-links > li a {
	font-size: 1rem;
	font-weight: 400;	
	color: #161616;
	line-height: 1.3em;
	
	transition: color 0.3s ease-out;	
}
ul.llista-links > li:hover a {
	text-decoration: underline;
}
ul.llista-links > li a div.link-box {
	display: flex;
	flex-flow: wrap;
	align-items: center;
}	
ul.llista-links > li a div.link-box > div.img {
	width: 3.5rem;
	text-align: center;
}
ul.llista-links > li a div.link-box > div.txt {
	width: calc(100% - 3.6rem);
}
ul.llista-links > li a div.link-box > div.img > i {
	font-size: 1.8rem;
}

/* Llista audios */
ul.llista-audios {
	margin: 0px;
	padding : 0px;
}
ul.llista-audios > li {
	margin : 12px 0 12px 0;
	padding : 0px;
}
ul.llista-audios > li div.link-box {
	display : flex;
	flex-flow: wrap;
}
ul.llista-audios > li div.link-box > div.img {
	width : 80px;
	text-align: center;
}
ul.llista-audios > li div.link-box > div.txt {
	width : calc(100% - 80px);
	font-size: 18px;
	font-weight: 300;	
}
ul.llista-audios > li div.link-box > div.img > i {
	font-size: 22px !important;
}
ul.llista-audios > li div.audio {
	margin-left: 20px;
	margin-top: 10px;
}


/* Composició de formulari */
/* Elements de Formulari */
ul.formulari {
	margin: 0;
	text-align: left;		
	padding: 1em 0 0.2em 0;	
	clear: both;				
}
ul.formulari_tresc > li {
	width: 33%; 
    float: left;
}
/*ul.formulari_opcions > li {
	padding-bottom: 0px !important;	
}*/
ul.formulari-login {
	max-width: 500px;
	margin-top: 40px;
}

ul.formulari > li {		
	display: block; 
	padding: 0 0 1em 0;
	margin: 0;
	list-style: none;
	background: none;
	overflow: hidden;
	clear: left;
}

ul.formulari > li.camp-representant {
	display: none;
	background-color: #c7e8f2;
	padding-left: 5%;
	padding-right: 5%;
	width: 90%;
}
ul.formulari > li label {
	color: #333333;
}
ul.formulari > li p.etiqueta {
	clear: both;	
	padding: 1em 0 0.1em 0;
	margin: 0;	
	font-size: 1.4em;
	font-weight: normal;
	display: inline-block;
	width: 100%;
}

ul.formulari > li p.etiqueta-light {
	
	clear: both;	
	padding: 1em 0 0.1em 0;
	margin: 0;	
	font-size: 1.4em;
	font-weight: 300;
	display: inline-block;
	width: 100%;
}


/* Contenidor del grup camp i label */
ul.formulari > li div.camp-label-ocult {
	display: none;
}
ul.formulari > li div.camp-label { 
	margin: 0;
	padding: 0;
	float: left;
}
ul.formulari .camp-label-lateral {
	float: left;
}
ul.formulari > li >div:first-child > div.camp-label-inner {
	padding-left: 0;
}

label.checkbox > input[type="checkbox"]{
	display: none;
}
ul.formulari > li div.camp-label-inner {
	padding-left: 25px;
}
ul.formulari > li div.camp-label-inner-junt {
	display: flex;	
}

/* Contenidor del camp */
ul.formulari > li .camp {
	padding: 2px 0 2px 0;
	/* width: 100%; */
}
ul.formulari > li .camp-esquerra {
	float: left;
	margin: 0.3em 0 0.3em 0;
}
ul.formulari > li .camp-dreta {
	float: left;
	margin: 0.3em 0 0.3em 0;
}

ul.formulari > li .camp-superior {
	margin: 0.3em 0 0.3em 0;
}

ul.formulari > li .camp-import {
	font-weight: bold;
}
ul.formulari > li .camp-comentari {
	
}
/* Contenidor del label */
ul.formulari > li span  {
	text-align: left;
	color: #161616;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
    display: inline-block;
	vertical-align: top;
}

label.checkbox, ul.formulari > li label.checkbox{
	cursor: pointer;
}

label.checkbox > input[type="radio"]:checked + span:after, label.checkbox > input[type="checkbox"]:checked + span:after{
	position: absolute;
	width: 33px;
	height: 33px;
	top: 0;
	left: 0;
	/*border: 1px solid #161616;*/
	font-family: 'Font Awesome 5 Free';
	border-radius: 10px;
	content: '\f00c';
	color: #343434;
	font-size: 14px;
	font-weight: 600;
	/*background-color: #ffffff;*/
	text-align: center;
	display: flex;
	justify-content: center;
	vertical-align: top;
	align-items: center;
}


label.checkbox:before{
	content: "";
	display: inline-block;
	position: absolute;
	border-radius: 6px;
	width: 30px;
	height: 30px;
	top: 0;
	left: 0;
	margin-left: 0;
	border: 1px solid #161616;
	background-color: #ffffff;
}

ul.formulari > li .label, ul.formulari > li label{
	text-align: left;
	color: #161616;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	vertical-align: top;
	display: inline-block;
	font-family: 'Heebo';
}
ul.formulari > li .label-esquerra, ul.formulari > li .label-dreta {
	 margin: 0.3em 0 0.3em 0;
}
ul.formulari > li span.tooltip-icon {	
	display: inline-block;
}

ul.formulari > li p.etiqueta span.tooltip-icon {
	margin: 0px 0 4px 0;	
	display: inline-block;
}



span.marca-obligatori {
	color: #161616;
	margin : 0px !important;
	padding : 0px;
	font-size: 0.9em !important;
} 
ul.formulari > li .label-superior {
	width: 100%;
}
ul.formulari > li .label-inferior {
	width: 100%;
}
ul.formulari > li .label-esquerra {
	float: left;
}
ul.formulari > li .label-dreta {
	float: right;
}
ul.formulari > li .label-dreta label {
	padding-left: 1em;
}
/* Camps especials de formulari */
ul.formulari > li span.total-pagar {
	float: left;
	font-weight: bold;
	margin: 2px 0 0 0;
	padding: 2px 0 3px 0;
}
ul.formulari > li fieldset p {
	margin-bottom: 10px;
}
ul.formulari > li fieldset input, ul.formulari > li fieldset label {
	display: inline;
	float: none;
	margin: 0;	
	font-weight: normal;
	padding: 6px;
}
ul.formulari > li div p.camp, ul.formulari > li div span.camp, ul.formulari > li div div.camp {
	padding: 2px 0 2px 0;
}
ul.formulari > li p.camp .texte {
	margin-top: 0.3em;
}


ul.formulari > li label.curt {
	width: 15% !important;	
}
ul.formulari > li.linia-botons {
	margin: 1em auto 115px auto;
	overflow: hidden;
	float: left;
}
ul.formulari > li.linia-botons .Tbutton {
	float: none;
	padding: 10px 35px 10px 35px;
	display: inline-block;
}
ul.formulari > li .camp-checkbox-esquerra {
	margin: 0px 15px 0px 0px;
	border-radius: 6px;
	width: 30px;
	height: 30px;
}
.camp-check {
	float: left;
	display: block;
}
ul.formulari > li input.condicions {
	margin: 1px 14px 2px 2px;	
}

ul.formulari > li input.checkbox {
	margin: 3px 14px 3px 2px;	
}

ul.formulari > li input.checkbox_int {
	margin: 0px 15px 5px 4em;
}

ul.formulari li.eres-tipus-interessat div {
	white-space: nowrap;
	float: left;
}
ul.formulari li.eres-tipus-interessat input {
	margin-right: 0.5em;
}
ul.formulari li.eres-tipus-interessat span {
	margin-right: 1.5em;
}
ul.formulari li.linia-camps-requerits {
	margin: 0 0 1em 0;
	padding: 0;
	color: #333333;
}

li.li-links a {
	color: dodgerblue;
	text-decoration: underline;
}

ul.formulari li.news_baixa {
	background: none;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}

/* Captcha */
.form-captcha {
	margin: 0px;
	max-width: 350px;
	margin-top: 2em;
}
span.txt_captcha {
	color: #a41008;
}

/* Cerca */
input.input-cerca {
	width: 80%;
}
input.input-cerca-img {
	vertical-align: middle;
}

/* Elements de formulari */
.tooltip-title {
	
}
.tooltip-icon {
	font-size: 0.8em;
	font-weight: normal;
	padding-left: 0.7em;
	vertical-align: top;
	display: inline;
	color: #FF3C6E;
	
}
.tooltip-icon:hover {
	cursor: help;
}
.formobj, .formobj-sel {
	border: 1px solid #a5acb2;
	padding: 0.4rem;
	margin: 0 1px 0 2px;
	width: calc(100% - 18px);
	color: #161616;
	border-radius: 10px;
	font-size: 16px;
	/*min-height: 45px;
	height: 45px;*/
}
.formobj-sel {
	padding: 4px 5px 3px 5px;
}
.form-moneda {
	width: 90%;
	width: calc( 100% - 2.5em);
}
.form-area {
	/*font-size: 16px;
	margin: 0 2px 10px 2px;
	padding: 0.3em 7px 0.3em 7px;
	width: calc( 100% - 30px);
	border-radius : 10px;*/
	border: 1px solid #a5acb2;
	padding: 0.4rem;
	margin: 0 1px 0 2px;
	width: calc(100% - (3px + 1rem));
	color: #8c9396;
	border-radius: 10px;
	font-size: 16px;
}
input.form-data {
	text-align : center;
	width: calc(100% - 17px);
	margin-right: 10px;
	color : #999999;
	background: #FFF url('../img/form-data-b.png') right 8px no-repeat;
	background-position: calc(100% - 8px) 8px;
	/*background-position: right 5px top 8px;*/
}

input.pl-cerca {
	text-align : center;
	width: calc(100% - 17px);
	margin-right: 10px;
	color : #999999;
	background: #FFF url('../img/pl-cer-icon-b.png') right 8px no-repeat;
	background-position: calc(100% - 8px) 8px;
	/*background-position: right 5px top 8px;*/
}

label.checkbox, p.checkbox, .formulari label.checkbox {
	float: left;
	/*margin-left: 1em;*/
	font-weight: normal;
	position: relative;
	padding-left: 45px;
}

.Tbutton {
	border: 2px solid #161616;
	border-radius: 10px;
	background-color: white;
	color: #161616;
	display: inline-block;
	text-align: center;
	padding: 0.8rem 2rem;
	font-size: 1.2rem;
	line-height: 1.1em;
	transition: color 0.2s ease-out, background 0.5s linear;
	text-transform: uppercase;
	cursor: pointer;
}
.Tbutton:hover {
	background-color: rgba(0, 0, 0, 0.8);
	color: #ffffff;
	text-decoration: none;
}

/* Cerca */
.form-cerca-adreca {
	overflow: hidden;
    margin: 0 auto 20px auto;
}
.formobj-cerca {
	float: left;
	width: 70%;
	width: calc(100% - 70px);
    height: 40px;
    margin: 0;
    padding: 4px 7px 5px 10px;
    font-size: 21px;
    color: #8c9396;
    border: 1px solid #B2B2B2;
    border-radius: 5px;
	border-right: 0;
    border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.Tbutton-cerca {
	border: 0;
    vertical-align: middle;
    background-color: transparent;
    padding: 4px 10px 5px 10px;
    margin: 0;
    text-align: center;
    font-size: 22px;
    color: #8c9396;
    float: left;
    border: 1px solid #B2B2B2;
    border-radius: 5px;
    border-left: 0;
    height: 51px;
    width: 49px;
    border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.Tbutton-cerca:hover {
	cursor: pointer;
}

/* Inici Estil checkboxes Martorell */
.camp-label-inner input[type="checkbox"]{
	margin: 0 15px 0 0;
}

input[type="checkbox"] {
	-webkit-appearance: none;
	background-color: #ffffff;
	border: 1px solid #949494;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 8px;
	border-radius: 3px;
	display: inline-block;
	position: relative;	
	margin: 18px 0 -3px 0;
}
input[type="checkbox"]:active, .input[type="checkbox"]:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
input[type="checkbox"]:checked {
	background-color: #ffffff;
	border: 1px solid #949494;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #666666;
}
input[type="checkbox"]:checked:after {
	content: '\2714';
	font-size: 16px;
	position: absolute;
	top: 2px;
	left: 8px;
	color: #FF3232;
}

/* Inici Estil radiobuttons Martorell */
input[type="radio"] {
	-webkit-appearance: none;
	background-color: #ffffff;
	border: 1px solid #949494;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 8px !important;
	border-radius: 1px;
	display: inline-block !important;
	position: relative;
	margin: 0 !important;
	float : none;
	border-radius: 50%;
}
input[type="radio"]:active, .input[type="radio"]:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
input[type="radio"]:checked {
	/*background-color: #e9ecee;*/
	border: 1px solid #949494;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #FF0000;
}
input[type="radio"]:checked:after {
	content: '\2714';
	font-size: 16px;
	position: absolute;
	top: -4px;
	left: 2px;
	color: #FF0000;
}


/* botons signatura */
#btn-signa {
	background-color: #269741;
	margin-right: 1.3em;
}
#btn-signa:hover {
	background-color: #65d882;
	text-decoration:none;
}
#btn-signa-paga {
	background-color: #269741;
	margin-right: 0.7em;
}
#btn-signa-paga:hover {
	background-color: #65d882;
	text-decoration:none;
}

/* Filtre de llistats interiors */
.filtre {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: space-between;
	margin-bottom: 20px;
	padding: 0;
	width: 100%;
	color: #666666;
	overflow: hidden;
}
.filtre label {
	margin: 0 4px;
	vertical-align: baseline;
	display: block;
	font-family: 'Heebo';
	color: #161616;
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
}
.filtre label.checkbox {
	display: inline-block;
	font-weight: normal;
	float: none;
	margin-left: 0.7em;
}
.filtre div {
	display: block;
	vertical-align: top;
	float: left;
	margin: 0 0 16px 0;
	padding: 0;
}
.filtre p {
	padding: 1px;
	/*margin: 0 0 0 10px;*/
}
.filtre div.warea_33:nth-child(3n+3) {
	width: 34% !important;
}
.filtre div.primer p {
	margin: 0;
}
div.filtre .formobj-sel {
	padding: 0.4rem;
	height : 100%;
	text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
}
div.filtre .formobj-sel option {
	text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
}
div.filtre .Tbutton {
	padding : 5px 45px;
	font-size : 14px;
	margin-top: 3px;
}
div.filtre .formobj {
	font-size : 14px;
}
div.filtre > div.ultim > p {
	margin-left : 0px;
}
select.custom-styled {
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background: url(../img/icon-select-b.png) no-repeat right 5px center #FFF;
    width : calc(100% - 5px);
    height : auto;
    color : #808080;
}
select.custom-styled option {
	color : #808080;
}


.filtre-blog {
	margin-top : 30px;
	margin-bottom: 20px;
	padding: 0;
	width: calc(100% - 25px);
	margin-left: 25px;
	color: #666666;
	overflow: hidden;
}
.filtre-blog label {
	margin: 0 1em 0 0;
	font-weight: bold;
	vertical-align: baseline;
	display: block;
}
.filtre-blog label.checkbox {
	display: inline-block;
	font-weight: normal;
	float: none;
	margin-left: 0.7em;
}
.filtre-blog div {
	display: block;
	vertical-align: top;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
}
.filtre-blog p {
	padding: 1px;
	margin: 0 0 0 10px; 
}
div.filtre-blog .formobj-sel {
	height : 29px;
	text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
}
div.filtre-blog .formobj-sel option {
	text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
}
div.filtre-blog .Tbutton {
	padding : 5px 45px;
	font-size : 14px;
	margin-top: 3px;
}
div.filtre-blog .formobj {
	font-size : 14px;
}

div.filtre-blog div.llista-categories {
	margin-top: 40px;	
}

div.filtre-blog div.llista-categories p.titol-categories {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
}

/* Llegenda de Mapes */
div.llegenda-mapa {
	clear: both;
	margin-top: 20px;
	overflow: hidden;
}
div.llegenda-mapa-categories {
	overflow: hidden;
	margin: -0.9em 0 0 0;
	padding: 1.1em 0.5em 0.2em 0.7em;
}
div.llegenda-mapa p.llegenda-mapa-modul {
	font-weight: bold;
	font-size: 1.1em;
	margin: 0.8em 0 0.3em 0;
	clear: both;
}
div.llegenda-mapa p.llegenda-mapa-grup-categoria {
	width: 30%;
	display: block;	
	float: left;
	margin: 0 3% 0 0 !important;
	padding: 0 !important;
	text-align: left;
	min-height: 3.3em;
	font-size: 0.9em;
	line-height: 1.7em;
}
div.llegenda-mapa p.llegenda-mapa-grup-categoria input {
	margin-top: 0.5em;
    float: left;
}
div.llegenda-mapa p.llegenda-mapa-grup-categoria img {
	margin: 0 5px -9px 7px;
}
div.llegenda-mapa p.llegenda-mapa-grup-categoria label {
	display: block;
    text-align: left;
    margin-top: 5px;
    margin-right: 6px;
    vertical-align: middle;
    float: left;
    margin-left: 15px;
    font-size: 19px;
    width: calc(100% - 40px);
}
a.peumapa {
	margin-top: 0.3em;
	display: inline-block;
}

/* Botons del portlet */
ul.Botons {
	padding: 0;
	margin: 1em 0 1em 0;
	margin-right: 15px;
}
ul.Botons li {
	display: inline;
	margin: 0;
	padding:0;
	margin-right: 15px;
	background: none;
}
ul.Botons li img {
	vertical-align: top;
}
ul.Botons li a {
	color: #6f6f6f;
	font-family: 'Open Sans', sans-serif; 
	font-size: 0.9em;
	text-decoration: none;
}

/* Botons accions */
.botons-accions {
	float: left;
	overflow: hidden;
	margin: -3px 0 0 50px;
	padding: 0;
}
.boto-google {
	width: 70px;
	overflow: hidden;
	float: left;
}

/* Arrodoniments */
a.botocorners {
	background-color: #973228;
	padding: 10px 12px 10px 12px;
	font-size: 1.2em;
	color: #ffffff;
}	
a.botocorners {
	text-decoration:none;
}
a.botocorners:hover {
	background-color: #c82818;
}
.corners {
	background: #f2f2f2;
	width: 80%;
	margin: 5px 0 5px 0;
	padding: 23px 10% 23px 10%;
}

/* Detall tregistres */
.camp-imatge {
	margin-bottom: 1.1em;
}



/* Divs de formulari de pagament */
#formulari-ingres {
	display: none;
	width: 100%;
	position: absolute;
	top: 60px;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5;
	height: 100%;
}
#fons-pagament {
	position: fixed; 
	top: 0; 
	left: 0; 
	text-align: center;
	display: none;
	min-width: 100%;
	min-height: 100%;
	z-index: 6;
	background-color: #f2f2f2;
}
#fons-pagament .loading-pagament {
	position: absolute;
	top: 33%;
	left: 0%;
	width: 100%;
	padding: 0 0 35px 0;
	z-index: 5;
	background: transparent url('/mant/img/wait.gif') center bottom no-repeat;
	text-align: center;
	font-weight: bold;
	color: #000000;
}
#fons-pagament .loading-pagament .inner-loading {
	position: inherit;
}
#fons-pagament .loading-pagament i {
	color: #000000;
}
#fons-pagament h2 {
	display: block;
	font-size: 15px;
	color: #ad2a1e;
	font-weight: bold;	
	text-align: center;
	padding: 8px 10px 8px 10px;
}
#formulari-estatpagament {
	font-size: 1.2em;
}
#formulari-estatpagament .msg_pagament {
	
}
#formulari-botons-pagament {
	clear: both;
	overflow: hidden;
	margin: 0.5em 0 0.5em 0;
	padding: 1em;
}
#formulari-botons-pagament .Tbutton {
	margin-right: 20px;	
}
	
.error-import {
	color: #FF0000;
	font-size: 0.9em;
	font-weight: normal;
}
a.descarrega-doc {
	background: url('../img/icone-document.gif') top left no-repeat;
	padding: 4px 0px 15px 35px;
	text-decoration: none;
}

/* Missatges d'error */
.error {
	color: #ff0000;
	display: block;
}
ul.ErrMsg {	
	margin-top: 0px;
	margin-left: 15em;
	padding-left: 20px;
	list-style-type: disc;
	text-align: left;
}
ul.ErrMsg li {	
	margin-left: 0em;
	padding-left: 0.3em;
	padding-top: 0.3em;
	color: #000000;
	background: none;
}


/* Taules */
table.taula {
	width: 100%;
	border : 0;
	margin: 5px 0 0 0;
}
table.taula thead tr {
	
}
table.taula thead tr th {
	padding: 10px 5px 3px 5px;
	border-bottom: 1px solid black;
	 color: #646464;
    font-size: 19px;
    font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
table.taula tbody tr {
	
}	
table.taula tbody tr.imparell {
	background-color: #f1f1f1;
}
table.taula tbody th.fons {
	background-color: #f1f1f1;
}
table.taula tbody tr.Over {
	background-color: #d9dadb;
	cursor: pointer;
}
table.taula tbody tr.no-registres, table.taula tbody tr.sense-registres {
	vertical-align: middle; 
	min-height: 5em;
}
table.taula tbody tr.no-registres td, table.taula tbody tr.sense-registres td {
	padding: 20px 0 20px 0;
}
table.taula tbody tr td {
	text-align: left;
	vertical-align: top;
	padding: 10px 10px 10px 5px;
}
table.taula tbody tr td.pictos {
	white-space: nowrap;
	padding-top: 0.3em;	
}
table.taula tbody tr td.contingut_taula {
	width: 85%;
}
table.taula tbody tr td.campTitol {
	width: 90%;	
}
table.taula tbody tr td.cos {

}
table.taula tbody tr td div.cerca-docs {
	margin: 0.5em 0 1em 1em;	
}

/* Paginació de les taules */
.paginacio {
	margin: 5px 10px 5px 10px;
	padding: 3px 10px 3px 10px;
	overflow: hidden;
	font-size: 28px;
	color: #666666;
}
.paginacio .paginacio-int {
	font-family: 'Open Sans', sans-serif;
	text-align: center;
}
a.link-paginacio {
	color: #666666;
	padding: 4px 10px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
}
a.link-paginacio:hover {
	text-decoration: none;
	color: #668CBF;
}
.link-paginacio-sel {
	text-align: center;
	color: #668CBF;
	text-decoration: none;
	padding: 4px 10px;
 	display: inline-block;
}
.link-paginacio-fletxa {
	color: #668CBF;
	padding: 4px 10px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
}

/* Registres relacionats */
.elem_relacionat {
	color: #c62b2b;
	font-weight: bold;
	text-align: left;
	font-size: 0.9em;
}
a.elem_relacionat {
	color: #c62b2b;
	font-weight: bold;
	text-align: left;
	font-size: 0.9em;
	text-decoration: none;
}
a.elem_relacionat:hover {
	text-decoration: underline;
}

/* Relacions simples */
ul.relacio-simple {
	padding: 10px;
	margin: 0;
	border: 1px solid #7E80B5;
}
ul.relacio-simple  li {
	background: none;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;	
}

ul.relacio-simple  li strong {
	color :#7E80B5;
}


/* Certificats */
table.certificat {
	border: 0;
	border-top: 4px solid #9a2525;
	color: #9e9e9e;
	text-align: left;
	font-size: 1em;
	text-align: left;
	background-color: #f1f1f1;
	width: 99%;
}
table.certificat th {
	font-weight: bold;
	vertical-align: top;
	text-align:left;
	padding-left: 1.5em;
	background-color: #e2ded6;
	color: #9f3131;
	border-bottom: 4px solid white;
	border-right: 4px solid white;
	padding: 0.5em 6px 0.3em 8px;
}
table.certificat td {
	background-color: #f1f1f1;
	empty-cells: show;
	border-bottom: 4px solid white;
	padding: 0.5em 6px 0.3em 8px;
	font-size: 1.2em;
}
.iframeCert { 
	width: 100%;
	height: 210px; 
	border:  1px solid gray;
	font-size: 0.7em;
}
.DivBotoCert {
	clear: both;
	margin: 2em 0 1em 0;
	border: 1px solid #666666;
	background-color: #F4F4F4;
	height: auto;
	overflow: hidden;
	padding: 1em 1em 1em 1em;
}
.DivBotoCert p {
	line-height: 1.6em;
}
.DivBotoCert a {
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #CCCCCC; 
	border: 1px solid #666666;
	margin: 11px 20px 5px 0px;
	cursor: pointer;
	height: 2em;
	padding: 0.2em 1em 0.2em 1em;
}


/* Signatura digital i TSA */
#errors-signatura {
	display: none;
	color: #ff0000;
	font-weight: bold;
	font-size: 1.1em;
}
#alies-certificats {
	margin: 0.9em 0 1.1em 0;
	display: none;
}
#carregant-certificats {
	margin: 1em 0 0 0;
}
#valida-certificat {
	display: none;
}
#VerificaSignatura_fitxa {
	max-width: 40%;
	float: left;
}
#VerificaTSA_fitxa {
	max-width: 40%;
	float: left;
}
#VerificaCertificat {
	overflow: hidden;
	width: 80%;
	padding: 1em;	
}
#VerificaSignatura.signaOk, #VerificaTSA.signaOk, #VerificaCertificat.signaOk {
	background: #B6FCDE url("../img/Ok.gif") right 5px no-repeat;
	border: 1px solid #006666;
}
#VerificaSignatura.signaErr, #VerificaTSA.signaErr, #VerificaCertificat.signaErr {
	background: #FFE1E1 url("../img/No.gif") right 5px no-repeat;
	border: 1px solid #FF0000;
}
#VerificaCertificat.signaOk p.titol-info {
	color: #006666;
	font-size: 1.1em;
	font-weight: bold;	
}
#VerificaCertificat.signaErr p.titol-info {
	color: #FF0000;
	font-size: 1.1em;
	font-weight: bold;	
}
.DivVerifica {
	display: none;
	margin-bottom: 1em;
	font-size: 1.1em;
	padding: 0.5em 0.5em 0.5em 1em;
}
.DivVerifica .VerificaTxt {
	margin: 0.3em 0 0.5em 1em;
}
.DivVerifica span.VerificaResposta {
	margin-left: 1em;
	margin-top: 0.6em;
}
.DivVerifica blockquote.VerificaResposta {
	margin-top: 0.6em;
	margin-left: 4em;
}
.DivVerifica .VerificaWait {
	vertical-align: middle;
	margin-bottom: 1em;
}
.DivVerifica .VerificaWait img {
	vertical-align: middle;
	margin-left: 0.8em;
}



/* Comentaris */
div.div-comentaris h2 {
	margin-bottom: 1em;
}
div.div-comentaris div.sense-comentaris {
	margin-bottom: 15px;
}
div.afegir-comentari {
	display: none;
	margin-top: 30px;
}
ul.afegir-comentari {
	width: 100%;
	display : flex;
	flex-flow: wrap;
}
ul.afegir-comentari > li:not(.warea_50){
	width: 100%;	
}
ul.afegir-comentari div.form-captcha{
	margin : 0px;
	min-height: 90px;
}
ul.afegir-comentari div.form-captcha iframe {
	min-height: 90px;
}
ul.afegir-comentari li.linia-botons > input.Tbutton {
	width : 304px;
}
div.barra-comentaris {
}
div.barra-comentaris h2 {
	font-size: 1.3em;
	color: #cd2b2b;
	font-weight: bold;
	display: block;
	float: left;
	margin-left: 1em;
}
div.barra-comentaris div.links-comentaris {
	float: right;
}
div.barra-comentaris div.links-comentaris a {
	margin: 9px 0px 5px 20px;
    color: #ffffff;
    
    background-color: #973228;
    padding: 7px 10px 7px 10px;
    min-width: 80px;
    font-size: 1.2em;
    text-align: center;
    display: inline-block;
    border: 0;
    text-decoration: none;
    -moz-transition: background 0.7s ease-out;
    transition: background 0.7s ease-out;
    float: right;
    margin-bottom: 0.3em;
    
   border-radius: 5px;
}
div.barra-comentaris div.links-comentaris a:hover {
    text-decoration: none;
    background-color: #c82818;
    color: #ffffff;
    cursor: pointer;
}
div.div-comentaris {
	width: 70%;
}
ol.comentaris {
	list-style-type: none;
	list-style-position: outside;
	margin : 0px 0px 35px 0px;
	border-bottom: 2px solid #A5A5A5;
}
ul.comentari-puntuacio {
	margin: 0px;
	padding: 0px;
	width: 100%;
	list-style: none;
	overflow: hidden;
}
ul.comentari-puntuacio > li {
	margin: 0px;
	padding: 0px;
	text-align: center;
	float: left;
	clear: none;
	color : #668CBF;
}
ul.comentari-puntuacio > li > i {
	cursor : pointer;	
}
ol.comentaris li {
	margin-bottom: 25px;
	display: list-item;
}
ol.comentaris li:last-child {
	margin-bottom: 55px;
}
ol.comentaris li div.capcom {
	color: #999999;
}
ol.comentaris li div.capcom > div.usercom {
	font-size : 22px;
	color : #333333;
	margin-bottom : 15px;
}
ol.comentaris li div.contcom {
	font-size: 0.8em;
	padding: 0.9em 1em 0.9em 0px;
	color: #333333;
	font-size: 18px;
	font-weight : 200;
	font-weight: normal;
}
ol.comentaris li.comentari-eliminat div.contcom {
	font-weight: 400;
	font-style: italic;
	color : #668CBF;
}
ol.comentaris li div.peucom {
	font-size : 16px;
	font-weight: 500;
	margin-bottom : 15px;
}
ol.comentaris li div.capcom div.star-rating-content  {
	font-size : 20px;
	margin-bottom : 15px;
}
ol.comentaris li div.capcom div.star-rating-content > i:not(:first-child){
	margin-left: 25px;
}
ol.comentaris li div.capcom div.star-rating-content > i {
	display : inline;
}
ol.comentaris li div.capcom div.star-rating-content > i.ple {
	color : #668CBF;
}
ol.comentaris li div.capcom div.star-rating-content > i.buit {
	color : #E4E4E4;
}


/* Mapes GMaps */
.mapa-llista {
    width: 100%; 
    position: relative;
    padding-bottom: 375px; /* Aspect ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    border: 0;
    margin-top: 1em;
}
.mapa-llista iframe,
.mapa-llista object,
.mapa-llista embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mapa-llista img {
	max-width: inherit; /* Evita problemes de visualització del maps */
}
.mapa-detall {
	width: 100%; 
    position: relative;
    margin-top: 20px;
	margin-bottom: 20px;
    padding-bottom: 350px; /* Aspect ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    border: 0;
	border-radius: 11px;
	border: 1px solid #C1B9AF;
	overflow: hidden !important;
}
.mapa-detall iframe,
.mapa-detall object,
.mapa-detall embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mapa-detall img {
	max-width: inherit; /* Evita problemes de visualització del maps */
}
/* Div amb text d'un punt en el mapa */
div.mapa-text-punt {
	margin: 0;
	max-height: 150px;
	padding: 0;
	
	display: flex;
	flex-flow: row nowrap;
}
div.mapa-text-punt .text-mapa-amb-imatge {
	width: calc(60% - 10px);
	margin-right: 10px;
}
div.mapa-text-punt .text-mapa-no-imatge {
	width: 100%;
}
div.mapa-text-punt .imatge-mapa {
	min-height: 90px;
	width: 40%;
}
div.mapa-text-punt .imatge-mapa img {
	max-width: 100%;
}

#peumapa {
	color: #8d343a;	
}


/* Enquestes */
.enquestes {
	margin: 0 20px 15px 0;
	padding: 0;
	color: #2f2f2f;
	width: auto !important;
}
.enquestes .text-enquestes {
	margin: 5px 0 10px 0;
}
.enquestes .boto-enquesta {
	text-align: center;
}
.enquestes .boto-enquesta input.Tbutton {
	float: none;
}
.enquestes .boto-enquesta input:hover {
	
}
.enquestes .opcio-enquesta {
	margin-left: 2.5em;
	margin-bottom: 7px;	
	font-size: 1.1em;
}
.enquestes .opcio-enquesta label {
	margin-left: 10px;
}
.enquestes .barra-enquesta, .enquestes-pagina .barra-enquesta {
	float: right; 
	margin-bottom: 3px; 
	background-color: #668CBF;
	border: 0;
	height: 15px;
}
.enquestes .resposta-enquesta, .enquestes-pagina .resposta-enquesta {
	clear: left;
	float: left;
	width: 100%;
	margin: 0.5em 0 0.5em 0;
	overflow: hidden;
	padding: 0;
	position: relative;	
}
.enquestes .percentatge-enquesta {
	float: left;
}
.enquestes .vots-enquesta {
	clear: left;
	margin-left: 2.5em;
	font-size: 0.9em;
}
ul.enquestes-pagina {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.enquestes-pagina li {
	padding: 0 0 1em 2em;
	overflow: hidden;
}
ul.enquestes-pagina fieldset.opcions-enquesta label {
	margin-left: 10px;
}
.resposta-enquesta-txt {
	float: none;
	font-size: 1.1em;
	text-align: right;
	margin-bottom: 0.2em;
}
.resposta-enquesta-barra {
	float: left;
	width: 77%;
	padding: 0 0 0 0.5%;
}
.resposta-enquesta-percentatge {
	display: block;
	float: left;
    width: 18%;
    padding: 0 0 0 2%;
    margin: 0;
    
    position: absolute;
    bottom: 5px;
    right: 0;
}
.resposta-enquesta-pag {
	overflow: hidden;
	width: 100%;
}
.resposta-enquesta-barra-pag {
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 4px;
}
.resposta-enquesta-barra-pag .barra-enquesta {
	margin-right: 0;
	float: left;
}
fieldset.opcions-enquesta {
	margin-top: 1em;
}
fieldset.opcions-enquesta p {
	margin: 0 0 1em 0;
}


/* El mes vist */
ul.llista-el-mes {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.llista-el-mes li {
	margin: 0;
	padding: 4px 0 7px 0;
	background: none !important;
	font-size: 18px;
}
ul.llista-el-mes li .elmes-pare {
	color: #666666;
	font-weight: normal;
}
ul.llista-el-mes li a {
	color: #668CBF;
}
.elmes-visites {
	color: #646464;
	font-weight: 600;
}
.elmes-data {
	color: #646464;
	font-weight: 600;
	margin-bottom: 2px;
}


/* Llista MapaWeb */
ul.mapa-web>li {
	margin-bottom: 30px;
}
ul.mapa-web>li>a {
	font-weight: 600;
	color: #646464;
	font-size: 21px;
}
ul.mapa-web li>a:hover {
	text-decoration: underline;
}
ul.mapa-web ul li>a {
	font-weight: bold;
	color: #808080;
	text-decoration: none;
}
ul.mapa-web ul li>a:hover {
	text-decoration: underline;
}
ul.mapa-web ul ul li>a {
	color: #808080;
	font-weight: normal;
}
ul.mapa-web ul ul li>a:hover {
	text-decoration: underline;
}


/* --- Rotador --- */
.element-rotador {
	display: block;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
ul.rotador {
	list-style-type: none;
	position: relative;
	padding: 0;
	margin: 0 0 1em 0;
	overflow: hidden;
	width: 100%;
}
ul.rotador li {
	margin: 0;
	padding: 0;
	background: none;
	display: block;
	overflow: hidden;
	width: 100%;
	position: relative;
}
ul.rotador li img {
	display: block;
    width: 100%;
    height: auto;
}
ul.rotador .owl-item {
	overflow: hidden !important;
}
ul.rotador li .panelPag {
	overflow: auto;
	width: 100%;
}
ul.rotador li p.rotador-titol {
	position: absolute;
    bottom: 25px;
    left: 15px;
    z-index: 2;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 200;
}
ul.rotador li p.rotador-titol:before {
	content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    top: 25px;
    bottom: 0;
    left: 0;
    background-color: #FFFFFF;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
ul.rotador li:hover p.rotador-titol:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
ul.rotador li .rotador-titol-descripcio {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 18px;
	width: auto;
	color: #ffffff;
}
ul.rotador li .rotador-titol-descripcio .titol-gran-sil {
	font-size: 3em;
	margin-bottom: 10px;
}
.rotador-index { 
	overflow: hidden; 
	list-style: none; 
	clear: both; 
	z-index: 3;
	margin-top: 8px;
}
.rotador-index ul { margin: 0; padding: 0; list-style: none; }
.rotador-index ul li { 
	float: left; 
	background: none; 
	background-color: #ffffff;
	color: #ff0000;
	padding: 0.3em; 
	cursor: pointer;
	margin: 0 0 0 5px;
}
.rotador-index ul li.active {
	color: #ffffff;
	text-decoration: underline;
	background-color: #ff0000;
}


/* Temes */
div.fitxa-temes {
	margin-bottom: 1em;
}
div.col-tema-esquerra {
	float: left;
	width: 50%;
}
div.col-tema-dreta {
	float: right;
	width: 50%;
}
div.col-tema-esquerra div.col-tema-int {
	padding: 0 5px 0 0; 
}
div.col-tema-dreta div.col-tema-int {
	padding: 0 0 0 5px;
}

/* Temes del detall d'un registre */
ul.llista-temes {
	margin: 0;
	padding: 0;
	list-style: none outside none;
	overflow: hidden;
}
ul.llista-temes li {
	margin: 0 0 25px 0;
	padding: 0;
	display: block;
	text-align: left;
	background-image: none;
	overflow: hidden;
	vertical-align: bottom;
	line-height: normal;
}
ul.llista-temes li img {
	max-width: 100%;
}
ul.llista-temes li.columna {
	float: right;
	width: 50%;
}
ul.llista-temes li.columna .llista-img-sup {
	margin-left: 5px;
}
ul.llista-temes li.columna .llista-contingut {
	margin-left: 5px;
}
ul.llista-temes li.columna-1 {
	float: left;
	width: 50%;	
	clear: both;	
}
ul.llista-temes li.columna-1 .llista-img-sup {
	margin-right: 5px;
}
ul.llista-temes li.columna-1 .llista-contingut {
	margin-right: 5px;
}
ul.llista-temes li .llista-cont-img {
	float: left;
	overflow: hidden;
    text-align: left;
    width: 58%;
}
ul.llista-temes li .llista-cont-img  p {
	margin-bottom: 5px;	
}
ul.llista-temes li .llista-contingut  {
	padding: 1em 0 0 0;
	clear: both;
	text-align: left;
}
ul.llista-temes li .llista-contingut p {
	margin-bottom: 5px;
}
ul.llista-temes div.div-imatge-superior {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	width: 100%;
	padding-top: 75%;
	overflow: hidden;
	position: relative;
}
ul.llista-temes div.div-imatge-superior img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


/* Destacats */
.element-destacat {
	display: block;
	line-height: 120%;
	font-weight: 700;
	color: #fff;
	margin-top: 0px;
	/*margin-right: 10px;*/
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
	-webkit-transition: background-color ease 0.2s, color ease 0.2s, visibility 0.1s;
    transition: background-color ease 0.2s, color ease 0.2s, visibility 0.1s;
    background-position: -5000% -5000%;
    background-repeat: no-repeat;
    min-width: 230px;
    min-height: 160px;
}
.element-destacat:hover {
	text-decoration: none;
	cursor: pointer;
}
.element-destacat-text-blanc-off, .element-destacat-text-blanc-off p {
	color: white !important;
	transition: background-color ease 0.2s, color ease 0.2s, visibility ease 0.5s;
}
.element-destacat-text-negre-off, .element-destacat-text-negre-off p {
	color: black !important;
	transition: background-color ease 0.2s, color ease 0.2s, visibility ease 0.5s;
}
.element-destacat-text-blanc-on:hover, .element-destacat-text-blanc-on:hover p {
	color: white !important;
	transition: background-color ease 0.2s, color ease 0.2s, visibility ease 0.5s;
}
.element-destacat-text-negre-on:hover, .element-destacat-text-negre-on:hover p {
	color: black !important;
	transition: background-color ease 0.2s, color ease 0.2s, visibility ease 0.5s;
}
.amplada1 .element-destacat-titol {
	padding-left: 20px;
	padding-right: 20px;
}
.amplada2 .element-destacat-titol, .amplada3 .element-destacat-titol {
	padding-left: 35px;
	padding-right: 35px;
}
.alcada1 .element-destacat-titol {
	padding-top: 20px;
	padding-bottom: 20px; 
}
.alcada2 .element-destacat-titol, .alcada3 .element-destacat-titol {
	padding-top: 35px;
	padding-bottom: 35px; 
}


/* El Temps */
#Temps {
	text-align: left;
	margin-bottom: 20px;
	margin-top: -5px;
}
#Temps .dades {
	float: left;
	margin-left: 5px;
	width: 90px;
}
#Temps img {
	float: left;
}
#Temps .municipi {
	clear: both; 
	padding-top: 5px;
}


/* Estils blocs */
div.marge-interior {
	max-width : 1180px;
	margin : 0 30% 0 30%;
}
div.marge-superior {
	margin-top: 70px;
}
.marges-laterals {
	width: 100%;
	margin-left: auto; 
	margin-right: auto;
	max-width: 730px !important;
}
.amplada1 {
	/*width: 230px;*/
	width: 216px;
	background-color: #dfdfdf;
}
.alcada1 {
	height: 160px;
}
.amplada2 {
	/*width: 470px;*/
	width: 443px;
	background-color: #debcc2;
}
.alcada2 {
	height: 330px;
}
.amplada3 {
	/*width: 700px;*/
	width: 670px;
	background-color: #ffffd5;
}
.alcada3 {
	height: 500px;
}

.fons-bloc-portada {
	background-color: #FCF9F7;
}


/* Estils layouts */
div.imatge-centrada {
	background-position: center;
}
div.alcada-500 {
	min-height : 500px;
	max-height : 500px;
}
div.efecte-parallax {
	/*
	background-size: cover;
	background: transparent;
	
	margin: 60px 0 60px 0;
	height: 350px;
	vertical-align: bottom;
	*/
}

div.imatge-rounded {
	border-radius: 10px;
}

div.marge-inferior  {
	margin-bottom: 40px;
}

div.efecte-parallax div.amplada-pagina {
	position: relative;
	height: 300px;
}
div.efecte-parallax div.amplada-pagina div.element {
	height: 100%;
}
.parallax-mirror img {
	left: 0;
}
.degradat-bg {
	background: linear-gradient(to right, #FFF3F6 30%,#FFFFFF 70%);
}


/* Requadre d'advertència d'idioma */
#alert-idioma {
	clear: both;
	border: 2px #666666 dashed;
	background-color: #e6e6e6;
	margin-bottom: 2em;
	padding: 1em;
}


/*** Plugins ***/
/* Cookies */
#cookie-manager {
	
}
#cookie-manager #cookie-warning, #cookie-manager #cookie-warning-permanent {
	position: fixed;
	z-index: 99999;
	margin: 0px;
	padding: 0;
	left: 0px;
	bottom: 0px;
	right: 0px;
	opacity: 1;
	display: block;
	font-family: Arial, sans-serif;
}
#cookie-manager #cookie-warning-permanent {
	display: none;	
}
#cookie-manager p {
	margin: 4px 0px;
	padding: 4px 0px;
}
#cookie-manager .missatge {
	position: relative;
	background-color: rgba(0,0,0,0.85);
	padding: 10px 40px 10px 42px;
	color: #ffffff;
}
#cookie-manager .missatge a {
	color: red;
}
#cookie-manager .missatge a:hover {
	text-decoration: underline;
}
#cookie-manager .cookie-warning-botons {
	float: right;
	width: 160px;
	margin-top: 5px;
} 
#cookie-manager #cookie-warning-permanent .cookie-warning-botons {
	margin-top: 20px;	
}
#cookie-manager .cookie-warning-botons button {
	background-color: #FF3232;
	border: none;
	color: #ffffff;
	padding: 8px 14px;
	margin-left: 10px;
	font-size: 10px;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	font-family: Arial, sans-serif;
}
#cookie-manager .cookie-warning-botons button:focus, 
#cookie-manager .cookie-warning-botons button:hover {
	background-color: #ff7070;
	border: none;
	cursor: pointer;
}
#cookie-manager #cookie-warning .cookie-warning-botons button#cookie-warning-acceptar,
#cookie-manager #cookie-warning-permanent .cookie-warning-botons button#cookie-warning-permanent-acceptar {
	background-color: rgba(108, 192, 74, 1);
    border: none;
    padding: 8px 18px;
    margin-bottom: 10px;
    font-size: 10px;
    font-weight: bold;
    border-radius: 0;
	-moz-border-radius: 0;
}
#cookie-manager #cookie-warning .cookie-warning-botons button#cookie-warning-acceptar:hover {
	background-color: #7CE150;
}
#cookie-manager #cookie-warning-permanent button#cookie-warning-permanent-acceptar {
	background-color: #3B891A;
}
#cookie-manager #cookie-warning-permanent button#cookie-warning-permanent-acceptar:hover {
	background-color: #4FB921;
}
#cookie-manager #cookie-warning-permanent button#cookie-warning-permanent-cancelar {
	font-size: 17px;
    padding: 0px 10px 1px 10px;
    min-width: 50px;
    background-color: transparent;
    border: none;
    color: #e0e0e0;
    border-radius: 0;
    -moz-border-radius: 0;
    display: inline-block;
    vertical-align: bottom;
}
#cookie-manager #cookie-warning-permanent button#cookie-warning-permanent-cancelar:hover {
	color: #b32317;
}
#cookie-manager .missatge-contingut {
	padding-right: 140px;
}
#cookie-manager #cookie-warning-permanent .missatge-contingut {
	margin: 20px 0 20px 0;	
}


/* Tooltip que es mostra quan es produeix un error en el camp */
.tooltip-error {
	position: absolute;
	display: none;
	overflow: hidden;
	max-width: 350px;
	z-index: 2;
}
.tooltip-error .fletxa-tooltip {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
	margin-left: 25px;
}
.tooltip-error .contingut-tooltip {
	color: white;
	padding: 3px;
	font-size: 0.9em;
	background-color: black;
}
input.error-camp, textarea.error-camp {
    background-color: #fae9d9 !important;
    outline: none;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 0 1px 1px #ad4431;
    -moz-box-shadow: 0 0 1px 1px #ad4431;
    box-shadow: 0 0 1px 1px #ad4431;
}


/* Fancybox */
#fancybox-buttons ul li {
	background: none;
}
.fancybox-lock body {
	overflow : initial !important;
}
.fancybox-title-float-wrap {
	bottom : 25px;
	left : 15px;
	text-align: left;
	right : auto;
	margin-bottom : 0;
	width : 100%;
}
.fancybox-title-float-wrap .child {
	background : transparent;
	border-radius: 0px;
	text-shadow: none;
	color: #FFFFFF;
    font-size: 22px;
    font-weight: 200;
    font-family: 'Open Sans', sans-serif;
    margin-right: 0px;
    padding : 0 5px 0 5px;
    min-width : 20%;
    max-width : 90%;
    white-space: normal;
    position : relative;
}
.fancybox-title-float-wrap .child:before {
	content: "";
    position: absolute;
    width : 100%;
    height: 2px;
    bottom: -3px;
    left: 0;
    background-color: #FFFFFF;
    max-width: 80px;
}
div.fancybox-type-iframe .fancybox-title-float-wrap {
	visibility: hidden;
}
a.fancybox-nav {
	top: 35%;
	width: auto;
	height: auto;
	padding : 25px;
	font-size : 35px;
	color : #FFF;
}
a.fancybox-prev {
	left : -75px;
}
a.fancybox-next {
	right : -75px;
}
a.fancybox-close {
	right : -60px;
	background-image : none;
	text-decoration: none;
	font-size : 25px;
}
a.fancybox-close:before {
	content : '\f057';
	font-family: 'Font Awesome 5 Free';
	color : #FFF;
}


/* Add this */
.addthis_toolbox {
	margin: 0 0 0 1.2em;
	float: left;
	padding-right: 0;
}
.addthis_button_facebook_like {
	margin-top: -2px;
}
.addthis_button_tweet {
	margin-top: -2px;
}
.addthis_button_google_plusone {
	margin-top: -2px;
	width: 75px;
	overflow: hidden;
}
.addthis_separator {
	margin: 0 10px 0 50px !important;
	color: #808080;
	font-weight: bold;
}

/* Datepicker */
.ui-datepicker {
	font-size: 88% !important;
	padding : 0;
	min-width : 190px !important;
	max-width : 250px !important;	
}
#ui-datepicker-div {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-top : none;
	z-index: 9 !important;
}
.ui-datepicker .ui-datepicker-header {
	/*padding : 0px;*/
	border : none;
	border-radius : 0px !important;
	height : 30px;
	background-color : #B2B2B2;
}

#ui-datepicker-div{
	color: #000;
}

.ui-datepicker .ui-datepicker-header{
	background: rgb(252,249,247) !important;
}

.ui-datepicker .ui-datepicker-header > a {
	top : 5px;
	text-align: center;
	color: #000;
}
.ui-datepicker .ui-datepicker-header > div {
	line-height : 30px;
	font-size : 15px;
	background: rgb(252,249,247);
	color: #000;
}
input.form-data.dp-open {
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}
.ui-datepicker-next span, .ui-datepicker-prev span {
    background: none !important;
    display : block;
}
a.ui-datepicker-next:hover, a.ui-datepicker-prev:hover {
	text-decoration: none;
}

div.ui-datepicker-header a.ui-state-hover {
	background: none !important;
	border : none !important;
	color : inherit !important;
	font-weight : 700 !important;
	top: 10px !important;
	right : 2px !important;
}
a.ui-datepicker-prev:hover {
	left : 2px !important;
} 
div.ui-datepicker-header a.ui-datepicker-prev:before {
	content : "\f053";
	font-family: 'Font Awesome 5 Free';
	width : 16px;
	height : 16px;
	font-size : 20px;
}
a.ui-datepicker-next:before {
	content : "\f054";
	font-family: 'Font Awesome 5 Free';
	width : 16px;
	height : 16px;
	font-size : 20px;
}
.ui-datepicker table {
	font-size : 13px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	border : none;
	background : none;
	/*color : #808080;*/
	color: #000;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover,
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	/*color : #FF3C6E;*/
	color: #b93325;
}
.ui-widget {
	font-family: 'Open Sans', sans-serif;
}


/* flowplayer */ 
.flowplayer {
	background-size: cover !important;
	background-repeat: no-repeat;
}
.flowplayer .fp-controls { background-color: rgba(0, 0, 0, 0.4)}
.flowplayer .fp-timeline { background-color: rgba(0, 0, 0, 0.5)}
.flowplayer .fp-progress { background-color: rgba(219, 0, 0, 1)}
.flowplayer .fp-buffer { background-color: rgba(249, 249, 249, 1)}
.flowplayer .fancybox-inner {
	padding-bottom: 80px;
}

/* jquery loader */
#jquery-loader-background { background-color: silver }
#jquery-loader.carregant {
    display: block;
    position: fixed;
    opacity: 0.88;
    box-shadow: rgb(255, 255, 255) 0px 1px 1px -1px;
    border: 0;
   	padding-bottom: 40px;
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 15px;
	min-height: 4.3em;
    text-align: center;
    color: #ffffff;
    font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.4em;
	text-shadow: rgb(17, 17, 17) 0px 1px 0px;
	line-height: 1.4em;
	
    background-image: url('/comu/loader/loader2.gif');
    background-position: center 4em;
    background-repeat: no-repeat;
	-webkit-box-shadow: rgb(255, 255, 255) 0px 1px 1px -1px;
	background-attachment: scroll;
	background-color: rgb(42, 42, 42);
	
	border-color: rgb(255, 255, 255);
	border-radius: 5px;
	border-style: none;
	border-width: 0px;
	border-image-outset: 0px;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
}

/* JQuery */
.ui-accordion-header {
	padding: 10px 20px 10px 25px !important;
	position: relative;
}
.ui-accordion-header-icon {
	position: absolute;
	margin: 0 0 0 -20px;
}


ul.smartSearch {
    overflow: auto;
    max-height : initial;
}


/* LLista incidències */
table.taula.llista-incidencies i.fa {
	font-size : 18px;
}
table.taula.llista-incidencies i.fa.pending {
	color : #4dadf7;
}
table.taula.llista-incidencies i.fa.working {
	color : #ffb732;
}
table.taula.llista-incidencies i.fa.closed {
	color : #329932;
}



/* Inspira't portada */
div.container-portlet-homescreen-inspire {
	display : flex;
	flex-flow: wrap;
}
div.container-portlet-homescreen-inspire > div.column {
	display : flex;
	flex-flow : wrap;
	width : 50%;
}
div.container-portlet-homescreen-inspire > div.column:first-child > div.homeScreen-inspire-element:first-child > div.title{
	font-size : 30px;
}

div.container-portlet-homescreen-inspire > div.column:first-child > div.homeScreen-inspire-element:first-child,
div.container-portlet-homescreen-inspire > div.column:last-child > div.homeScreen-inspire-element:last-child{
	width : 100%;
}
div.container-portlet-homescreen-inspire > div.column:last-child > div.homeScreen-inspire-element:first-child {
	width : 40%;
}
div.container-portlet-homescreen-inspire > div.column:last-child > div.homeScreen-inspire-element{
	width : 60%;
}
div.container-portlet-homescreen-inspire > div.column:first-child > div.homeScreen-inspire-element:not(:first-child){ 
	width : 50%;
}
div.container-portlet-homescreen-inspire div.homeScreen-inspire-element {
	position : relative;
	overflow: hidden;
	cursor : pointer;
}
div.container-portlet-homescreen-inspire div.homeScreen-inspire-element > div.title:before {
	content: "";
    position: absolute;
    width: 60px;
    height: 3px;
    top: auto;
    bottom: 0;
    left: 0;
    background-color: #FFFFFF;
    visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
div.container-portlet-homescreen-inspire div.homeScreen-inspire-element:hover > div.title:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
div.container-portlet-homescreen-inspire div.homeScreen-inspire-element > div.title {
	cursor : pointer;
	position : absolute;
	bottom : 25px;
	left : 15px;
	z-index : 2;
	color : #FFFFFF;
	font-size : 20px;
	font-weight : 200;
	overflow: hidden;
    white-space: pre-wrap;
    padding-bottom: 5px;
}
div.container-portlet-homescreen-inspire div.column:first-child > div.homeScreen-inspire-element:first-child > div.title {
	font-size : 30px;	
}
div.container-portlet-homescreen-inspire div.homeScreen-inspire-element > div.multimedia a.video {
	position : static !important;
	display : inline !important;
}
div.container-portlet-homescreen-inspire div.homeScreen-inspire-element > div.multimedia {
	width : 100%;
	height : 100%;
	overflow : hidden;
}
div.container-portlet-homescreen-inspire div.homeScreen-inspire-element > div.multimedia > a.video img {
	width: 100%;
	height : 100%;
}
div.container-portlet-homescreen-inspire img {
	width : 100%;
	height : 100%;
	text-align: left;
}


/* Elements multimèdia (vídeo, imatges) de les llistes */
.multimedia {
	
}
.multimedia i {
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
}
.multimedia:hover i {
	font-size: 107%;
	color: #000000;
}


/* Deixa' seduir */
div.container-portlet-homescreen-seduir > ul {
	margin : 0; padding : 0;
	display : flex;
	flex-flow : wrap;
	justify-content: space-between;
}
div.container-portlet-homescreen-seduir > ul > li {
	margin : 0; padding: 0;
	width : calc(25% - 10px);
}
div.container-portlet-homescreen-seduir > ul > li > div.inner {
	padding : 0;
}
div.container-portlet-homescreen-seduir > ul > li > div.inner > div.title {
	margin: 15px 0 0 0;
	font-size: 17px;
	color: #808080;
	font-weight: 300;
	line-height: 145%;
}

/* que-no-tho-expliquin */
div#que-no-tho-expliquin {
	margin : 20px 0 20px 0;
	position: relative;
	/*background : linear-gradient(to right, #ecedf0 30%,#FFFFFF 100%);*/
	background-color : transparent;
	min-height : 150px;
}
div#que-no-tho-expliquin > div.inner > div.container > div.buttons {
	width : 40%;
	padding-top: 25px;
	margin: 0 auto;
}
div#que-no-tho-expliquin > div.inner > h2 {
	position : absolute;
	top : -5px;
}
div#que-no-tho-expliquin > div.inner >div.container {
	width : 100%;
	display : flex;
	flex-flow : wrap;
}
div#que-no-tho-expliquin > div.inner > div.container > div.text {
	color : #8c9396;
	font-size : 25px;
	line-height : 150px;
	width : 60%;
}
div#que-no-tho-expliquin > div.inner > div.container > div.text > h2 {
	padding-left: 10px;	
	font-size: 5.8vw;
}
div#que-no-tho-expliquin > div.inner > div.container > div.buttons > div.subscribe-button {
	margin-top : 15px;
	width : 100%;
}
div#que-no-tho-expliquin > div.inner > div.container > div.buttons > div.subscribe-button > a {
	text-align: center;
    height: 60px;
    border-radius: 5px;
    border: 1px solid #668CBF;
    background-color: #668CBF;
    color: white;
    line-height: 60px;
    margin: 0px;
    width: calc(100% - 10px);
    display: inline-block;
    font-size: 18px;
    font-weight: 200;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
div#que-no-tho-expliquin > div.inner > div.container > div.buttons > div.subscribe-button > a:hover {
	text-decoration: none;
    background-color: #FFFFFF;
    color: #646464;
}


/* Detall de registre */
#columna-contingut div.registre-detall > div.flex > div.categories-registre {
	margin : 15px 0px;
	width : 100%;
}
#columna-contingut div.registre-detall > div.flex > div.categories-registre > span.cat-titol {
	color: #7E80B5;
	font-weight : 700;	
}

#columna-contingut div.registre-detall div.columna-central > div.contenidor > div {
	padding-bottom: 15px;
}

#columna-contingut div.registre-detall > div.detall-mapa {
	margin : 50px 0 0 0;
	height: 375px;
}
#columna-contingut div.registre-detall > div.detall-mapa > div.mapa-detall {
	
}
#columna-contingut div.registre-detall > div.amplada-pagina.flex {
	display : flex;
	flex-flow: wrap;
}
#columna-contingut div.registre-detall div.columna-central {
	width : 60%;
}
#columna-contingut div.registre-detall div.columna-central > div.contenidor {
	padding : 15px;
}
#columna-contingut div.registre-detall div.columna-lateral > div.contenidor {
	margin : 0 5px 0 15px;
}
#columna-contingut div.registre-detall div.columna-lateral > div.contenidor > div {
	padding : 15px;
	background-color : white;
	margin: 0 0 15px 0;
}

#columna-contingut div.registre-detall-directori div.columna-lateral > div.contenidor > div {
	padding: 0;
}

#columna-contingut div.registre-detall div.columna-lateral > div.contenidor > div.dades-detall > p.camp {
	color : #4F4F4F !important;
	font-weight : 200 !important;
	font-size : 16px;	
}


#columna-contingut div.registre-detall div.columna-lateral > div.contenidor > div.dades-detall > div.camp > div.icone-camp > span.label, 
#columna-contingut div.registre-detall div.columna-lateral > div.contenidor > div.dades-detall > p.camp > span.label {
	display : inline-block;
	min-width : 35px;
	margin-right : 15px;
	color : #7E80B5;
	font-size : 16px;
	font-weight : 700;
	padding-top : 5px;
}
#columna-contingut div.registre-detall div.columna-lateral > div.contenidor > div.dades-detall > div.camp,
#columna-contingut div.registre-detall div.columna-lateral div.caixa-lateral > div.caixa-lateral-int div.camp,
#columna-contingut div.contingut-detall div.columna-lateral div.caixa-lateral > div.caixa-lateral-int div.camp
 {
	display : flex;
	flex-flow: wrap;
	margin : 10px 0 10px 0;
}
#columna-contingut div.registre-detall div.columna-lateral > div.contenidor > div.dades-detall > div.camp > div.icone-camp,
#columna-contingut div.registre-detall div.columna-lateral div.caixa-lateral > div.caixa-lateral-int div.camp > div.icone-camp,
#columna-contingut div.contingut-detall div.columna-lateral div.caixa-lateral > div.caixa-lateral-int div.camp > div.icone-camp {
	min-width : 70px;
	text-align: center;
}
#columna-contingut div.registre-detall div.columna-lateral > div.contenidor > div.dades-detall > div.camp > div.valor-camp,
#columna-contingut div.registre-detall div.columna-lateral div.caixa-lateral > div.caixa-lateral-int div.camp > div.valor-camp,
#columna-contingut div.contingut-detall div.columna-lateral div.caixa-lateral > div.caixa-lateral-int div.camp > div.valor-camp {
	width : calc(100% - 70px);
	font-size : 16px;
	font-weight : 300;
	color : #4F4F4F;
	word-break: break-word;
}
#columna-contingut div.registre-detall div.columna-lateral > div.contenidor > div.dades-detall > div.camp > div.valor-camp a,
#columna-contingut div.contingut-detall div.columna-lateral > div.contenidor > div.dades-detall > div.camp > div.valor-camp a {
	font-size : 16px;
	font-weight : 300;
	color : #4F4F4F;
}
#columna-contingut div.registre-detall div.columna-lateral > div.contenidor > div.dades-detall > div.camp > div.valor-camp a:hover {
	text-decoration: none;
}
#columna-contingut div.registre-detall div.columna-central > div.contenidor {
	background-color: white;
}
#columna-contingut div.registre-detall div.columna-lateral {
	width : 40%;
}

#columna-contingut div.registre-detall.registre-detall-directori div.columna-central {
	width : 68%;
}
#columna-contingut div.registre-detall.registre-detall-directori div.columna-lateral {
	width : 32%;
}

#columna-contingut div.registre-detall.registre-detall-directori div.columna-lateral div.contenidor {
	margin-top: 30px;	
}

#columna-contingut div.contingut-detall div.columna-central {
	width : 65%;
	float: left;
}
#columna-contingut div.contingut-detall div.columna-lateral {
	width : 32%;
	float: right;
}


#columna-contingut div.registre-detall div.columna-lateral div.caixa-lateral,
#columna-contingut div.contingut-detall div.columna-lateral div.caixa-lateral {
	border: 1px solid #A5A5A5;
	width: calc(100% - 2px);
}
#columna-contingut div.registre-detall div.columna-lateral div.caixa-lateral div.caixa-lateral-int,
#columna-contingut div.contingut-detall div.columna-lateral div.caixa-lateral div.caixa-lateral-int {
	padding: 20px 10px 20px 0;
	font-size: 0.95em;
}
#columna-contingut div.registre-detall div.columna-lateral div.caixa-lateral div.caixa-lateral-int p,
#columna-contingut div.contingut-detall div.columna-lateral div.caixa-lateral div.caixa-lateral-int p {
	/*display: flex;*/
	margin-bottom: 15px;
}
#columna-contingut div.registre-detall div.columna-lateral div.caixa-lateral div.caixa-lateral-int img,
#columna-contingut div.contingut-detall div.columna-lateral div.caixa-lateral div.caixa-lateral-int img {
	height: fit-content;
	margin-right: 3px;
}
#columna-contingut div.registre-detall div.columna-lateral div.caixa-lateral div.caixa-lateral-int i,
#columna-contingut div.contingut-detall div.columna-lateral div.caixa-lateral div.caixa-lateral-int i {
	color: #7E80B5;
	font-size: 30px;
}
#columna-contingut div.registre-detall div.columna-lateral div.caixa-lateral div.caixa-lateral-int i:hover,
#columna-contingut div.contingut-detall div.columna-lateral div.caixa-lateral div.caixa-lateral-int i:hover {
	color: #000000;
	
	-webkit-transition: color 1s linear;
	-moz-transition: color 1s linear;
	-o-transition: color 1s linear;
	transition: color 1s linear;
}

#columna-contingut div.registre-detall div.columna-lateral div.caixa-lateral div.caixa-lateral-int div.caixa-lateral-int2,
#columna-contingut div.contingut-detall div.columna-lateral div.caixa-lateral div.caixa-lateral-int div.caixa-lateral-int2 {
	padding-left: 15px;
}
#columna-contingut div.registre-detall div.columna-lateral div.caixa-lateral div.caixa-lateral-int div.caixa-lateral-int2 span,
#columna-contingut div.contingut-detall div.columna-lateral div.caixa-lateral div.caixa-lateral-int div.caixa-lateral-int2 span {
	vertical-align: top;
	display: inline-block;	
}
#columna-contingut div.registre-detall div.columna-lateral div.caixa-lateral div.caixa-lateral-int > span.camp,
#columna-contingut div.contingut-detall div.columna-lateral div.caixa-lateral div.caixa-lateral-int > span.camp {
    display: flex;
    flex-flow: wrap;
    margin: 10px 0 10px 0;
}
#columna-contingut div.registre-detall div.columna-lateral div.caixa-lateral > div.caixa-lateral-int span.icone-camp,
#columna-contingut div.registre-detall div.columna-lateral div.caixa-lateral > div.caixa-lateral-int span.icone-camp {
	width : 50px;
	text-align: left;
	display: inline-block;
    display: inline-block;
    vertical-align: top;
}
#columna-contingut div.registre-detall div.columna-lateral div.caixa-lateral > div.caixa-lateral-int span.valor-camp,
#columna-contingut div.contingut-detall div.columna-lateral div.caixa-lateral > div.caixa-lateral-int span.valor-camp {
	width : calc(100% - 60px);
	font-size : 16px;
	font-weight : 300;
	color : #4F4F4F;
	display: inline-block;
	word-wrap: break-word;  
}

#columna-contingut div.registre-detall div.columna-lateral div.caixa-lateral div.pictogrames {
	overflow: hidden;
}
#columna-contingut div.registre-detall div.columna-lateral div.caixa-lateral div.pictogrames img {
	margin: 5px 10px 5px 0;
}

#columna-contingut div.registre-detall .imatge-central {
	margin: 10px auto 25px auto;
	text-align: center;	
}
#columna-contingut div.registre-detall .imatge-central img {
	max-width: 100%;
	-webkit-transform: scaleX(1.025);
	transform: scaleX(1.025);
}
#columna-contingut div.registre-detall .peumapa {
	text-align: center;
    margin: 10px auto;
    display: block;
}




/* LLista categotries*/
ul.llista-categories {
	text-align: left;
	float:left;
	margin: 0 !important;
	padding: 10px 0 45px 0 !important;
	overflow: visible;
	width: 100%;
	height: auto;	
	list-style: none;
	display: flex;
    flex-flow: row wrap;
}
ul.llista-categories li {
	text-align: center;
	background-image: none;
	padding: 0 0 0 0;
	margin: 12px 1% 0px 1%;
	position: relative;
	float: left;
	display: block;
	overflow: visible;
	list-style: none;
	background-image: none;
}
ul.llista-categories li div.imatge {
	width: 100%;
	padding: 0;
	border: 0;
}
ul.llista-categories li div.imatge img {
	cursor: pointer;
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	transition : transform 0.2s ease-out 
}
ul.llista-categories li:hover div.imatge img {
	transform : scale(1.05, 1.05);
}
ul.llista-categories li div.titol,ul.llista-categories li p.titol {
	padding: 10px 0 10px 0;
	text-align: left;
	width: 100%;
	font-weight: 300;
    font-size: 30px;
}
ul.llista-categories li div.entradeta,ul.llista-categories li p.entradeta {
	padding: 5px 0 5px 0;
	text-align: left;
	width: 100%;
	font-weight: 300;
    font-size: 18px;
}

.registre-accions {
	clear: both;
	width: 90%;
	margin-top: 20px;
}


/* Imatges adicionals */
#columna-contingut div.imatges-adjuntes {
	overflow: hidden;
}
#columna-contingut div.dades.imatge-detall {
	margin: 15px 0 15px 0;
}
#columna-contingut div.detall.imatges {
	margin: 25px 0 25px 0;
	width: 100%;
}
#columna-contingut div.columna-central div.detall.imatges {
	width: 100%;
	overflow: hidden;
}
#columna-contingut div.detall.imatges.warea_100 {
	width: calc(100% + 40px) !important;
	margin-left: -20px;
}
#columna-contingut div.detall.imatges ul {
	margin : 0px;
	padding : 0px;
}
#columna-contingut div.columna-central div.detall.imatges ul > li {
	margin : 0px;
	padding : 0px;
	width : 50%;
	float : left;
}
#columna-contingut div.detall.imatges ul > li {
	margin : 0px;
	padding : 0px;
	width : 33%;
	float : left;
}
#columna-contingut #columna-contingut-int-amb-columna-dreta div.detall.imatges ul > li {
	width : 49%;
}
#columna-contingut div.detall.imatges ul > li > div.contenidor-imatge {
	margin : 10px;
}
#columna-contingut div.detall.imatges ul > li.imatge-amagada {
	display : none;
}
#columna-contingut div.detall.imatges ul > li.imatges-agrupades {
	
}
#columna-contingut div.detall.imatges ul > li.imatges-agrupades div.contenidor-imatges-restants {
	background-color: #DFD7CD;
	/*height: 230px;*/
	height: auto;
	margin: 10px;
	/*font-size: 4rem;*/
	font-size: 37px;
	font-weight: 200;
	display: flex;
}
#columna-contingut div.detall.imatges ul > li.imatges-agrupades div.contenidor-imatges-restants > span {
	line-height: 1.7em;
	color: #FFF;
	margin: auto;
}
#columna-contingut div.detall.imatges ul > li.imatges-agrupades a:hover{
	text-decoration: none;
}
#columna-contingut div.detall.imatges ul > li > div.contenidor-imatge > p {
	background-color : #FFF;
	font-weight : 200;
	font-size : 18px;
	color : #161616;
	padding : 5px;
}
#columna-contingut div.detall.imatges ul > li > div.contenidor-imatge img {
	width: 100%;
}

/* Pictogrames */
div#pictogrames-portlet {
	margin-top : 15px;
}
div#pictogrames-portlet div.picto-inner > img {
	margin : 10px;	
}
div#pictogrames-portlet div.picto-inner{
	border-top : 1px solid #A4A4A4;
	margin : 0 10px;
}
div.elements-addicionals.pictogrames ul {
	/*margin-left: 20px;*/
	display : flex;
	flex-flow : wrap;
}
div.elements-addicionals.pictogrames ul > li {
	margin: 12px 0 12px 0;
	padding-right: 10px;
	/*padding-left : 10px;*/
	/*width : 30px;*/
	width: calc((100% / 3) - 12px);
	display: flex;
	align-items: flex-start;
	word-break: break-word;
}

div.elements-addicionals.pictogrames ul > li img{
	background: transparent;
	margin-right: 10px;
}

	/* El temps */
#el-temps {
	overflow: hidden;
    display: block;
    height: 100%;
}
#el-temps .imatge-temps {
	overflow: hidden;
    display: block;
    height: 100%;
    margin-left: 10px;
    cursor: pointer;
}
#el-temps .imatge-temps .svg {
	width: 27px;
	max-width: 100%;
	max-height: 100%;
	float: left;
	height: auto;
	margin-top: 5px;
}
#el-temps .imatge-temps span {
    color: white;
    float: left;
    margin-top: 8px;
    font-size: 15px;
    margin-left: 7px;
}
#el-temps .imatge-temps svg path {
    fill: white;
}
.temps-emergent svg path {
    fill: #7E82BA;
}
#el-temps .imatge-temps g.Grid_1_, .temps-emergent g.Grid_1_ {
	display: none; /* Amaga el grid del svg */
}
.temps-emergent {
	position: static;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	opacity: 1;
	/*height: 0;*/
	
	background-color: rgba(233, 233, 233, 0.6);
	
	-webkit-transition: opacity 1s linear;
	-moz-transition: opacity 1s linear;
	-o-transition: opacity 1s linear;
	transition: opacity 1s linear;
}
.temps-emergent.show-temps {
	opacity: 1;
    pointer-events: all;
    clear: both;
    visibility: visible;
    align-items: center;
    width: 100%;
    
    position: fixed;
    top: 0;
    height: auto;
    padding: 0;
}
.temps-emergent .temps-emergent-int {
	/*margin-top: 190px;*/
	/*height: 260px;*/
	height: 360px;
	
	padding: 0;
	position: relative;
	background-color: white;
	
	-ms-flex-align: center;
    display: flex;
    display: -ms-flexbox;
	flex-flow: row wrap;
    justify-content: space-around;
    -ms-justify-content: space-around;
}
.temps-emergent .close-temps {
	position: absolute;
    top: -60px;
    right: 20%;
}
.temps-emergent .close-temps:hover {
	cursor: pointer;
}
.temps-emergent .close-temps i  {
	color: #646464;
	font-size: 25px;
}
.temps-emergent .temps-espai-esquerra {
	width: 20%;
	background-color: #7E82BA;
}
.temps-emergent .temps-espai-dreta {
	width: 20%;
	background-color: white;
}
.temps-emergent .temps-actual {
	width: 33%;
	background-color: #212253;
	color: white;
	overflow: hidden;
	/*padding: 20px 0;*/
	position: relative;
	text-align: center;
	padding: 40px 0;
}
.temps-emergent .temps-actual .div-superior {
	margin: 0 auto;
	display: block;
}
.temps-emergent .temps-actual .div-superior .ico-temps {
	width: 100%;
	float: left;
	/*height: 120px;*/
	height: 220px;
}
.temps-emergent .temps-actual .svg {
	max-width: 100%;
	max-height: 100%;
}
.temps-emergent .temps-actual span {
	display: inline-block;
	font-size: 3vw;
	font-weight: 500;
	margin-left: 0;
	/*margin-top: 20px;
	float: left;*/
	width: 60%;
	margin-top: 10px;
}
.temps-emergent .temps-actual svg path {
    fill: white;
}
.temps-emergent .temps-actual>p, .temps-emergent .temps-avui .temps-avui-int>p, .temps-emergent .temps-dema .temps-dema-int>p {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
	color: #646464;
}
.temps-emergent .temps-actual>p {
	color: white;
}
.temps-emergent .temps-avui, 
.temps-emergent .temps-dema {
	width: 33%;
	position: relative;
	padding: 40px 0;
}
.temps-emergent .temps-avui {
	
}
.temps-emergent .temps-avui .temps-avui-int, 
.temps-emergent .temps-dema .temps-dema-int {
	margin: 10px 0;
	    height: calc(100% - 20px);
}
.temps-emergent .temps-avui .temps-avui-int {
	border-right: 1px solid #7E82BA;
}
.temps-emergent .temps-avui .svg, 
.temps-emergent .temps-dema .svg {
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	display: block;
}
.temps-emergent .temps-avui svg path, 
.temps-emergent .temps-dema  svg path {
    fill: #7E82BA;
}
.temps-avui .div-superior, 
.temps-dema .div-superior {
	-ms-flex-align: center;
	display: flex;
	display: -ms-flexbox;
  	margin: 0 auto;
}
.temps-avui .div-superior .temps-avui-mati, .temps-avui .div-superior .temps-avui-tarda,
.temps-dema .div-superior .temps-dema-mati, .temps-dema .div-superior .temps-dema-tarda {
	width: calc(50% - 40px);
	padding: 20px;
	overflow: hidden;
	text-align: center;
}
.temps-avui .div-superior .temps-avui-mati .ico-temps, .temps-avui .div-superior .temps-avui-tarda .ico-temps,
.temps-dema .div-superior .temps-dema-mati .ico-temps, .temps-dema .div-superior .temps-dema-tarda .ico-temps {
	margin: 0 auto;
    overflow: hidden;
    /*width: 70px;
    height: 70px; */
	width: 100%;
    height: 160px;
    margin-bottom: 10px;
    max-width: 100%;
}
.temps-avui .div-superior .temps-avui-mati p, .temps-avui .div-superior .temps-avui-tarda p,
.temps-dema .div-superior .temps-dema-mati p, .temps-dema .div-superior .temps-dema-tarda p {
	clear: both;
}
.temps-footer {
	text-align: center;
	bottom: 20px;
	position: relative;
}
.data-modificacio {
	margin-top: 12px;
	font-size: 0.8em;
	text-align: right;
	font-style: italic;
}
a.link-blau {
	color: #4174B6;
	font-weight: bold;
}


/**
	Estils portlet lista archivos
 */
.porlet-recursos-imagen {

}
.porlet-recursos-imagen ul {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	align-content: stretch;
	padding: 0!important;
}
.porlet-recursos-imagen ul li {
	cursor: pointer;
	box-sizing: border-box;
	order: 0;
	padding: 0 !important;
	height: auto;
	transition: all 1s ease;
	position: relative;
}
.porlet-recursos-imagen ul li .contenido {
	margin: 10px 20px !important;
	height: 10rem;
	width: 10rem;
	background-position: center center;
	background-size: cover;
}
.porlet-recursos-imagen ul li .contenido img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.porlet-recursos-imagen ul li::before {
	content: none !important;
}
.porlet-recursos-imagen ul li .footer {
	display: flex;
}
.porlet-recursos-imagen ul li .footer p {
	padding: 10px 0 10px 0;
	text-align: left;
	width: 100%;
	font-weight: 300;
	font-size: 19px;
}
.porlet-recursos-imagen ul {
	max-width: 100% !important;
}
.porlet-recursos-imagen ul li .footer .button-download {
	margin-right : 5px;
}
.porlet-recursos-imagen ul li .footer .button-download i {
	font-size: 1.4rem;
}

/**
	Estils portlet lista documentos
 */

.porlet-recursos-documento{

}

.porlet-recursos-documento ul{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style-type: none;
	align-content: stretch;
	padding: 0!important;
}
.porlet-recursos-documento ul li{
	width: 100%;
}

.porlet-recursos-documento ul li .contenido{
	display: flex;
}

.porlet-recursos-documento ul li::before{
	content: none !important;
}

.porlet-recursos-documento ul li .contenido p{
	padding: 10px 0 10px 0;
	text-align: left;
	width: 100%;
	font-weight: 300;
	font-size: 1.5rem;
}

.porlet-recursos-documento ul li .contenido .button-download{
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-right: 1rem;
}

.porlet-recursos-documento ul li .contenido .button-download i{
	font-size: 1.4rem;
}

.persons-list li.mosaic{
	background-color: #000000;
	width: 14.28%;
}

.persons-list{
	display: flex;
	flex-flow: row wrap;
	position: relative;
	background-color: #000000;
}

.persons-list li img{
	margin: 3px 0px 4px 0px;
	width: 98%;
}

.persons-list li a{
	margin: 0px;
}

.persons-list li:hover img{
	transform: scale(1.1, 1.1);
	transition: transform 0.3s ease-out !important;
}

.tittle-persons{
	opacity : 1;
	text-align: center;
	position: absolute;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	z-index: 2;
	transition : height 0.3s ease-out;
	overflow : hidden;
}

.tittle-persons div{
	position: absolute;
	left: 50%;
	margin-left: -40%;
	width: 80%;
	top: 30%;
	font-size: 96px;
	font-weight: 400;
}

.persons-list:hover .tittle-persons{
	/*display: none;*/
	height: 0px;
}

.detail-person{
	display: flex;
	flex-flow: row nowrap;
}

.detail-person > div.section-left img{
	max-height: 260px;
}

.detail-person > div.section-left{
	width: 30%;
	margin: 1px 15px;
}

.detail-person > div.section-right{
	width: 30%;
	margin: 1px 15px;
}

.detail-person > div.section-center{
	width: 40%;
	margin: 1px 15px;
}

.section-left, .section-right{
	display: flex;
	flex-flow: column;
}

.text-intro-black-cap{
	font-family: 'Heebo', sans-serif; 
	font-size: 77px;
	white-space: nowrap;
}

.tittle-persons-top{
	display: none;
	color: #000000 !important;
}

.section-right p.text-intro-black-cap {
	font-size: 3.5vw;
}

.text-intro-white-cap{
	color: #ffffff;
	font-family: 'Heebo', sans-serif;
	font-size: 96px;
}

.padding-top {
	padding-top: 70px;
}
.text-centrat {
	text-align: center !important;
}

.numeric-data-ext{
	width: 100%;
	padding: 9% 0 5% 0;
}

h2.margin-botom-numeric-data {
	margin-top: 109px;
	margin-bottom: 73px;
}

.numeric-data-int{
	display: flex;
	height: 220px;
	justify-content: space-around;
}

.data-display{
	/*margin-top: 50px;*/
	width: 20%;
}
.numeric-data-int-vertical{
	display: flex;
	height: auto;
	justify-content: space-around;
	flex-flow: row wrap
}

.data-display-vertical {
	/*margin-top: 50px;*/
	width: 100%;
}
.data-display-vertical:not(:last-child){
	margin-bottom: 46px;
}
.numeric-data {
	height: 100px;
}

.numeric-data span{
	font-size: 5vw;
	font-weight: 500;
	display: table;
	margin: 0 auto;
}

.text-data{
	text-align: center;
	bottom: 20px;
	position: relative;
	font-weight: 500;
	margin-top: 10px;
}

.bottom-border-black {
	border-bottom: 1pt solid black;
}

/* Table */
.responsive-table {
	width: 100%;
	height: 190px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 12px;
}
.responsive-table tr:first-child td{
	border-bottom: 1pt solid black;
}
.table-first-column{
	width: 30%;
	font-weight: bold;
}
.table-center-column{
	width: 12.5%;
	text-align: center;
}
.table-last-column{
	width: 20%;
	font-weight: bold;
	text-align: center;
}
.title-block-tabular-data{
	visibility: hidden;
	font-weight: bold;
}

div.div-paging > div {
	margin : 0 auto;
	width : 100px;
}
div.div-paging button.button-next-page {
	margin : 0px;
	width : 100%;
	border: 1px solid black;
	padding : 5px 15px;
	text-align: center;
	background-color : white;
	cursor : pointer;
	transition: all 0.5s linear;
}
div.div-paging button.button-next-page:hover {
	background-color: rgba(0, 0, 0, 0.8);
	color: #ffffff;
	text-decoration: none;
}

/* Més informació */
div.mes-informacio {
	margin: 10px auto 0 auto;
	text-align: center;
}

/* Shelve */
.shelve-title {
	min-height: 3rem;
	margin-right: 130px;
}
.owl-theme.owl-carousel-shelve .owl-stage {
    display: flex;
    flex-flow: row;
}
.carousel-list {
	padding-top: 40px;
	padding-bottom: 40px;	
}
.carousel-list.favourite-list {
	padding-top: 20px;
}

.llista-amb-imatges .llista-agrupacio.owl-carousel .owl-nav{
	top: 0;
}

.favourite-list.owl-carousel .owl-nav {
    top: -49px;
}
.shelve-element {
	padding: 0;
	display: block;
	text-align: center;
	background-image: none;
	vertical-align: bottom;
	line-height: normal;
	/*height: 100%;*/
	overflow: visible;
	position: relative;
	background: transparent!important;
}
.shelve-element > a, .shelve-element > div:not(.arrow-icon-content) {
	display: block;
	position: relative;
	width: calc(100% - 10px);
	overflow: hidden;
	height: calc(100% - 10px);
	background: white;
	transition: box-shadow 0.3s ease-out;
}
.box-rounded {
	border-radius: 10px;
}
.box-bordered {
	border: 1px solid #dfd7cd;
	margin: 4px;
}
.box-bordered:hover {
	-webkit-box-shadow: 0 0 6px 0px rgba(0,0,0,0.50);
	-moz-box-shadow: 0 0 6px 0px rgba(0,0,0,0.50);
	box-shadow: 0 0 6px 0px rgba(0,0,0,0.50);
	border: 0;
	margin: 5px;
}
.shelve-element div.shelve-image {
	width: 100%;
	height: 0;
	overflow: hidden;
	position: relative;
	padding-top: 95%;
}

.owl-carousel .owl-item .shelve-element{
	height: 100%;
}

.shelve-element div.shelve-image:hover img {
	transition: all 0.5s ease-out;
	transform: scale(1.1);
}

.shelve-element div.shelve-image img {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
	transition: all 0.5s ease-out;
	transform: scale(1);
}

.shelve-element .action-like {
	/*position: absolute;
	top: 20px;
	right: 23px;*/

	position: absolute;
	right: 16px;
	top: 16px;
	padding: 3px;
	font-size: 22px;
	background: #fff;
	border-radius: 360px;
}


.shelve-element div.shelve-content {
	display: block;
	overflow: hidden;
	min-height: 100px;
	padding: 15px 15px 20px 15px;
	text-align: left;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	/*background-image: url(../img/flecha.svg);
	background-size: 30px;
	background-position: bottom 18px right 18px;
	background-repeat: no-repeat;*/
	word-wrap: break-word;
	overflow: hidden;
}

.arrow-icon-space{
	height: 30px;
	margin: 0px 19px 19px 0;
}

.arrow-icon-content {
	height: 30px;
	width: 100%;
	background-image: url(../img/flecha.svg);
	background-size: 30px;
	background-repeat: no-repeat;
	background-position-x: right;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0px 19px 19px 0;
}

.favourite-list .shelve-element div.shelve-content {
	justify-content: flex-start;
	
}
.shelve-element div.shelve-content .text-content p {
	margin-bottom: 7px;
}


/* Favourite */
.action-like {
	float: left;
	width: 1.2em;
	height: 1.2em;
	font-size: 1.8rem;
}
.action-like span {
	cursor: pointer;
	vertical-align: top;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.action-like span:before,
.action-like span:after {
	position: absolute;
	font-family: 'Font Awesome 5 Free';
	content: "\f004";
	color: #000000;
	font-weight: 500;
	top: 2px;
	left: 2px;
	transition: color 0.8s linear;
	-webkit-transition: color 0.8s linear;
    -ms-transition: color 0.8s linear;
}
.action-like span:after {
	color: transparent;
	font-weight: 900;
}
.action-like.fav span:before {
	color: #B93325;
	font-weight: 900;
}
.action-like.fav span:after {
	color: transparent;
	font-weight: 500;
}
.action-like:not(.fav) span:hover:before {
	color: transparent;
}
.action-like:not(.fav) span:hover:after {
	color: #B93325;
}

/**LMPC**/
.titol-llista-page{
	margin: 80px 0 30px 0;
	text-align: center;
	color: rgb(114,106,94);
	font-size: 60px;
	font-weight: bold;
	line-height: normal;
}
.titol-llista-portlet,
.title-big {
	font-family: 'Heebo';
	font-weight: 300;
	font-size: 50px;
	text-align: center;
	margin: 0px 0 30px 0;
	line-height: normal;
	color: #161616;
}
.shelve-title .title-big {
	margin-bottom: 0 !important;
}

.div-paging{
	margin: 20px 0;
	width: 100%;
}

div.div-paging > div {
	margin: 0 auto;
	width: 23%;
}

.big-button.button-next-page{
	height: 38px;
	font-weight: bold;
}


.lim-container-filter{
	width: calc(20% - 16px);
	margin-right: 16px;
	position: relative;
}

.lim-container-elements{
	width: 100%;
	flex: 2;
}

.llista-amb-imatges .shelve-element div.shelve-content,
.list-isla .shelve-element div.shelve-content{
	justify-content: initial;
}

.list-isla .shelve-element div.shelve-content p:first-child{
	margin-bottom: 20px;
	font-size: 20px;
}

/*.lim-container-elements .action-like,
.list-isla .action-like{
	position: absolute;
	right: 16px;
	top: 16px;
	padding: 3px;
	font-size: 22px;
	background: #fff;
	border-radius: 360px;
}*/

ul.llista-amb-imatges li.sense-registres{
	width: 100% !important;
	text-align: center;
}

.lim-container-elements .shelve-element div.shelve-content{
	padding: 12px;
}

.iscat{
	display: none !important;
}

.warea_auto{
	width: 100%;
}

div.categories-list,
div.categories-list-directori,
ul.select-elements,
ul.select-elements-directori{
	width: 100%;
}

ul.select-elements li a,
ul.select-elements-directori li a{
	display: flex;
	justify-content: space-between;
	transition: font-weight 0.3s ease-out;
}

.seletected-cat{
	font-weight: bold;
}

ul.select-elements li a:hover,
ul.select-elements-directori li a:hover{
	font-weight: bold;
	text-decoration: none;
}

.filtre .big-button{
	width: 100%;
	padding: 0.4rem;
	font-weight: bold;
	cursor: pointer;
}

.llista-amb-imatges.llistat-2col li:not(:nth-child(2n)),
.list-isla.llistat-2col > div:not(:nth-child(2n+1)){
	margin: 0 1rem 1rem 0;
}

.llista-amb-imatges.llistat-3col li:not(:nth-child(3n)):not(.contenidor-agrupacio):not(.titol-agrupacio):not(.sub-agrupacio),
.list-isla.llistat-3col > div:not(:nth-child(3n+1)),
.llista-amb-imatges.llistat-3col .contenidor-agrupacio > .llista-agrupacio > .shelve-element:not(:nth-child(3n)){
	margin: 0 1rem 1rem 0;
}

.llista-amb-imatges.llistat-4col li:not(:nth-child(4n)),
.list-isla.llistat-4col>div:not(:nth-child(4n+1)){
	margin: 0 1rem 1rem 0;
}

.llista-amb-imatges.llistat-5col li:not(:nth-child(5n)),
.list-isla.llistat-5col>div:not(:nth-child(5n+1)){
	margin: 0 0.7rem 0.7rem 0;
}

/*.llista-amb-imatges.no-arrow-content .shelve-element div.shelve-content,
.no-arrow-content .shelve-element div.shelve-content{
	background-image: none;
	padding: 12px 50px 12px 12px;
}*/

.no-arrow-content .shelve-element div.shelve-content .arrow-icon-space,
.no-arrow-content .arrow-icon-content{
	display: none !important;
}

.llista-amb-imatges .shelve-element div.shelve-content,
.section-camps.shelve-content{
	padding: 12px 25px 12px 12px;
}

/*.detailBarrio .llista-amb-imatges .shelve-element div.shelve-content{
	background-image: url(../img/flecha.svg);
}*/

.show-filtre{
	display: none;
	width: 100%;
}

.form-filtre{
	display: block;
}

.textClose{
	display: none;
}
.textShow{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
}
.show-filtre{
	font-size: 20px;
}
.show-filtre.close-filter {
	text-align: right;
}

.list-isla{
	display:flex;
	flex-flow: row wrap;
}

.list-isla > div.shelve-element:first-child{
	width: 100%;
	margin-bottom: 20px;
}

.list-isla > div.shelve-element:first-child > div{
	display: flex;
	flex-flow: row-reverse wrap;
}

.list-isla > div.shelve-element:first-child > div a,
.list-isla > div.shelve-element:first-child > div .shelve-image{
	width: 60%;
}

.list-isla > div.shelve-element:first-child > div .shelve-image{
	height: 560px;
	padding: 0;
}

.list-isla > div.shelve-element:first-child > div a > .shelve-image{
	width: 100%;
	height: 100%;
	padding: 0;
}

.list-isla > div.shelve-element:first-child > div div.shelve-content{
	width: calc(40% - 52px);
	padding: 20% 40px 8% 12px;
}

.list-isla > div.shelve-element:first-child > div div.action-like {
	position: absolute;
	top: 20px;
	left: 35%;
}

.isla-container-map div.warea_auto.boto{
	display: none;
}

.isla-container-map .filtre .cat-nelements{
	display: none;
}

.isla-container-map  .categories-list{
	border-bottom: 1px solid rgb(142,136,126);
}

.isla-container-map .select-elements{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	margin-bottom: 6px;
	font-size: 16px;
}

.isla-container .isla-container-map .textClose{
	display: none !important;
}

.isla-container-map ul.select-elements > li {
	margin: 6px 12px;
	text-align: center;
}

.isla-container-map ul.select-elements li a{
	display: block;
	word-break: break-word;
}

.isla-container-map ul.select-elements .first{
	display: none;
 }

.isla-container-map .filtre{
	margin-bottom: 0;
	margin-top: 40px;
}

.isla-container-list{
	margin-top: 40px;
}

.list-isla > div.shelve-element > div div.shelve-content .titol-llista{
	margin-bottom: 16px;
}

.isla-container-map > .imagen > svg {
	transform: translate(60px, 10px);
	width: 80%;
}

.input-container{
	width: calc(100% - 3px);
	display: flex !important;
	flex-flow: row nowrap;
	align-items: center;
	border: 1px solid #000;
	border-radius: 6px;
	margin: 0!important;
	background: #fff;
	position: relative;
}

.input-container > input,
.input-container > select{
	border: none;
	background-image: none;
}

.input-container > i.special{
	position: absolute;
	right: 0;
	min-height: 31px;
	top: 25%;
}

.input-container > i{
	padding: 0px 8px;
}

.numeric-data-int > .data-display > .text-data,
.numeric-data-int-vertical > .data-display-vertical > .text-data{
	font-family: 'Heebo';
	font-weight: 700;
	font-size: 36px;
	line-height: 42px;
	color: #161616;
	margin-top: 30px;
}

.numeric-data-int > .data-display > .numeric-data,
.numeric-data-int-vertical > .data-display-vertical > .numeric-data
{
	height: auto;
}

.numeric-data-int > .data-display > .numeric-data span,
.numeric-data-int-vertical > .data-display-vertical > .numeric-data span{
	font-family: 'Heebo';
	font-weight: 700;
	font-size: 118px;
	line-height: 115px;
	color: #6F695F;
}

.background-pinkbrown {
	background-color: #FCF9F7;
}

.llista-amb-imatges.llistat-2col .contenidor-agrupacio > .llista-agrupacio > .shelve-element{
	width: calc(50% - 0.6rem);
}

.llista-amb-imatges.llistat-3col .contenidor-agrupacio > .llista-agrupacio > .shelve-element{
	width: calc(33% - 0.6rem);
}

.titol-agrupacio,
.titol-agrupacio.sub-agrupacio,
.contenidor-agrupacio{
	width: 100% !important;
}

.w_33{
	width: 33%;
}

.w_50{
	width: 50%;
}

.w_100{
	width: 100%;
}

table.llista_sense_imatges.taula > thead > tr > th{
	padding: 10px 5px 3px 5px;
	color: #161616;
	font-size: 36px;
	font-family: 'Heebo';
	padding-bottom: 40px;
	border: none;
}

table.llista_sense_imatges.taula > tbody > tr > td{
	text-align: left;
	vertical-align: top;
	padding: 8px 5px 8px 5px;
	border-bottom: 1px solid #8D877D;
	font-size: 15px;
	line-height: 23px;
	color: #161616;
	font-weight: 400;
	font-family: 'Heebo';
}

table.llista_sense_imatges.taula > tbody > tr:last-child td{
	border: none;
}

table.llista_sense_imatges.taula .titol-llista, a.titol-llista{
	color: #161616;
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	text-decoration: none;
}

table.llista_sense_imatges.taula > tbody > tr.Imparell td{
	/*background: rgb(224,216,206);*/
}

table.llista_sense_imatges.taula > tbody > tr img{
	width: 100%;
	height: 50%;
	object-fit: cover;
	object-position: center;
}


/*Marcador dos columnas*/
.title-medium {
	font-weight: 400;
	font-size: 24px;
	line-height: 30px;
	color: #161616;
}
.section-camps .title-medium{
	margin-bottom: 19px;
}
ul.marcador.marcador-id-1 {
	display: flex;
	flex-flow: row wrap;
}

.margin-first-right{
	margin-right: 30px;
}

.marcador-id-1 li {
	width: calc(50% - 30px);
	margin-bottom: 30px;
	/*height: 100%;*/
	overflow: hidden;
}

.marcador-id-1 li.margin-first-right:hover {
	margin-right: 30px !important;
}

.marcador-id-1 li a:hover {
	text-decoration: none !important;
}

.section-image {
	/*height: 61%;*/
	height: auto;
	overflow: hidden;
}

.section-camps {
	/*height: calc(39% - 71px);*/
	height: auto;
	padding: 22px 27px 19px 15px;
	/*background-image: url(../img/flecha.svg);
	background-size: 30px;
	background-position: bottom 18px right 18px;
	background-repeat: no-repeat;*/
}

.section-image:hover img {
	transition: all 0.5s ease-out;
	transform: scale(1.1);
}

.section-image img {
	width: 100%;
	object-fit: cover;
	object-position: center;
	height: 100%;
	transition: all 0.5s ease-out;
	transform: scale(1);
}

.text-description{
	font-weight: 400;
	line-height: 23px;
	font-size: 15px;
	color: #161616;
}

/*.title-big{
	font-weight: 300;
	line-height: 94px;
	font-size: 90px;
	color: #161616;
	text-align: center;
	margin-bottom: 125px;
}*/

.title-section{
	font-weight: 400;
	font-size: 36px;
	line-height: 42px;
	color: #161616;
	margin-bottom: 22px;
}

div.title-form .titol-pagina{
	text-align: left;
}

.display-flex > div {
	display: flex;
	flex-flow: row;
}
.display-flex > div > div > div {
	height: 100%;
}

.header-content{
	/*padding: 0px 435px 0px 135px;*/
	padding: 40px 0;
}

.header-content > .titol-registre{
	margin: 0;
	min-height: auto;
	font-family: 'Heebo';
	font-size: 70px;
	line-height: 94px;
	font-weight: 700;
	color: #6F695F;
}

.background-img > .header-content{
	/*padding-right: 435px;*/
	padding-top: 165px;
	padding-bottom: 87px;
	/*width: calc(100% - 525px)!important;*/
}

.header-content > .titol-cat{
	font-size: 20px;
	line-height: 26px;
	font-weight: 400;
	font-family: 'Heebo';
	color: #161616;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.background-img > .header-content > .titol-cat {
	color: #fff;
}

.background-img > .header-content > .titol-registre{
	margin: 0;
	min-height: auto;
	font-family: 'Heebo';
	font-size: 90px;
	line-height: 94px;
	font-weight: 700;
	color: #FFFFFF;
}

.entradeta-section{
	margin-top: 30px;
	min-height: auto;
	font-family: 'Heebo';
	font-size: 36px;
	line-height: 42px;
	font-weight: 400;
	color: #161616;
}

.generic_detail{
	display: flex;
	flex-flow: row nowrap;
	margin-top: 40px;
}

.generic_detail .carousel-list{
	padding-top: 0;
}

.generic_detail .columna-central{
	width: 60%;
}

.generic_detail .columna-lateral.dreta{
	width: 40%;
}

.generic_detail .additionalMediaList{
	position: absolute;
	overflow: hidden;
	width: 60%;
	max-width: 760.8px;
}

.generic_detail ul.additionalMedia{
	height: 400px;
}

.generic_detail ul.additionalMedia .owl-item{
	border-radius: 10px;
	overflow: hidden;
}

.generic_detail ul.additionalMedia .owl-dots{
	display: flex!important;
	width: 100% !important;
	justify-content: initial;
	margin: 18px auto 15px auto !important;
}

.generic_detail .owl-theme .owl-dots .owl-dot{
	width: 40px !important;
	margin-right: 10px !important;
	height: 5px!important;
}

.generic_detail .owl-stage-outer,
.generic_detail .owl-stage,
.generic_detail .owl-item > li,
.generic_detail .owl-item > li a{
	height: 100%;
}

.generic_detail .owl-carousel .owl-item img{
	height: 100%;
	object-fit: cover;
}

.generic_detail .columna-central .contenidor{
	padding-right: 30px;
}

.generic_detail .columna-central .contenidor.additionalTop{
	margin-top: 480px;
	padding-right: 30px;
}
.generic_detail .columna-central .contenidor.additionalTop a.link-blau {
	word-break: break-all;
}

.generic_detail .columna-central .contenidor.additionalTop > *:not(.elements-addicionals){
	text-align: justify;
}

.generic_detail .container{
	padding: 35px 0px 35px 80px;
	position: relative;
}

.background-absolute{
	height: 100%;
	position: absolute;
	width: 200%;
	left: 0;
	top: 0;
	z-index: -1;
	border-radius: 10px 0 0 10px;
}

.generic_detail .itemContainer,
.additionalMediaList-right .itemContainer{
	margin-left: 60px;
}

.generic_detail .columna-central.pagina-marges-left {
	width: calc(160% - 45px);
	max-width: 700.8px;
	margin-left: auto;
}

.generic_detail .pagina-marges-right {
	width: calc(140% - 45px);
	margin-right: auto;
	max-width: 467.5px;
}

.generic_detail .modify-right{
	max-width: calc(467.5px - 65px);
}

.generic_detail .content-item{
	font-size: 15px;
	line-height: 26px;
	font-family: 'Heebo';
	color: #161616;
	margin-bottom: 25px;
}

.generic_detail .action-like{
	float: unset;
	width: calc(100% - 80px);
	padding: 0 0 40px 80px;
}

.detailBarrio.favorite{
	display: flex;
	justify-content: flex-end;
	margin-top: 40px;
	margin-bottom: 40px;
}

.detailBarrio.favorite .action-like{
	float: unset;
	width: 30%;
}

.generic_detail .action-like > span,
.detailBarrio.favorite .action-like > span{
	border: 1px solid #000;
	width: calc(100% - 105px);
	border-radius: 6px;
	font-family: 'Open Sans';
	font-size: 18px;
	font-weight: 700;
	padding: 5px 5px 5px 90px;
	display: flex;
	align-items: center;
}

.generic_detail .action-like span:before,
.generic_detail .action-like span:after,
.detailBarrio.favorite .action-like span:before,
.detailBarrio.favorite .action-like span:after{
	top: 10px;
	left: 16px;
	font-size: 22px;
}

.generic_detail .addicionals{
	padding: 42px 0 42px 80px;
}

.generic_detail .addicionals h2{
	margin-bottom: 5px;
}

.generic_detail .addicionals .elements-adicionals-registre{
	margin-top: 20px;
}

.generic_detail .elements-addicionals.pictogrames{
	margin-top: 15px;
}

.generic_detail .camp-Container,
.additionalMediaList-right .camp-Container{
	position: relative;
}

.generic_detail .camp-Container img,
.generic_detail .camp-Container i,
.additionalMediaList-right .camp-Container img,
.additionalMediaList-right .camp-Container i{
	width: 25px;
	font-size: 25px;
	position: absolute;
	left: -36px;
	top: 0;
}

.relationsContainer{
	margin-top: 40px;
	padding: 109px 0;
}

.relationsContainer > div{
	position: relative;
	padding: 66px 0 0 0;
}

.relationsContainer .llista-amb-imatges-container,
.relationsContainer .llista-amb-imatges-container .lim-container-elements,
.relationsContainer .llista-amb-imatges-container .lim-container-elements ul.llista-amb-imatges,
.relationsContainer .llista-amb-imatges-container .lim-container-elements ul.llista-amb-imatges .owl-carousel .owl-stage-outer,
.relationsContainer .llista-amb-imatges-container .lim-container-elements ul.llista-amb-imatges .owl-carousel .owl-stage-outer .owl-theme.owl-carousel-shelve .owl-stage{
	position: unset;
}

.relationsContainer .llista-amb-imatges-container .lim-container-elements .owl-carousel .owl-nav{
	top: 65px;
}

/**LIST **/
.llista-amb-imatges-container {
	display: flex;
	flex-flow: row wrap;
}

.llista-mapa-elements{
	width: 100%;
}

.lim-container-filter {
	width: calc(20% - 16px);
	margin-right: 16px;
	position: relative;
}

.lim-container-elements {
	width: 100%;
	flex: 2;
}

.contentBarrio .camp-Container img{
	width: 28px;
	height: 28px;
}

.contentBarrio .additionalMediaList{
	display: flex;
	flex-flow: row nowrap;
	position: relative;
	margin-top: 40px;
}

.contentBarrio .additionalMediaList .additionalMediaList-left,
.contentBarrio .additionalMediaList .additionalMediaList-right{
	width: 50%;
}

.contentBarrio .additionalMediaList .additionalMediaList-right{
	margin: 25px 0 25px 0;
	padding: 0 16px;
}

.contentBarrio .favorite .action-like {
	float: unset;
	width: 40%;
	margin: 30px auto;
	border: 1px solid #000;
	padding: 6px;
	border-radius: 8px;
}

.contentBarrio .favorite .action-like span{
	padding-left: 108px;
	display: flex;
	align-items: center;
	width: calc(100% - 108px);
}

.detailBarrio.entradeta-section{
	margin-bottom: 16px;
}

.mt-20{
	margin-top: 20px;
}

.contentBarrio .favorite .action-like span:before,
.contentBarrio .favorite .action-like span:after{
	top: 5px;
	left: 20px;
}

.filtre .formobj,
.filtre .formobj-sel{
	min-height: unset;
	height: auto;
}

.action-like  .favdel,
.action-like  .favadd{
	display: none !important;
}

.action-like .favdel.show,
.action-like .favadd.show{
	display: block !important;
}

.ubi-group{
	margin-bottom: 25px;
}

.relationsContainer .titol-relations{
	font-weight: 400;
	font-size: 36px;
	line-height: 42px;
	font-family: 'Heebo';
	color: #161616;
	margin-bottom: 38px;
}

.image-principal-barrio{
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
	background-position: center;
	margin-bottom: 40px;
}

/*.image-principal-barrio:hover{
	transition: all 0.5s ease-out;
	transform: scale(1.02);
}*/

.image-principal-gradinet{
	background-repeat: no-repeat;
	background-size: cover;
}

.detailBarrio.header-content.titol-portada .titol-registre{
	text-align: center;
	font-family: 'Heebo';
	font-size: 72px;
	font-weight: 700;
	line-height: 76px;
	color: #6F695F;
}

.relationsContainer .owl-item .shelve-element{
	height: 100%;
}

.text-left > *{
	text-align: left;
}

.responsive-table .table-first-column,
.reponsive-table .table-center-column,
.responsive-table .table-last-column{
	font-family: 'Heebo';
	font-size: 20px;
	line-height: 26px;
	color: #161616;
}

.responsive-table .table-first-column,
.responsive-table .table-last-column{
	font-weight: 700;
}

.ui-datepicker-calendar td a.ui-state-default:hover{
	background-color: #DFD7CD;
}

.ui-datepicker-calendar td a{
	text-align: center;
}

.marge-left{
	margin-left: 30%!important;
}

.amplada-pagina-marges.marge-left{
	width: calc(100% - (90px + 30%)) !important;
}

.titol-portada {
	font-size: 36px;
	line-height: 42px;
	font-family: 'Heebo';
	font-weight: 400;
	color: #161616;
	margin-bottom: 16px;
}

.background-filtre{
	display: none;
	width: 200%;
	height: 100%;
	position: absolute;
	left: -50%;
	top: 0;
	z-index: -1;
}

.menu-dias{
	border-bottom: 1px solid #787878;
	padding-bottom: 6px;
}

.menu-dias-content{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.dias-controller {
	flex: 1;
	text-align: center;
	font-size: 20px;
	line-height: 26px;
	font-weight: 400;
	color: #161616;
}

.dias-controller:hover {
	cursor: pointer;
	font-weight: 700;
}

.dias-controller.selected,
.titulo-negrita .titol-llista-portlet{
	font-weight: 700;
}

.title-relations{
	text-align: center;
	font-family: 'Heebo';
	font-size: 50px;
	line-height: 60px;
	font-weight: 300;
	margin: 50px 0;
}

/*.marcador.marcador-id-1 .shelve-element > div:not(.arrow-icon-content){
	height: auto;
}*/

.owl-item .owl-item{
	width: 100%!important;
}

.owl-item > .owl-item{
	height: 100%!important;
}

/**Islas Map Controller**/
div.imagen .section:hover path{
	fill: #e0d8ce !important;
	transform: scale(1.01);
	transition: all 0.25s ease-out !important;
	stroke-width: 3px !important;
	transform-origin: 50% 50%;
	cursor: pointer;
}
.section.active path{
	fill: #dcd2c5 !important;
	transform: scale(1.01);
	transition: all 0.25s ease-out !important;
	stroke-width: 3px !important;
	transform-origin: 50% 50%;
}
.imagen{
	text-align: center;
}

input#remember_me {
	border-radius: 6px;
	width: 30px;
	height: 30px;
}

li.w-50 {
	width: 45%;
	float: left;
	clear: unset !important;
}

div.generic_detail div.contenidor ol {
	padding-left: 0px;
	margin-left : 0px;
}

div.generic_detail div.contenidor ol li {
	padding : 0px;
	margin : 0px;
}

li.formulari-opcion{
	height: 40px;
}

footer {
	padding-top: 45px;
	text-align: center;
	border-top: 1px solid #C1B9AF;
}

.subtitol-registre{
	font-weight: 300;
	font-size: 40px;
	line-height: 48px;
	color: #161616;
	font-family: 'Heebo';
	margin-top: 20px;
}

.contentBarrio, .detailBarrioRelation{
	padding: 0 0 100px 0;
}

.d-flex{
	display: flex;
	flex-flow: row wrap;
}

.d-flex p {
	margin-bottom : 0px !important;
	padding: 0px;
}

.w-100{
	width: 100%;
}

.cl-left{
	clear: left;
}

.list-isla > div.shelve-element:first-child > .arrow-icon-content{
	width: 37%;
	left: 0;
}

.image-form{
	position: absolute;
	right: 0;
	z-index: -1;
}

.subtitol-login{
	font-family: 'Heebo';
	font-weight: 400;
	font-size: 36px;
	line-height: 42px;
	color: #161616;
	margin-top: 20px;
}

.margen-bottom{
	margin-bottom: 100px;
}

.link{
	word-wrap: break-word;
}

.isla-container .titol-llista-portlet {
	font-size: 94px;
	line-height: 90px;
	color: #161616;
	font-weight: 300;
	font-family: 'Heebo';
	margin-top: 40px;
}

.chart-ruta{
	display: none;
}

div#search-container {
	display : none;
}

div.modal-search div.search-box {
	border-bottom : 2px solid #A1968C;
	height : 60px;
	display: flex;
	flex-flow: wrap;
}

div.modal-search div.search-response {
	margin-top: 51.5px;
}

div.modal-search .shelve-element div.shelve-image {
	padding-top: 61.5%;
}

div.modal-search div.search-box > div.input-search {
	width : 80%;
}

div.modal-search div.search-box > div.input-search > input {
	padding-left : 70px;
	border : none;
	height : 58px;
	width : 100%;
	font-weight: 300;
	font-family: 'Heebo';
	font-size: 50px	;
	color : #A1968C;
}

div.modal-search div.search-box > div.input-search > input::placeholder { /* Microsoft Edge */
	color: #161616;
	font-style : italic;
	opacity: 1; /* Firefox */
}

/* Chrome, Firefox, Opera, Safari 10.1+ */
div.modal-search div.search-box > div.input-search > input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #161616;
	font-style : italic;
	opacity: 1; /* Firefox */
}
div.modal-search div.search-box > div.input-search > input::-ms-input-placeholder {
	color: #161616;
	font-style : italic;
	opacity: 1; /* Firefox */
}

div.modal-search div.search-box > div.input-icon {
	width : 20%;
	text-align: center;
	font-size : 45px;
	color: #A1968C;
}

div#search-popup div.popup-content div.area-inferior {
	justify-content: normal;
}
/*.background-image .owl-stage-outer .owl-stage{
	display: flex;
}*/

.background-image .owl-stage-outer .owl-stage .owl-item .item {
	height: 100%;
	width: 100%;
}

.background-image .owl-stage-outer .owl-stage .owl-item .item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.esPortada .background-image .owl-stage-outer .owl-stage .owl-item .item img{
	height: 800px;
}

.background-image .owl-stage-outer .owl-stage .owl-item .item img{
	height: 550px;
}

.esPortada .header-data-container-vertical{
	width: 205px!important;
	display: flex;
	background-color: rgba(255,255,255,0.76);
	writing-mode: vertical-rl;
	font-family: 'Heebo';
	font-size: 36px;
	line-height: 42px;
	font-weight: 400;
	transform: rotate(180deg);
	justify-content: center;
}

.esPortada .header-data-container-vertical > div{
	display: flex;
	align-items: center;
}

/** CERCA LOADING */

.animation-wrapper {
	width: 100%;
}

.animate-material {
	animation : shimmer 2s infinite linear;
	background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%);
	background-size: 1000px 100%;
}

.animation-wrapper div.shelve-content {
	/*margin : 0 25px 25px 25px;*/
	margin : 0px;
	/*padding-top : 0px !important;*/
}

.animation-wrapper div.shelve-content > div {
	margin-top : 15px;
}

.animation-wrapper div.shelve-content > div:first-child {
	margin-top : 20px;
}

.animation-wrapper div.shelve-content div.comment {
	height: 13px;
}

.animation-wrapper div.shelve-content div.title {
	height: 20px;
}

@keyframes shimmer {
	0% {
		background-position: -1000px 0;
	}
	100% {
		background-position: 1000px 0;
	}
}

.only-video-min-height {
	min-height : 550px !important;
}

.trip-logo{
	max-width: 15%;
	margin-left: 80%;
	display: inline;
}

.trip-logo-detail {
	max-width: 25%;
	margin-left: 20%;
	margin-bottom: 15px;
	display: inline;
}

.tripadvisor-rating {
	margin-top: 10px;
}

.tripadvisor-rating i {
	margin-right : 2px;
	color: #00aa6c;
}

img.tripRatingImage {
	width: 120px !important;
	height : 20px !important;
}

a.tripReviews{
	color: grey !important;
	text-decoration: underline !important;
}

span.folleto-label {
	display: unset;
}

div.avis-legal-contenidor span {
	line-height: 35px !important;
	font-size : 15px !important;
}
/*17/13/2021*/
.islink:hover{
	cursor: pointer;
}

.camp-label-inner label{
	display: flex!important;
}

/**
* Folletos
* 21/04/2021
* Luis
 */

.folletos-llista-amb-imatges{
	margin-bottom: 40px;
	display: grid;
	grid-row-gap: 40px;
	width: 100%;
}

.folletos-llista-amb-imatges ul{
	padding-left: 0px;
	margin-left: 0px;
	list-style: none;
}

.folletos-llista-amb-imatges.llistat-2col{
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 40px;
}

.folletos-llista-amb-imatges.llistat-3col{
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 40px;
}

.folletos-llista-amb-imatges.llistat-4col{
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 30px;
}

.folletos-llista-amb-imatges.llistat-5col{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap: 20px;
}

.folletos-llista-amb-imatges .shelve-element > div:not(.arrow-icon-content){
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
	height: 100%;
}

.folletos-llista-amb-imatges .shelve-element div.shelve-image{
	min-width: 132px;
	max-width: 132px;
	height: 132px;
	background-color: #f5f5f5;
	padding: 5px;
	margin-right: 20px!important;
}

.folletos-llista-amb-imatges.llistat-4col .shelve-element div.shelve-image,
.folletos-llista-amb-imatges.llistat-5col .shelve-element div.shelve-image{
	min-width: calc(132px / 2);
	max-width: calc(132px / 2);
}


.folletos-llista-amb-imatges .shelve-element div.shelve-image img{
	position: unset;
	margin-bottom: 10px;
	padding: 0px;
	background-color: #f5f5f5;
}

.lim-container-elements .folletos-llista-amb-imatges .shelve-element .shelve-content{
	padding: 0;
}

.folletos-llista-amb-imatges .shelve-element .shelve-content .titol-llista2{
	font-size: 17px!important;
	line-height: 130%;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	color: rgba(51,51,51,1.00);
	margin-bottom: 1.5em;
	margin-top: 0px;
}

.folletos-llista-amb-imatges .shelve-element .shelve-content .label{
	font-size: 12px;
	clear: none!important;
	padding-left: 0px;
	line-height: 150%;
	padding-bottom: 6px;
}

.btn {
	margin-top: 14px;
	font-size: 11px;
	min-width: 0px;
	max-width: fit-content;
	margin-left: 0px;
	padding: 6px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #f5f5f5;
	border: 0px;
	border-radius: 0px;
}

.btn:hover{
	text-decoration: none;
	background-color: #cbcbcb;
}

.btn:active{
	background-color: #cbcbcb;
	-webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
	box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}

.additionalMedia div.video-play-icon i {
    color: rgba(100,100,100, 0.5);
    font-size: 125px;
}


.generic_detail.agenda-detail .additionalMediaList {
	position: inherit;
	overflow: visible;
	width: 100%;
	max-width: 761px;
	height: auto;
}
.generic_detail.agenda-detail ul.additionalMedia {
	height: auto;
	/*max-height: 850px;*/
}
.generic_detail.agenda-detail .columna-central .contenidor.additionalTop {
    margin-top: 0;
}




/* Html PORTADA newsletter */
.section-subscription {
    width: 90%;
    margin: 0px auto !important;
}
.section-subscription h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    width: 100%;
}
.section-subscription > p {
    width: 100%;
    font-size: 22px;
}
.section-subscription a:first-child {
    margin-top: 35px;
    margin-bottom: 30px;
}
.section-subscription-little {
    min-height: 370px;
    display: flex;
    flex-direction: column;
    text-align: center;
    position: relative;
}
.section-subscription-little h2 {
    margin-top: 63px;
    color: #ffffff;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 3.1em;
    width: 100%;
    line-height: 60px;
}
.section-subscription-little > p {
    width: 100%;
    font-size: 36px;
    line-height: 42px;
    color: white;
}
.section-subscription-little > p:last-child {
    position: absolute;
    bottom: 40px;
}



/* ticker guia turistic */
.section-hero {
    display: flex;
    flex-direction: column;
    text-align: center;
    position: relative;
    padding: 25% 0 25% 0;
}
.section-hero > p {
    font-size: 36px;
    line-height: 42px;
    color: white;
    width: calc(100% - 2rem);
    margin: 0 1rem 0 1rem;
}