@charset "utf-8";

/* -------- Reset CSS -------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 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 {
	margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit;
}
:focus {outline: 0;}
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: #E2E2E2; background-color: #E2E2E2; height: 1px}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/* ---- 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: #FF5757;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
em {
	font-style: italic;
}
p {
	
}
strong {
	font-weight: bold;
	
}
img {
	border:0;
	max-width: 100%;
	height: auto;
}
hr {
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #e2e2e2;
	width: 99%;
	height: 1px;
}
h1.titol-portada {
	display: none;
}
h1 {
	color: #1a1a1a;
	font-family: 'Open Sans', sans-serif;
	font-size: 35px;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 20px;
}

h2,h3,h4,h5 {
	color: #959595;
	margin-bottom: 10px;
	margin-top: 5px;
}


blockquote {
	margin-left: 2em;
	margin-top: 0px;
	margin-bottom: 0px;
}
audio {
	max-width: 100%;
}

.element p {
    margin-bottom:0.5em;
}

/* LListes */
.columna-contingut-int ul:not([class]) {
  	position: relative;
  	list-style: none;
  	margin: 10px 0 10px 0;
	padding: 0 0 0 35px;
}
.columna-contingut-int ul:not([class]) li {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	position: relative;
	width: auto;
}
.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: #FF5757;
	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: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 13px;
	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: #FF5757;
	border-radius: 50%;
	text-align: center;
}
.columna-contingut-int ol:not([class]) li {
	margin: 0 0 10px 0;
	padding: 0 0 0 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;
}

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

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

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

/* Editor HTML */
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.underline {
	text-decoration: underline;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.full {
	text-align: justify;
}
.center {
	text-align: center;
}
.no-padding {
	padding: 0 !important;
}
.disabled {
	opacity: .50; 
	filter: alpha(opacity=50);
	color: #cccccc;
}


/* ----  Titols ----*/
/* Títol pàgina */
.titol-pagina, .titol-registre {
	color: #FF5757;
	font-size: 2.4em;
	text-align: left;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 20px;
}

/* Titol portada gris */
.Titol_Portada, .titol-portada {
	margin: 1px 0 10px 0;
	padding: 0 0 10px 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600; 
	text-align: left;
	color: #959595; 
	font-size: 1.45em;
}
.Titol_Portada a, .titol-portada a {
	text-decoration: none;
	color: #959595; 
}
.Titol_Portada a:hover, .titol-portada a:hover  {
	text-decoration: underline;
	color: #959595; 
}
.Titol_Portada span, .titol-portada span {
	text-decoration: none;
	color: #959595; 
}


/* Titol Portada Instagram */
.titol-portada-instagram {
	margin: 1px 0 10px 0;
	padding: 0 0 10px 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600; 
	color: #959595; 
	font-size: 1.45em;
	margin-left: 3px;
	
}

.titol-portada-instagram span {
	vertical-align: top;
}	
	
.titol-portada-instagram:before {
	font-family: 'Font Awesome 5 Brands';    
    width: 100%;
    content: "\f16d";
    font-size: 32px;
    font-weight: 800;
    margin-right: 10px;  
    color: #FF5757;
}

/* Títol intern negre */
.TitolIntern, .titol-intern {
	color: #FF5757;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	margin: 10px 0 10px 0;
	padding: 0;
}
.TitolIntern a, .titol-intern a {
	color: #959595; 
}
.TitolIntern a:hover, .titol-intern a:hover {
	
}

.TitolIntern3, .titol-intern3 {
	color: #FF5757;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	font-size: 26px;
	margin: 10px 0 10px 0;
	padding: 0;
}
.TitolIntern3 a, .titol-intern3 a {
	color: #959595; 
}
.TitolIntern3 a:hover, .titol-intern3 a:hover {
	
}

/* Títol intern petit */
.TitolIntern2, .titol-intern2 {
	color: #959595;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	margin: 0 0 10px 0;
	padding: 0;
}
.TitolIntern2 a, .titol-intern2 a {
	color: #959595;
}
.TitolIntern2 a:hover, .titol-intern2 a:hover {
	
}


/* Subtítols */
.subtitol {
	/*color: #FF5757;*/
	color: #6d6a6a;
	margin-bottom: 10px;
	display: inline-block;
	font-weight: bold;
	font-size: 1.15em;
}
.subtitol:hover {
	color: #FF5757;
	text-decoration: none;
}
p.subtitol {
	display: block;
}

.subtitol2, .subtitol-2 {
	color: #ffffff;
	margin-bottom: 10px;
	display: inline-block;
	font-weight: bold;
	font-size: 1.15em;
}
p.subtitol2 {
	display: block;
}

.subtitol3, .subtitol-3 {
	color: #959595;
	font-weight: bold;
	margin-bottom: 10px;
	display: inline-block;
	font-size: 1.15em;	
}

p.subtitol3 {
	display: block;
}

.subtitol-data {
	color: #000000;	
	font-size: 0.9em;
}



.subtitol_normal {
	color: #FF5757;			
	margin-bottom: 10px;
	display: inline-block;
	font-weight: bold;	
	font-size: 0.8em;
}
p.subtitol_normal {
	display: block;
}

.subtitol2_normal, .subtitol-2_normal {
	color: #000000;
	margin-bottom: 10px;
	display: inline-block;
	font-weight: bold;	
	font-size: 0.8em;
}
p.subtitol2_normal {
	display: block;
}

.subtitol3_normal, .subtitol-3_normal {
	color: #959595;
	font-weight: bold;
	margin-bottom: 5px;
	display: inline-block;	
	font-size: 0.8em;	
}

p.subtitol3_normal {
	display: block;
}

.subtitol-data_normal {
	color: #808080;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}


/* Títols de llistat */
.titol_llista, .titol-llista {
	margin-bottom: 6px;
	font-size: 1.45em;
	text-align: left;
	color: #FF5757;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	display: inline-block;
	line-height: normal;
	font-weight: bold;
}
p.titol-llista {
	display: block;
}
a.titol_llista, a.titol-llista {
	margin-bottom: 6px;
	font-size: 1.45em;
	/*color: #FF5757;*/
	color: #FF5757;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	width: 95%;
}

a.titol_llista:hover, a.titol-llista:hover {
	text-decoration: underline;
}


.titol_llista2, .titol-llista2 {
	margin-bottom: 6px;
	font-size: 1.45em;
	color: #ffffff;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	display: inline-block;
	line-height: normal;
	font-weight: bold;
}
p.titol-llista2 {
	display: block;
}
a.titol_llista2, a.titol-llista2 {
	margin-bottom: 6px;	
	font-size: 1.45em;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	display: inline-block;
	line-height: normal;
	font-weight: bold;
}
a.titol_llista2:hover, a.titol-llista2:hover {
	text-decoration: underline;
}


.titol_llista3, .titol-llista3 {
	margin-bottom: 6px;
	font-size: 1.45em;
	color: #959595;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	display: inline-block;
	line-height: normal;
	font-weight: bold;
}
p.titol-llista3 {
	display: block;
}
a.titol_llista3, a.titol-llista3 {
	margin-bottom: 6px;
	font-size: 1.45em;
	color: #959595;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	display: inline-block;
	line-height: normal;
	font-weight: bold;
}
a.titol_llista3:hover, a.titol-llista3:hover {
	text-decoration: none;
}


/* Titol llista */

.titol_llista_normal, .titol-llista_normal {
	margin-bottom: 6px;
	font-size: 0.95em;
	color: #FF5757;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	display: inline-block;
	line-height: normal;
	font-weight: bold;
}
p.titol-llista_normal {
	display: block;
}
a.titol_llista_normal, a.titol-llista_normal {
	margin-bottom: 6px;
	font-size: 0.95em;
	color: #FF5757;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
}

a.titol_llista_normal:hover, a.titol-llista_normal:hover {
	text-decoration: underline;
}


.titol_llista2_normal, .titol-llista2_normal {		
	margin-bottom: 6px;
	font-size: 0.95em;
	color: #ffffff;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	display: inline-block;
	line-height: normal;
	font-weight: bold;
}
p.titol-llista2_normal {
	display: block;
}
a.titol_llista2_normal, a.titol-llista2_normal {
	margin-bottom: 6px;	
	font-size: 0.95em;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	display: inline-block;
	line-height: normal;
	font-weight: bold;
}
a.titol_llista2_normal:hover, a.titol-llista2_normal:hover {
	text-decoration: underline;
}


.titol_llista3_normal, .titol-llista3_normal {
	margin-bottom: 6px;
	font-size: 0.95em;
	color: #959595;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	display: inline-block;
	line-height: normal;
	font-weight: bold;
}
p.titol-llista3_normal {
	display: block;
}
a.titol_llista3_normal, a.titol-llista3_normal {
	margin-bottom: 6px;
	font-size: 0.95em;
	color: #959595;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	display: inline-block;
	line-height: normal;
	font-weight: bold;
}
a.titol_llista3_normal:hover, a.titol-llista3_normal:hover {
	text-decoration: none;
}






/* Títols d'agrupacións */
.TitolAgrupacio, .titol-agrupacio {
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	padding: 0;
	margin-top: 0.1em;
	display: block;
	margin: 10px 0 10px 0;
}


/* Textes */
.texte, .text {
	color: #000000;		
	text-decoration: none;
	margin-bottom: 5px;	
	font-size: 0.8em;
}


.texte-blanc, .text-blanc {
	color: #ffffff;	
	text-decoration: none;
    margin-bottom: 5px;	
    font-size: 0.8em;	
}


.MarcaCerca, .marca-cerca {
	color: #FF5757;
	padding: 1px;
}
.gris {
	color: #646464;
	text-decoration: none;
	text-align: left;
}
.txt_imatge, .txt-imatge {
	display: block;
	font-size: .9em;
	color: #858585;
}
.text-gran-negreta {
	margin: 1px 0 10px 0;
	padding: 0 0 10px 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600; 
	color: #141414; 
	font-size: 22px;
	text-decoration: none;
}
.negreta {
	font-weight: 600;
	font-size: 0.8em;
}
.negre {
	color: #000000;
}
.entrega {
	white-space: nowrap; 
	
}
.PictoTxt {
	
}
.Remarca, .remarca {
	color: #141414;
	font-weight: 600;
}
.Remarca:first-letter, .remarca:first-letter {
	color: #141414;
}


/* Links */
a.link {
	text-decoration: none;
	 color: #FF5757;
}
a.link:hover {
	text-decoration: underline;
}
a.linkmini, a.link-mini {
	color: #000000;
	font-size: 0.9em;
}
a.linkmini:hover, a.link-mini:hover {
	text-decoration: underline;
}
a.linknegreta, a.link-negreta {
	font-weight: 600;
	color: #000000;
}
a.linknegreta:hover, a.link-negreta:hover {
	text-decoration: underline;
}
a.linkgris, a.link-gris {
	color: #808080;
	font-weight: 500;
}
a.linkgris:hover, a.link-gris:hover {
	text-decoration: underline;
}
.linkgrisSel {
	color: #808080;
	font-weight: 500;
	text-decoration: underline;
}
a.document {
	color: #FF5757;
	display: block;
}

/* ---- Imatges ---- */
.img-dreta  {
	float: right; 
	margin: 0;
	width: 33%;
	margin-top: 15px;	
}
.img-esquerra {
	float: left; 
	margin: 0;
	max-width: 33%;
	margin-top: 15px;
}
.img-absolut-esquerra {
	float: left; 
	margin: 0;
	overflow: hidden;
	max-width: 33%;
	margin-top: 15px;
}
.img-absolut-dreta {
	float: right; 
	margin: 0;
	max-width: 33%;
	margin-top: 15px;
}
.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;	
}
.chart-ruta {
	margin-top: 2em;
	clear: both;
}

/* ---- Videos ---- */
a.video {
	position: relative;
}
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: -25px;
    left: calc(49% - 25px);
    color: white;
    font-size: 55px;
    font-weight: 200;
}
div.video-play-icon i {
	color: #ffffff;
	font-size: 55px;
}

