@charset "utf-8";

/*
@font-face {
	font-family: 'just-lovely';
	src: url('./font/JustLovely.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
*/
@font-face {
	font-family: 'intro-black-alt';
	src: url('./font/Intro-Black-Alt.woff2') format('woff2');
	font-display: swap;
}
@font-face {
	font-family: 'intro-black-caps';
	src: url('./font/Intro-Black-Caps.woff2') format('woff2');
	font-display: swap;
}
@font-face {
    font-family: 'brushways';
    font-style: normal;
    font-weight: normal;
    src: url('./font/Brushways.woff') format('woff');
    font-display: swap;
}

/* -------- 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: 100%; font-family: inherit;}
select {margin: inherit;}
hr {margin: 0; padding: 0; border: 0; color: #A5A5A5; background-color: #A5A5A5; height: 1px; width: 100%}

section {
  content-visibility: auto;
}

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

/* Elements generals */
xmp {
	font-family: Arial, Verdana;
	font-size: 11px;
	border: 1px solid green;
	background-color: #C1F9C6;
	padding: 5px 5px 5px 5px;
	margin: 0;
}

/* Elements generals */
form {
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline;
}
a {
	color: #646464;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
	
	-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 {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #787878;
}
audio {
	max-width: 100%;
}

/* header */
.estil-si-sitges{
	display: flex;
	flex-flow: column;
	color: #ffffff !important;
	width: 80%;
	margin: auto;
	text-align: left;
}
.estil-si-sitges span:nth-child(1){
	font-family: "intro-black-caps";
	font-size: 9.5vw;
}
.estil-si-sitges span:nth-child(2){
	font-size: 7vw;
}

/* LListes */
.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);
	font-family: 'Montserrat', sans-serif;
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
	position: absolute;
	--size: 28px;
	left: calc(-1 * var(--size) - 10px);
	line-height: var(--size);
	width: var(--size);
	height: var(--size);
	top: 0;
	background: #7e80b5;
	border-radius: 50%;
	text-align: center;
}
.columna-contingut-int ol:not([class]) li {
	margin: 0 0 10px 0;
	padding: 5px 0 10px 10px;
  	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;
}
.columna-contingut-int p {
	line-height: 185%;
}

/* Classes per ocultar capes */
.nosize {
	position: absolute;
	width: 0px;
	height: 0px;
	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: 12;
}

/* 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;
}

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

/* Responsiu */
.only-w480 {
	display: none;
}

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


/* ----  Titols ----*/
h1.titol-portada {
	position: absolute;
    top: 0;
    left: 0;
    font-size: 1rem;
    z-index: -1;
}
.capcalera.titol-principal {
	font-size : 4vw !important;
	font-weight : 300;
} 
.titol-principal{
	font-size : 6vw;
	font-family : 'brushways';
	color : #8c9396;
}
.titol-principal:hover {
	text-decoration: none;
}
.titol-ajustable {
	font-weight : 300;
	font-size : 6vw;
	font-family : 'brushways';
	color : #8c9396;
	margin: 0 auto;
}

/* Títols interns */
.TitolIntern, .titol-intern { /* gris */
	color: #787878;
	font-weight: 400;
	font-size : 40px;
	margin-top: 15px;
	margin-bottom: 15px;
}
h2.titol-bloc, .titol-bloc { /* lila centrat */
	color: #7E80B5;
    font-weight: 400;
    font-size: 40px;
    text-align: center;
    margin-bottom: 30px;
    display: block;
}

/* Titol Portada Gris */
.Titol_Portada, .titol-portada {
	font-weight: 400; 
	color: #646464; 
	font-size : 40px;
	text-align : center;
	margin-bottom : 60px;
	margin-top : 60px;
	font-family: 'Montserrat', sans-serif;
}
.Titol_Portada a, .titol-portada a {
	text-decoration: none;
	color: #646464; 
}
.Titol_Portada a:hover, .titol-portada a:hover  {
	text-decoration: none;
	color: #646464; 
}
.Titol_Portada span, .titol-portada span {
	text-decoration: none;
	color: #646464; 
}

/* Títol pàgina */
.titol-pagina {
	color: #808080;
	font-family : 'brushways';
	font-size: 96px;
	font-weight: 400; 
}
.titol-comparteix {
	color: #808080;
	width: 90%;
	font-family : 'brushways';
	font-size: 60px;
	font-weight: 400; 
}

/* Títol registre */
h2.titol-registre, .titol-registre {
	position : relative;
	font-size : 35px;
	font-weight : bold;
	color : #808080;
	min-height : 50px;
	line-height: 35px;
	margin-bottom : 30px;
	margin-top: 10px;
}
h2.titol-registre:after, .titol-registre:after {
	position : absolute;
	bottom : -15px;
	left : 0px;
	content : "";
	width : 150px;
	height : 10px;
	background-color: #7E80B5;
}

/* Títol d'imatges en mosaic (negre) */
.titol-imatge-mosaic, .titol-imatge-mosaic span {
	font-weight: 500;
	font-size: 23px;
	text-decoration: none;
	color: #ffffff;
	text-shadow: 1px 1px #333;
}
.titol-blog,  a.titol-blog {
	color: #333333;
	font-weight: 300;
	font-size: 43px;
	text-decoration: none;
}
a.titol_blog:hover, a.titol-blog:hover {
	color: #000000;
	text-decoration: none;
}
.titol-blanc {
	font-size: 20px;
	text-decoration: none;
	color: #ffffff;
	font-weight: 700;
}
.subtitol-blanc {
	font-size: 18px;
	text-decoration: none;
	color: #ffffff;
}

