@import url('https://fonts.googleapis.com/css?family=Noto+Serif&display=swap');

@font-face {
	font-family: 'HelveticaNeueB';
	src: url('/web/shared/fonts/HelveticaNeue-Bold.eot');
	src: local('ò?'),
			 url('/web/shared/fonts/HelveticaNeue-Bold.woff') format('woff'),
			 url('/web/shared/fonts/HelveticaNeue-Bold.ttf') format('truetype'),
			 url('/web/shared/fonts/HelveticaNeue-Bold.svg#webfont') format('svg');
}
@font-face {
	font-family: 'HelveticaNeueBC';
	src: url('/web/shared/fonts/HelveticaNeue-BoldCond.eot');
	src: local('ò?'),
			 url('/web/shared/fonts/HelveticaNeue-BoldCond.woff') format('woff'),
			 url('/web/shared/fonts/HelveticaNeue-BoldCond.ttf') format('truetype'),
			 url('/web/shared/fonts/HelveticaNeue-BoldCond.svg#webfont') format('svg');
}
@font-face {
	font-family: 'HelveticaNeueLC';
	src: url('/web/shared/fonts/HelveticaNeue-LightCond.eot');
	src: local('ò?'),
			 url('/web/shared/fonts/HelveticaNeue-LightCond.woff') format('woff'),
			 url('/web/shared/fonts/HelveticaNeue-LightCond.ttf') format('truetype'),
			 url('/web/shared/fonts/HelveticaNeue-LightCond.svg#webfont') format('svg');
}
@font-face {
	font-family: 'Open Sans';
	src: url('/web/shared/fonts/opensans-regular.eot');
	src: local('ò?'),
			 url('/web/shared/fonts/opensans-regular.woff') format('woff'),
			 url('/web/shared/fonts/opensans-regular.ttf') format('truetype'),
			 url('/web/shared/fonts/opensans-regular.svg#webfont') format('svg');
}
/* TARONJA PRINCIPAL rgb(122,30,61) o 211,70,30 --- COLOR PRIMARI: 122,30,61 */