/* 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;
	padding: 0;
	overflow: hidden;
	display: flex;
    flex-flow: row wrap;
}
ul.llista-portada-amb-imatges li {	
	margin: 0 0 20px 0;
	padding: 0;	
	background: none;
	display: block;
	overflow: hidden;		
	width: calc(49% - 10px);
	position: relative;
}


ul.llista-portada-amb-imatges li.destacat {
	/*border-bottom: 10px solid  #FF5757;	*/
	border-bottom: 3px solid  #FF5757;
}


ul.llista-portada-amb-imatges li.destacat p, ul.llista-portada-amb-imatges li.destacat a {
	color : #ffffff;	
}

ul.llista-portada-amb-imatges li.destacat div.categories-registre {
	display: none;	
}

ul.llista-portada-amb-imatges li:first-child {
	width: 100%;
/*	border-bottom: 5px solid #FF5757;*/
border-bottom: 3px solid FF5757;
background-color: #F6F5F5;
}

ul.llista-portada-amb-imatges li:not(:first-child):nth-child(odd) {	
	margin-left: 10px;		
	/*border-bottom: 5px solid #FF5757;*/
	border-bottom: 5px solid #FF5757;
	background-color: #F6F5F5;
}


ul.llista-portada-amb-imatges li:not(:first-child):nth-child(even) {
	margin-right: 10px;
	/*border-bottom: 5px solid #FF5757;*/
	border-bottom: 5px solid #FF5757;	
		
}

ul.llista-portada-amb-imatges li div.llista-contingut {
	padding: 15px 15px;	
	width: calc(100% - 30px);
}
ul.llista-portada-amb-imatges li div.llista-cont-img {
	
}