/* Negre gran (portada activitats,...) */
.titol_llista, .titol-llista, a.titol_llista, a.titol-llista {
	color: #333333;
	font-weight: 300;
	font-size: 30px;
	text-decoration: none;
}
a.titol_llista:hover, a.titol-llista:hover {
	color: #000000;
	text-decoration: none;
}
/* Títol gris gran */
.titol_llista2, .titol-llista2, a.titol_llista2, a.titol-llista2 {
	color: #999999;
	font-weight: 300;
	font-size: 30px;
	text-decoration: none;
}
a.titol_llista2:hover, a.titol-llista2:hover {
	color: #646464;
	text-decoration: none;
}
/* Títol lila mitjà */
.titol_llista3, .titol-llista3, a.titol_llista3, a.titol-llista3 {
	color: #7e80b5;
	font-weight: 300;
	font-size: 22px;
	text-decoration: none;
}
a.titol_llista3:hover, a.titol-llista3:hover {
	text-decoration: underline;
}
/* Negre gran prim (esdeveniments,...) */
.titol_llista4, .titol-llista4, a.titol_llista4, a.titol-llista4 {
	font-size: 22px;
	color: #333333;
	font-weight: 300;
	text-decoration: none;
}
a.titol_llista4:hover, a.titol-llista4:hover {
	color: #000000;
	text-decoration: none;
}

/* Gris (esdeveniments,...) */
.subtitol-gris-clar {
	color: #707070;
	font-weight: 400;
	font-size: 18px;
}
.subtitol {
	color: #666666;
	font-weight: 400;
	font-size: 18px;
}
/* Gris petit (hotels,..) */
.subtitol2, .subtitol-2 {
	color: #666666;
	font-weight: 200;
	font-size: 16px;
}
/* Negre */
.subtitol3, .subtitol-3 {
	color: #333333;
	font-weight: 400;
	font-size: 18px;
}


/* Títol relacions */
.TitolRelacio, .titol-relacio {
	color: #787878;
	font-weight: 400;
	font-size : 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	display: block;
}

.CanviGrupCamps {
	color: #787878;
	font-weight: 400;
	font-size : 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: left;
	display: inline-block;
}
.CanviGrupCamps span {
	
}
.TitolAgrupacio, .titol-agrupacio {
	background: linear-gradient(to right, #9f4469 30%,#FFFFFF 100%) !important;
    height: 60px;
    line-height: 60px;
    color: #FFF;
    font-size: 26px;
    font-weight: 200;
    padding-left: 15px !important;
}


/* Textes */
.texte {
	color: #606060;
	text-decoration: none;
}
.data {
	
}
.MarcaCerca, .marca-cerca {
	color: #7e80b5;
	padding: 1px;
}
.gris {
	color: #787878;
}
.txt_imatge, .txt-imatge {
	display: block;
	font-size: 18px;
	color: #646464;
}
.negreta {
	font-weight: bold;
}
.negre {
	color: #000000;
}
.entrega {
	white-space: nowrap; 
	font-size: 0.8em;	
	color: #787878;
}
.PictoTxt {
	font-size: 0.8em;	
	color: #787878;
}
.Remarca, .remarca {
	color: #333333;
	font-weight: bold;
}
.centrar-text {
	text-align: center !important;
}

.text-negreta {
	font-weight: bold !important;
}
.cita-negreta, blockquote {
	font-weight: 400;
	font-style: italic;
	font-size :30px;
	line-height: normal;
	margin-left : 100px;
	margin-right : 50px;
	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: #646464;
	text-decoration: none;
}
a.link:hover {
	color: #000000;
	text-decoration: none;
}
a.linkmini, a.link-mini {
	color: #646464;
	font-size: 14px;
}
a.linkmini:hover, a.link-mini:hover {
	color: #000000;
	text-decoration: none;
}
a.linknegreta, a.link-negreta {
	color: #646464;
	font-weight: bold;
	text-decoration: none;
}
a.linknegreta:hover, a.link-negreta:hover {
	color: #000000;
	text-decoration: none;
}
a.linkgris, a.link-gris {
	color: #808080;
	font-weight: bold;
}
a.linkgris:hover, a.link-gris:hover {
	color: #646464;
	text-decoration: underline;
}
.linkgrisSel {
	color: #808080;
	text-decoration: underline;
	font-weight: bold;
}
a.document {
	color: #646464;
	font-size : 18px;
	font-weight: 300;	
}
a.document:hover{
	text-decoration: none;
}
a.document > span {
	padding-left : 30px;
}

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

.img_incrustada_gmaps {
	float: left; 
	margin-right: 1em; 
	margin-bottom: 0.3em;
	margin-left: 0.5em;
}
.img_mapa {
	float: left; 
	padding: 0.3em 1em 0.5em 0;	
}
.mapa-ruta {
	
}
.chart-ruta {
	margin: 20px 0 30px 0;
	clear: both;
	padding-top : 10px;
	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: 55px;
    font-weight: 200;
}
div.video-play-icon i {
	color: #ffffff;
	font-size: 55px;
	
	display: inline-block;
    width: 56px;
    height: 56px;
    background-image: url(../img/ico-play.svg);
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
}


/* Videos responsiu */
.video-contenidor {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    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 0 -20px 0;
	padding: 0;
	overflow: hidden;
	display: flex;
    flex-flow: row wrap;
	justify-content: space-between;
}
ul.llista-portada-amb-imatges>li {
	margin: 0 0 20px 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;
	margin-top: 6px;
}




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

 
/* Llistat amb imatges i llista relacions*/
ul.llista-relacions {	
	margin: 7px 0 0 0;
	padding: 0px 0 8px 0;
	list-style-type: none;
}
ul.llista-relacions li {
	margin: 0.3em 1em 0.3em 0;
	padding:  0 0 0 0;
	background: none;
}
ul.llista-relacions li a {
	
}

ul.llista-amb-imatges {
	margin: 0;
	padding: 0;
	list-style: none outside none;
	color: #444e5c;
	width: 100%;
	overflow: hidden;
}
ul.llista-amb-imatges li,
ul.llista-relacions > li {
	width: 100%;
	margin: 0 0 15px 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: 30px 0 40px 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.4em;	
}
ul.llista-amb-imatges li .llista-img {
    /*height: 100%;*/
    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 : 60px;
	line-height : 60px;
	color : #FFF;
	font-size : 26px;
	font-weight: 200;
	padding-left : 15px;	
}
ul.llista-amb-imatges>li.titol-agrupacio {
	margin : 5px 0 10px 0;
	width: calc(100% - 15px);
	border: none;
}
ul.llista-amb-imatges>li:not(.titol-agrupa-per-data)>ul  {
	margin : 0px;
	padding : 0px;
	width: 100%;
}
ul.llista-amb-imatges>li>ul {
	width: 100%;
	margin: 20px 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;
}
ul.llista-amb-imatges>li.contenidor-agrupacio>ul>li:nth-child(odd){
	/*margin-right : 6px;*/
}
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%;
}

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 {
	
	display: block;
	overflow: hidden;
}
ul.llista-amb-imatges>li div.pictogrames img {
	margin: 5px 10px 5px 0;
}