html, body { margin: 0; }
body { background: #EAEEE8; margin: 0; padding: 0; text-align: center; font-family: Arial, Sans-serif; }
.contingut { background: rgba(255,255,255,0.9); width: 1024px; margin: 0 auto; }
.capcalera .contingut { background: white; }

.ariadna { background: rgba(0,0,0,0.25); border: none; width: 100%; margin: auto; text-align: center; }
.ariadna .contingut { background: rgba(255,255,255,0.15); text-align: left; padding: 10px 15px; color: rgba(255,255,255,0.9); }
.ariadna span { margin: 0 5px; color: rgba(255,255,255,0.4); }
.ariadna a { color: rgba(255,255,255,0.6); }
.ariadna a:hover { color: white; text-decoration: underline; }

.bg-blanc { background: rgba(255,255,255,0.7); }
.bg-beix { background: rgba(183,170,140,0.5); }
.bg-gris { background: rgba(165,175,181,0.6); }

a { color: #6b2000; font-weight: bold; }
a:hover { color: black; }
a.neg { color: white; }
a.neg:hover { color: #DDE8E1; }

div#calendari { background: url(img/bg_calendari.png) no-repeat #F7F4F2; min-height: 46px; }
ul.calendari_h { list-style: none; margin: 0; padding: 0; float: left; }
ul.calendari_h li { float: left; background: #F7F4F2; font-size: 1em; font-family: Arial, Helvetica, Sans-serif; font-weight: bold; text-align: center; width: 28px; color: #979492; margin: 0; padding: 3px 0; }
ul.calendari_h li span { display: block; font-family: HelveticaNeueLC, sans-serif; font-weight: normal; }
ul.calendari_h li.we { background: #E7E4E2; }
ul.calendari_h li.avui { background: #000; color: rgba(255,255,255,0.6); }

.alerta_agenda { border: 1px dotted red; background: #fff568; padding: 10px; margin: 20px 20px 0 20px; text-align: justify; }
.suspes, .ajornat { display: inline-block; background: red; color: white; text-transform: uppercase; font-size: 80%; font-weight: normal; padding: 0 5px; margin-right: 5px; }
.virtual_tag { display: inline-block; background: blue; color: white; text-transform: uppercase; font-size: 80%; font-weight: normal; padding: 0 5px; margin-right: 5px; }
ul.calendari_h li span.suspes, ul.calendari_h li span.ajornat, ul.calendari_h li span.virtual_tag { display: inline-block; font-family: Arial, sans-serif; }
.suspes_text, .ajornat_text { display: block; background: white; border: 2px dotted red; padding: 10px; text-transform: uppercase; font: bold 1em Arial, Sans-serif; text-align: center; color: red; margin-bottom: 10px; }
.avis { display: inline-block; background: orange; color: white; text-transform: uppercase; font-size: 80%; font-weight: normal; padding: 0 5px; margin-right: 5px; }

ul.calendari_h li.actiu { display: block; cursor: pointer; color: rgb(122,30,61); position: relative; }
ul.calendari_h li.actiu.avui { color: white; }
ul.calendari_h li.actiu div.actes { display: none; position: absolute; top: 46px; left: -136px; margin: 0 auto; padding: 0; width: 300px; background: rgba(70,70,70,1); z-index: 65500; }
div.acte div.foto { width: 90px; height: 68px; float: left; margin-left: 10px; background: url(img/list_nofoto.jpg) center center; background-size: cover; }
div.acte div.foto img { width: 100%; height: 100%; border: none; }
div.acte h4 { margin: 0 10px 0 110px; color: white; text-align: left; font-size: 1.1em }
div.acte p { font: 0.95em Arial, Sans-serif; margin: 0 10px 5px 110px; text-align: left; }
div.acte a { color: #AAA; display: block; padding: 5px; }
div.acte a p { padding: 5px 0; }
div.acte a p span { font-family: Arial, Sans-serif !important; }
div.acte a:hover { background: rgba(0,0,0,0.95); text-decoration: none; transition: all .3s; -webkit-transition: all .3s; }
div.acte a:hover p { color: white; }
div.nota_dates { background: rgba(0,0,0,0.55); font: 0.95em/1em Arial, Sans-serif; text-align: justify; padding: 10px; color: rgba(255,255,255,0.8); margin-bottom: 0px }
ul.calendari_h li.actiu:hover { color: white; background: rgb(122,30,61); transition: all .3s; -webkit-transition: all .3s; }
ul.calendari_h li.actiu:hover div.actes { display: block; }
div.acte a:hover div.foto { background-color: #CCC; background-blend-mode: luminosity; transition: all .3s; -webkit-transition: all .3s; }
/*.prog a:hover div.foto { background-color: rgb(122,30,61); background-blend-mode: luminosity; transition: all .3s; -webkit-transition: all .3s; } */

.nav_virtual a { display: inline-block; color: #888; text-decoration: none; padding: 0 20px; margin: 0; border-left: 2px solid gray; }
.nav_virtual a:first-child { border: none; padding-left: 10px; }
.nav_virtual a.actiu { color: black; text-decoration: underline; }
.nav_virtual a:hover { color: rgb(122,30,61); }





ul.calendari_h li.cal_nav { background: url(img/bg_cal_estiu.png) no-repeat #F7F4F2; min-height: 46px; width: 156px; text-align: center; }
ul.calendari_h li.cal_nav p { font: 1em/1em HelveticaNeueLC, sans-serif; margin: 0; color: white; padding: 9px 0 0 0; text-align: center; width: 125px; position: relative; text-transform: uppercase; }
ul.calendari_h li.cal_nav span { font-size: 1.2em; font-family: "Glyphicons Halflings"; }
ul.calendari_h li.cal_nav p a { color: white; padding: 0 5px; font-family: HelveticaNeueBC; position: absolute; }
ul.calendari_h li.cal_nav a:hover { color: black; text-decoration: none; }
ul.calendari_h li.cal_nav p a.prev { left: 2px; top: 13px; }
ul.calendari_h li.cal_nav p a.next { right: 2px; top: 13px; }

.reset { clear: both; margin: 0; width: 0; height: 0; }
p { font-family: Arial, sans-serif; text-align: justify; font-size: 130%; }
hr { border-top: 2px dotted rgba(0,0,0,0.3); }
hr { border-top: 2px dotted rgba(0,0,0,0.3); }

h1 { font: 2em HelveticaNeueB, sans-serif; font-weight: bold; letter-spacing: -0.05em; color: black; margin: 20px 0 15px 0; text-align: left; }
.capcalera h1 { color: white; margin-bottom: 5px; margin-top: 30px; }
h2 { font: bold 1.65em HelveticaNeueB, sans-serif; color: #000; margin: 20px 0 10px 0; text-align: left; letter-spacing: -1px; }
.capcalera h2 { color: rgba(255,255,255,0.7); margin-top: 0; }
h3 { font: bold 1.5em HelveticaNeueBC, sans-serif; color: #333333; margin: 20px 0 10px 0;text-align: left; }
h4 { font: bold 1.3em HelveticaNeueB, sans-serif; color: #333333; margin: 20px 0 10px 0;text-align: left; letter-spacing: -1px; }

.subtitol { font: 1.5em/1.1em 'FuturaMC', Arial Black, Helvetica Bold, sans-serif; color: #157385; margin: 20px 0 10px 0; text-align: left; }
.tipologia { font: 1em Arial, Sans-serif; text-transform: uppercase; }
.cercador_header { width: 25%; position: absolute; right: 15px; bottom: 48px; }
.cercador_header .form-control { height: 26px; padding: 4px 10px; color: black; }
.cercador_header .btn-default { margin: 0; padding: 1px 4px 0 10px; background: rgba(0,0,0,0.4); color: white; border: none; font-size: 18px; line-height; 22px; }

.cercador_inici { margin-top: 25px; }
.cercador_inici .btn-default { margin: 0; background: rgba(0,130,155,1); color: white; border-color: rgb(0,130,155); }
.cercador_inici .btn-default:hover { background: black; border-color: black; }


.dret-acces { background: url(img/foto_dretacces.png) no-repeat right center; padding-right: 160px; }

.fila { clear: both; text-align: center; margin: 0 auto; position: relative; }
.capcalera { background: #D4D9CF; border: none; height: 140px; width: 100%; margin: auto; text-align: center; }
.capcalera2 { background: #D4D9CF; border: none; height: 105px; width: 100%; margin: auto; text-align: center; }
.container-fluid { width: 100%; padding: 0; background: white; }

table.agenda_avis { border: 1px solid gray; font-size: 0.85em; width: 100%;}
table.agenda_avis th{ padding: 10px 20px; background: #676462; color: white; text-align: left; }
table.agenda_avis td { padding: 10px 20px; background: #F7F4F2; text-align: left; vertical-align: top; }
table.agenda_avis tr:nth-child(even) td { background: #FFFFFF; }
table.agenda_avis a { text-decoration: none; font-weight: bold; }
table.agenda_avis a:hover { color: #DD0000; }
table.agenda_avis td.camp { color: #575452; text-transform: uppercase; border-right: 1px dotted #979492; width: 140px }
table.agenda_avis tr.fosc td { background: #373432 !important; color: white; }

/* ENTREACTES */
.issuu { padding: 0 15px; }
.issuuembed { width: 100%; height: 500px; background: #353535; }
ul.eactes { list-style: none; text-align: left; margin: 20px 0 0 15px; padding: 0; font: bold 1.2em/1.1em Arial, Sans-serif; color: #676462; }
ul.eactes li { margin: 0; padding: 0; position: relative; }
ul.eactes div.foto { float: left; background: url(img/list_nofoto.jpg) center center; background-size: cover; width: 116px; height: 116px; margin: 7px; }
ul.eactes h2 { font: 1.4em/1em HelveticaNeueBC, sans-serif; color: black; margin: 0 10px 10px 140px; text-align: left; text-transform: none; }
ul.eactes p.cat { font: 1em/1em HelveticaNeueLC, sans-serif; color: #676462; margin: 10px 10px 5px 140px; text-align: left; text-transform: uppercase; }
ul.eactes p.num { font: 0.85em Arial, Sans-serif; color: #373432; margin: 0 10px 0 140px; text-align: left; }
ul.eactes a { display: block; position: relative; padding: 0; background: #FFF8AE; float: left; width: 31.733%; margin: 0 1.6% 15px 0; transition: all .3s; -webkit-transition: all .3s; }
ul.eactes a:hover h2, ul.eactes a:hover p { color: black; transition: all .3s; -webkit-transition: all .3s; ; }
ul.eactes a:hover { background: #E7E4E2; transition: all .3s; -webkit-transition: all .3s; color: black !important; text-decoration: none; }
ul.eactes a:hover .foto { opacity:0.5; filter:alpha(opacity=50); transition: all .3s; -webkit-transition: all .3s; }
ul.eactes div.format { position: absolute; bottom: 5px; right: 5px; font-size: 0.7em; color: rgba(0,0,0,0.5); background: rgba(255,255,255,0.6); border: 1px solid rgba(0,0,0,0.5); border-radius: 8px; padding: 2px 6px 1px 6px; font-weight: normal; }

/* ESPAIS */
ul.espais { list-style: none; text-align: left; margin: 0; padding: 0; font: bold 1.2em/1.1em Arial, Sans-serif; color: #676462; }
ul.espais li { margin: 0; padding: 0; ; }
ul.espais li:hover a { background: #B7B4B2; transition: all .3s; -webkit-transition: all .3s; }
ul.espais div.foto { float: left; background: url(img/list_nofoto.jpg) center center; background-size: cover; width: 130px; height: 130px; }
ul.espais h2 { font: bold 1em/1.1em Arial, sans-serif; color: black; margin: 15px 10px 5px 140px; text-align: left; }
ul.espais p { font: 0.85em Arial, Sans-serif; color: #676462; margin: 0 10px 5px 140px; text-align: left; }
ul.espais a { display: block; padding: 0; background: #E7E4E2; float: left; width: 48%; height: 130px; margin: 0 2% 15px 0; transition: all .3s; -webkit-transition: all .3s; position: relative; overflow: hidden; }
ul.espais a:hover h2, ul.espais a:hover p { color: white; transition: all .3s; -webkit-transition: all .3s; ; }
ul.espais a:hover { background: #E7E4E2; transition: all .3s; -webkit-transition: all .3s; color: black !important; text-decoration: none; }
ul.espais a:hover .foto { opacity:0.5; filter:alpha(opacity=50); transition: all .3s; -webkit-transition: all .3s; }


/* SOCIAL MEDIA */
.box-xarxa { background: rgba(0,0,0,0.1); padding: 5px; margin-bottom: 20px; }
.box-xarxa h2 { color: rgba(0,0,0,0.5); margin: 0 10px 10px 10px; text-align: right; }

/* google maps */

.gmaps { margin-top: 15px; width: 100%; height: 497px; position: relative; border: 1px solid #C7C4C2; overflow: hidden; }
.gmaps iframe { width: 100%; height: 497px;  border: none; }
#map_canvas { background: url(https://www.girona.cat/shared/img/loading.gif) no-repeat center center #E7E4E2; }
.directions { background: #A7A4A2; padding: 10px 10px 15px 10px; width: 95%; margin-bottom: 20px; ; }
.directions p { color: white; font-size: 1em; margin-bottom: 5px ; }
#map_wrapper { height: 500px; margin-bottom: 20px; }


/* OPENSTREETMAPS */
a.google { font: 11px Arial, Sans-serif; padding-bottom: 15px; color: rgba(0,0,0,0.5); }
a.google:hover { background: none; color: rgb(227,55,45); }
.planol { margin-left: 15px; }
.planol #map { margin-right: 15px; }
.planol a.google { text-align: right; display: block; margin-right: 15px; padding-top: 5px; padding-bottom: 5px; }

/* FESTIVALS */
ul.fest { list-style: none; text-align: left; margin: 0 0 0 15px; padding: 0; font: bold 1.2em/1.1em Arial, Sans-serif; color: #676462; }
ul.fest li { margin: 0; padding: 0; }
ul.fest li:hover a { background: #B7B4B2; transition: all .3s; -webkit-transition: all .3s; }
ul.fest div.foto { background: url(img/list_nofoto.jpg) center center; background-size: cover; width: 100%; height: 120px; }
ul.fest h2 { font: bold 1em/1.1em Arial, sans-serif; color: black; margin: 10px 10px 5px 10px; text-align: left; }
ul.fest p { font: 0.85em Arial, Sans-serif; color: #676462; margin: 0 10px 0 10px; text-align: left; }
ul.fest a { display: block; padding: 0; background: #E7E4E2; float: left; width: 18%; height: 250px; overflow: hidden; margin: 0 2% 15px 0; transition: all .3s; -webkit-transition: all .3s; }
ul.fest a:hover h2, ul.fest a:hover p { color: white; transition: all .3s; -webkit-transition: all .3s; ; }
ul.fest a:hover { background: #E7E4E2; transition: all .3s; -webkit-transition: all .3s; color: black !important; text-decoration: none; }
ul.fest a:hover .foto { opacity:0.5; filter:alpha(opacity=50); transition: all .3s; -webkit-transition: all .3s; }

div.visor_fest { margin: 0 20px 20px 15px; }
/* JSSOR SLIDER BULLET NAVIGATOR SKIN 05 CSS */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/
.jssorb05 {
		position: absolute; bottom: 16px; right: 25px;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
		position: absolute;
		/* size of bullet elment */
		width: 16px;
		height: 16px;
		background: url('includes/img/b05.png') no-repeat;
		overflow: hidden;
		cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; width: 16px; height: 16px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

/* jssor slider arrow navigator skin 22 css */
/*
.jssora22l                  (normal)
.jssora22r                  (normal)
.jssora22l:hover            (normal mouseover)
.jssora22r:hover            (normal mouseover)
.jssora22l.jssora22ldn      (mousedown)
.jssora22r.jssora22rdn      (mousedown)
.jssora22l.jssora22lds      (disabled)
.jssora22r.jssora22rds      (disabled)
*/
.jssora22l, .jssora22r {
		display: block;
		position: absolute;
		/* size of arrow element */
		width: 40px;
		height: 58px;
		cursor: pointer;
		background: url('includes/img/a22.png') center center no-repeat;
		overflow: hidden;
}
.jssora22l { background-position: -10px -31px; }
.jssora22r { background-position: -70px -31px; }
.jssora22l:hover { background-position: -130px -31px; }
.jssora22r:hover { background-position: -190px -31px; }
.jssora22l.jssora22ldn { background-position: -250px -31px; }
.jssora22r.jssora22rdn { background-position: -310px -31px; }
.jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
.jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }
.diapo { background: #E7E4E2; cursor:default; position:relative; top:0px; left:0px; width:1300px; height:500px; overflow:hidden; text-align: left; }
.diapo .image { background: url(../img/img/foto_fitxa_nofoto.png) center center; background-size: cover; width: 50%; height: 100%; position: absolute; right: 0; top: 0; }
.diapo .cdf { width: 130px; height: 130px; position: absolute; right: 10px; top: 10px; }
.diapo .cdf img { width: 100%; height: 100%; }

.actual { display: inline-block; z-index:0; color: rgb(122,30,61); border-top: 2px solid rgb(122,30,61); border-bottom: 2px solid rgb(122,30,61); padding: 2px 0; font: 0.9em HelveticaNeueBC, Sans-serif; text-transform: uppercase; margin: 10px 0 0 4.5%; }
.proper { display: inline-block; z-index:0; color: #676462; border-top: 2px solid #676462; border-bottom: 2px solid #676462; padding: 2px 0; font: 0.9em HelveticaNeueBC, Sans-serif; text-transform: uppercase; margin: 10px 0 0 4.5%; }
.diapo .text1 { width: 42%; z-index:0; font: bold 4em/1em Arial, Sans-serif; color: black; margin: 40px 0 20px 4.5%; }
.diapo .text1b { width: 42%; z-index:0; font: 1.7em/1.2em Arial, Sans-serif; color: black; margin: 10px 0 20px 4.5%; text-transform: uppercase; color: rgba(0,0,0,0.7); }
.diapo .text2 { width: 42%; z-index:0; font: bold 2em/1em Arial, Sans-serif; color: #474442; margin: 0 0 20px 4.5%; }
.diapo .text3 { width: 42%; z-index:0; font: 1.5em/1.3em Arial, Sans-serif; color: #474442; margin: 0 0 30px 4.5%; text-align: justify; }
.diapo .actual, .diapo .proper { font-size: 1.5em; padding: 5px 0; margin: 0 0 30px 4.5%; }
.diapo .xarxes { z-index:0; font-size: 2.5em; position: absolute; bottom: 20px; left: 60px; }
.diapo .xarxes span { margin-right: -30px; font-size: 0.9em; }
.diapo .xarxes a { color: #474442; text-decoration: none; margin-right: 40px; }
.diapo .xarxes a:hover { color: rgb(122,30,61); text-decoration: none; }
.diapo .xarxes a.external-link { font: 0.8em HelveticaNeueBC, Sans-serif; background: #474442; padding: 1px 8px; color: #E7E4E2; }
.diapo .xarxes a.external-link:hover { background: rgb(122,30,61); padding: 2px 8px; color: #E7E4E2; }
/* FINAL JSSOR FESTIVALS */

table.crono { margin: 0; font: bold 0.85em Arial, Sans-serif; width: 100%; margin-bottom: 60px; vertical-align: middle; }
table.crono th { color: white; text-transform: uppercase; background: #B7B4B2; height: 25px; }
table.crono td, table.crono th { border-bottom: 1px solid white; padding: 0; width: 5%; text-align: center; }
table.crono td.col1 { width: 40%; text-align: left; background: #878482; color: white; padding: 0 10px; }
table.crono img { width: 100%; height: 20px; }


.ocult { opacity:0.001 !important; filter:alpha(opacity=0.1) !important; }
.amagat { display: none; }

/* ul agenda */
span.col0 { color: rgb(255,255,255,0.8); }
span.col1 { color: rgb(235,96,85); }
span.col3 { color: rgb(208,153,134); }
span.col4 { color: rgb(232,182,63); }
span.col5 { color: rgb(102,177,227); }
span.col6 { color: rgb(189,154,85); }
span.col7 { color: rgb(244,156,63); }
span.col8 { color: rgb(165,164,210); }

.prog { list-style: none; margin: 0; padding: 0; }
.prog li { float: left; display: block; width: 31.33%; background: url(img/tag_p.png) no-repeat bottom right; margin: 1%; overflow: hidden; position: relative; border: 1px solid rgba(0,0,0,0.3); }
.prog.cols2 li { width: 48%; }
.prog.progclub li { width: 23%; background: url(img/tag_p.png) no-repeat bottom right; }
.prog.progclub li h3 { font-size: 1.25em; }
.prog a { display: block; height: 340px; }
.prog .foto { background: url(img/list_nofoto.jpg) center center; background-size: cover; height: 150px; }
.prog h3 { margin: 10px; margin-bottom: 7px; color: black; font-family: HelveticaNeueB, Sans-serif; font-size: 1.2em; }
.prog p.tagged { font: 1em Arial, Sans-serif; margin: 5px 10px 5px 10px; text-align: left; }
.prog p.tagged span { margin-right: 0; text-align: left; }
.prog p.tagged.lloc { font-size: 0.9em; font-weight: bold; }
.prog p.tagged.data { font-weight: bold; }
.prog p.tagged.ambit { font-size: 0.9em; margin-top: -4px; margin-right: 20px; color: rgba(0,0,0,0.5); }
.prog p.tipus { font: 0.90em 'Noto Serif', Serif; margin: 5px 10px 5px 10px; text-align: left; text-transform: uppercase; color: black; }
.prog p.desc { font: 0.9em Arial, Sans-serif; margin: 12px 10px 0 10px; text-align: left; }
.prog div.peu_ambit { position: absolute; bottom: 2px; }
.prog a:hover div.foto { /*opacity:0.5; filter:alpha(opacity=50); */ background-color: rgb(122,30,61); background-blend-mode: luminosity; transition: all .3s; -webkit-transition: all .3s; }
.prog li:hover { /*background-image: url(img/tag_estiu) !important; transition: all .3s; -webkit-transition: all .3s;*/ }
.prog a .tagged, .prog a .desc { color: #373432; }
.prog a:hover { color: white; text-decoration: none !important; }
.prog a:hover h3, .prog a:hover h3 span, .prog a:hover p.tagged, .prog a:hover p.tipus, .prog a:hover p.ambit span { color: rgb(122,30,61) !important; }
#debug { font: 0.8em Arial, Sans-serif; color: #BBB; text-align: right; margin: 10px 0 5px 0; }




table.graella { border: none; padding: 0; font-size: 0.9em; margin-bottom: 25px; }
table.graella th { background: #EFEDEB; padding: 5px 3px; }
table.graella td { border-bottom: 1px solid #D7D4D2; padding: 5px 3px; }
table.graella a { font-weight: bold; }



div.espai1 { padding: 0 20px 30px 30px; text-align: left; }
div.espai2 { padding: 0 30px 30px 0; text-align: left; }
div.espai2 p.descripcio { font: 1.05em/1.4em 'Noto Serif', Serif; text-align: justify; margin: 0 0 20px 0; }
div.fitxa1 { padding: 30px 20px 30px 30px; text-align: left; }
div.fitxa2 { padding: 10px 30px 10px 0; text-align: left; }
div.fitxa1 h1 { font: bold 34px/34px Arial, Sans-serif; color: black; text-align: left; margin: 0; }
div.fitxa { padding-top: 20px; background: url(img/tag_pf.png) no-repeat bottom right; }
div.fitxa h2 { font: bold 1.65em Arial, sans-serif; color: #676462; margin: 10px 0 20px 0; }
div.fitxa p.data { font: 1.3em/1.5em Arial, Sans-serif; color: black; margin: 0 0 10px 0; }
div.fitxa p.lloc { font: 1.2em/1.3em Arial, Sans-serif; text-transform: uppercase; color: black; margin: 0 0 25px 0; }
div.fitxa p.preu { display: inline; background: rgba(0,0,0,0.4); color: white; font: 1.3em Arial, Sans-serif; padding: 8px 12px; margin-bottom: 15px; }
div.fitxa p.detalls { font: 1.2em/1.5em Arial, Sans-serif; color: black; margin: 25px 0 25px 0; }
div.fitxa p.detalls span { color: white; font-weight: bold; }
div.fitxa div.descompte { background: #FFE682; padding: 15px; margin-bottom: 20px; }
div.fitxa div.descompte p { font: 1.15em/1.4em Arial, Sans-serif; text-align: justify; margin: 0 0 0 170px; color: #58555C; }
div.fitxa div.descompte img { width: 154px; height: 41px; border: none; float: left;}
div.fitxa p.descripcio { font: 1.05em/1.4em 'Noto Serif', Serif; text-align: justify; margin: 0 0 20px 0; color: black; }
/*div.fitxa p.credits { background: #EFEDEB; color: #555; font: 0.9em/1.3em Arial, Sans-serif; text-align: justify; margin: 0 0 20px 0; padding: 15px; }*/
div.fitxa p.credits { font: 0.9em/1.3em Arial, Sans-serif; text-align: justify; margin: 0 0 5px 0; padding: 15px 0; border-top: 1px solid rgba(0,0,0,0.25); color: #333; }
div.fotos { margin-bottom: 20px; background: url(img/foto_fitxa_nofoto.png) no-repeat center center #E7E4E2; background-size: cover; position: relative; padding-bottom: 56.25%; overflow: hidden; margin-top: 0%; }
div.fotos img { position: absolute; top: 0; left: 0; width: 100%; }
div.marca_club { /*z-index: 1005; */background: #FFE682; box-shadow: 2px 2px 7px rgba(0,0,0,0.35); color: black; font: 4em/1em HelveticaNeueBC, sans-serif; width: 35px; text-align: center; height: 70px; position: absolute; top: 0; right: 25px; }
div.marca_club a { display: block; color: black !important; }
div.marca_club a:hover, div.marca_club a:active  { text-decoration: none; cursor: help; }
div.marca_club.petita { font-size: 3em; width: 30px; height: 50px; right: 15px; }

div.socgc { position: absolute; background: url(img/tag_socgc.png) no-repeat top left; top: 0; left: 0; width: 75px; height: 75px; }
div.socgc a { display: block; color: black !important; }
div.socgc.club { border-top: 1px solid rgba(0,0,0,0.5); border-left: 1px solid rgba(0,0,0,0.5); }

div.pect { position: absolute; background: url(img/tag_pect.png) no-repeat bottom right; top: 89px; right: 0; width: 61px; height: 61px; }
div.pect a { display: block; color: black !important; }
div.pect.fitxa { top: 306px; }

.virtual { position: absolute; top: 0; left: 0; background: blue; color: white; font-weight: bold; width: 100%; height: 24px; padding: 2px 0 3px 0; text-align: center; }
.virtual a { display: block; color: white; }
.virtual-fitxa { background: blue; color: white; font-weight: bold; font-size: 110%; padding: 4px 0; text-align: center; margin: -20px 20px 15px 0; }

ul.menu_principal_toggled { display: none; list-style: none; margin: 0; padding: 0; }
ul.menu_principal_toggled li { display: block; }
ul.menu_principal_toggled li a { display: block; background: #474442; color: white; text-align: right; padding: 5px 30px; border-bottom: 1px solid #C7C4C2; }
ul.menu_principal_toggled li a:hover { text-decoration: none; background: rgb(122,30,61); color: black; }
ul.menu_principal_toggled li:last-child a { border-bottom: 3px solid black; }

ul.menu_principal li.active a, ul.menu_principal_toggled li.active a { text-decoration: none; background: rgb(122,30,61); color: white; }


div.div_infobox { margin-right: 20px; }
table.infobox { background: #EFEDEB; border-bottom: 1px solid black; margin-bottom: 20px; width: 100%; }
table.infobox td { font: 1.05em/1.3em Arial, sans-serif; border-top: 1px solid black; padding: 5px 10px 5px 0; margin: 0; text-align: left; vertical-align: top; }
table.infobox td:first-child { font-weight: bold; padding-left: 10px; padding-right: 5px; }
table.infobox td.dates { position: relative; }
table.infobox tr.club td { background: #FFE682; }

div.cicle { background: rgba(0,0,0,0.30); color: white; font: 1.1em HelveticaNeueBC, Sans-serif; text-transform: uppercase; margin-right: 20px; padding: 5px; text-align: center; margin-bottom: 20px; }

div.info_box { background: #EFEDEB; border-bottom: 1px solid black; margin-bottom: 20px; width: 95%; }
div.info_box div.linia { font: 1.05em/1.4em Arial, sans-serif; border-top: 1px solid black; padding: 5px 10px; margin: 0; text-align: left; }
div.info_box .linia.dates { text-indent: -48px; padding-left: 59px; position: relative; }

.blau_inscripcions { font-weight: bold; color: rgba(122,30,61,1); }
.box-dates { position: relative; margin-right: -10px; }
.box-dates.barra { height: 238px; overflow-y: scroll; }

div.addtocal { display: inline; }
div.addtocal .glyphicon { margin: auto 5px !important; color: rgba(122,30,61,1); cursor: pointer;}
div.addtocal .glyphicon:hover { color: black; }
ul.ui-addtocal { text-align: left; }
.ui-widget { font-family: Arial, Sans-serif; font-size: 0.9em; width: 210px; border-radius: 0; -webkit-border-radius: 0; background: rgba(122,30,61,1); border: 0; padding: 0; }
.ui-widget a { color: white; }
li.ui-menu-item { border-bottom: 1px solid rgba(255,255,255,0.5); }
li.ui-menu-item:last-child { border: none; }
.ui-menu-item { padding: 5px !important; cursor: pointer; }
.ui-state-hover { border-radius: 0 !important; -webkit-border-radius: 0 !important; background: rgba(0,0,0,0.5) !important; border: 0 !important; }
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {	font-weight: normal; margin: auto; }
.addtocal.vevent { position: absolute; right: 0; }
.icona_inscriure { position: absolute; right: 30px; color: rgba(122,30,61,1); }


/*
div.addtocal { display: inline; }
div.addtocal .glyphicon { margin: auto 5px !important; color: rgb(122,30,61); }
div.addtocal .glyphicon:hover { color: black; }
ul.ui-addtocal { text-align: left; }
.ui-widget { font-family: Arial, Sans-serif; font-size: 0.9em; width: 210px; border-radius: 0; -webkit-border-radius: 0; background: rgb(122,30,61); border: 0; padding: 0; }
.ui-widget a { color: white; }
li.ui-menu-item { border-bottom: 1px solid rgba(255,255,255,0.5); }
li.ui-menu-item:last-child { border: none; }
.ui-menu-item { padding: 5px !important; cursor: pointer; }
.ui-state-hover { border-radius: 0 !important; -webkit-border-radius: 0 !important; background: rgba(0,0,0,0.5) !important; border: 0 !important; }
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {	font-weight: normal; margin: auto; }
.addtocal.vevent { position: absolute; right: 0; }
*/
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-top: 0%; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; }
.video { aspect-ratio: 16 / 9; width: 100%; }
.video-eactes { margin: 0 15px; }
#video_fitxa { display: none; }
/*#video_fitxa .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-top: 0%; }
#video_fitxa .video-container iframe, #video_fitxa .video-container object, #video_fitxa .video-container embed { position: absolute; top: 0; left: 0; width: 95%; height: 95%; margin-left: 2.66%; }*/

.image-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-top: 0%; background: url(img/nofoto_etsona.jpg); background-size: cover; }
.image-container a { display: block; position: absolute; top: 0; left: 0;  width: 100%; }
.image-container:hover { opacity:0.5; filter:alpha(opacity=50); }


.fitxa2 #video_fitxa { margin-bottom: 0px; }


div.botons { clear: both; }
div.botons a { display: inline-block; margin-bottom: 15px; }
div.botons a.entrades { background: rgb(122,30,61); box-shadow: 2px 2px 7px rgba(0,0,0,0.35); color: white; padding: 4px 18px 5px 13px; font: 1.1em FuturaM, Arial, Sans-serif; }
div.botons a.normal { background: white; box-shadow: 2px 2px 7px rgba(0,0,0,0.35); color: black; padding: 4px 13px 5px 13px; font: 1.1em FuturaM, Arial, Sans-serif; }
div.botons a.gris { background: #E7E4E2; box-shadow: 2px 2px 7px rgba(0,0,0,0.35); color: black; padding: 4px 13px 5px 13px; font: 1.1em FuturaM, Arial, Sans-serif; }
div.botons a.tornar { background: black; box-shadow: 2px 2px 6px rgba(0,0,0,0.35); color: white; padding: 4px 13px 5px 8px; font: 1.1em FuturaM, Arial, Sans-serif; }
div.botons .glyphicon { opacity:0.65; filter:alpha(opacity=65); }

/* HIDESHARE */
a.share { background: url(img/icn_share.svg) 10px 5px no-repeat rgb(122,30,61); box-shadow: 2px 2px 6px rgba(0,0,0,0.35); font: 1.1em FuturaM, Arial, Sans-serif; margin: 0 0 1px 0; color: white; padding: 5px 18px 5px 35px !important; border: none; background-size: 17px 17px; }
a.share img { width: 17px; height: 17px; margin-right: 3px; }
.fa-share-alt { float: left; opacity:0.65; filter:alpha(opacity=65); padding-right: 15px; }
.hideshare-wrap { margin: 0 auto; text-align: center; position: relative; }
.hideshare-wrap .hideshare-list { position: absolute; top: 0; /*left: 0;*/ right: -25px !important; margin: 0; padding: 0; list-style: none; text-align: center; }
.hideshare-wrap li { display: inline-block; zoom: 1; *display: inline; margin: 10px 5px 0; }
.hideshare-wrap span { display: none; }
.hideshare-list { bottom: auto !important; top: -45px !important; }
.hideshare-list a { color: #373432; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }
.hideshare-list a:hover { color: rgb(122,30,61); }






div.agenda_item { float: left; width: 48%; margin-right: 2%; margin-bottom: 15px; height: 120px; overflow: hidden; border-top: 1px solid rgb(122,30,61); border-right: 1px solid rgb(122,30,61); }
div.agenda_item .foto { width: 100px; height: 100px; float: left; margin-top: 5px; background: url(img/foto_llistat_nofoto.png) no-repeat center center; background-size: cover; }
div.agenda_item .foto img { width: 100px; height: 100px; border: none; }
div.agenda_item p { font-family: Arial, sans-serif; text-align: left; font-size: 90%; margin: 0 10px 5px 110px; line-height: 100%; }
div.agenda_item .titol { font: bold 1.2em Arial, Helvetica, sans-serif; letter-spacing: -0.05em; margin: 5px 5px 3px 110px; text-align: left; line-height: 1.1em; color: black; }
div.agenda_item p.ambit { font: 1em HelveticaNeueLC, sans-serif; text-transform: uppercase; color: rgb(122,30,61); }
div.agenda_item a p { color: #373432; }
div.agenda_item a:hover { text-decoration: none !important; }
div.agenda_item:hover { display: block; background: rgba(211,70,30,0.15); border-color: black; }
div.agenda_item:hover .foto { opacity:0.5; filter:alpha(opacity=50) ; }

div.exclusiu { background: #FFE682; border-color: #3B3C56; }
div.exclusiu p { color: #3B3C56 !important; }

.loading { background: rgba(211,70,30,0.15); padding: 30px 15px; text-align: center; color: rgba(0,0,0,0.5); }

.no-padding { padding: 0; }

div.preheader { margin-bottom: 1px; }
div.logo-cultura { float: left; height: 105px; margin-left: 15px; }
div.logo-cultura img { width: 198px; height: 105px; border: none; }
div.logo-ajgirona { float: right; margin-top: 20px; margin-right: 20px; }
div.logo-ajgirona img { width: 140px; height: 41px; border: none; }
div.logo-temporada { float: left; font: 3em/0.95em HelveticaNeueB, Sans-serif; padding-left: 15px; letter-spacing: -2px; text-align: left; color: black; }

div.barra_menu { clear: both; width: 100%; background: black; }
ul.menu_principal { font: 1.1em HelveticaNeueBC, Arial, sans-serif; text-transform: uppercase; list-style: none; margin: 0; padding: 0; }
ul.menu_principal li { float: left; margin: 0; padding: 0; display: block; }
ul.menu_principal a { color: white; display: block; padding: 8px 15px 8px 15px; background: black; -webkit-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; }
ul.menu_principal a:hover { text-decoration: none; background: rgb(122,30,61); color: #FFF; -webkit-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; }
ul.menu_principal a.club { color: #FFE682 !important; }
ul.menu_principal a.club:hover { background: #FFE682 !important; color: #443956 !important; }
a.menu_toggle, a.filtres_toggle { display: none; position: relative; float: right; padding: 3px 10px 4px 10px; margin-top: 4px; margin-bottom: 4px; margin-right: 20px; background: none; border: 1px solid white; border-radius: 4px; color: white; font: 1.1em HelveticaNeueBC, Arial, sans-serif; text-transform: uppercase; text-decoration: none; }
a.menu_toggle:hover, a.filtres_toggle:hover { background: rgb(122,30,61); color: black; text-decoration: none; border-color: rgb(122,30,61); }
a.menu_toggle.selected, a.filtres_toggle.selected { background: rgb(122,30,61); color: white; text-decoration: none; }
a.filtres_toggle { float: left; margin-right: 0; margin-left: 20px; }



.scrollable-menu { height: auto; max-height: 250px; overflow-x: hidden; }
.equips { font: 0.9em Arial, Sans-serif; }


#map_wrapper { border: 1px solid #999; }


.baner_pect a { display: block; margin-top: 30px; margin-bottom: 20px; background: #EB184B; text-align: center; max-width: 276px;  }
.baner_pect a:hover { opacity: 0.5; }
.baner_pect img { width: 100%; }


.logos_inici p { font-size: 0.8em; color: #555; text-align: center; }
.logos_inici a { max-width: 276px; display: block; padding: 10px 0; text-align: center; }
.logos_inici a:hover { opacity: 0.5; }
.logos_inici a img { width: 50%; }
.logos_inici a.damm img { width: 35%; margin-bottom: -2px; }
.logos_inici a.vilajuiga img { width: 45%; }

/* FILTRES ******/
#filtres { margin-bottom: 15px; padding-top: 3px; }
#filtres h2 { margin-bottom: 24px; }
#filtres h4 { margin-bottom: 3px; color: #878482; }
ul.filtres { list-style: none; margin: 0; padding: 0; font-size: 90%; border-top: 1px solid black; }
ul.filtres li { margin: 0; padding: 0; border-bottom: 1px solid black; }
ul.filtres a { background: #EFEDEB /*rgba(211,70,30,0.25)*/; color: black; display: block; padding: 4px 6px; position: relative; }
ul.filtres a.altres { background: rgba(211,70,30,0.15); }
ul.filtres a.club { background: #FFE682; }
ul.filtres a.pect { background: rgba(124,196,8,0.4); }
ul.filtres a.color1 { background: rgb(235,96,85); }
ul.filtres a.color3 { background: rgb(208,153,134); }
ul.filtres a.color4 { background: rgb(232,182,63); }
ul.filtres a.color5 { background: rgb(102,177,227); }
ul.filtres a.color6 { background: rgb(189,154,85); }
ul.filtres a.color7 { background: rgb(244,156,63); }
ul.filtres a.color8 { background: rgb(165,164,210); }
ul.filtres .glyphicon { margin-right: 3px; }
ul.filtres .glyphicon-check { color: black; }
ul.filtres .glyphicon-unchecked { color: rgba(0,0,0,0.6); }
ul.filtres a span.comptador { position: absolute; right: 5px; color: rgba(0,0,0,0.7); }
ul.filtres a.totes { background: rgb(122,30,61); color: white; font-weight: bold; }
ul.filtres a.totes .glyphicon-check, ul.filtres a.totes .glyphicon-unchecked, ul.filtres a.totes span.comptador { color: white; font-weight: normal; }
ul.filtres a.totes:hover { background: #474442; transition: all .3s; -webkit-transition: all .3s; text-decoration: none; }
#pullup { display: block; text-align: left; }
#pullup .btn { font-size: 90%; display: block; float: none; width: 100%; text-align: left; background: #EFEDEB /*rgba(211,70,30,0.25)*/; padding: 5px 12px; border-radius: 0; border-color: black; }
#pullup ul li  { margin: 0; border-top: 1px solid #AAA; width: 100%; }
#pullup ul li a { background: white; width: 100%; }
#pullup ul li a:hover { background: rgba(211,70,30,1) !important; }
#filtres .caret { margin-left: 5px; position: absolute; right: 10px; top: 9px; font-size: 150%; }
.fals_pullup { background: #EFEDEB; padding: 5px 12px; border: 1px dotted #777472; color: #C7C4C2; }

.cercador { margin: 0; background: #EFEDEB; padding: 5px; border: 1px solid black; border-left: none; border-right: none; }
.cercador input[type=text] { font-size: 0.95em; }
.cercador p { font: 0.9em Arial, Sans-serif; color: #777472; }
.cercador button { background: #676462; border-color: #676462; margin-right: 5px; }
.cercador button:hover { background: rgb(122,30,61); border-color: rgb(122,30,61); }
.pad0 { padding: 0 }

ul#tags_ariane { list-style: none; margin: 0; padding: 0; padding-top: 7px; }
ul#tags_ariane li { float: left; background: #F7F4F2; border: 1px solid #D7D4D2; border-left: 4px solid #D7D4D2; font: 0.85em Arial, Sans-serif; display: block; padding: 5px 10px 7px 7px; margin-left: 7px;  margin-bottom: 7px; color: #474442 }
ul#tags_ariane span { color: #B7B4B2; margin-right: 2px; }
ul#tags_ariane li#total_mostrades { background: #979492; color: white; border-color: #979492; }

.logos { border-top: 1px solid #D7D4D2; text-align: center; padding: 5px; }
.logos p { text-align: center; font: 1em HelveticaNeueLC, sans-serif; color: #676462; text-transform: uppercase; margin: 0 0 5px 0; }
.logos img { height: 70px; margin: 0 35px 10px 35px; }

.peupagina { width: 1024px; display: block; background: #c4c9c0; border: none; margin: 15px auto 0 auto; text-align: center; }
.peupagina p { color: #373432; font-size: 90%; padding: 20px 0 15px 0; margin: 0; }
.peupagina p span { color: #979492; margin: 0 5px; }
.peupagina p a { margin-left: 15px; font-weight: bold; color: black; }
.peupagina p a:hover { color: white; text-decoration: none; }
.peupagina .compartir { float: right; margin-right: 25px; }
.peupagina .compartir a { color: black !important; text-decoration: none !important; }
.peupagina .xarxes { font-size: 2.3em; line-height: 1em; margin: 0; padding: 10px 0; text-align: right; }
.peupagina .xarxes a { color: black; text-decoration: none; margin-left: 15px; }
.peupagina .xarxes a:hover { color: white; text-decoration: none; }
.peupagina .col-peu { float: left; padding-right: 15px; padding-left: 15px; }



.fa-issuu:before {
    content: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='https://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 89.776 89.781' enable-background='new 0 0 89.776 89.781' xml:space='preserve'><g><path fill='%23FFFFFF' d='M45.395,22.319c-12.453-0.118-22.646,9.884-22.763,22.338c-0.118,12.452,9.884,22.646,22.338,22.762c12.453,0.118,22.647-9.884,22.765-22.335C67.851,32.629,57.85,22.438,45.395,22.319 M45.075,56.288c-6.306-0.06-11.371-5.22-11.311-11.526c0.059-6.306,5.22-11.371,11.526-11.311c6.306,0.059,11.371,5.22,11.312,11.526C56.542,51.283,51.381,56.348,45.075,56.288'/><path fill='%23FFFFFF' d='M44.889,0.002c-0.072,0-0.142,0.002-0.214,0.002V0H15.797H6.298H3.731C1.679,0,0,1.679,0,3.731v2.287v7.353v31.521c0,24.791,20.097,44.889,44.889,44.889s44.888-20.099,44.888-44.889C89.776,20.099,69.681,0.002,44.889,0.002 M14.049,44.271c0.163-17.212,14.249-31.034,31.46-30.872c17.212,0.163,31.035,14.249,30.871,31.46c-0.162,17.21-14.248,31.033-31.459,30.871C27.709,75.566,13.887,61.48,14.049,44.271'/></g></svg>");
    position: relative;
    top: 2px;
}
.fa-issuu:hover { content: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='//www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 89.776 89.781' enable-background='new 0 0 89.776 89.781' xml:space='preserve'><g><path fill='%23FFFFFF' d='M45.395,22.319c-12.453-0.118-22.646,9.884-22.763,22.338c-0.118,12.452,9.884,22.646,22.338,22.762c12.453,0.118,22.647-9.884,22.765-22.335C67.851,32.629,57.85,22.438,45.395,22.319 M45.075,56.288c-6.306-0.06-11.371-5.22-11.311-11.526c0.059-6.306,5.22-11.371,11.526-11.311c6.306,0.059,11.371,5.22,11.312,11.526C56.542,51.283,51.381,56.348,45.075,56.288'/><path fill='%23FFFFFF' d='M44.889,0.002c-0.072,0-0.142,0.002-0.214,0.002V0H15.797H6.298H3.731C1.679,0,0,1.679,0,3.731v2.287v7.353v31.521c0,24.791,20.097,44.889,44.889,44.889s44.888-20.099,44.888-44.889C89.776,20.099,69.681,0.002,44.889,0.002 M14.049,44.271c0.163-17.212,14.249-31.034,31.46-30.872c17.212,0.163,31.035,14.249,30.871,31.46c-0.162,17.21-14.248,31.033-31.459,30.871C27.709,75.566,13.887,61.48,14.049,44.271'/></g></svg>"); }

/* XARXES A MENÚ */
ul.menu_principal li.xarxa a { padding: 8px 8px 8px 8px; font-size: 18px; }
ul.menu_principal li.primera a { margin-left: 20px; }
.fa-issuu2 { padding-bottom: 3px !important; padding-top: 8px !important; }
.fa-issuu2:before {
    content: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='//www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 89.776 89.781' enable-background='new 0 0 89.776 89.781' xml:space='preserve'><g><path fill='%23FFFFFF' d='M45.395,22.319c-12.453-0.118-22.646,9.884-22.763,22.338c-0.118,12.452,9.884,22.646,22.338,22.762c12.453,0.118,22.647-9.884,22.765-22.335C67.851,32.629,57.85,22.438,45.395,22.319 M45.075,56.288c-6.306-0.06-11.371-5.22-11.311-11.526c0.059-6.306,5.22-11.371,11.526-11.311c6.306,0.059,11.371,5.22,11.312,11.526C56.542,51.283,51.381,56.348,45.075,56.288'/><path fill='%23FFFFFF' d='M44.889,0.002c-0.072,0-0.142,0.002-0.214,0.002V0H15.797H6.298H3.731C1.679,0,0,1.679,0,3.731v2.287v7.353v31.521c0,24.791,20.097,44.889,44.889,44.889s44.888-20.099,44.888-44.889C89.776,20.099,69.681,0.002,44.889,0.002 M14.049,44.271c0.163-17.212,14.249-31.034,31.46-30.872c17.212,0.163,31.035,14.249,30.871,31.46c-0.162,17.21-14.248,31.033-31.459,30.871C27.709,75.566,13.887,61.48,14.049,44.271'/></g></svg>");
}
.fa-issuu2:hover { content: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='//www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 89.776 89.781' enable-background='new 0 0 89.776 89.781' xml:space='preserve'><g><path fill='%23000000' d='M45.395,22.319c-12.453-0.118-22.646,9.884-22.763,22.338c-0.118,12.452,9.884,22.646,22.338,22.762c12.453,0.118,22.647-9.884,22.765-22.335C67.851,32.629,57.85,22.438,45.395,22.319 M45.075,56.288c-6.306-0.06-11.371-5.22-11.311-11.526c0.059-6.306,5.22-11.371,11.526-11.311c6.306,0.059,11.371,5.22,11.312,11.526C56.542,51.283,51.381,56.348,45.075,56.288'/><path fill='%23000000' d='M44.889,0.002c-0.072,0-0.142,0.002-0.214,0.002V0H15.797H6.298H3.731C1.679,0,0,1.679,0,3.731v2.287v7.353v31.521c0,24.791,20.097,44.889,44.889,44.889s44.888-20.099,44.888-44.889C89.776,20.099,69.681,0.002,44.889,0.002 M14.049,44.271c0.163-17.212,14.249-31.034,31.46-30.872c17.212,0.163,31.035,14.249,30.871,31.46c-0.162,17.21-14.248,31.033-31.459,30.871C27.709,75.566,13.887,61.48,14.049,44.271'/></g></svg>"); padding-top: 8px !important; padding-bottom: 6px !important; }


div.xarxes-toggle a { float: left; width: 25%; font-size: 24px; padding-top: 10px; padding-bottom: 10px; }
div.xarxes-toggle a.fa-issuu2 { padding-bottom: 4px !important; padding-top: 6px !important; }


.barraCookie { background: rgba(0,130,155,0.95); width: 100%; height: 75px; position: fixed; bottom: 0; left: 0; z-index: 10000; }
.barraCookie div { position: relative; }
.barraCookie img { width: 250px; height: 75px; position: absolute; top: 0; left: 0; border: none; }
.barraCookie table { font: 1.3em Arial, Sans-serif; color: white; height: 75px; margin-left: 255px; margin-right: 110px; text-align: left }
.barraCookie a { position: absolute; top: 20px; font: 2em "Glyphicons Halflings"; color: white; }
.barraCookie a.si { right: 20px; }
.barraCookie a.no { right: 60px; }
.barraCookie a:hover { color: black; }
#cookie, #addtohome { display: none; }

#addtohome { z-index: 30000; position: fixed; top: 10px; right: 10px; padding: 20px; border-radius: 20px; border-top-right-radius: 0; background: rgba(0,130,155,0.95); color: white;  border: 2px solid black; box-shadow: 2px 4px 5px rgba(0,0,0,0.7); width: 500px; text-align: justify; }
#addtohome img.icona { width: 96px; height: 96px; border: 0; float: left;}
#addtohome img.safari { width: 16px; height: 22px; border: 0; margin: 0 4px; }
#addtohome p { margin: 0 0 0 116px; font: 1.1em Arial, Sans-serif; padding-bottom: 30px; }
#addtohome a { display: block; font: 2em "Glyphicons Halflings"; color: white; text-align: right; position: absolute; bottom: 10px; right: 20px; }


/* ul per a exportació revista */
h1.item { font-size: 3em; padding-top: 40px; }
.repetit { background: #FF0; color: black; padding: 5px; font-size: 1.1em; }
.capcalera h1 { color: white; margin-bottom: 5px; margin-top: 30px; }
.revista { list-style: none; margin: 0; padding: 0; }
.revista div { display: block; padding: 20px 20px 0 20px; background: #FFF; text-align: left; border-bottom: 1px solid #C7C4C2; }
.revista p { margin: 0 0 5px 0; }
.revista p.data { font: bold 0.9em Arial, Helvetica, Sans-serif;  }
.revista p.lloc { font: bold 1em Arial, Helvetica, Sans-serif; color: #F00; }
.revista p.preu { font: 0.9em Arial, Helvetica, Sans-serif; }
.revista p.tipus { font: 0.9em Arial, Helvetica, Sans-serif; text-transform: uppercase; }
.revista p.titol { font: bold 1.6em Arial, Helvetica, Sans-serif; }
.revista p.intro { font: 1.1em Georgia, Times, Serif; }
.revista p.resum { font: 0.95em Georgia, Times, Serif; }
.revista p.credits { font: 0.8em Arial, Helvetica, Sans-serif; }
.revista p.web { font: 1em 'HelveticaNeueBC', Sans-serif; }
.revista a.foto img { width: 200px; border: none; text-align: left; }

form.llibret { text-align: left; margin: 15px 0; border-top: 1px solid #900; border-bottom: 1px solid #900; padding: 15px; background: rgba(255,255,255,0.5); }
form.llibret label { font: bold 1.4em 'HelveticaNeueBC', sans-serif; color: #900; margin: 20px 0 10px 0;text-align: left; }
form.llibret input[type=text] { font-size: 0.95em; font-weight: bold; padding: 5px 10px; width: 70px; color: #000; }
form.llibret input[type=submit] { font: bold 1.1em 'HelveticaNeueBC', sans-serif; background: #900; color: white; margin-top: 15px; padding: 5px 20px; border: none; border-radius: 6px; }
form.llibret input[type=submit]:hover { background: black; cursor: pointer; }
form.llibret input[type=button] { font: bold 1.1em 'HelveticaNeueBC', sans-serif; color: #900; background: white; margin-top: 15px; padding: 5px 20px; border: none; border-radius: 6px; }
form.llibret input[type=button]:hover { background: black; color: white; cursor: pointer; }
form.llibret div.ambits { margin-top: 10px;}
form.llibret div.ambits label { font: 1em Arial, Sans-serif; margin: 0 10px 0 2px; cursor: pointer; }
form.llibret div.ambits label:hover { color: black; }
form.llibret div.ambits label.activa { font-weight: bold; color: black; }
.llibret_cicle { font: bold 0.85em Arial, Sans-serif; text-transform: uppercase; color: rgba(0,0,0,0.5); display: inline-block; padding: 3px 10px; border: 1px solid rgba(0,0,0,0.5); }


table.graella2 { border: none; padding: 0; font-size: 0.9em; margin-bottom: 25px; background: white; text-align: left; }
table.graella2 th { background: #EFEDEB; padding: 5px 3px; }
table.graella2 td { border-bottom: 1px solid #D7D4D2; padding: 5px; }
table.graella2 a { color: black; text-decoration: none; }
table.graella2 a:hover { color: #900; text-decoration: none; }
table.graella2 tr.invisible { background: #FFFF00; }
table.graella2 span.ambit { display: inline-block; width: 18px; text-align: center; margin: 0 2px; border: 1px solid #666; color: #666; vertical-align: -5px }

/* CLUB ***********************************/
.contingut.club { background: rgba(255,230,130,1); }
.contingut.club .fila { background: none; }
.contingut.club p.txt { font: 1.1em/1.30em Arial, Sans-serif; }
.blau_club { color: #474061; }
/* subnav club */
.nav-pills.menu_club { margin-left: 15px; margin-bottom: 20px; }
.nav-pills.menu_club li { border: 2px solid #474061; padding: 0; margin-right: 10px; }
.nav-pills.menu_club li a { padding: 5px 10px; font: 1.05em HelveticaNeueBC; text-transform: uppercase; color: #474061; -webkit-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; border-radius: 0 !important; background: white; }
.nav-pills.menu_club li.active { border-color: black; }
.nav-pills.menu_club li.active a { background: rgb(122,30,61); color: white; border-radius: 0; }
.nav-pills.menu_club li a:hover { background: rgb(122,30,61); color: black; border-radius: 0; -webkit-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; }

table.descomptes {  display: none; font-size: 95%; }
table.descomptes th { text-align: center; padding: 7px 5px; background: rgba(0,0,0,0.3); color: white; text-transform: uppercase; font-size: 90%; }
table.descomptes th:first-child { text-align: left; }
table.descomptes td { width: 25%; text-align: left; border-top: 1px solid #BBB; padding: 7px 5px; text-align: center; }
table.descomptes td:first-child { font-weight: bold; text-align: left; font-size: 105%; }
div.llista_descomptes { background: rgba(255,255,255,0.85); border: 1px solid rgba(0,0,0,0.4); border-top: none; padding: 10px; padding-bottom: 0; margin-bottom: 10px; border-radius: 4px; border-top-left-radius: 0; border-top-right-radius: 0;  }

.nav-tabs.descomptes { border-color: #AAA; margin-top: 15px; }
.nav-tabs.descomptes li a { background: rgba(0,0,0,0.4); border-color: rgba(0,0,0,0.4); border-bottom-color: #AAA; margin-right: 5px; color: #FFF; }
.nav-tabs.descomptes li.active a { background: rgba(255,255,255,0.85); border-color: rgba(0,0,0,0.4); border-bottom-color: #FFF; color: black; }
.nav-tabs.descomptes li a:hover { background: rgba(0,0,0,0.9); border-color: rgba(0,0,0,0.9); border-bottom-color: #AAA; color: #FFF; }

.clubintro, .clublogo { float: left; }
.clubintro { width: 62%; font: 0.95em Arial, Sans-serif; }
.clubintro h2 { margin-top: 0; }
.clublogo { width: 38%; text-align: right; }
.clublogo img { width: 274px; height: 227px; margin-top: 0px; margin-right: 30px; }
.video_inici { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; margin: 0 auto }
.video_inici iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }

ul.targes3 { list-style: none; margin: 30px 0 0 0; padding: 0; width: 100%; }
ul.targes3 li { margin: 0 2%; padding: 0px; width: 29%; float: left; }
ul.targes3 li div { padding: 15px; text-align: center; background: rgba(255,255,255,0.55); border-radius: 15px; height: 150px; border: 2px solid #474061; border-radius: 15px; }
ul.targes3 li a:hover div { background: #474061; text-decoration: none !important; }
ul.targes3 li a:hover h3, ul.targes3 li a:hover p { color: #FFE682 !important; }

ul.targes3 h3 { margin-top: 20px; margin-bottom: 0px; text-align: center; padding: 0; color: #474061; }
ul.targes3 p { font: 0.8em Arial, Sans-serif; text-align: center; margin: 0; }


ul.targes3 a { display: block; background: url(img/targeta_0-15.jpg) no-repeat; background-size: cover; height: 150px; border-radius: 10px; }
ul.targes3 a:hover { opacity: 0.5; }
ul.targes3 a.t015 { background-image: url(img/targeta_0-15_2021.png); }
ul.targes3 a.t1629 { background-image: url(img/targeta_16-29_2021.png); }
ul.targes3 a.t30 { background-image: url(img/targeta_30_2021.png); }


.foto_invisible { width: 1px; height: 1px; overflow: hidden; opacity:0.01; filter:alpha(opacity=1) }


.s1280, .s1024, .s960, .s768, .s478 { display: none; }
.s1280 { display: inline; }

.avis_inscripcions { border: rgb(122,30,61); background: rgba(122,30,61, 0.3); padding: 15px; margin-right: 20px; margin-bottom: 20px; text-align: left; }




@media only screen and (max-width: 1024px)
{
	.contingut, .peupagina { width: 100%; }
	.peupagina { margin-top: 0; }
	.barraCookie table { font-size: 1.15em; }

	.s1280, .s1024, .s960, .s768, .s478 { display: none; }
	.s1024 { display: inline; }
}

@media only screen and (max-width: 960px)
{
	.prog li { width: 48%; margin: 1%; }
	.s1280, .s1024, .s960, .s768, .s478 { display: none; }
	.s960 { display: inline; }
	div.espai1, div.espai2 { width: 100%; padding: 0 0 0 20px; }
	div.espai2 { padding-right: 20px }
	#map_wrapper { margin-right: 20px; height: 400px; }
	/* FESTIVALS */
	div.visor_fest { margin: 0 5px 20px 5px; }
	ul.fest div.foto { float: none; width: 100%; height: 120px; }
	ul.fest h2 { clear: both; margin: 15px 10px 5px 10px; }
	ul.fest p { margin: 0 10px 5px 10px; }
	ul.fest a { width: 23%; height: 270px; margin: 0 2% 15px 0; }
	/* ENTREACTES */
	.issuu { padding: 0; }
	ul.eactes { margin: 20px 0 0 0; }
	ul.eactes a { width: 48.4%; }
	.issuuembed { height: 450px; }
	.barraCookie table { font-size: 1.05em; }
}

@media only screen and (max-width: 768px)
{
	.menu_principal, #filtres { display: none; } /* ARREGLAR QUAN SURT BURGER */
	a.menu_toggle, a.filtres_toggle { display: block; }

	.video-eactes { margin: 0 10px 0 0; }
	div.logo-cultura { margin-left: 0; }
	div.fitxa1 { padding: 30px 0 0 20px; }
	div.fitxa2 { padding: 10px 20px 30px 20px; }
	div.infobox { margin-right: 20px; }
	div.fullmobile h1 { padding-top: 30px; margin-top: 0 }
	/* ESPAIS */
	ul.espais div.foto { float: none; width: 100%; height: 130px; }
	ul.espais h2 { clear: both; margin: 15px 10px 5px 10px; }
	ul.espais p { margin: 0 10px 5px 10px; }
	ul.espais a { width: 48%; height: 240px; margin: 0 2% 15px 0; }

	ul.fest a { width: 31%; height: 260px }

	.barraCookie img { left: -50px; }
	.barraCookie table { margin-left: 205px; font-size: 0.95em; }

	.s1280, .s1024, .s960, .s768, .s478 { display: none; }
	.s768 { display: inline; }
}

@media only screen and (max-width: 640px)
{
	.video-eactes { margin: 0; }
	ul.fest a { width: 48%; }
	.issuuembed { height: 400px; }
	ul.eactes a { width: 100%; margin: 0 0 15px 0 }
	.peupagina .xarxes { font-size: 1.6em; line-height: 1.6em; }
	.barraCookie img { left: -130px; }
	.barraCookie table { margin-left: 115px; margin-right: 100px; font-size: 0.90em; line-height: 1.1em }

	#addtohome { width: 350px; }
	#addtohome img.icona { width: 48px; height: 48px; border: 0; float: left;}
	#addtohome p { margin: 0 0 0 68px; font: 1em Arial, Sans-serif; }
}

/*
.prog { list-style: none; margin: 0; padding: 0; }
.prog li { float: left; display: block; width: 31.33%; background: #E7E4E2; margin: 1%; overflow: hidden; position: relative; }
.prog a { display: block; height: 340px; }
.prog .foto { background: url(img/list_nofoto.jpg) center center; background-size: cover; height: 150px; }
.prog h3 { margin: 10px; }
.prog p.tagged { font: 1em Arial, Sans-serif; margin: 5px 10px 5px 33px; text-align: left; text-indent: -11px; }
.prog p.tagged span { margin-right: 8px; text-align: left; }
.prog p.desc { font: 0.9em Arial, Sans-serif; margin: 12px 10px 0 10px; text-align: left; }
.prog a:hover div.foto { opacity:0.5; filter:alpha(opacity=50); transition: all .3s; -webkit-transition: all .3s; }
.prog li:hover { background: #B7B4B2; transition: all .3s; -webkit-transition: all .3s; }
.prog a .tagged, .prog a .desc { color: #373432; }
.prog a:hover { color: white; text-decoration: none !important; }
.prog a:hover h3, .prog a:hover h3 span, .prog a:hover p.tagged { color: white !important; }
*/
@media only screen and (max-width: 478px)
{
	div.logo-cultura { margin-left: 5px; height: 75px; }
	div.logo-cultura img { width: 140px; height: auto; }
	div.logo-temporada img { width: 138px; height: auto; }
	div.logo-ajgirona { margin-top: 20px; margin-right: 10px; }
	div.logo-ajgirona img { width: 100px; height: auto; }
	div.logo-temporada { font: 2em/0.95em HelveticaNeueB, Sans-serif; padding-left: 10px; }
	.capcalera { height: 75px; }

	div#calendari { display: none; }
	.prog li { width: 48%; margin: 1% 1% 10px 1%; height: 300px; }
	.prog .foto { height: 125px; }
	.prog h3 { font-size: 1.05em; line-height: 1.1em; }
	.prog p.tagged { font-size: 0.90em }
	.prog p.tipus { font-size: 0.85em; }
	.s1280, .s1024, .s960, .s768, .s478 { display: none; }
	.s478 { display: inline; }
	ul.espais a { width: 98%; }
	ul.fest div.foto { float: none; width: 100%; height: 140px; }
	ul.fest a { width: 98%; height: 250px; }
	.issuuembed { height: 350px; }

	.barraCookie img { display: none; }
	.barraCookie table { margin-left: 15px; margin-right: 90px; font-size: 0.85em; line-height: 1.1em }

	#addtohome { width: 325px; }
	#addtohome img.icona { float: none; margin-bottom: 10px; margin-left: 118px; }
	#addtohome p { margin: 0 }
}