ul.llista-portada-amb-imatges li.destacat div.llista-cont-img {
        position : absolute;
        bottom : 0px;	        
    	/*background-color: rgba(211, 80, 43, 0.6);
		background-color: rgba(194, 194, 194, 0.8);*/
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,050101+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(5,1,1,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(5,1,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(5,1,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#050101',GradientType=0 ); /* IE6-9 */
    	color : #ffffff !important;
    	width: 100%;	
}


ul.llista-portada-amb-imatges li.destacat div.llista-cont-img-int {
	padding: 20px 20px 20px 20px;;
}

ul.llista-portada-amb-imatges li div.llista-cont-img-int {
	padding: 0px 5px 0px 10px;
}
ul.llista-portada-amb-imatges li img {
	width: 100%;
}
ul.llista-portada-amb-imatges li p.mes-info-relacio {
	margin-top: 17px;
}
ul.llista-portada-amb-imatges li p.mes-info-relacio a {
	color: #FF5757;	
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-decoration: none;
}
.llista-contingut
{
	background-color:#F6F5F5;
}



 


/* Llista portada fitxa amb imatges */
ul.llista-portada-fitxa {
	margin: 1.2em 0 0 0;
	padding: 0;
	list-style: none;	
	color: #444e5c;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
}
ul.llista-portada-fitxa li {
	padding: 0;	
	text-align: left;
	margin: 0 0 20px 0;
	overflow: hidden;
	background-image: none;
	background-color: #E2E2E2;
	overflow: hidden;
    border-radius: 5px;
	display: flex;
    flex-flow: row wrap;
}
ul.llista-portada-fitxa li img {
	max-width: 100%;
}
ul.llista-portada-fitxa li .llista-cont-img {
	float: left;
}
ul.llista-portada-fitxa li .llista-cont-img-int {
	padding: 20px;
}
ul.llista-portada-fitxa li .llista-contingut  {
	padding: 1em 1em 1em 1em;
	clear: both;
}
ul.llista-portada-fitxa li .llista-img {
    width: 20%;
    float: left;
    background-size: cover;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}
ul.llista-portada-fitxa li .llista-img img {
	display: none;
}

ul.llista-portada-fitxa li .img-absolut-esquerra, ul.llista-portada-fitxa li .img-absolut-dreta {
	margin: 0;
}
ul.llista-portada-fitxa li a.llegir-mes {
	color: #808080;
	margin: 20px 0 0 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: normal;
	display: inline-block;
}


/* 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 Calendari */
.calendari {
	overflow: hidden;
	border-radius: 5px;
	margin-bottom: 10px;
	clear: both;
}
.calendari .calendari-header {
	width: 100%;
	background-color: #787878;
	color: #ffffff;
	font-size: 19px;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	overflow: hidden;
	
	-webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -o-transition: color 1s ease;
    transition: color 1s ease;
}
.calendari .calendari-header-int {
	overflow: hidden;
	padding: 7px;
}
.calendari .calendari-header:hover {
	background-color: #000000;
}
.calendari .calendari-header i {
	font-size: 28px;
}
.calendari .calendari-header i.prev-week {
	float: left;
}
.calendari .calendari-header i.next-week {
	float: right;	
}
.calendari .calendari-header i:hover {
	cursor: pointer;	
}
.calendari .calendari-header-int {
	padding: 10px;
}
.calendari .calendari-contingut {
	overflow: hidden;
	background-color: #E5E5E5;
	padding: 20px;
	width: calc(100% - 40px);
	color: #000000;
	font-size: 24px;
	text-align: center;
}
.calendari .calendari-loading {
	display: block;
	font-size: 35px;
	text-align: center;
	padding: 25px;
	color: #000000;
}
.calendari .calendari-elements {
	display: none;
}

ul.llista-portada-calendari {
	padding: 0;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	list-style: none;	
	color: #000000;
}
ul.llista-portada-calendari li {
	margin: 0;	
	text-align: left;
	list-style: none;
	background: none;
	min-height: 100px;
}
ul.llista-portada-calendari li:last-child {
	border-bottom: none;
}	
ul.llista-portada-calendari li p, ul.llista-portada-calendari li a {
	margin-bottom: 5px;
}



/* Llistat amb imatges */
ul.llista-amb-imatges {
	margin: 0;
	padding: 0;
	list-style: none outside none;
	color: #444e5c;
}
ul.llista-amb-imatges li {
	margin: 0 0 1.5em 0;
	padding: 0;	
	display: block;
	text-align: left;
	background-image: none;
	overflow: hidden;
	width: 100%;
    float: left;
    margin: 10px;
    border-bottom: 5px solid #FF5757;
    padding: 0px 5px 15px 5px;
}

ul.llista-amb-imatges li.ESQUERRA {
	
	width: 100%;

    
}


ul.llista-amb-imatges li.sense-registres {
	padding: 0;	
	display: list-item;
	text-align: left;
	margin: 0 0 0 3em;
	background: none;
	position: inherit;
}
ul.llista-amb-imatges li .llista-img {
    height: 100%;
    width: 33%;
}
ul.llista-amb-imatges li .llista-cont-img {
	height: 100%;
    overflow: hidden;
  
}
ul.llista-amb-imatges li .llista-cont-img-superior {		  
}
ul.llista-amb-imatges li .llista-cont-img-int-dreta {
	padding: 0 20px 0 0;
}
ul.llista-amb-imatges li .llista-cont-img-int-esquerra {
	padding: 0 0 0 20px;
}
ul.llista-amb-imatges li .llista-cont-img-int-superior {
	padding-top: 20px;
}

ul.llista-amb-imatges li .sense-interline p {
	
	margin-bottom: 0px !important;
}


ul.llista-amb-imatges li img {
	width: 100%;
}
ul.llista-amb-imatges li p {
	margin-bottom: 10px;	
}
ul.llista-amb-imatges li .llista-cont-img-no-absolut {
	height: 100%;
    overflow: hidden;
}
ul.llista-amb-imatges li .llista-cont-img-no-absolut-int {
	padding: 0 20px 0 20px;
}

div.llista-mapa-elements {
    display: none;
}

/* Llista amb imatges en requadres*/
ul.llista-amb-imatge-requadres, ul.llista-amb-imatge-requadres-3, ul.llista-amb-documents {	
	margin: 0;
	padding: 0;
	overflow: hidden;
	
	display: flex;
    flex-flow: row wrap;
}
ul.llista-amb-imatge-requadres li, ul.llista-amb-imatge-requadres-3 li, ul.llista-amb-documents li {										
	margin: 0 0 20px 0;
	padding: 0;	
	background: none;
	display: block;	
	overflow: hidden;	
	color: #505050;
	font-family: 'Open Sans', sans-serif;
	
	width: 33.33%;
}
ul.llista-amb-imatge-requadres li.agrupa, ul.llista-amb-imatge-requadres-3 li.agrupa, ul.llista-amb-documents li.agrupa {
	background-color: transparent;
	width: 100%;
	padding: 0;
	
}

ul.llista-amb-imatge-requadres li.columna, ul.llista-amb-imatge-requadres-3 li.columna, ul.llista-amb-documents li.columna {
	width: calc(50% - 10px);
	margin-right: 10px;
	margin-left: 0;
	border-bottom: 5px solid #FF5757;
}
ul.llista-amb-imatge-requadres-3 li.columna {
	width: calc(33% - 10px);
	margin-right: 10px;
	margin-left: 0;
	border-bottom: 2px solid #FF5757;
}


ul.llista-amb-imatge-requadres li .llista-img, ul.llista-amb-imatge-requadres-3 li .llista-img {
    height: 100%;
}

ul.llista-amb-imatge-requadres-3 li .llista-img {
	    height: 50%;
}

ul.llista-amb-imatge-requadres li .llista-cont-img, ul.llista-amb-imatge-requadres-3 li .llista-cont-img {
	height: 100%;
    overflow: hidden;
}

ul.llista-amb-documents li .llista-cont-img {
	width: 45%;
	padding: 20px 0px;
	
}

ul.llista-amb-documents li .img-dreta {
    
}


ul.llista-amb-documents li a.document {
	font-size: 0.75em;
	margin-bottom: 12px;
} 

ul.llista-amb-imatge-requadres li .llista-cont-img-superior, ul.llista-amb-imatge-requadres-3 li .llista-cont-img-superior {
    
}
ul.llista-amb-imatge-requadres li .llista-cont-img-int-dreta, ul.llista-amb-imatge-requadres-3 li .llista-cont-img-int-dreta {
	padding: 0 20px 0 0;
}
ul.llista-amb-imatge-requadres li .llista-cont-img-int-esquerra, ul.llista-amb-imatge-requadres-3 li .llista-cont-img-int-esquerra {
	padding: 0 0 0 20px;
}
ul.llista-amb-imatge-requadres li .llista-cont-img-int-superior, ul.llista-amb-imatge-requadres-3 li .llista-cont-img-int-superior {
	padding-top: 20px;
}


ul.llista-amb-imatge-requadres li.primer div.llista-cont-img {
	width: 50%;
	float: left;
}
ul.llista-amb-imatge-requadres li.primer .llista-cont-img-int-esquerra {
	padding: 20px;
}

ul.llista-amb-imatge-requadres li.columna div.llista-cont-img-int-superior {	
	padding: 15px 20px;	
}
ul.llista-amb-imatge-requadres li img {
	width: 100%;
}
ul.llista-amb-imatge-requadres li p.mes-info-relacio {
	margin-top: 17px;
}
ul.llista-amb-imatge-requadres li p.mes-info-relacio a {
	color: #FF5757;		
	font-weight: 700;
	text-decoration: none;
	font-size: 0.75em;
}


/* Llistat sense imatges table */
table.llista-sense-imatges {
	padding: 0;
	border: 0;
	width: 100%;
	border-collapse: collapse;	
	margin: 20px 0 10px 0;
	color: #444e5c;
}
table.llista-sense-imatges>thead>tr {
	border-top: 0;
	border-bottom: 1px solid #FF5757;
}
table.llista-sense-imatges tr {
	border-bottom: 1px solid #e2e2e2;
}
table.llista-sense-imatges>tbody>tr:first-child {
	border-top: 0;
}
table.llista-sense-imatges tr.primer-registre {
	border-top: 0;
}
table.llista-sense-imatges tr>th {
	padding: 0 0 17px 20px;
	color: #3C3C3C;
	font-weight: 600;
	font-size: 18px;
}
table.llista-sense-imatges tr>th:first-child {
	padding: 0 0 17px 0px;
}
table.llista-sense-imatges tr>td {
	padding: 10px 0 10px 20px;
	position: relative;
	vertical-align: top;
}
table.llista-sense-imatges tr>td:first-child {
	padding: 10px 0 10px 0px;
}
table.llista-sense-imatges tr>td.sense-registres {
	padding: 30px 0 30px 0;
}
table.llista-sense-imatges tr.agrupa {
	border-top: 0;
}
table.llista-sense-imatges tr.agrupa>td:first-child {
	padding: 10px 0 10px 0;
}
table.llista-sense-imatges tr>td div.camp-llista-int {
	min-width: 120px;
}

/*
table.llista-sense-imatges tr>td>div>i {
	position: absolute;
	left: 0;
	top: 11px;
	color: #ff5050;
   	font-size: 24px;
   	margin-right: 20px;
   	
    -webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}
*/

table.llista-sense-imatges tr>td span,table.llista-sense-imatges tr>td a {
	margin-bottom: 0 !important;
}

/* Visualitació tipus llista elements o mapa dels llistats de sirectori */
ul.list-mode {
    display: block;
    margin: 15px 10px 15px 10px;
    padding: 0;
    list-style: none;
    width: 80px;
    float: left;
}
ul.list-mode li {
	background-color: #FF5757;    
    padding: 6px 8px;
    color: #fff;
    display: inline-block;
    margin-right: 5px;
    border-radius: 20px;
}
ul.list-mode li:hover {
	cursor: pointer;
	color: #FAE5DD;
	
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
}

ul.list-mode li i>span  {
		display: none;
}




/* Llistat sense imatges ul */
ul.llista-sense-imatges {
	margin: 20px 0 10px 0;
	padding: 0;
	list-style: none outside none;
	color: #444e5c;
	width: 100%;
	
}
ul.llista-sense-imatges li {
	margin: 0 0 15px 0;
	padding: 0;	
	text-align: left;
	background-image: none;
	overflow: hidden;
	color: #787878;
	/*font-size: 20px;*/
	position: relative;
	
	
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #D8D8D8;
}
ul.llista-sense-imatges>li.titols {
	color: #FF5757;
    font-weight: 700;    
    margin-bottom: 17px;
    border-bottom: 1px solid #FF5757;
}
ul.llista-sense-imatges>li.sense-registres {
	padding: 0;	
	text-align: left;
	margin: 0 0 0 3em;
	background: none;
	position: inherit;
}
ul.llista-sense-imatges>li>div {
	width: 100%;	
}

ul.llista-sense-imatges.col1>li>div {
	width: 100%;	
}

ul.llista-sense-imatges.col2>li>div {
	width: 50%;	
}

ul.llista-sense-imatges.col3>li>div {
	width: 33%;
}

ul.llista-sense-imatges.col4>li>div {
	width: 20%;	
}
ul.llista-sense-imatges.col4>li>div:first-child {
	width: 40%;	
}

ul.llista-sense-imatges.llista-tramits.col4>li>div {
	width: 9%;	
}
ul.llista-sense-imatges.llista-tramits.col4>li>div:first-child {
	width: 70%;	
}


ul.llista-sense-imatges.col5>li>div {
	width: 20%;
}

ul.llista-sense-imatges>li>div:nth-child(2) {
		
}
ul.llista-sense-imatges>li>div:nth-child(3) {
	
}
ul.llista-sense-imatges>li>div:nth-child(4) {
	
}
ul.llista-sense-imatges>li div.camp-llista-int {
	padding: 7px 10px;
}
ul.llista-sense-imatges>li div.camp-llista-int a {
	margin-left: 5px;
}

ul.llista-sense-imatges>li p, ul.llista-sense-imatges li a {
	margin: 0;
	text-transform: none;
}

ul.llista-sense-imatges li a.document span {
	display : none;
}


/*
ul.llista-sense-imatges>li i {
	position: absolute;
    left: 0;
    top: 12px;
	color: #ff5050;
   	font-size: 24px;
   	
    -webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}
*/

/* Element de més informació */
ul li.mes-informacio, p.mes-informacio {
	text-decoration: none;
	background: none;
	text-align: right;
	margin: 0 0 10px 0;
	display: inline-block;
	float: right;
}
ul li.mes-informacio a, p.mes-informacio a {
	color: #FF5757;		
}

/* Element de l'enllaç a RSS */
.rss-portada {
	margin: 0px 0 20px 10px;
	text-align: right;
}
.rss-llistats {
	text-align: right;
	margin: 0px 10px 10px 0;
}
.rss-portada i, .rss-llistats i {
	color: #797979;
	font-size: 30px;
}
.rss-portada i:hover, .rss-llistats i:hover {
	color: #FF5050;
	
	-webkit-transition: color .8s ease-in-out;
    -ms-transition: color .8s ease-in-out;
    transition: color .8s ease-in-out;
}



/* Categories del detall d'un registre */
div.categories-registre {
	margin: 0px;
	color: #afafaf;	
    margin-bottom: 10px;
}

div.categories-registre ul {
	padding:  0px !important;	
	margin: 0 !important;
	display: flex;
}

div.categories-registre ul li {
	padding:  0px 10px !important;
	margin: 0px !important;
	font-weight: 700 !important;	
	font-size: 0.75em !important; 
	width: auto !important;
	border-bottom: 3px solid #FF5757 !important;
}

div.categories-registre ul li:first-child {
	padding: 0px 10px 0px 0px !important;	
	font-weight: 700;			 
}

div.categories-registre ul li {	
	
}	


/* Llistes de relacions */
ul.llista-relacions {	
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
}
ul.llista-relacions li {	
	margin: 0 0 10px 0;
	padding: 0;	
	background: none;
	display: block;

	overflow: hidden;
	
	color: #FF5757;
	
	font-family: 'Open Sans', sans-serif;
}
ul.llista-relacions li div.llista-relacions-li-int {
	padding: 20px;
}
ul.llista-relacions li p.titol-relacio, ul.llista-relacions li p.titol-relacio a {
	font-size: 22px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-decoration: none;
	color: #141414;
}
ul.llista-relacions li p.titol-relacio {
	margin-bottom: 17px;
}
ul.llista-relacions li p.titol-relacio a:hover {
	text-decoration: none;
}
ul.llista-relacions li p.subtitol-relacio {
	color: #808080;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	margin-bottom: 17px;
}
ul.llista-relacions li p.mes-info-relacio {
	margin-top: 17px;
}
ul.llista-relacions li p.mes-info-relacio a {
	color: #808080;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-decoration: none;
}
ul.llista-relacions>li>p {
	color: #646464;
	position: relative;
}
ul.llista-relacions>li:first-child>a {
	margin-top: 20px;
}
ul.llista-relacions>li:last-child>a {
	margin-bottom: 10px;
}
ul.llista-relacions>li>a {
	display: block;	
	position: relative;	
	font-size: 0.9em;	
	font-weight: 400;	
	width: calc(100% - 20px);	
	padding: 0 10px 0 20px;
}
ul.llista-relacions li>a i {
	-webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out; 
    
    position: absolute;
	top: 5px;
	left : 0px;
    font-size: 0.6em;
}

.alcada300 {
	height: 300px;	
}
.alcada450 {
	height: 450px;	
}
.alcada600 {
	height: 600px;	
}


/* Estil base dels llistats adjunts */
ul.llista-base {
	list-style: none;
	margin: 15px 0px 40px 0px;
    padding: 0;
    border-bottom: 1px solid #959595;
	padding: 0 0px 15px 0px;
}
ul.llista-base li {
	display: flex;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0;
	flex-flow: wrap;
}
ul.llista-base>li>a, ul.llista-base>li>p {
	position: relative;
	display: block;
	font-size: 0.9em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-decoration: none;	
	width: calc(100% - 40px);	
	color: #FF5757;		
	-webkit-transition: color 350ms ease, background-color 500ms linear;
    -ms-transform: color 350ms ease, background-color 500ms linear;
    -moz-transition: color 350ms ease, background-color 500ms linear;
    -o-transition: color 350ms ease, background-color 500ms linear;
    transition: color 350ms ease, background-color 500ms linear;
}
ul.llista-base>li>a:hover {
	text-decoration: underline;	
	/*color: #959595;	*/
}
ul.llista-base>li i {
	color: #FF5757;
    font-size: 24px;
    padding-right: 10px;		
}
ul.llista-base>li>a:hover i {
	color: #959595;
}


/* Llistes de Audio */
ul.llista-audios {	
	
}
ul.llista-audios li {		
	
}
ul.llista-audios li p {
	width: 100%;
}
ul.llista-audios li a i {
	-webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;  
}
ul.llista-audios li a:hover i {
	transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}
ul.llista-audios li audio {
	width: calc(100% - 18px);	
	color: #787878;
	margin: 8px 10px 10px 8px;
}


/* Llistes de Links */
ul.llista-links {	
	
}
ul.llista-links li {	
	
}
ul.llista-links li a i {
	-webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;  
}
ul.llista-links li a:hover i {
	transform: translate(3px);
    -ms-transform: translate(3px);
    -webkit-transform: translate(3px);
}


/* Llistes de documents adjunts */
ul.llista-documents {
	
}
ul.llista-documents li {
	
}
ul.llista-documents li a i {
	-webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;  
}


/* Enllaç a la font original */
a.link-rss {
	position: relative;
	display: inline-block;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-decoration: none;	
	padding: 10px 60px 10px 20px;
	margin: 20px 0 30px 0;
	
	color: #ffffff;
	background-color: #ff5050;
    
	-webkit-transition: color 350ms ease, background-color 500ms linear;
    -ms-transform: color 350ms ease, background-color 500ms linear;
    -moz-transition: color 350ms ease, background-color 500ms linear;
    -o-transition: color 350ms ease, background-color 500ms linear;
    transition: color 350ms ease, background-color 500ms linear;
}
a.link-rss i {
	color: #ffffff;
	font-size: 24px;
	
	position: absolute;
	right: 10px;
	top: calc(50% - 12px);
	
	-webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;  
}
a.link-rss:hover {
	background-color: #e94a4a;
	cursor: pointer;
	text-decoration: none;
}
a.link-rss:hover i {
	transform: translate(3px);
    -ms-transform: translate(3px);
    -webkit-transform: translate(3px);
}



/* Banners laterals */
ul.banners-lateral {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.banners-lateral li {
	display: block;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0;
	background: none;
}
ul.banners-lateral li img {
	width: 100%;
	
	transition: margin ease .5s;
    -webkit-transition: margin ease.5s;
    -moz-transition: margin ease .5s;
}
ul.banners-lateral li img:hover {
	margin-top: -4px;
	margin-bottom: 4px;
}


/* Imatges adjuntes */
ul.adjunts-imatges {	
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
ul.adjunts-imatges li {	
	display: block;
	float: left;
	padding: 0;
	background: none;
	margin:5px 0px;
}
ul.adjunts-imatges li div.cont-img {
	position: relative;
}


ul.adjunts-imatges li.warea_66 {
	
}
ul.adjunts-imatges li.warea_66 div.cont-img {
	margin: 0 0 0 0;
	/*padding-top: 67%;*/
}
ul.adjunts-imatges li.warea_66 div.cont-img img {
	/*position: absolute;
	width: 100%;
	top: 0;
	left: 0;*/
}
ul.adjunts-imatges li.warea_34 {
	margin-bottom: 3px;
}
ul.adjunts-imatges li.warea_34 div.cont-img {
	margin: 0 0 10px 10px;
}
ul.adjunts-imatges li.warea_34 {
	
}
ul.adjunts-imatges li.ultim {
	float: right;
}

ul.adjunts-imatges li img {	
	width: 100%;
}
ul.adjunts-imatges li p {
	color: #9f1b32;
}
ul.adjunts-imatges li div.capa-altres {
	background: rgba(111, 111, 111, 0.6);
	position: absolute;
	width: 100%;
	height: 100%;
	color: #ffffff;
	text-align: center;
	left: 0;
	top: 0;
	z-index: 1;
}

ul.adjunts-imatges li div.capa-trnj {
	background: rgba(211,80,43, 0);
	position: absolute;
	width: 100%;
	height: 100%;	
	left: 0;
	top: 0;
	z-index: 1;
}

ul.adjunts-imatges li div.capa-trnj:hover {
	background: rgba(211,80,43, 0.6);
	cursor: pointer;
}

.element-destacat div.capa-trnj {	
	/*background: rgba(211, 80, 43, 0.8);*/
	background: rgba(255, 87, 87, 0.5);
	position: absolute;
	width: 100%;
	height: 0%;	
	top: 100%;	
	z-index: 1;
	transition: all 0.3s ease-out;
}



.element-destacat:hover div.capa-trnj {	
	cursor: pointer;
	height: 100%;
	top : 0px;
}


ul.adjunts-imatges li div.capa-altres:hover {
	cursor: pointer;
}
ul.adjunts-imatges li div.capa-altres p {
	font-size: 4.3em;
    color: #ffffff;
    padding: 0;
    margin: 0;
    line-height: 40px;
    font-weight: 700;    
    margin-top: calc(50% - 120px);
}
ul.adjunts-imatges li object {
    top: 0;
    left: 0;
}


/* Llistes d'imatges adjuntes en columna dreta */
ul.llista-imatges {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.llista-imatges li {
	display: block;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0;
	background: none;
	text-align: right;
}
ul.llista-imatges li p {
	
}
ul.llista-imatges li img {
	width: 100%;
	
	transition: margin ease .5s;
    -webkit-transition: margin ease.5s;
    -moz-transition: margin ease .5s;
}
ul.llista-imatges li img:hover {
	margin-top: -4px;
	margin-bottom: 4px;
}
ul.llista-imatges li  div.cont-img {
	position: relative;	
}
ul.llista-imatges li div.capa-altres {
	background: rgba(111, 111, 111, 0.6);
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	left: 0;
	top: 0;
	z-index: 1;
}
ul.llista-imatges li  div.capa-altres:hover {
	cursor: pointer;
	
	background: rgba(111, 111, 111, 0.3);
	transition: background ease 0.5s;
}
ul.llista-imatges li  div.capa-altres:hover p {
	color: rgba(255, 255, 255, 0.6);
	transition: color ease 0.5s;
}
ul.llista-imatges li  div.capa-altres p {
	margin-top: calc(50% - 20px);
	font-size: 4em;
	color: #ffffff;
}
ul.llista-imatges li  object {
    top: 0;
    left: 0;
}


/* Llistes de vídeos adjunts */
ul.llista-videos {	
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.llista-videos li {	
	display: block;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0;
	background: none;
	text-align: right;
}
ul.llista-videos li p {
	
}
ul.llista-videos li img {
	width: 100%;	
}
ul.llista-videos li  div.cont-img {
	position: relative;	
}
ul.llista-videos li  div.capa-altres {
	background: rgba(111, 111, 111, 0.6);
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	left: 0;
	top: 0;
	z-index: 1;
}
ul.llista-videos li  div.capa-altres:hover {
	cursor: pointer;
	
	background: rgba(111, 111, 111, 0.3);
	transition: background ease 0.5s;
}
ul.llista-videos li div.capa-altres:hover p {
	color: rgba(255, 255, 255, 0.6);
	transition: color ease 0.5s;
}
ul.llista-videos li div.capa-altres p {
	margin-top: 26%;
	font-size: 4em;
	color: #ffffff;
}



/* Galeria d'imatges */
.gutter-galeria-imatges {
	width: 2%;
}
ul.galeria-imatges {
	display: block;
	overflow: hidden;
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	width: 100%;
}
ul.galeria-imatges li {
	width: 100%;
	background: none;
	margin: 0 0 2% 0;
	padding: 0;
	float: left;
}
ul.galeria-imatges li p {
	padding: 5px 0 0 0;
	text-align: left;
	color: #858585;
	min-height: 2.1em;
	line-height: 1.1em;
}

img.imatge-color {
	  width: 99%;
    padding: 2px;
}

img.imatge-color:hover {
	 background: rgba(211,80,43, 0);
}

img.imatge-zoom {
    width: 99%;
    padding: 2px;
    
    -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;
	
	margin: 5px auto 10px auto;
}
img.imatge-zoom:hover {
	-webkit-transform: scale(1.01,1.01);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	
	-moz-transform: scale(1.01,1.01);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;

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

	-o-transform: scale(1.01,1.01);
	-o-transition-timing-function: ease-out;
	-o-transition-duration: 250ms;
	
	position: relative;
	z-index: 2;
	cursor: pointer;
}

/* Galeria Banners */
ul.galeria-banners {
    margin: 0 0 10px 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 10px 0;
    float: left;
    background: none;
}
ul.galeria-banners li img {
     max-width: 100%;
}
ul.galeria-banners li .cont-banner {
	padding: 0 10px 0 0;
}
ul.galeria-banners li.ultim .cont-banner {
	padding: 0 0 0 0;
}
ul.galeria-videos li p {
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	color: #787878;
}

/* 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;
}
ul.galeria-videos li {
    display: block;
    float: left;
    padding: 0 !important;
    margin: 0px 0 1.2em 0px;
    background: none !important;
    width: 100%;
}
ul.galeria-videos li img {
    max-width: 100%;   
}
ul.galeria-videos li p {
    padding: 2px 7px 0px 0px;
    text-align: left;
    white-space: normal;
    color: #313131;
}

/* Composició de formulari */
/* Elements de Formulari */
ul.formulari {
	margin: 0;
	text-align: left;
	padding: 1em 0 0.2em 0;
	max-width: 780px;
	
}
ul.formulari > li {
	clear: left;
	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: #000000;
    margin-left: 15px;
}
ul.formulari > li p.etiqueta {
	clear: both;
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	padding: 1em 0 0.1em 0;
	margin: 0;
	font-size: 1.4em;

	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 div.cerca-subtitol {
	text-align: center;
	font-size: 0.9em;
	margin-bottom: 10px;
	color: #000000;
}
ul.formulari #cerca-taules {
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	background-color: #FAE5DD;
}
ul.formulari #cerca-taules .cerca-taula {
	font-size: 0.9em;
	margin: 0 10px;
	font-family: 'Open Sans', sans-serif;
}
ul.formulari div.cerques-frequents {
	padding: 0 50px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
ul.formulari div.cerques-frequents .cerca-frequent {
	text-align: center;
	background-color: transparent;
	font-size: 0.9em;
	border: 1px solid #949494;
	padding: 10px 15px;
	margin: 2px;
	font-family: 'Open Sans', sans-serif;
	color: #666666;
}
ul.formulari div.cerques-frequents .cerca-frequent:hover {
	cursor: pointer;
}
/* Contenidor del camp */
ul.formulari > li .camp {
	padding: 2px 0 2px 0;
	width: 100%;
}
ul.formulari > li .camp-esquerra {
	float: left;
}
ul.formulari > li .camp-dreta {
	float: left;
}
ul.formulari > li .camp-import {
	font-weight: bold;
}
ul.formulari > li .camp-comentari {
	
}
/* Contenidor del label */
ul.formulari > li .label {
	text-align: left;
	color: #333333;
	margin: 2px 0 0 0;
	padding: 0x;
	font-size: 0.8em;
	display: block;
	vertical-align: bottom;
}
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;
	padding: 0;
	font-weight: normal;
}
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-right: 0px;
	margin-bottom: -1px;
}

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: #000000;
}
ul.formulari li.news_baixa {
	background: none;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}
span.marca-obligatori {
	color: #FF5757;
}

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

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

/* Filtre de llistats interiors */
div.columna-contingut-no-portada>div.columna-contingut-int>div>div {
	padding-top: 20px !important;
}

div.area-horitzontal div.filtre {
	margin-top: 0px;
}
div.area-horitzontal div.filtre div.amplada-pagina-marges {
	width: 94%;
    margin-left: 3%;
    margin-right: 3%;
    max-width: auto;
}



.filtre {
    margin-bottom: 30px;
    padding: 20px 5px 20px 15px;
width: calc(100% - 40px);
    color: #000000;
    background-color: #FAE5DD;
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
	border-radius: 30px; 
}
.filtre .filtre-int {
	
}

.filtre label {
	margin: 0 0 2px 12px;
    font-size: 0.9em;
    font-weight: 700;
    vertical-align: baseline;
    display: block;
}
.filtre label.checkbox {
	display: inline-block;
	font-weight: normal;
	float: none;
	margin-left: 0.7em;
}
.filtre .filtre-int div {
	display: block;
	vertical-align: top;
	float: left;
	margin: 0 0 0px 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 {
	clear: both;
}
.filtre div.primer>p {

}
.filtre .filtre-int div.one-line {
	display: flex;
	flex-flow: row wrap;
}
.filtre .filtre-int div.button-div  {
	align-self: flex-end;
	margin-bottom: 10px;
}

.filtre .Tbutton-cerca {
	width: 90%;
    border-radius: 15px;
    background-color: #FF5757;
    color: #ffffff;
    height: auto;
    padding: 10px 0 10px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.95em;
    font-weight: 700;
	margin: 14px 15px 0px 0px;
}


/* Elements de formulari */
.tooltip-title {
	
}
.tooltip-icon {
	font-size: 0.8em;
	padding-left: 0.7em;
	vertical-align: top;
	display: inline;
	color: #FF5757;
}
.tooltip-icon:hover {
	cursor: help;
}
.formobj, .formobj-sel {
	font-size: 0.9em;
	border: 1px solid #949494;
	padding: 5px 7px 5px 12px;
	margin: 0 0 0.6em 2px;
	width: 98%;
	width: calc(100% - 40px);
	 border-radius: 25px;
	font-family: 'Open Sans', sans-serif;
	color: #666666;
}

.formobj-sel-objmap {
	font-size: 0.9em;
	border: 1px solid #949494;
	padding: 5px 7px 5px 12px;
	margin: 0 0 0.6em 2px;
	width: 98%;
	width: calc(100% - 120px) !important;
	 border-radius: 25px;
	font-family: 'Open Sans', sans-serif;
	color: #666666;
}

.filtre .formobj {
	font-size: 0.9em;
	background-color: #ffffff;
	color: #000000;
	padding: 5px 7px 5px 12px;
	margin: 0 0 10px 5px;
	width: calc(100% - 40px);	
	border: none;
    border-radius: 25px;
}

.filtre .objmap {
	font-size: 0.9em;
	background-color: #ffffff;
	color: #000000;
	padding: 5px 7px 5px 12px;
	margin: 0 0 10px 0;
	width: calc(100% - 140px) !important;	
	border: none;
    border-radius: 25px;    
} 

.filtre .formobj-sel .objmap {
	font-size: 0.9em;
	background-color: #ffffff;
	color: #000000;
	padding: 5px 7px 5px 12px;
	margin: 0 0 10px 0;
	width: calc(100% - 120px) !important;
	border: none;
    border-radius: 25px;
    	
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    
    background: #ffffff url('../img/select-plus.png') right 10px top 12px no-repeat;
}

.filtre .formobj-sel {
	font-size: 0.9em;
	background-color: #ffffff;
	color: #000000;
	padding: 5px 7px 5px 12px;
	margin: 0 0 10px 0;
	width: calc(100% - 20px);
	border: none;
    border-radius: 25px;
    	
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    
    background: #ffffff url('../img/select-plus.png') right 10px top 12px no-repeat;
}

.formobj-cerca {
	width: calc( 100% - 115px) !important;
	color: #666666;
}
.formobj-sel {
	padding: 4px 5px 3px 5px;
	width: calc(100% - 20px);
}
.form-moneda {
	width: 90%;
	width: calc( 100% - 2.5em);
}
.formTxtArea, .form-area {
	font-size: 22px;
	margin-bottom: 0.6em;
	padding: 0.3em 7px 0.3em 7px;
	width: 98.5%;
	width: calc(100% - 16px);
	
	color: #666666;
	border-radius: 5px;
	font-family: 'Open Sans', sans-serif;
}
.formobj-filtre {
	font-size: 1.1em;
	border: 1px solid #a5acb2;
	padding: 5px 7px 5px 7px;
	margin: 0 1em 0.6em 0;
	height: 25px;
	background-color: #193c5a;
	color: #ffffff;
	float: left;
	width: 80%;
}
.filtre .formobj::-webkit-input-placeholder,.formobj-filtre::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #c3c3c3;
  font-family: 'Muli';
}
.filtre .formobj::-webkit-input-placeholder,.formobj-filtre::-moz-placeholder { /* Firefox 19+ */
  color: #c3c3c3;
}
.filtre .formobj::-webkit-input-placeholder,.formobj-filtre:-ms-input-placeholder { /* IE 10+ */
  color: #c3c3c3;
}
.filtre .formobj::-webkit-input-placeholder,.formobj-filtre:-moz-placeholder { /* Firefox 18- */
  color: #c3c3c3;
}



input.form-data {
	width: 80%;
	margin-right: 10px;
/*	background: #ffffff url('../img/calendar-expand.png') top 10px right 7px no-repeat; */
	background: #ffffff url('../img/select-plus.png') top 10px right 7px no-repeat; 
}
label.checkbox, p.checkbox, .formulari label.checkbox {
	float: left;
	margin-left: 1em;
	font-weight: normal;
}
.Tbutton {
	background-color: #FF5757;
	padding: 10px 12px 10px 12px;
	font-size: 1em;
	color: #ffffff;
	cursor: pointer;
	border: 0;
	margin-bottom: 0.3em;
	margin-right: 1em;
	display: inline-block;
	border-radius: 5px;
	
	-webkit-transition: background .8s ease-in-out;
    -ms-transition: background .8s ease-in-out;
    transition: background .8s ease-in-out; 
}
.Tbutton:hover {
	background-color: #FF5757;
	cursor: pointer;
	text-decoration: none;
}

/* Cerca */
.form-cerca-adreca {
	overflow: hidden;
	margin-bottom: 20px;
}
.formobj-cerca {
	
}
.Tbutton-cerca {
	border: 0;
    margin: 0;
    min-width: 80px;	
	height: 32px;
    float: right;
    background-color: #FF5757;
    color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	border-radius: 25px;
}
.Tbutton-cerca:hover {
	text-decoration: none;
	background-color: #FF5757;
	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.2), inset 0px -15px 10px -12px rgba(0,0,0,0.2);
	padding: 8px;
	border-radius: 15px;
	display: inline-block;
	position: relative;
	margin: 3px 0 -3px 0;
}
input[type="checkbox"]:active, .input[type="checkbox"]:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0px 1px 3px rgba(0,0,0,0.3);
}
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: #FF5757;
}

/* 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: #FF5757;
}
input[type="radio"]:checked:after {
	content: '\2714';
	font-size: 16px;
	position: absolute;
	top: -4px;
	left: 2px;
	color: #FF5757;
}


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


/* Llegenda de Mapes */
div.llegenda_mapa {
	clear: both;
	margin: 0 0 1em 0;
	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: 19.4em;
	display: block;	
	float: left;
	margin: 0 0.3em 0 0 !important;;
	padding: 0 !important;
	text-align: left;
	min-height: 3.3em;
	font-size: 0.9em;
	line-height: 1em;
}
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;
	float: right;
	width: 14.3em;
	text-align: left;
	margin-top: 0.5em;
	margin-right: 6px;
	vertical-align: middle;
}
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-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;
}