.filtre-dreta {
	width: 30%; 
	float:right;
}

.columna-esquerra {
	width: 70%;
	float:left;
}

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%;
		
}

/* 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;
}

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;
}



/* Visualitació tipus llista elements o mapa dels llistats de sirectori */
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;
}
div.llista-elements {
	display: none;	
}
div.llista-elements.visible {
	display: block;
}
div.llista-mapa-elements {
	display: none;	
}
div.llista-mapa-elements.visible {
	display: block;	
}


/* 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 més informació */
ul li.mes-informacio, p.mes-informacio {
	color: #ad2a1e;
	padding: 2.5em 0 10px 0;	
	text-decoration: none;
	background: none;
	vertical-align: bottom;
}

/* 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: 0px;
	padding : 0px;
}
ul.llista-documents > li {
	margin : 10px 0 10px 0;
	padding : 0px;
}
ul.llista-documents > li a{
	transition: color 0.3s ease-out;	
}
ul.llista-documents > li:hover a {
	color : #7E80B5;
}

ul > li a div.doc, ol > li a div.doc {
	display : flex;
	flex-flow: wrap;
}
ul > li a div.doc > div.img, ol > li a div.doc > div.img {
	width : 80px;
	text-align: center;
}
ul > li a div.doc > div.txt, ol > li a div.doc > div.txt {
	width : calc(100% - 80px);
}
ul > li a div.doc > div.img > i, ol > li a div.doc > div.img > i {
	font-size: 22px !important;
}

/* Llista links */
ul.llista-links {
	margin: 0px;
	padding : 0px;
}
ul.llista-links > li {
	margin : 12px 0 12px 0;
	padding : 0px;
}
ul.llista-links > li a {
	transition: color 0.3s ease-out;	
}
ul.llista-links > li:hover a {
	color : #7E80B5;
}
ul.llista-links > li a div.link-box {
	display : flex;
	flex-flow: wrap;
}
ul.llista-links > li a div.link-box > div.img {
	width : 80px;
	text-align: center;
}
ul.llista-links > li a div.link-box > div.txt {
	width : calc(100% - 80px);
}
ul.llista-links > li a div.link-box > div.img > i {
	font-size: 22px !important;
}
ul.llista-links > li a {
	font-size: 18px;
	font-weight: 300;	
}

/* 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;
}

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

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;
	overflow: hidden;
}
ul.formulari .camp-label-lateral {
	float: left;
}
ul.formulari > li >div:first-child > div.camp-label-inner {
	padding-left: 0;
}
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 .label, ul.formulari > li label, ul.formulari > li span  {
	text-align: left;
	color: #333333;			
	font-size: 1.2em;
	font-weight: bold;
	vertical-align: bottom;	
    font-weight: normal;    
    display: inline-block;
}
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;
	margin: 10px 0 0.3em 0;
}

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



span.marca-obligatori {
	color: #ff0000 !important;		
	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 1em auto;
	overflow: hidden;
}
ul.formulari > li.linia-botons .Tbutton {
	float: none;
	padding: 10px 35px 10px 35px;
	display: inline-block;
}
ul.formulari > li .camp-checkbox-esquerra {
	margin: 5px 1em 2px 2px;
}
.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-right: 0 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: 0;
/*	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 {	
	font-size: 1.1em;
	border: 1px solid #a5acb2;
	padding: 4px 7px 5px 7px;
	margin: 0 1px 0 2px;
	width: 98.5%;
	width: calc(100% - 29px);
	color: #8c9396;
	border-radius: 5px;     
	font-size: 1.4em;      
}
.formobj-sel {
	padding: 4px 5px 3px 5px;
	width: 100%;
}
.form-moneda {
	width: 90%;
	width: calc( 100% - 2.5em);
}
.form-area {
	font-size: 1.1em;
	margin: 0 2px 10px 2px;
	font-family: Tahoma, Arial, Verdana;
	padding: 0.3em 7px 0.3em 7px;
	width: 98.5%;
	width: calc( 100% - 30px);
	border-radius : 5px;
}
input.form-data {
	text-align : center;
	width: 80%;
	margin-right: 10px;
	color : #999999;
	background: #FFF url('../img/form-data-b.png') right 8px no-repeat;
	background-position: calc(100% - 5px) 5px;
	/*background-position: right 5px top 8px;*/
}

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

label.checkbox, p.checkbox, .formulari label.checkbox {
	float: left;
	margin-left: 1em;
	font-weight: normal;
}
.Tbutton {
	border: 0;
    vertical-align: middle;
    /*background-color: #668CBF;*/
	background-color: #4A76B0;
    padding: 4.5px 20px 4.5px 20px;
    margin: 0;
    text-align: center;
    font-size: 18px;
    color: #ffffff;   
    float: left;
    border: 1px solid #668CBF;
    border-radius: 5px;
    moz-transition: background 0.7s ease-out;
    transition: all 0.7s ease-out;
}
.Tbutton:hover {
	text-decoration: none;
    background-color: #FFF;
    color: #808080;
    cursor: pointer;
}

/* Cerca */
.form-cerca-adreca {
	overflow: hidden;
    margin: 0 auto 20px auto;
}
.formobj-cerca {
	float: left;
	width: 70%;
	width: calc(100% - 70px);
    margin: 0;
    padding: 12px 7px 12px 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 */
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: -4px;
	left: 2px;
	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 {
	margin-top : 25px;
	margin-bottom: 20px;
	padding: 0;
	width: 100%;
	color: #666666;
	overflow: hidden;
}
.filtre label {
	margin: 0 1em 0 0;
	font-weight: bold;
	vertical-align: baseline;
	display: block;
}
.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 10px 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 {
	height : 29px;
	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 : 80%;
    height : 27px;
    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: Arial, Helvetica, 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: 16;
	height: 100%;
}
#fons-pagament {
	position: fixed; 
	top: 0; 
	left: 0; 
	text-align: center;
	display: none;
	min-width: 100%;
	min-height: 100%;
	z-index: 15;
	background-color: #f2f2f2;
}
#fons-pagament .loading-pagament {
	position: absolute;
	top: 33%;
	left: 0%;
	width: 100%;
	padding: 0 0 35px 0;
	z-index: 15;
	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: 'Montserrat', 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: 'Muli', 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;
}


/* Fitxa directori */
table.fitxa {
	border: 0;
	font-size: 1em;
	width: 94%;
	background-color: #eeeeed;
}
table.fitxa th {
	font-weight: bold;
	font-size: 1.1em;
	padding: 4px 10px 4px 5px;
	width: 30%;
	vertical-align: top;
	background-color: #c3cad2;
	color: #00457d;
	border-bottom: 4px solid white;
	border-right: 4px solid white;
}
table.fitxa th.separador {
	width: auto;
	padding: 4px 10px 4px 5px;
	background-color: #ffffff;
	color: #00457d;
}
table.fitxa td {
	color: #404040;
	empty-cells: show;
	border-bottom: 4px solid white;
	padding: 4px 10px 4px 5px;
}
table.fitxa td ul {
	list-style: none;
	margin-left: 0 !important;
	padding-left: 0 !important;
}
table.fitxa td li {
	margin-left: 0 !important;
	padding-left: 0 !important;
}


/* 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;
}



/* 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: 550;
	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;
    padding-bottom: 350px; /* Aspect ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    border: 0;
}
.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;
}


/* 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;
}
.owl-item {
	overflow: hidden !important;
}
ul.rotador li .panelPag {
	overflow: auto;
	width: 100%;
}
ul.rotador li div.rotador-titol {
	position: absolute;
    top: 30%;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: transparent;
    width: 100%;
    z-index: 2;
}
ul.rotador li div.rotador-titol p {
	padding: 25px 10px;
    text-align: center;
    font-size: 23px;
    font-weight: 700;
    line-height: 33px;
    color: #fff;
}

.rotador-index { 
	overflow: hidden; 
	list-style: none; 
	clear: both; 
	z-index: 8;
	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 */
.marge-interior {
	max-width : 1180px;
	margin : 0 30% 0 30%;
}
.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;
}
.degradat-bg {
	background: linear-gradient(to right, #FFF3F6 30%,#FFFFFF 70%);
}

/* Estils layouts */
.imatge_centrada {
	background-position: center;
}
.alcada-500 {
	min-height : 500px;
	max-height : 500px;
}
.efecte-parallax {
	/*
	background-size: cover;
	background: transparent;
	
	margin: 60px 0 60px 0;
	height: 350px;
	vertical-align: bottom;
	*/
}
.efecte-parallax div.amplada-pagina {
	position: relative;
	height: 300px;
}
.efecte-parallax div.amplada-pagina div.element {
	height: 100%;
}
.parallax-mirror img {
	left: 0;
}

/* 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: 10pt;
	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: 10pt;
    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: 17pt;
    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;
}


/* 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 : 15 !important;
}
.ui-datepicker .ui-datepicker-header {
	/*padding : 0px;*/
	border : none;
	border-radius : 0px !important;
	height : 30px  !important;
	background-color : #B2B2B2  !important;
}
.ui-datepicker .ui-datepicker-header > a {
	top : 10px;
}
.ui-datepicker .ui-datepicker-header > div {
	line-height : 30px;
	font-size : 15px;
}
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  !important;
}

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 : "<" !important;
	font-family: Montserrat, Arial, Verdana, Tahoma  !important;
	width : 16px  !important;
	height : 16px  !important;
	font-size : 20px  !important;
}
a.ui-datepicker-next:before {
	content : ">";
	font-family: Montserrat, Arial, Verdana, Tahoma  !important;
	width : 16px  !important;
	height : 16px  !important;
	font-size : 20px !important;
}
.ui-datepicker table {
	font-size : 13px !important;
}
.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  !important;
	background : none  !important;
	color : #808080 !important;
}
.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  !important;
}
.ui-widget {
	font-family: Montserrat, Arial, Verdana, Tahoma;
}