/* 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: 98%;
}
table.taula thead {
	color: #000000;
}
table.taula thead tr {

}
table.taula thead tr th {
	border-bottom: 1px solid #e2e2e2;
	padding: 0 10px 10px 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
table.taula tbody tr {
	padding: 10px 0px 10px 0px;
	margin-bottom: 5px; 
}	
table.taula tr.imparell {
	
}
table.taula th.fons {
	background-color: #f1f1f1;
}
table.taula tr.Over {
	background-color: #d9dadb;
	cursor: pointer;
}
table.taula tr.no-registres, table.taula tr.sense-registres {
	vertical-align: middle; 
	min-height: 5em;
}
table.taula tr.no-registres td, table.taula tr.sense-registres td {
	padding: 2em 0 1em 0;
}
table.taula th {
	font-weight: bold;
	text-align: left;
}
table.taula tbody tr:first-child td {
	padding-top: 20px;
}
table.taula td {
	text-align: left;
	vertical-align: top;
	padding: 0 10px 15px 0;
}
table.taula td a {
	
}
table.taula td div.cerca-docs {
	margin: 0.5em 0 1em 1em;	
}
table.taula td.pictos {
	white-space: nowrap;
	padding-top: 0.3em;	
}
table.taula td.contingut_taula {
	width: 85%;
}
table.taula td.campTitol {
	width: 90%;	
}
table.taula td.cos {

}


/* Paginació de les taules */
.paginacio {
	margin: 0px 10px 5px 10px;
	padding: 3px 10px 3px 10px;
	overflow: hidden;	
	color: #959595;
}
.paginacio .paginacio-int {
	font-family: 'Open Sans', sans-serif;
	text-align: right;
}
a.link-paginacio {
	color: white;
	padding: 4px 5px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	background-color: #AFAFAF;
}
a.link-paginacio:hover {
	text-decoration: none;
	color: #FF5757;
	background-color: #AFAFAF;
}
.link-paginacio-sel {
	text-align: right;
	color: #FF5757;
	text-decoration: none;
	padding: 4px 10px;
 	display: inline-block;
}
.link-paginacio-fletxa {
	color: #FF5757;
	padding: 4px 5px;
	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 {
	margin: 10px 0 10px 0;
	padding: 0;
}
ul.relacio-simple li {
	background: none;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;	
}


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

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


/* Comentaris */
div.div-comentaris {
	margin-bottom: 25px;	
}
div.div-comentaris h2 {
	margin-top: 20px;
	margin-bottom: 20px;
}
div.afegir-comentari {
	display: none;
	margin-top: 30px;
}
div.barra-comentaris {
	width: 97%;
	margin: 1em 0 1.5em 0;
	overflow: hidden;
}
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: #FF5757;
    padding: 10px 35px 10px 35px;
    min-width: 70px;
    font-size: 1em;
    text-align: center;
    display: inline-block;
    border: 0;
    text-decoration: none;
    float: right;
    
    border-radius: 5px;
    -webkit-transition: background .8s ease-in-out;
    -ms-transition: background .8s ease-in-out;
    transition: background .8s ease-in-out;
}
div.barra-comentaris div.links-comentaris a:hover {
    background-color: #e94a4a;
    cursor: pointer;
    text-decoration: none;
}
ol.comentaris {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 2.5em;
	margin-right: 1.8em;
}
ul.comentari-puntuacio {
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
	list-style: none;
	overflow: hidden;
}
ul.comentari-puntuacio li {
	float: left;
	width: 33%;
	background: none;
	clear: none;
}
ol.comentaris li {
	margin-bottom: 25px;
	font-weight: bold;
	display: list-item;
}
ol.comentaris li div.capcom {
	font-weight: bold;
	padding: 0 0 10px 0;
}
ol.comentaris li div.contcom {
	background-color: #efefef;
	padding: 0.9em 1em 0.9em 1em;
	color: #000000;
	font-weight: normal;
}
ol.comentaris li.comentari-eliminat div.contcom {
	background-color: #FFC;	
}
ol.comentaris li div.peucom {
	background-color: #FF5757;
	color: white;
	font-weight: bold;
	font-size: 0.8em;
	padding: 0.15em 0.5em 0.15em 0.5em;
}