/* 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;
}



ul.inst-fila-portada {
	margin: 0 0 60px 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	display: block;
	width: 100%;
	display: flex;
	flex-flow: wrap row;
}
ul.inst-fila-portada li {
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: block;
	float: left; 
	position: relative; 
	width: 20%;
	background: none;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
ul.inst-fila-portada li>a {
	height: 100%;
}
.instagram-lnk {
	display: block; 
}
.instagram-img {
	border: 0;
	margin: 0;
	padding: 0;
	max-width: 100%;
	visibility: hidden;
}
.instagram-actions-container {
	background-color: rgba(0,0,0,.3);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.instagram-actions-container ul {
	position : absolute;
	left : 0;
	right : 0;
	bottom : 15px;
	margin : 0;
	padding : 0;
}
.instagram-actions-container ul li {
	width : 45%;
    color: #fff;
    margin-left: auto ;
    margin-right: auto ;
    margin : 0;
    padding: 0;
    background: none;
}
.instagram-actions-container ul li:first-child {
	padding-right : 15px;
	text-align: right;
}

.instagram-actions-container ul li:last-child {
	text-align : left;
    margin-right: 0;
}
.instagram-actions-container ul li span.quore {
	display :inline-block;
    margin-right: 7px;
    background-repeat: no-repeat;
    background-position: -404px -357px;
    height: 19px;
    width: 19px;
    background-image: url(https://www.instagram.com/static/bundles/base/sprite_core.png/3243a2788e25.png);
}
.instagram-actions-container ul li span.comments {
	display :inline-block;
	margin-right: 7px;
	background-repeat: no-repeat;
    background-position: -425px -357px;
    height: 19px;
    width: 19px;
    background-image: url(https://www.instagram.com/static/bundles/base/sprite_core.png/3243a2788e25.png);
}



/****
* INICI CONFIGURACIÓ ESTILS TURISME - SITGES
*/
/* 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;
	object-fit: cover;
}

/* Més informació */
div.mes-informacio.blog {
	/*width : 35%; */
	text-align : left;
	margin : 30px 0 0px 0;
	font-weight : 200;
	font-size : 20px;
}
div.mes-informacio {
	width : 100%;
	text-align : right;
	margin : 40px auto 0px auto;
	font-weight : 200;
	font-size : 20px;
}
div.mes-informacio > a {
	position : relative;
	color : #646464;
	text-decoration: none;
	display: inline-block;
}
div.mes-informacio > a:after {
	content : '';
	display: inline-block;
	float: right;
	width : 30px;
	height : 30px;
	margin : -2px 0 0 14px;
	background : transparent url('../img/plus-more-info.png') no-repeat;
	animation : rotate-more-info-out 0.5s 1 linear;
}
div.mes-informacio > a:hover:after {
	animation : rotate-more-info-in 0.5s 1 linear;
}
@-webkit-keyframes rotate-more-info-in {
  0% { -webkit-transform: rotate(0deg); }
  20% { -webkit-transform: rotate(15deg); }
  25% { -webkit-transform: rotate(28deg); }
  45% { -webkit-transform: rotate(41deg); }
  50% { -webkit-transform: rotate(54deg); }
  70% { -webkit-transform: rotate(67deg); }
  75% { -webkit-transform: rotate(78deg); }
  100% { -webkit-transform: rotate(90deg); }
}
@-webkit-keyframes rotate-more-info-out {
  0% { -webkit-transform: rotate(90deg); }
  20% { -webkit-transform: rotate(78deg); }
  25% { -webkit-transform: rotate(67deg); }
  45% { -webkit-transform: rotate(54deg); }
  50% { -webkit-transform: rotate(41deg); }
  70% { -webkit-transform: rotate(28deg); }
  75% { -webkit-transform: rotate(15deg); }
  100% { -webkit-transform: rotate(0deg); }
}
div.mes-informacio > a:before {
	content: "";
	position: absolute;
	width: calc(100% - 46px);
	height: 3px;
	top : 25px;
	bottom: 0;
	left: 0;
	background-color: #646464;
	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.mes-informacio > a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


/* 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%;
}

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.xsocial {
	margin-top: 10px;
	display: inline-flex;
}

#columna-contingut div.registre-detall div.columna-lateral > div.contenidor > div.dades-detall > div.xsocial > div {
	margin-right: 10px;
}

#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;
}

/* Marcadors */
/* Marcador Tipus 1*/
div.element-portada ul.marcador {
	margin: -15px 0 30px 0;
	display: inline-block;
	width : 100%;
}
div.element-portada ul.marcador.marcador-id-1 {
	list-style:  none;
	margin: -15px 0 -9px 0; 
	padding: 0;
}
ul.marcador.marcador-id-1 > li {
	float : left;
	position : relative;
	margin : 0px 0px 9px 0px; 
	padding: 15px 0 0 0;
	background : none;
	list-style : none;
	cursor : pointer;
	transition : padding 0.2s ease-out, margin 0.2s ease-out;
}
ul.marcador.marcador-id-1 > li:hover {
	/*padding : 0px;*/
	/*margin : 0px;*/
}
ul.marcador.marcador-id-1 > li:hover div.bg-image {
	position : relative;
	opacity : 1;
	overflow : visible;

	transform: scale(1.05, 1.05);
	transition : transform 0.3s ease-out !important;
	
	z-index : 2;
}


ul.marcador.marcador-id-1 > li:hover div.bg-image > img {
	opacity : 1;	
}
ul.marcador.marcador-id-1 > li div.inner {
	position : absolute;
	top : 30%; right: 0; left:0;bottom:0;
	background-color : transparent;
	width : 100%;
	z-index: 2;	
}
ul.marcador.marcador-id-1 > li div.bg-image {
	background-color : #848484;
	width : 100%;
	overflow : hidden;
	z-index: 1;
	transition : width 0.2s ease-out;
}
ul.marcador.marcador-id-1 > li div.bg-image > img {
	opacity : 0.8;
	width : 100%;
	transition : opacity 0.2s ease-out;
}
ul.marcador.marcador-id-1 > li div.inner > div.texte {
	padding : 25px 10px;
	text-align: center;
	font-size : 23px;
	font-weight : 700;
	color : #FFFFFF;
}
ul.marcador.marcador-id-1 > li div.inner > div.pictograma{
	position: absolute;
  	top: 50%; left: 50%;
  	transform: translate(-50%,-50%);
	text-align: center;
}
/* Marcadors Tipus 2 i 3 */
ul.marcador.marcador-id-2, ul.marcador.marcador-id-3 {
	display : flex;
	flex-flow: wrap;
	margin : 60px 0; 
	padding : 0px;
}
ul.marcador.marcador-id-2 > li,ul.marcador.marcador-id-3 > li {
	margin : 0px; 
	padding : 0px;
}
ul.marcador.marcador-id-2 > li > div.contenidor, ul.marcador.marcador-id-3 > li > div.contenidor {
	margin : 15px;
}
ul.marcador.marcador-id-3 > li > div.contenidor{
	display : flex;
	flex-flow: wrap;
}
ul.marcador.marcador-id-3 > li div.icona {
	width : 100px;
	min-width : 50px;
}
ul.marcador.marcador-id-3 > li div.text {
	width : calc(100% - 100px);
}
ul.marcador.marcador-id-2 > li div.icona {
	text-align: center;
}
ul.marcador.marcador-id-2 > li div.text {
	margin : 10px 0 0 0;
	text-align: center;
}
/* Marcador Tipus 4 */
ul.marcador.marcador-id-4 {
	margin : 50px 0px;
	padding : 0px;
}
ul.marcador.marcador-id-4 > li {
	margin : 0px;
	padding : 0px;
	width : 100%;
	position : relative;
	min-height : 500px;
}
ul.marcador.marcador-id-4 > li:nth-child(2n+1) > div.white-gradient, ul.marcador.marcador-id-4 > li:nth-child(2n+1) > a > div.white-gradient {
	position: absolute;
	z-index: 2;
	top : 0;
	right : 0;
	bottom : 0;
	left : 0;
	background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 75%); /* FF3.6-15 */
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 75%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
ul.marcador.marcador-id-4 > li:nth-child(2n+2) > div.white-gradient, ul.marcador.marcador-id-4 > li:nth-child(2n+2) > a > div.white-gradient {
	position: absolute;
	z-index: 2;
	top : 0;
	right : 0;
	bottom : 0;
	left : 0;
	background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 75%); /* FF3.6-15 */
	background: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 75%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(270deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
ul.marcador.marcador-id-4 > li > div.contenidor, ul.marcador.marcador-id-4 > li > a > div.contenidor {
	position: absolute;
	z-index: 3;
	top : 0;
	right : 0;
	left : 0;
	bottom : 0;
	background-color : transparent;
	padding: 40px 60px;
}
ul.marcador.marcador-id-4 > li > div.imatge-de-fons, ul.marcador.marcador-id-4 > li > a > div.imatge-de-fons{
	position: absolute;
	z-index: 1;
	top : 0;
	right : 0;
	left : 0;
	bottom : 0;
	background-position: center;	
}
ul.marcador.marcador-id-4 > li > div.contenidor > div.dades, 
ul.marcador.marcador-id-4 > li > a > div.contenidor > div.dades {
	margin-top: 15px;
	width : 500px;
}
ul.marcador.marcador-id-4 > li > div.contenidor > div.dades-full, 
ul.marcador.marcador-id-4 > li > a > div.contenidor > div.dades-full {
	width: calc(100% - 20px);
}
ul.marcador.marcador-id-4 > li div.contenidor > div.dades-full .bloc-esquerra {
	float: left;
	width: calc(50% - 10px);
}
ul.marcador.marcador-id-4 > li div.contenidor > div.dades-full .bloc-dret {
	float: right;
	width: calc(50% - 10px);
}



ul.marcador.marcador-id-4 > li > div.contenidor > div.dades > div.titol, ul.marcador.marcador-id-4 > li > a > div.contenidor > div.dades > div.titol {
	font-size : 30px;
	font-weight: 400;
	color : #7E80B5;
}
ul.marcador.marcador-id-4 > li > div.contenidor > div.dades > div.desc, ul.marcador.marcador-id-4 > li > a > div.contenidor > div.dades > div.desc {
	margin-top: 15px;
}
ul.marcador.marcador-id-4 > li:nth-child(2n+2) > div.contenidor, ul.marcador.marcador-id-4 > li:nth-child(2n+2) > a > div.contenidor {
	left : auto;
}


ul.marcador.marcador-id-5  {
	margin: 0 0 -20px 0;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}


ul.marcador.marcador-id-5 > li {
    margin: 0 0 20px 0;
    padding: 0;
    display: block;
    text-align: left;
    overflow: hidden;
    background-image: none;
    width: calc(50% - 6px);
}

ul.marcador.marcador-id-5 >li div.llista-img-sup,
ul.marcador.marcador-id-6 >li div.llista-img-sup{
    width: 100%;
    margin: 0 0 20px 0;
}

ul.marcador.marcador-id-5>li img,
ul.marcador.marcador-id-6>li img{
    width: 100%;
}

ul.marcador.marcador-id-5>li div.llista-contingut,
ul.marcador.marcador-id-6>li div.llista-contingut{
    clear: both;
}

ul.marcador.marcador-id-5>li p,
ul.marcador.marcador-id-6>li p{
    margin-bottom: 10px;
    line-height: normal;
}

ul.marcador.marcador-id-5>li div.llista-contingut p {
    color: #333333;
    font-weight: 300;
    font-size: 30px;
    text-decoration: none;
}
 
    
/**
* Timeline css overwrite
*/
.vtimeline-icon {
	background-color: #7e80b5 !important;
}
.vtimeline:before {
	background-color: #7e80b5 !important;
}
.vtimeline-block div.vtimeline-content > span {
	position : relative;
}
.vtimeline-block div.vtimeline-content > span:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 3px;
    top: 26px;
    bottom: 0;
    left: 25px;
    background-color: #7E82BA;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.vtimeline-block div.vtimeline-content:hover > span:before {
	left : 0px;
	width : 50px;
}
.vtimeline-content{
	padding: 5px;
	background-color: #FFF !important;
}
.vtimeline-block:after {
    border-left: 10px solid #FFF !important;
}
.vtimeline-block.vtimeline-right:after {
	border-right: 10px solid #FFF !important;
	border-left : none !important;	
}
.vtimeline-block div.content {
	margin-top: 5px;
	display : flex;
	flex-flow: wrap;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
.vtimeline-block div.content > div.descripcio {
	width : 70%;
}
.vtimeline-block div.content > div.descripcio.no-imatge{
	width : 100%;
}
.vtimeline-block div.content > div.imatge{
	width : 30%;
}

.linia-de-temps {
	animation-delay: 0.5s;
	visibility: hidden;
}

.marge-marcadors>ul>li {
	margin-right: 2% !important;
}
.marge-marcadors>ul>li:last-child {
	margin-right: 0 !important;
}

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%;
}
#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 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: #9A9A9A;
	height: 125px;
	margin : 10px;
	font-size : 50px;
	font-weight: 200;
	text-align: center;
}
#columna-contingut div.detall.imatges ul > li.imatges-agrupades div.contenidor-imatges-restants > span {
	line-height : 125px;
	color : #FFF;
}
#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 : #808080;
	padding : 5px;
}

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-left : 10px;
	width : 30px;
}

/* 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: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	opacity: 0;
	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: 220px;
	
	padding: 0;
	position: relative;
	background-color: white;
	
	-ms-flex-align: center;
    display: flex;
    display: -ms-flexbox;
    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: 20%;
	background-color: #7E82BA;
	color: white;
	overflow: hidden;
	padding: 20px 0;
	position: relative;
	text-align: center;
}
.temps-emergent .temps-actual .div-superior {
	margin: 0 auto;
	display: block;
}
.temps-emergent .temps-actual .div-superior .ico-temps {
	width: 40%;
	float: left;
	height: 100px;
}
.temps-emergent .temps-actual .svg {
	max-width: 100%;
	max-height: 100%;
}
.temps-emergent .temps-actual span {
	display: block;
	font-size: 3vw;
	font-weight: 500;
	margin-left: 0;
	margin-top: 20px;
	float: left;
	width: 60%;
}
.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: 20px;
	left: 0;
	right: 0;
	color: #646464;
}
.temps-emergent .temps-actual>p {
	color: white;
}
.temps-emergent .temps-avui, 
.temps-emergent .temps-dema {
	width: 20%;
	position: relative;
}
.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;
    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;
}

.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: calc(100% - 10px);
}

.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: 'intro-black-caps';
	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: 'intro-black-caps';
	font-size: 96px;
}

.text-centrat {
	text-align: center !important;
}

/**LMPC 7/10/2020 cambios*/
.header-container{
	display: flex;
	align-items: center;
	justify-content: center;
}