/* Mapes GMaps */
.mapa-llista {
    width: 100%; 
    position: relative;
    padding-bottom: 54%; /* 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: 35%; /* 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;
}
div.mapa-text-punt .Imatge {
	min-height: 90px;
	display: block;
	margin-bottom: 5px;
	float: left;
}
div.mapa-text-punt .Adreca {
	font-size: 0.9em;
	font-weight: bold;
	color: #870020;
}
div.mapa-text-punt .Descripcio {
	font-size: 0.9em;
}
#peumapa {
	color: #8d343a;	
}

/* Enquestes */
.enquestes {
	margin: 20px 0 25px 0;
	padding: 0 0 20px 0;
	color: #2f2f2f;
	width: auto !important;
	border-bottom: 1px solid #e2e2e2;
}
.enquestes .text-enquestes {
	margin: 5px 0 10px 0;
	font-size: 1.1em;
}
.enquestes .boto-enquesta {
	text-align: center;
}

.enquestes .opcio-enquesta {
	margin-left: 2.5em;
	margin-bottom: 7px;	
	font-size: 1.1em;
}
.enquestes .barra-enquesta, .enquestes-pagina .barra-enquesta {
	float: right; 
	margin-bottom: 3px; 
	background-color: #cbcbcb; 
	border: 0;
	height: 15px;
}
.enquestes .resposta-enquesta, .enquestes-pagina .resposta-enquesta {
	clear: left;
	float: left;
	margin-left: 2.5em;
	margin-bottom: 7px;		
}
.enquestes .percentatge-enquesta {
	float: left;
}
.enquestes .vots-enquesta {
	clear: left;
	font-size: 0.9em;
}
.enquestes .vots-enquesta strong {
	color: #FF5050;
}
ul.enquestes-pagina {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.enquestes-pagina li {
	padding: 0 0 1em 2em;
	overflow: hidden;
}
.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;
}
.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;
    color: #FF5050;
    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;
}


/* Classes de tabs */
div.tabs {
	overflow: hidden;
	background-color: #FF5757;
	margin: 5px 0 20px 0 !important;
	width: 94% !important;
	padding: 10px 3% 23px 3% !important;
}
div.tabs>ul {
	list-style: none;
	margin: 3px 3px 0 3px;
	padding: 0;
	display: block;
	overflow: hidden;
	width: 100%;
}
div.tabs>ul>li {
	display: block;
	float: left;
	margin: 0 1% 0 0;
	padding: 0 0 0 0;
	background-image: none;
	width: 49%;
	min-width: 100px;
}
div.tabs>ul>li.last {
	margin: 0;
}
div.tabs>ul>li>a {
	font-family: 'Open Sans', sans-serif;
	background-color: #E5E5E5;
	color: #787878;
	margin: 1px 1px 2px 1px;
	white-space: nowrap;	
	text-decoration: none;
	display: block;
	padding: 10px 0px 10px 0px;
	font-size: 24px;
	border-radius: 5px;
}
div.tabs>ul>li>a:focus {
	outline: 0;
}
div.tabs>ul>li>a:hover {
	text-decoration: none;
}
div.tabs>ul>li.last>a {
	margin: 1px 5px 2px 1px;
}
div.tabs>ul>li.selected {
	
}
div.tabs ul li.prev_selected {
	
}
div.tabs>ul>li.selected>a {
	background-color: #FF5757;
	color: #ffffff;
}
div.tabs>ul>li.last_selected {
	
}
div.tabs div.tab {
	clear: left;
	margin: 0 3px 3px 3px;
	padding: 10px 6px 10px 6px;
	overflow: hidden;
}

/* El mes vist */
ul.llista-el-mes {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #ffffff;
}
ul.llista-el-mes li {
	margin: 0;
	padding: 4px 0 7px 0;
	background: none !important;
	font-weight: 700;
	font-size: 0.70em;
}
ul.llista-el-mes li .elmes-pare {	
	border-bottom: 1px solid #ffffff;
}
ul.llista-el-mes li a {
	font-weight: 400;
	color: #ffffff;	
}
ul.llista-el-mes li a:hover {
	text-decoration: underline;
}
ul.llista-el-mes p {
	margin-bottom: 10px;
}


.elmes-visites {
	color: #000000;
	font-weight: 600;
}
.elmes-data {
	color: #787878;
}