.header-container .grande{
	font-family: "intro-black-caps";
	font-size: 9.5vw;
	color: #ffffff !important;
}

.header-order-bottom{
	flex-direction: column;
}

.header-order-top{
	flex-direction: column-reverse;
}

.header-order-rigth{
	flex-direction: row;
}

.header-order-left{
	flex-direction: row-reverse;
}

.header-logo img{
	width: 100%;
	max-width: none;
}

.hashTag{
	width: fit-content;
	margin : 0 5px;
}

.hashtag-petit{
	font-size: 4vw !important;
}

.hashtag-gran{
	font-size: 8.5vw;
}

.slight-opacity{
	opacity: 0.2 !important;
}

.w120{
	width: 120% !important;
}

.w100{
	width: 100% !important;
}

.w80{
	width: 80% !important;
}

.w60{
	width: 60% !important;
}

ul.marcador.marcador-id-6 {
	margin: 0 0 -20px 0;
	padding: 0;
	overflow: hidden;
	display: flex;
	flex-flow: row wrap;
}

ul.marcador.marcador-id-6 > li {
	margin: 0 12px 20px 0;
	padding: 0;
	display: block;
	text-align: left;
	overflow: hidden;
	background-image: none;
	width: calc(25% - 12px);
}

ul.marcador.marcador-id-6 > li:nth-child(4n) {
	margin: 0 0px 20px 0;
}

/* ********************************** */
ul.formulari span.selection {
	width: calc(100% - 12px);
	font-size: 0.85em;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #668CBF;
	color: white;
}

ul.ul-img {

}

ul.ul-img li {
	width: calc(25% - 10px);
	float: left;
	padding: 5px;
	position: relative;
}

ul.ul-img li .icon {
	position: absolute;
	bottom: 10px;
	right: 10px;
}


/* Select múltiple */
.select2-results__option {
	padding: 6px 6px 6px 1rem;
	text-align: left;
}


/* Blog Jungle in paris */
.titolBlog {
	padding: 10px 0px;
}

.featured-story-target {
	background: rgba(0, 0, 0, .15);
	color: #fff;
	display: table-cell;
	position: relative;
	text-decoration: none;
	vertical-align: middle;
	width: 100%;
	z-index: 1;
	text-align: center;
}

.destecat-superior {
	margin-bottom: 30px;
	width : 75%;
	margin : 0 auto;
}


.destecat-superior a.titol-blanc:hover,
.llista-img-sup a.titol-blanc:hover,
.destecat-superior a.subtitol-blanc:hover,
.llista-img-sup a.subtitol-blanc:hover {
	color : #fff;
}

.destecat-superior .title-in,
.llista-img-sup .title-in
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.destecat-superior .title-in:hover,
.llista-img-sup .title-in:hover
{
	background: rgba(0, 0, 0, .35);
}

.destecat-superior .title-in div > div > a:not(.Tbutton),
.llista-img-sup .title-in div > div > a:not(.Tbutton)
{
	transition: all 0.7s ease-in-out;
	moz-transition: all 0.7s ease-in-out;

}

.destecat-superior .title-in:hover > div > div > a.titol-blanc
{
	font-size: 58px;
}

.destecat-superior .title-in:hover > div > div > a.subtitol-blanc {
	font-size: 22px;
}
.llista-img-sup .title-in .inner div:last-child {
 line-height: 25px;
}
.llista-img-sup .title-in:hover div div > a {
	moz-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

.llista-img-sup .title-in:hover div div > a {
	font-size : 25px;
}

.destecat-superior .title-in .inner,
.llista-img-sup .title-in .inner {
	margin: 0;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 87%;
}
.destecat-superior .title-in .btn-mes {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	bottom: 15px;
}
.destecat-superior .title-in .inner > div {
	margin: 35px 0px;
}

.llista-img-sup .title-in .inner > div {
	margin: 20px 0px;
	line-height: 25px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.destecat-superior img {
	width: 100%;
	height: 100%;
}

.contingut-blog-imatges {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	width: 100%;
	grid-gap: 10px;
	margin-bottom: 80px;
}

.llista-img-sup,
.destecat-superior {
	position: relative;
}

.destecat-superior .titol-blanc {
	font-size: 50px;
}
.destecat-superior .title-in .inner div > a.Tbutton {
	float: none;
}

.contingut-blog-imatges .llista-img-sup .title-in {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	font-size: 2em;
	color: white;
	overflow: hidden;
}

.contingut-blog-imatges div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.filtreBlog input.pl-cerca {
	width: 98%;
}
.filtreBlog .filtre {
	margin-top: 0px;
}
.filtreBlogCategories {
	margin-bottom: 20px;
}
.filtreBlogCategories .llista-categories {
	display: flex;
	font-size: 21px;
}
.filtreBlogCategories .llista-categories .titol-categories {
	font-weight: 700;
	margin-right: 20px;
	margin: 0px 30px 10px 0px;
	display: inline-block;
	padding: 3px 5px;
}
.filtreBlogCategories .llista-categories .cat-item {
	cursor: pointer;
	padding: 3px 5px;
	margin: 0px 30px 10px 0px;
	display: inline-block
}
.filtreBlogCategories .llista-categories .cat-item:last-child {
	margin-right: 0px;
}
.filtreBlogCategories .llista-categories .cat-item:hover {
	cursor: pointer;
	color: #668CBF;
}
.filtreBlogCategories .llista-categories .cat-item-sel {
	background-color: #668CBF;
	padding: 3px 5px;
	margin: 0px 30px 10px 0px;
	text-align: center;
	color: #ffffff;
	display: inline-block;
	border: 1px solid #668CBF;
	border-radius: 5px;
	moz-transition: background 0.7s ease-out;
	transition: all 0.7s ease-out;
}
.filtreBlogCategories .llista-categories .cat-item-sel:hover {
	text-decoration: none;
	background-color: #FFF;
	color: #808080;
	cursor: pointer;
}
.llista-img-sup.item .title-in .inner div:last-child {
	display: none;
}


/* DETALL JUNGLE IN PARIS*/
#columna-contingut div.registre-detall div.porlet-detail-21 div.columna-lateral > div.contenidor > div.dades-detall > div.camp > div.valor-camp > p.camp a {
	vertical-align: middle;
	background-color: #668CBF;
	padding: 3px 5px;
	margin: 5px;
	text-align: center;
	color: #ffffff;
	float: left;
	border: 1px solid #668CBF;
	border-radius: 5px;
	moz-transition: background 0.7s ease-out;
	transition: all 0.7s ease-out;
}
#columna-contingut div.registre-detall div.porlet-detail-21 div.columna-lateral > div.contenidor > div.dades-detall > div.camp > div.valor-camp > p.camp a:hover {
	text-decoration: none;
	background-color: #FFF;
	color: #808080;
	cursor: pointer;
}
#columna-contingut div.registre-detall div.porlet-detail-21 div.columna-central > div.contenidor > div.entradeta-detall {
	font-weight: 700;
}

.lnk-blog-img {
	display:block;
	height: 100%;
	width : 100%;
}
.imatge-detall-21 {
	width: 100%;
	height: 600px;
}

.icon-calendar {
  display: inline-block;
  width: 26px;
  height: 30px;
  background-image: url('../img/ico-calendar.gif');
  background-color: transparent;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 10px;
  vertical-align: bottom;
}
.icon-close {
  display: inline-block;
  width: 58px;
  height: 47px;
  background-image: url('../img/ico-close.gif');
  background-color: transparent;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: bottom;
}
.icon-menu {
  display: inline-block;
  width: 45px;
  height: 45px;
  background-image: url('../img/ico-menu.gif');
  background-color: transparent;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: bottom;
}
.boto-menu-desplegat .icon-menu {
  display: inline-block;
  width: 45px;
  height: 45px;
  background-image: url('../img/ico-menu-close.gif');
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: bottom;
}

.select-icon .icon-arrow-down {
  	display: inline-block;
    width: 40px;
    height: 45px;
    background-image: url(../img/ico-arrow-down.gif);
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    vertical-align: top;
    margin-top: -5px;
}
div#contingut > div.goToTop{
	cursor : pointer;
	opacity : 0;
	position : fixed;
	bottom : 90px;
	right : 35px;
	width : 50px;
	height : 50px;
	z-index : 1250;
	border-radius : 20px;
	/*border : 3px solid #668CBF;*/
	border : 1px solid #FFF;
	background-color : rgba(0,0,0,0.7);
	transition : border-radius 600ms ease-in, opacity 300ms ease-in;
	
	background-image: url('../img/ico-arrow-up.gif');
  	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: inherit;
}
div#contingut > div.goToTop.show{
	opacity : 1;
	border-radius : 50px;
}


.cerca-button {
	border: 1px solid #B2B2B2;
    border-radius: 5px;
    border-left: 0;
    height: 49px;
    width: 49px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}


.menu>ul>li.search-like-menu:focus {
	outline: auto;
}
.menu>ul>li.search-like-menu > div.boto-cerca-screen img {
	margin-bottom: 5px;
}


.search-bar input[type=image] {
	margin-top: -5px;
}

div#change-ui-language {
    right: 0;
}
.selected-lang-mobile {
	width: 48px;
  	height: 48px;
}
.icon-globe {
  display: inline-block;
  width: 23px;
  height: 23px;
  padding: 0;
  background-image: url('../img/ico-globe.svg');
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.icon-arrow-right {
  	display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(../img/ico-arrow-right.gif);
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
    margin-top: 15px;
}

.icon-close-black {
	display: inline-block;
    width: 38px;
    height: 38px;
    background-image: url(../img/ico-close-black.svg) !important;
    background-color: transparent !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin: 15px;
}


/* fancy box */
.fancybox-button {
    background: transparent !important;
}
.fancybox-button--arrow_right.sitges div {
	display: inline-block;
    width: 48px;
    height: 48px;
    background-image: url(../img/ico-arrow-right-fb.svg);
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.fancybox-next span {
	display: inline-block;
    width: 48px;
    height: 48px;
    background-image: url(../img/ico-arrow-right-fb.svg);
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.fancybox-button--arrow_left.sitges div {
	display: inline-block;
    width: 48px;
    height: 48px;
    background-image: url(../img/ico-arrow-left-fb.svg);
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fancybox-prev span {
	display: inline-block;
    width: 48px;
    height: 48px;
    background-image: url(../img/ico-arrow-left-fb.svg);
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


.fancybox-button--close.sitges {
	display: inline-block;
    width: 38px;
    height: 38px;
    background-image: url(../img/ico-close.svg) !important;
    background-color: transparent !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin: 15px;
}

a.fancybox-close {
	display: inline-block;
	right: 10px;
	top: 10px;
    width: 38px;
    height: 38px;
    background-image: url(../img/ico-close.svg) !important;
    background-color: transparent !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin: 15px;
}

.fancybox-caption__body {
    background: transparent;
    text-shadow: none;
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 200;
    font-family: Montserrat;
    white-space: normal;
}


.fa-arrow-circle-down {
	display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(../img/ico-down-arrow.svg);
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fa-list {
	display: inline-block;
    width: 35px;
    height: 35px;
    background-image: url(../img/ico-list.gif);
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.fa-map-marked-alt {
	display: inline-block;
    width: 35px;
    height: 35px;
    background-image: url(../img/ico-map.gif);
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}