/* Llista MapaWeb */
ul.mapa-web li {
	background: none;
}
ul.mapa-web li a {
	font-weight: bold;
	color: #000000;
}
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;
	
	min-height: 180px;
	position: relative;
	/*border-bottom: 8px solid #D3502;*/
}
ul.rotador {
	list-style-type: none;
	position: relative;
	padding: 0;
	margin: 0 0 0 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 .rotador-cont-pag {
	overflow: auto;
	width: 100%;
}
ul.rotador li .rotador-cont-pag-int {
	
}
ul.rotador li>p {
	margin-top: 7px;
}

.rotador-contingut {
	z-index: 3;
}
.element-rotador .rotador-contingut .rotador-contingut-int .rotador-contingut-esquerra {
	max-width: 50%;
}	
.element-rotador .rotador-contingut .titol-gran-sil {
	overflow: hidden;
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	font-size: 2.4em;
	font-weight: bold;
	line-height: 105%;
	text-align: left;
	padding-bottom: 0.2em;
}
.element-rotador .rotador-contingut .titol-petit-sil {
	overflow: hidden;
	color: #000000;;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	line-height: 110%;
	text-align: left;
	padding-bottom: 0.2em;
}
.element-rotador .rotador-contingut .boto-rotador {
	padding-top: 15px;
    line-height: 110%;
    text-align: left;
}
.element-rotador .rotador-contingut .boto-rotador a {
	/*background-color: #FF5757;*/
	
	background-color: #FF5757 ;
	color: white;
	border: none; 
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 5px 14px 5px 15px;
	line-height: normal;
	border-radius: 25px;
		
    -webkit-transition: background-color 300ms linear;
	-ms-transform: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}
.element-rotador .rotador-contingut .boto-rotador a:hover {
	text-decoration: underline;
	/*background-color: #FF5757;*/
	cursor: pointer;
	color: white;
}


/* Rotadors no destacats en portada */
.element-rotador-no-portada .rotador-contingut {
	font-size: 20px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	color: #787878;
}
.element-rotador-no-portada .rotador-contingut-int {
	padding: 10px;
}

/* Rotador destacats en portada */
.element-rotador-portada .rotador-contingut {
	position: absolute;
	bottom: 35px;
	left: 0;
	right: 0;
	width: 100%;
	overflow: hidden;	
}
.element-rotador-portada .rotador-contingut .rotador-contingut-int {
	text-align: center;
	position: relative;
    padding: 0 0 10px 0;
}

.fons-rotador {
	position: absolute;
	top: 0;
	left: 0;
	bottom: -1px;
	right: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}


/* Rotador marcadors */
ul.marcador-imatge-rotador li .fons-rotador {
	border-radius: 5px;
}
ul.marcador-imatge-rotador li img {
	border-radius: 5px;	
}
ul.marcador-imatge-rotador li div.rotador-contingut {
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	width: 100%;
	overflow: hidden;
}
ul.marcador-imatge-rotador li .rotador-contingut .rotador-contingut-int {
	text-align: center;
	position: relative;
    padding: 0 0 10px 0;
    width: calc(100% - 80px);
    margin-left: 40px;
    margin-right: 40px;
}
ul.marcador-imatge-rotador li .rotador-contingut .titol-gran-sil {
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 35px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 12px;
}
ul.marcador-imatge-rotador .rotador-contingut .titol-gran-sil a {
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
}
ul.marcador-imatge-rotador li .rotador-contingut .titol-petit-sil {
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 19px;
	text-align: left;
	line-height: 23px;
}
ul.marcador-imatge-rotador li .fons-marcadors {
	-webkit-transition: background 1s ease;
	-ms-transform: background 1s ease;
    -moz-transition: background 1s ease;
    -o-transition: background 1s ease;
    transition: background 1s ease;
} 
ul.marcador-imatge-rotador li:hover .fons-marcadors {
	background-image: url('../img/fons-marcadors-hover.png') !important;
}

/* Marcador: text i imatge en columnes */
ul.marcador-imatge-superior {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
ul.marcador-imatge-superior li {
	margin-bottom: 20px;
	width: calc(25% - 15px);
}
ul.marcador-imatge-superior li div.marcador-int {	
	overflow: hidden;
	position: relative;	
	text-align: center;
	border: 1px #c2c2c2 solid;
}
ul.marcador-imatge-superior li div.marcador-int .marcador-text {
	position: absolute;
	bottom: 0;
	width: calc(100% - 20px);
	display: block;
	/*background: rgba(211, 80, 43, 0.6);*/
	background-color: #6D6A6A;
	color: #ffffff;
	padding: 10px;
}
ul.marcador-imatge-superior li div.marcador-int .marcador-text:hover {
	text-decoration: underline;
}
ul.marcador-imatge-superior li div.marcador-int img {
	-webkit-transition: all .2s ease-in-out;
	-ms-transform: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
ul.marcador-imatge-superior li div.marcador-int img:hover {
/*	-moz-transform:	scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1); */
}


/* Temes */
div.fitxa-temes {
	margin-bottom: 1em;
}
.portlet-temes {
	overflow: hidden;
}
/* 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 30px;
	padding: 0;
	display: block;
	text-align: left;
	background-image: none;
	overflow: hidden;
	vertical-align: bottom;
	line-height: normal;
	border-bottom: 5px solid #FF5757;
	height: 450px;			
}

ul.llista-temes li:nth-child(3n+1) {
	margin: 0 0 25px 0px;
	
}

ul.llista-temes li img {
	max-width: 100%;	
}

ul.llista-temes li div div.capa-trnj {	
	background: rgba(211,80,43, 0);
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;		
}

ul.llista-temes li div:hover div.capa-trnj {	
	cursor: pointer;
	height: 100%;
	top : 0px;
}



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 {
	position: relative;
	display: block;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 14px;
	margin-left: 0;
	margin-right: 0;
	float: left;
	
    background-position: -5000% -5000%;
    background-repeat: no-repeat;
    background-size: cover;    
    
    -webkit-transition: background-color ease 0.2s, color ease 0.2s, visibility 0.1s;
	-ms-transform: background-color ease 0.2s, color ease 0.2s, visibility 0.1s;
    -moz-transition: background-color ease 0.2s, color ease 0.2s, visibility 0.1s;
    -o-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;
}
.element-destacat:hover {
	cursor: pointer;
}
.element-destacat.fons-fosc::before {
	content: ""; 
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
  	position: absolute;
  	z-index: 1;	
	
    -webkit-transition: background-color ease 0.3s, color ease 0.3s, visibility 0.1s;
	-ms-transform: background-color ease 0.3s, color ease 0.3s, visibility 0.1s;
    -moz-transition: background-color ease 0.3s, color ease 0.3s, visibility 0.1s;
    -o-transition: background-color ease 0.3s, color ease 0.3s, visibility 0.1s;
    transition: background-color ease 0.3s, color ease 0.3s, visibility 0.1s;
}
.element-destacat.fons-fosc:hover::before {
		
}


.element-destacat-titol {
	position: absolute;
	z-index: 2;
	left: 0;	
	bottom: 0;
	right: 0;
	overflow: hidden;		
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 1.15em;
	line-height: normal;
	transition: top ease 0.5s;
	
}



.element-destacat-titol-int {	   
    height: calc(100% - 20px);    
    padding: 10px 10px;    
    /*background-color: rgba(211, 80, 43, 0.8);*/
	background-color: #FF5757;
    float: left;
    width: 100%;
    text-align: left;
    transition: all .3s ease-out;  
	opacity: 1;
	
          
}


.element-destacat-text-blanc-off, .element-destacat-text-blanc-off p {
	color: white !important;	
	
	-webkit-transition: background-color ease 0.2s, color ease 0.2s, visibility ease 0.5s;
	-ms-transform: background-color ease 0.2s, color ease 0.2s, visibility ease 0.5s;
    -moz-transition: background-color ease 0.2s, color ease 0.2s, visibility ease 0.5s;
    -o-transition: background-color ease 0.2s, color ease 0.2s, visibility ease 0.5s;
    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;
	
	
	-webkit-transition: background-color ease 0.2s, color ease 0.2s, visibility ease 0.5s;
	-ms-transform: background-color ease 0.2s, color ease 0.2s, visibility ease 0.5s;
    -moz-transition: background-color ease 0.2s, color ease 0.2s, visibility ease 0.5s;
    -o-transition: background-color ease 0.2s, color ease 0.2s, visibility ease 0.5s;
    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;
	
	
	-webkit-transition: background-color ease 0.2s, color ease 0.2s, visibility ease 0.5s;
	-ms-transform: background-color ease 0.2s, color ease 0.2s, visibility ease 0.5s;
    -moz-transition: background-color ease 0.2s, color ease 0.2s, visibility ease 0.5s;
    -o-transition: background-color ease 0.2s, color ease 0.2s, visibility ease 0.5s;
    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;
	
	
	-webkit-transition: background-color ease 0.2s, color ease 0.2s, visibility ease 0.5s;
	-ms-transform: background-color ease 0.2s, color ease 0.2s, visibility ease 0.5s;
    -moz-transition: background-color ease 0.2s, color ease 0.2s, visibility ease 0.5s;
    -o-transition: background-color ease 0.2s, color ease 0.2s, visibility ease 0.5s;
    transition: background-color ease 0.2s, color ease 0.2s, visibility ease 0.5s;
}

/* Detall registres */
div.registre-tipus-fitxa {
	margin: 10px 0 20px 0;
}
div.registre-tipus-fitxa div.camp-registre:last-child {
	border-bottom: 1px solid #e2e2e2;
	padding: 0 0 20px 0;
}
div.registre-tipus-fitxa div.quadre-element-dret {
	background-color: #FF5757;
    color: white;
    display: flex;
    flex-flow: wrap row;
    float: right;
    flex-direction: column;
    width: 25%;
    padding: 1% 2%;
}

div.registre-tipus-fitxa div.quadre-element-dret p{
	margin-bottom: 10px;
}

div.registre-tipus-fitxa div.camp-registre {
	margin-top: 1px;
}

div.registre-tipus-fitxa div.camp-registre div.camp-contingut span.label {
	padding-right: 3px;
}
div.registre-tipus-fitxa div.camp-registre div.camp-contingut {
	width: 100%;
}
div.registre-tipus-fitxa img {
	margin-bottom: 30px;
	width: 100%;
}
div.imatge-registre {
	margin-bottom: 10px;
}

div.imatge-registre  img{
	border-bottom: 5px solid #FF5757;
}

    
div.camp-registre {
	margin-top: 20px;
}
div.camp-registre a {
	/*color: #505050;*/
	color: #FF5757;
}
div.camp-registre p.label {
	color: #3C3C3C;
	font-weight: 600;
}
div.camp-registre p.label-grup {
	margin-top: 5px;
	border-top: 1px solid #e2e2e2;
    color: #FF5757;
    padding-top: 4px;
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 0.2em;
}

div.elements-adicionals-taula {
	background-color: #FF5757;	
	margin: 20px 0px;	
}

div.elements-adicionals-taula h2 {	
	color: #ffffff;		
}

div.elements-adicionals-taula ul {	
	 list-style:none;	 
  	 			
}

div.elements-adicionals-taula ul li {	
background-color: #ffffff;
    box-shadow: 0 0 15px #ddd;
    width: 23%;
    float: left;
    margin: 10px;
}

div.elements-adicionals-taula llista-relacions li>a i {	
	background-color: #ffffff;		
}

div.registre-tipus-fitxa  div.dades-leterals {
background-color: #FF5757;
    color: #ffffff;
    width: 40%;
    float: right;
    margin: 0px 0px 20px 20px;
    padding: 10px;
}

div.registre-tipus-fitxa  div.dades-leterals p:nth-child(even) {
  margin-bottom: 15px;
}

div.registre-tipus-fitxa  div.dades-leterals p:nth-child(odd) {
  font-weight: 700;
}




/* Consistori */
ul.consistori {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: wrap column;
}
ul.consistori>li {
	display: flex;
	margin: 0 0 20px 0;
	padding: 0;
	clear: both;
	overflow: hidden;
	flex-flow: row wrap;
	background-color: #F8F8F8;
	border-bottom: 5px solid #FF5757;
}

ul.consistori>li>div.camp-llista {
	padding-top: 24px;
    padding-bottom: 24px;
	float: left;
	overflow: hidden;
}
ul.consistori>li>div:nth-child(1) {
	width: 15%;
	padding-right: 30px; 
	padding-top: 0px; 
}
ul.consistori>li>div:nth-child(2) {		
}

ul.consistori>li img {
	width: 100%;
}
ul.consistori p.carrec {
	color: #000000;
	margin-bottom: 20px;
}

ul.consistori a.electe {
	font-size: 1.5em;
	font-weight: 700;
}

ul.consistori a.partit {
	font-size: 0.8em;
	color: #000000; 	
}
ul.regidories {	
	font-size: 0.85em;
    margin: 15px 0 0 0;
    padding: 0;
    color: #000000;
    list-style: disc;    
}
ul.regidories li {	
	padding: 0;
	margin: 0;	
}

ul.regidories li a {	
	color: #000000;        
}

/* Estils template */
.amplada1 {
	width: 23.4%;
}
.amplada2 {
	width: 49%;
}
.amplada3 {
	width: 74%;
}
.amplada4 {
	width: 99%;
}

/* Quadrat */
.alcada1 {
	height: auto;
}
.alcada1:after {
  content: "";
  display: block;
  padding-bottom: 101%;
}
/* Rectangle */
.alcada2 {
	height: auto;
}
.alcada2:after {
	content: "";
	display: block;
	padding-bottom: 48.5%;
}
/* Rectangle vertical */
.alcada3 {
	height: auto;
}
.alcada3:after {
	content: "";
	display: block;
	padding-bottom: 148.5%;
}


/* Estils layouts */
.flex>div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; 
}
.flex>div>div {
		
}
.marge-dreta .area-interna-primera {
	margin-right: 10px;
}
.marge-esquerra .area-interna {
	margin-left: 10px;
}
.marge-inferior {
	margin-bottom: 30px !important;
}
.marge-superior {
	margin-top: 30px !important;
}

.linia_inferior {
	border-bottom: 1px solid #afafaf;
	
}

.fons-gris {
	background-color: #F0F0F0;
}


div.efecte-parallax {
	min-height: 300px;
    width: 100%;
    max-width: none;
    vertical-align: middle;
}



/* 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-warning, #cookie-warning-permanent {
	position: fixed;
	z-index: 999;
	margin: 0px;
	padding: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	opacity: 1;
	display: block;
}
#cookie-warning-permanent {
	display: none;	
}
#cookie-warning *, #cookie-warning-permanent * {
	font-size: 1.0em;
}
#cookie-warning p, #cookie-warning-permanent p {
	margin: 4px 0px;
	padding: 4px 0px;
}
#cookie-warning .missatge, #cookie-warning-permanent .missatge {
	position: relative;
	background-color: rgba(70,70,70,.95);
	border-top: 1px solid #444;
	padding: 10px 40px 10px 42px;
	color: #ffffff;
}
#cookie-warning .missatge a, #cookie-warning-permanent .missatge a {
	color: #ffffff;
	text-decoration: underline;
}
#cookie-warning img.cookie-warning-icon {
	position: absolute;
	top: 1.3em;
	left: 16px;
}
#cookie-warning .cookie-warning-botons {
	float: right;
	margin-top: 0.5em;
} 
#cookie-warning-permanent .cookie-warning-botons {
	float: right;
}
#cookie-warning .cookie-warning-botons button {
	background-color: #FF5757;
	border: none;
	color: #ffffff;
	padding: 5px 12px;
	margin-left: 10px;
	font-size: 1.1em;
	text-decoration: none;
	border-radius: 5px;
	moz-border-radius: 5px;
}
#cookie-warning .cookie-warning-botons button:focus, #cookie-warning .cookie-warning-botons button:hover {
	background-color: #FF5757;
	border: none;
}
#cookie-warning-permanent .cookie-warning-botons button {
	background-color: #FF5757;
	border: none;
	color: #ffffff;
    
	padding: 2px 9px;
	margin-left: 10px;
	
	text-decoration: none;
	border-radius: 3px;
	moz-border-radius: 3px;
}
#cookie-warning-permanent .cookie-warning-botons button:focus, #cookie-warning .cookie-warning-botons button:hover {
	border-color: #ffffff;
}
#cookie-warning .missatge-contingut, #cookie-warning-permanent .missatge-contingut {
	padding-right: 125px;
}



/* Tooltip que es mostra quan es produeix un error en el camp */
.tooltip-error {
	position: absolute;
	display: none;
	overflow: hidden;
	max-width: 350px;
}
.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 {
    background-color: #fae9d9 !important;
    outline: none;
    /* border: 1px solid transparent; */
    border : none;
    -webkit-box-shadow: 0 0 1px 1px #ad4431;
    -moz-box-shadow: 0 0 1px 1px #ad4431;
    box-shadow: 0 0 1px 1px #ad4431;
    border-radius: 35px;
}

/* Fancybox */
#fancybox-buttons ul li {
	background: none;
}

/* Add this */
.at-share-btn-elements {
	display: flex;
	flex-flow: row wrap;
}
.at-style-responsive .at-share-btn {
	flex-grow: 1;
}

/* datepicker */
.ui-datepicker {
	font-size: 88% !important;
}

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

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

ul.smartSearch li.ui-menu-item{
	/*min-height : 50px;*/
}

/* Twitter */
.fons-fosc {
	background-color: #FF5757;	
}
.timeline-Widget {
    background-color: transparent !important;
}

.twitter-head {
	overflow: hidden;
}
.twitter-head .titol-portada {
	float: left;
	width: 90%;
}
.twitter-head .titol-portada-2 {
	float: left;
	font-size: 21px;
	margin-bottom: 5px;
	margin-left: 9px;
	width: 90%;
}
.twitter-head .link-twitter, .twitter-head .link-twitter a {
	display: block;
	float: left;
	color: #808080;
	font-size: 18px;
	font-family: 'Muli';
	margin-left: 5px;
}
.twitter-head .link-twitter a:hover {
	text-decoration: none;
}
.twitter-head .link-twitter i {
 	background-color: #808080;
 	color: white;
 	border-radius: 10px;
 	font-size: 14px;
 	padding: 4px;
}

.data-portlet-caixa {
	display: block;
	padding: 0 0 0 0;
	text-align: center;
	margin: 0 10px 0 0;	
	background: #C8C8C8;
	width: 4em !important;
	clear: both;	
	float : left;
}
.data-portlet-caixa .data-portlet-dia {
	font-size: 1.55em;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	padding: 0.2em 0.1em 0.2em 0;
	margin: 0 0 0 0;
	font-weight: bold;
}
.data-portlet-caixa .data-portlet-mes {
	color: #ffffff;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	margin: 0 0 0 0;
	font-weight: bold;
	/*background-color: #FF5757;*/
	background-color: #FF5757;
}

.txt-portlet-caixa {
	width: 75%;
	float: right;	
}

/* Instagram */
#react-root, .instagram-dialog, .instagram-dialog article, .instagram-dialog div, .instagram-dialog footer, .instagram-dialog header, .instagram-dialog main, .instagram-dialog nav, .instagram-dialog section {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 0 solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
}
.instagram-dialog {
	display: none;
	background-color: rgba(0,0,0,.75);
	bottom: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 12;
}
.instagram-dialog-close {
	background: 0 0;
    border: 0;
    cursor: pointer;
    height: 36px;
    outline: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 12;
    padding: 16px;
    color: #ffffff;
    font-size: 32px;
}
.instagram-dialog .instagram-dialog-int {
	padding: 0 40px;
    pointer-events: none;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    display: flex;
    min-height: 100%;
    overflow: auto;
    width: auto;
    z-index: 12;
}
.instagram-dialog .instagram-dialog-window {
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    max-width: 935px;
    pointer-events: auto;
    width: 100%;
}

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: 25%;
	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 {

    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;
	margin-left: 5px;
    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;
	margin-left: 5px;
	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);
}
 
 /* Llistat de categories agrupat */
 ul.llista-categories, ul.llista-categories-marcadors {
	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, ul.llista-categories-marcadors li {
	text-align: center;
	background-image: none;
	padding: 0 0 0 0;
	margin: 12px 1% 20px 1%;
	position: relative;
	float: left;
	display: block;
	overflow: visible;
	list-style: none;
	background-image: none;
	border-bottom: 5px solid #FF5757;
}

ul.llista-categories-marcadors li {
	text-align: center;
	background-image: none;
	padding: 0 0 0 0;
	margin: 12px 1% 20px 1%;
	position: relative;
	float: left;
	display: block;
	overflow: visible;
	list-style: none;
	background-image: none;
	border-bottom: none;

}

ul.llista-categories li div.imatge, ul.llista-categories-marcadors li div.imatge {
	width: 100%;
	padding: 0;
	border: 0;
	position: relative;
}
ul.llista-categories li div.imatge img, ul.llista-categories-marcadors li div.imatge img {
	cursor: pointer;
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	/*background: rgba(211,80,43, 0.6);*/
	background: #FF5757;
    
}

ul.llista-categories li div.imatge:hover img {
	
	
}

ul.llista-categories li div.imatge div.capa-trnj, ul.llista-categories-marcadors li div.imatge div.capa-trnj {
	background: rgba(211,80,43, 0);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

ul.llista-categories li div.imatge:hover div.capa-trnj, ul.llista-categories-marcadors li div.imatge:hover div.capa-trnj {
	 /*background: rgba(211,80,43, 0.6);**/
	 background: #FF5757;
    cursor: pointer;
}


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: 1.9em;
}

ul.llista-categories-marcadors li p.titol {
	padding: 10px 0 10px 0;
	text-align: center;
	width: 100%;
	font-weight: 300;
    font-size: 1.9em;
}


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

.efecte-accordion-header {
	background-color: #FF5757;
	padding: 8px 25px 8px 12px;
	margin: 10px 0 10px 0;
	color: #ffffff;
	font-size: 1.2em;
	position: relative;
}

.efecte-accordion-header:after {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	content : "\f107";
	font-size : 25px;
	position: absolute;
	top: 8px;
	right: 10px;
	color : #ffffff;
}
.efecte-accordion-header.expanded:after {
	content : "\f106";
}
.accordion-collapsed {
	display: none;
}
.accordion {
	margin: 20px 0 20px 0;
	overflow: hidden;
}
hr.linia-cerca {
	border-top: 1px solid #FF5757;
	margin: 10px 0 5px 0;
}
ul.formulari.formulari-cerca {
	max-width: 96%;
	border-bottom: 1px solid #FF5757;
}
ul.formulari.formulari-cerca li {
	width: 85%;
}