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


@font-face {
  font-family: 'Miller Text';
  src: url('fonts/MillerText.otf');
}
@font-face {
  font-family: HelveticaNeueRegular;
  src: url('fonts/HelveticaNeueRegular.otf');
}
@font-face {
    font-family: HelveticaNeueBold;
    src: url('fonts/HelveticaNeueBold.otf');
}
@font-face {
  font-family: HelveticaNeueMedium;
  src: url('fonts/HelveticaNeueMedium.otf');
}
@font-face {
  font-family: HelveticaNeueBlack;
  src: url('fonts/HelveticaNeueBlack.ttf');
}
@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: white; margin: 0; padding: 0; text-align: center; font-family: HelveticaNeueRegular, Arial, Sans-serif;}
a:hover { text-decoration: none; }

.reset { clear: both; margin: 0; width: 0; height: 0; }
p { font-family: HelveticaNeueRegular, 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; }


.fons-menuwebs { background: #F5F5F6 !important; border: none; width: 100%; text-align: center; }
.fons-submenu { background: rgb(200,207,193) !important; border: none; width: 100%; text-align: center; }
.menuwebs { width: 1200px; margin: 0 auto; }
.menuwebs ul.webs { list-style: none; margin: 0; padding: 0; margin-left: 5px; }
.menuwebs ul.webs li { float: left; }
.menuwebs ul.webs a { display: block; font: 14px HelveticaNeueRegular, Sans-serif; letter-spacing: 0; padding: 10px 10px 11px 10px; color: rgba(0,0,0,0.7); font-weight: normal; }
.menuwebs ul.webs a.active { font-family: HelveticaNeueBold; color: black; }
.menuwebs ul.webs a:hover { background: rgba(0,0,0,0.1); }
.menuwebs ul.webs li.dret { float: right; }
.menuwebs ul.webs li.xarxa { float: right; }
.menuwebs ul.webs li.xarxa a { font-size: 18px; color: black; padding: 9px 13px 8px 13px; }
.menuwebs ul.webs li.separador { float: right; padding: 0; margin-left: 20px; margin-right: 20px; height: 17px; margin-top: 10px; border-right: 2px solid rgba(0,0,0,0.4); }

/* ANIMACIONS INICI */

#boto1 { animation-name: boto1; background-color: rgba(200,207,193,0); animation-duration: 3s; }
@keyframes boto1 {
	0% {     background-color: rgba(200,207,193,0); }
	14.29% { background-color: rgba(200,207,193,1); }
	28.57% { background-color: rgba(200,207,193,1); }
	42.86% { background-color: rgba(200,207,193,0); }
	57.14% { background-color: rgba(200,207,193,0); }
	71.43% { background-color: rgba(200,207,193,0); }
	85.71% { background-color: rgba(200,207,193,0); }
	100% {   background-color: rgba(200,207,193,0); }
}
#boto2 { animation-name: boto2; background-color: rgba(239,126,176,0); animation-duration: 3s; }
@keyframes boto2 {
	0% {     background-color: rgba(239,126,176,0); }
	14.29% { background-color: rgba(239,126,176,0); }
	28.57% { background-color: rgba(239,126,176,1); }
	42.86% { background-color: rgba(239,126,176,1); }
	57.14% { background-color: rgba(239,126,176,0); }
	71.43% { background-color: rgba(239,126,176,0); }
	85.71% { background-color: rgba(239,126,176,0); }
	100% {   background-color: rgba(239,126,176,0); }
}
#boto3 { animation-name: boto3; background-color: rgba(255,203,0,0); animation-duration: 3s; }
@keyframes boto3 {
	0% {     background-color: rgba(255,203,0,0); }
	14.29% { background-color: rgba(255,203,0,0); }
	28.57% { background-color: rgba(255,203,0,0); }
	42.86% { background-color: rgba(255,203,0,1); }
	57.14% { background-color: rgba(255,203,0,1); }
	71.43% { background-color: rgba(255,203,0,0); }
	85.71% { background-color: rgba(255,203,0,0); }
	100% {   background-color: rgba(255,203,0,0); }
}
#boto4 { animation-name: boto4; background-color: rgba(1,206,166,0); animation-duration: 3s; }
@keyframes boto4 {
	0% {     background-color: rgba(1,206,166,0); }
	14.29% { background-color: rgba(1,206,166,0); }
	28.57% { background-color: rgba(1,206,166,0); }
	42.86% { background-color: rgba(1,206,166,0); }
	57.14% { background-color: rgba(1,206,166,1); }
	71.43% { background-color: rgba(1,206,166,1); }
	85.71% { background-color: rgba(1,206,166,0); }
	100% {   background-color: rgba(1,206,166,0); }
}
#boto5 { animation-name: boto5; background-color: rgba(8,149,255,0); animation-duration: 3s; }
@keyframes boto5 {
	0% {     background-color: rgba(8,149,255,0); }
	14.29% { background-color: rgba(8,149,255,0); }
	28.57% { background-color: rgba(8,149,255,0); }
	42.86% { background-color: rgba(8,149,255,0); }
	57.14% { background-color: rgba(8,149,255,0); }
	71.43% { background-color: rgba(8,149,255,1); }
	85.71% { background-color: rgba(8,149,255,1); }
	100% {   background-color: rgba(8,149,255,0); }
}

.menuapartats ul { list-style: none; margin: 0; padding: 0; text-align: center; }
.menuapartats ul li { display: inline-block; font: 16px HelveticaNeueRegular, Sans-serif; margin: 0 -2px; margin-top: -1px; padding: 0; }
.menuapartats a { color: black; display: block; padding: 10px 22px 7px 22px; border-bottom: 5px solid rgba(0,0,0,0); }
.menuapartats a.active { font-family: HelveticaNeueBold; border-bottom: 5px solid rgba(0,0,0,0.3); }
.menuapartats a:hover { background: rgba(0,0,0,0.1); border-bottom: 5px solid rgba(0,0,0,0.5); }

.fons-nomweb { background: black !important; border: none; width: 100%; margin: auto; text-align: center; }
.nomweb { background: none; width: 1200px; margin: 0 auto; position: relative; }
.logo-gicultura { float: left; height: 53px; margin-left: 15px; margin-top: 15px; margin-bottom: 12px; }
.logo-estacio { font-family: HelveticaNeueBold, sans-serif; color: white; font-size: 25px; height: 53px; width: 100%; text-align: center; position: absolute; left: 0; top: 23px; }
.logo-gicultura img, .logo-estacio img { height: 53px; width: auto; }
.year { font: 24px HelveticaNeueRegular, Arial, Sans-serif; color: white; position: absolute; top: 20px; left; 0; letter-spacing: -1px; }

#burger { float: right; margin-top: 20px; margin-right: 30px; margin-left: 30px; font-size: 2em; display: none; }
#burger a { color: white; }
#burger a:hover { color: rgba(255,255,255,0.7); }
div.logo-ajgirona { float: right; margin-top: 20px; margin-right: 20px; }
div.logo-ajgirona img { width: 117px; height: 41px; border: none; }

.avis-inici { background-color: rgba(0,0,0,0.75); z-index: 9999; position: fixed; left: 0; top: 0; right: 0; bottom: 0; }
.avis-logos { position: absolute; z-index: 10000; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 900px; height: auto; background: rgba(232,232,232,0.98); box-shadow: 5px 5px 20px rgba(0,0,0,0.3); }
.avis-logos h1 { text-align: center; font-size: 150%; margin-bottom: 0px; }
.divlogos { width: 100%; margin: 0 auto; padding-top: 20px; }
.divlogos p { font: 12px HelveticaNeueRegular, Arial, sans-serif; color: rgba(0,0,0,0.8); text-align: center; margin: 0; margin-top: 15px; padding: 0 10%; }
.divlogos ul { list-style: none; margin: 0; padding: 0; text-align: center; }
.divlogos ul li { display: inline-block; margin: 0; padding: 0; }
.divlogos a { display: block; padding: 0 35px; }
.divlogos a.logodipu img { width: 160px;/* height: 55px; */}
.divlogos a.logogene img { width: 197px; /*height: 36px;*/ }
.divlogos a.logoeu img { width: 252px; /*height: 56px;*/ }
.galetes { font-size: 80%; margin: 20px 25px; border-top: 1px solid rgba(0,0,0,0.3); line-height: 1.6em; }
.galetes .btns { margin-top: 20px; }
.galetes .btn { border-radius: 0; background: none; margin: auto 10px; }
.galetes .btn-default { background: none; color: black; border-color: black; }
.galetes .btn-primary { background: black; color: white; border-color: black; }
.galetes .btn:hover { background: white; color: black; }
#galetes-config { display: none; }
#galetes-config h3 { opacity: 0.85; }
#galetes-config input { margin-left: 15px; margin-right: 5px; }
#galetes-config label { cursor: pointer; }

.fons-pre-peu { background: #E8E8E8 !important; border: none; width: 100%; text-align: center; padding: 20px 0; }
.peu-logos { width: 1200px; margin: 0 auto; }
.peu-logos p { font: 12px HelveticaNeueRegular, Arial, sans-serif; color: rgba(0,0,0,0.6); text-align: center; margin: 0; margin-top: 15px; padding: 0 10%; }
.peu-logos ul { list-style: none; margin: 0; padding: 0; text-align: center; }
.peu-logos ul li { display: inline-block; margin: 0; padding: 0; }
.peu-logos a { display: block; padding: 0 55px; }
.peu-logos a.logodipu img { width: 160px;/* height: 55px; */}
.peu-logos a.logogene img { width: 197px; /*height: 36px;*/ }
.peu-logos a.logoeu img { width: 252px; /*height: 56px;*/ }

.fons-peu { background: #000 !important; border: none; width: 100%; text-align: center; padding: 0 0 20px 0; }
.peu-text { width: 1200px; margin: 0 auto; }
.peu-text p { text-align: center; color: #FFF; font-size: 16px; padding: 0; margin: 0; }
.peu-text p span { font-weight: bold; display: inline-block; margin: 0 8px; }
.peu-text p a { color: white; font-weight: normal; }
.peu-text a.xarxa { font-size: 18px; margin-right: 15px; }
.peu-text p a:hover { color: rgba(0,0,0,0.4); }


#fons-menu-burger { z-index: 1000; position: fixed; top: 0; left: 0; background: rgba(255,255,255,0.9); width: 100%; height: 100%; display: none; }
.menu-burger { width: 40%; height: 100%; background: black; color: white; text-align: left; }
.menu-burger a.tancar { display: inline-block; color: white; margin: 17px 10px 15px 14px; font-size: 2em; }
.menu-burger a.tancar img { width: 20px; height: 20px; }
.menu-burger a.tancar:hover { opacity: 0.7; }
.titol-menu { font: 1.3em HelveticaNeueBold, sans-serif; }
.menu-burger ul { list-style: none; margin: 0; padding: 0; font: 18px/23px HelveticaNeueBold, sans-serif; }
.menu-burger ul li { margin: 0; padding: 0; }
.menu-burger ul a { position: relative; display: block; color: white; padding: 11px 0 13px 0; margin: 0 14px; border-bottom: 1px solid rgba(255,255,255,0.5); }
.menu-burger ul a i { position: absolute; right: 0; top: 15px; }
.menu-burger ul a:hover { opacity: 0.7; }
.menu-burger .niv2 { margin: 10px 0 15px 0; }
.menu-burger .niv2 a { font-family: HelveticaNeueRegular, sans-serif; color: rgba(255,255,255,0.9); margin-left: 40px; border: none; padding: 5px 0; font-weight: 300; }
.peu-menu { position: absolute; bottom: 0; text-align: center; width: 40%; }
.peu-menu a.btn { margin: 0 auto; display: block; text-align: center; border: 1px solid white; border-radius: 18px; width: 170px; padding: 7px 0 10px 0; font: 16px HelveticaNeueBold, sans-serif; cursor: pointer; margin-bottom: 15px; color: white; }
.peu-menu a.btn:hover { color: black; background: white; opacity: 0.7; }
.peu-menu .xsocials { font-size: 1.6em; margin-top: 15px; margin-bottom: 20px; }
.peu-menu .xsocials a { color: white; display: inline-block; margin: 0 10px; }
.peu-menu .xsocials a:hover { opacity: 0.5; }



/* ESTILS DEL PEU D'EVA */
#ft-info{ display: flex; justify-content: space-around; }
#ft-info .ft-info-item{ display: flex; flex-direction: column; text-align: left; }
#ft-info .ft-info-item .nav-link { padding: 0; }
#ft-info .ft-info-item,
#ft-info .ft-info-item .ft-info-title,
#ft-info .ft-info-item a { display: block; font-size: 16px; letter-spacing: 0.42px; line-height: 22px; color: #FFF; font-family: HelveticaNeueRegular; font-weight: 300; }
#ft-info .ft-info-item a:hover { text-decoration: underline; }
#ft-info .ft-info-item .ft-info-title{ font-family: HelveticaNeueBold, sans-serif; margin-bottom: 0; }
#ft-info .ft-info-item ul { list-style: none; margin: 0; padding: 0; }
.footer-actions { display: flex; justify-content: center; margin-top: 33px; margin-bottom: 25px; }
.footer-actions div { box-sizing: border-box; box-shadow: 0 0 1px 1px white; border-radius: 13px; width:auto; padding: 5px 25px; font-family: HelveticaNeueMedium, sans-serif; cursor:pointer; }
.footer-actions div:not(.footer-actions div:last-child) { margin-right: 20.5px; }
.footer-actions div a { color:#FFF; text-decoration: none; }
.footer-actions div:hover, .footer-actions div:hover a { color:#000; text-decoration: none; background-color:#FFF; }


.bg-col0 { background: rgba(200,207,193,1); }
.bg-col1 { background: rgb(235,96,85); }
.bg-col3 { background: rgb(208,153,134); }
.bg-col4 { background: rgb(232,182,63); }
.bg-col5 { background: rgb(102,177,227); }
.bg-col6 { background: rgb(189,154,85); }
.bg-col7 { background: rgb(244,156,63); }
.bg-col8 { background: rgb(165,164,210); }
.bg-col9 { background: rgb(203,235,86); }


.container-fluid { width: 100%; padding: 0; background: transparent !important; }
.capcalera .contingut { background: white; }

.contingut { background: rgba(255,255,255,0.9); width: 1200px; margin: 0 auto; }

/* PÀGINA INICI */
.contenidor { position: relative; }
.fila { width: 1170px; margin: 0 auto; }
.relatiu { position: relative; }
.absolut { position: absolute; }
h2.inici { font-family: HelveticaNeueBold, sans-serif; font-size: 2.3em; margin-top: 0; }
.rotar180 { transform: rotate(180deg); }
.material-symbols-sharp { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48; vertical-align: middle; margin-right: 5px; }
.municipis { text-align: left; font-size: 1.4em; line-height: 1.8em; }
.boto-municipi { white-space: nowrap; color: black; margin-right: 10px; }
.boto-municipi .material-symbols-sharp { margin-right: 0; }
.boto-inici { text-transform: uppercase; color: black; font-size: 125%; width: 100%; text-align: right; display: block; margin-top: 12px; margin-bottom: 15px; }
/*.fons-visor { margin-top: 119px; background-image: url(img/bg_visor_inici.jpg); min-height: 500px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }*/
.fons-visor { position: fixed; top: 118px; background: url(img/bg_visor_inici.jpg) no-repeat; background-size: cover; border: none; width: 100%; height: 550px; text-align: center; display: table; z-index: -500; }
.cultura-arreu { background: url(img/cultura_arreu2.svg) repeat-y center -90px; background-size: 50%; height: 550px; }
.visor-prez, .visor-prez2 { position: relative; height: 550px; }
.visor-prez div, .visor-prez2 div { position: absolute; top: 25%; transform: translateY(-25%); }
.visor-prez h3, .visor-prez2 h3 { font: 2em/1.2em 'Miller Text', Times, Serif; margin-top: 0; margin-bottom: 20px; letter-spacing: -0.5px; }
.visor-prez p, .visor-prez2 p { font-size: 18px; font-family: HelveticaNeueRegular, Sans-serif; text-align: left; font-weight: bold; }
.visor-prez p a, .visor-prez2 p a { font-family: HelveticaNeueRegular, Sans-serif; text-align: left; font-weight: bold; }
.visor-prez a, .visor-prez2 a { color: black; text-decoration: none; border-bottom: 1px solid black; font-weight: normal; }


.fons-visor2 { display: none; }
.fons-dades { position: relative; width: 100%; text-align: center; margin-top: 550px; background: white; padding: 25px 0; }
.fons-dades .item { line-height: 1.2em; font-size: 120%; border-left: 2px solid rgba(0,0,0,0.2); }
.fons-dades .item:first-child { border: none; }
.fons-dades .item span { font: bold 3em HelveticaNeueBlack, sans-serif; display: block; letter-spacing: -0.5pt; }

.fons-aprop { position: relative; width: 100%; text-align: center; background: #FEDA00; padding: 50px 0; }

.fons-agenda { position: relative; width: 100%; text-align: center; background: white; padding: 50px 0; }
.fons-agenda .boto-inici1 { width: 65%; float: right; }
.fons-agenda .boto-inici2 { width: 35%; float: right; }

.fons-targeta { position: relative; width: 100%; text-align: center; background: #054899; padding: 50px 0; color: white; border-top: 30px solid white; border-bottom: 44px solid white; }
.fons-targeta .boto-inici { color: white; text-align: left; }
.inici_targetes { width: 439px; height: 326px; position: absolute; right: 50px; top: -80px; }

.fons-fes { position: relative; width: 100%; text-align: center; background: white; padding: 20px 0 50px 0; }
.fons-fes table { text-align: left; font-size: 1.1em }
.fons-fes table td { border-top: 1px solid rgba(0,0,0,0.3); padding: 10px 0; vertical-align: top; padding-left: 30px; }
.fons-fes table td:first-child { white-space: nowrap; padding-left: 0; padding-top: 7px; font-size: 1.2em; font-family: HelveticaNeueBold, sans-serif; }

.fons-mediateca { position: relative; width: 100%; text-align: center; background: #EF7FB1; padding: 50px 0; }

.fons-crea { position: relative; width: 100%; text-align: center; background: #01AA89; padding: 50px 0; }

.fons-entreactes { position: relative; width: 100%; text-align: center; background: white; padding: 50px 0; }

.fons-aprop p, .fons-agenda p, .fons-targeta p, .fons-fes p, .fons-mediateca p, .fons-crea p, .fons-entreactes p { font-size: 18px; font-family: HelveticaNeueRegular, Sans-serif; text-align: left; font-weight: bold; }

.pretitol { font-family: HelveticaNeueBlack, sans-serif !important; font-size: 18px; text-transform: uppercase; margin-bottom: 15px; }
.pretitol_agenda { font-family: HelveticaNeueBold, sans-serif !important; font-size: 1.7em !important; margin-top: 6px; margin-bottom: 10px; letter-spacing: -1px; }

.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; }
.capcalera .container-fluid { width: 100%; padding: 0; 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: HelveticaNeueRegular, Arial, 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: HelveticaNeueRegular, Arial, sans-serif; }
.suspes_text, .ajornat_text { display: block; background: white; border: 2px dotted red; padding: 10px; text-transform: uppercase; font: bold 1em HelveticaNeueRegular, 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 HelveticaNeueRegular, 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: HelveticaNeueRegular, 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 HelveticaNeueRegular, 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); }

.benvinguda { font-size: 105%; letter-spacing: 0.3pt; margin-bottom: 25px; }



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



.subtitol { font: 1.5em/1.1em HelveticaNeueBold, sans-serif; color: #157385; margin: 20px 0 10px 0; text-align: left; }
.tipologia { font: 1em HelveticaNeueRegular, 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; }

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 0; padding: 0; font: bold 1.2em/1.1em HelveticaNeueRegular, Arial, Sans-serif; color: #676462; }
ul.eactes li { margin: 0; padding: 0; position: relative; }
ul.eactes div.foto { float: left; border-top-left-radius: 8px; border-bottom-left-radius: 8px; background: url(img/list_nofoto.jpg) center center; background-size: cover; width: 123px; height: 123px; margin: 0; }
ul.eactes h2 { font: 1.3em/1em HelveticaNeueBold, sans-serif; color: black; margin: 0 10px 10px 140px; text-align: left; text-transform: none; }
ul.eactes p.cat { font: 0.85em/1em HelveticaNeueRegular, sans-serif; color: #676462; margin: 10px 10px 5px 140px; text-align: left; text-transform: uppercase; }
ul.eactes p.num { font: 0.85em HelveticaNeueRegular, Arial, Sans-serif; color: #373432; margin: 0 10px 0 140px; text-align: left; }
ul.eactes a { display: block; position: relative; padding: 0; box-shadow: 1px 3px 15px rgba(0,0,0,0.25); border-radius: 8px; background: #FFF8AE; float: left; width: 30.333%; margin: 0 1.5% 35px 1.5%; 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; }
.eactes.inici a { width: 47%; margin-left: 3%; margin-right: 0; }


/* ESPAIS */
.fons-espais { position: relative; width: 100%; text-align: center; background: rgba(200,207,193,0.4); padding: 0; }
div.espai1 { padding: 0 0 30px 19px; text-align: left; }
div.espai2 { padding: 0 16px 30px 14px; text-align: left; }
div.espai2 p.descripcio { font: 1.05em/1.4em 'Noto Serif', Serif; text-align: justify; margin: 0 0 20px 0; }
.espai-mapa { padding: 0 0 30px 0; text-align: left; }
.cerca-mun { border: 1px solid rgb(173,171,169,0); /*background: rgba(173,171,169,0.5); */border-right: 0; height: 500px; padding-right: 10px; }
.cerca-mun a { border: 1px solid rgba(0,0,0,0); border-radius: 20px; font-size: 110%; font-family: HelveticaNeueMedium, Arial, Sans-serif; color: black; margin-bottom: 8px; }
.cerca-mun a.btn { background: white; }
.cerca-mun a.btn-primary { color: white; background: black; }

ul.espais { list-style: none; text-align: left; margin: 0; padding: 0; font: bold 1.2em/1.1em HelveticaNeueRegular, Arial, Sans-serif; color: #676462; }
ul.espais li { margin: 0; padding: 0; box-shadow: 1px 3px 15px rgba(0,0,0,0.15); border-radius: 8px; background: white; }
ul.espais li:hover a { 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: 1em/1.1em HelveticaNeueBold, Arial, sans-serif; color: black; margin: 15px 10px 5px 140px; text-align: left; }
ul.espais p { font: 0.85em HelveticaNeueRegular, Arial, Sans-serif; color: #676462; margin: 0 10px 5px 140px; text-align: left; }
ul.espais a { display: block; padding: 0; box-shadow: 1px 3px 15px rgba(0,0,0,0.25); border-radius: 8px; float: left; width: 30.333%; margin: 0 1.5% 35px 1.5%; height: 130px; 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; }



/* FESTIVALS */
ul.fest { list-style: none; text-align: left; margin: 30px 0 0 0; padding: 0; font: bold 1.2em/1.1em HelveticaNeueRegular, 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: 1.1em/1.1em HelveticaNeueBold, Arial, sans-serif; color: black; margin: 10px 10px 5px 10px; text-align: left; }
ul.fest p { font: 0.85em HelveticaNeueRegular, Arial, Sans-serif; color: #676462; margin: 0 10px 0 10px; text-align: left; }
ul.fest a { position: relative; display: block; padding: 0;  box-shadow: 1px 3px 15px rgba(0,0,0,0.25); border-radius: 8px; float: left; width: 17%; height: 260px; overflow: hidden; margin: 0 1.5% 35px 1.5%; 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; }

.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%; }
.passat { /*text-align: center; position: absolute;top: 45px; left: 0; background: rgba(255,128,0,0.8); color: white; transform: rotate(-10deg); width: 120%; padding: 5px 0; font: 0.9em HelveticaNeueBC, Sans-serif; text-transform: uppercase; margin: 0 -10%; letter-spacing: 1px; */}

/* 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-top: -5px; 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 HelveticaNeueRegular, 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; }



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



.diapo .text1 { width: 42%; z-index:0; font: 4em/1em HelveticaNeueBold, Arial, Sans-serif; color: black; margin: 40px 0 20px 4.5%; }
.diapo .text1b { width: 42%; z-index:0; font: 1.7em/1.2em HelveticaNeueRegular, 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 HelveticaNeueRegular, Arial, Sans-serif; color: #474442; margin: 0 0 20px 4.5%; }
.diapo .text3 { width: 42%; z-index:0; font: 1.5em/1.3em HelveticaNeueRegular, 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: 1em HelveticaNeueRegular, Arial, Sans-serif; width: 100%; margin-bottom: 60px; vertical-align: middle; }
table.crono th { color: white; text-transform: uppercase; background: #6C7067; height: 25px; }
table.crono td, table.crono th { border-bottom: 1px solid white; padding: 0; width: 5%; text-align: center; }
table.crono th { padding: 5px 10px 7px 10px; }
table.crono td.col1 { font-family: HelveticaNeueMedium, Arial, Sans-serif; width: 40%; text-align: left; background: #8C9087; color: white; padding: 5px 10px 7px 10px; }
table.crono img { width: 100%; height: 30px; }


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

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

.prog { list-style: none; margin: 0; padding: 0; }
.prog li { float: left; display: block; width: 22%; box-shadow: 1px 3px 15px rgba(0,0,0,0.25); border-radius: 8px; background: url(img/tag_p.png) no-repeat bottom right; margin: 1.5%; overflow: hidden; position: relative; }
.prog.cols2 li { width: 48%; }
.prog.cols-inici li { width: 30%; }
/*.prog.cols-inici li:last-child { display: none; }*/
.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; box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.2); }
.prog h3 { margin: 10px; margin-bottom: 7px; color: black; font-family: HelveticaNeueB, Sans-serif; font-size: 1.2em; }
.prog p.tagged { font: 1em HelveticaNeueRegular, 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; margin-bottom: 8px; }
.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 HelveticaNeueRegular, 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 { background: rgba(200,207,193,0.4); 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 HelveticaNeueRegular, Arial, Sans-serif; color: #BBB; text-align: right; margin: 10px 0 5px 0; }

#resultats { padding-top: 20px; padding-bottom: 30px; }


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-filtres { border: 1px solid rgba(0,0,0,0.2); border-left: none; border-right: none; padding: 15px 0; margin-bottom: 15px; }
.div-selector { float: left; margin-right: 20px; position: relative; cursor: pointer; }
.div-selector a.selector { border-radius: 20px; background: rgba(0,0,10,0.06); display: block; padding: 10px 16px 10px 20px; color: black; font: 15px/1.2em HelveticaNeueMedium, sans-serif; letter-spacing: 0.37px; font-weight: 500; transition: all .15s; -webkit-transition: all .15s; }
.div-selector a.selector.selected { background: rgb(200,207,193); }
.div-selector a.selector div { display: inline; }
.div-selector a.selector i { display: inline-block; margin-left: 5px; opacity: 0.3; transition: all .15s; -webkit-transition: all .15s; }
.div-selector span, .div-cercador span { display: inline-block; background: rgba(0,0,0,0.7); font-family: HelveticaNeueRegular, sans-serif; color: white; border-radius: 15px; padding: 2px 6px; margin: -2px 0 -2px 3px; text-align: center; min-width: 22px; }
.div-selector span.check { padding: 2px 5px; min-width: auto; }
.div-selector a.selector:hover { background: rgba(0,0,10,0.15); transition: all .3s; -webkit-transition: all .3s; }
.div-selector a.selector:hover i { opacity: 1; transition: all .3s; -webkit-transition: all .3s; }
.selector-reset { float: right; color: rgba(0,0,0,0.7); font: 15px/1.2em HelveticaNeueMedium, sans-serif; letter-spacing: 0.37px; font-weight: 500; padding-top: 10px; cursor: pointer; }
.selector-reset:hover { color: black; }

.cercador { width: 250px; border-radius: 20px; background: rgba(0,0,10,0.06); display: block; padding: 6px 16px 6px 20px; color: black; font: 15px/1.2em HelveticaNeueMedium, sans-serif; letter-spacing: 0.37px; font-weight: 500; transition: all .15s; -webkit-transition: all .15s; margin-bottom: 15px; margin-top: 10px; position: relative; }
.cercador i { font-size: 120%; margin-right: 3px; }
.cercador input { background: none; border: none; padding: 4px 5px; width: 150px; }
.div-cercador .selected { background: rgba(200,207,193,1) !important; }
.cercador div { display: inline; }
.cercador span { position: absolute; right: 10px; top: 10px; padding: 2px 5px; min-width: auto; }

.filtres2 { position: absolute; z-index: 100; background: white; min-width: 200px; list-style: none; margin: 7px 0 0 0; padding: 10px 0; box-shadow: 1px 1px 10px rgba(0,0,0,0.15); border-radius: 5px; font: 15px/1.2em HelveticaNeueRegular, sans-serif; letter-spacing: 0.37px; display: none; border: 1px solid rgb(200,207,193); }
.filtres2 li { margin: 0; padding: 0; }
.filtres2 a { display: block; padding: 6px 10px; color: black; font-weight: normal; transition: all .15s; -webkit-transition: all .15s; }
.filtres2 a i { display: inline-block; margin-right: 5px; opacity: 1; font-size: 19px; vertical-align: -2px; }
.filtres2 a:hover { background: rgba(0,0,10,0.10); transition: all .3s; -webkit-transition: all .3s; }
#ambits .filtres2 { min-width: 250px; }
#publics .filtres2, #preu .filtres2 { min-width: 170px; }
#altres .filtres2 { min-width: 230px; }
#gratuit .filtres2 { min-width: 150px; }
#tipologia .filtres2 { width: 220px; overflow:hidden; overflow-y:scroll; height: 300px; }
.filtres2 a.selected { background: rgba(200,207,193, 0.5); font-family: HelveticaNeueMedium; }




div.fitxa1 { padding: 0 0 30px 19px; text-align: left; }
div.fitxa2 { padding: 0 16px 10px 14px; text-align: left; }
div.fitxa h1 { font: 40px/40px HelveticaNeueBold, sans-serif; color: black; text-align: left; margin: 25px 0 0 11px; }
div.fitxa { padding-top: 20px; /*background: url(img/tag_pf.png) no-repeat bottom right;*/ }
div.fitxa h2 { font: 1.8em HelveticaNeueMedium, sans-serif; color: #8C9087; margin: 10px 0 10px 11px; font-spacing: 0.5px; }
div.fitxa p.data { font: 1.3em/1.5em HelveticaNeueRegular, Arial, Sans-serif; color: black; margin: 0 0 10px 0; }
div.fitxa p.lloc { font: 1.2em/1.3em HelveticaNeueRegular, 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 HelveticaNeueRegular, Arial, Sans-serif; padding: 8px 12px; margin-bottom: 15px; }
div.fitxa p.detalls { font: 1.2em/1.5em HelveticaNeueRegular, 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 HelveticaNeueRegular, 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: 1em/1.3em HelveticaNeueRegular, 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 { box-shadow: inset 0 0 10px rgba(0,0,0,0.2); 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; cursor: pointer; }
div.socgc a { display: block; color: black !important; width: 75px; height: 75px !important; }
div.socgc a:hover { background: none; }
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: rgba(200,207,193, 0.5); margin-bottom: 20px; width: 100%; }
table.infobox td { font: 1.05em/1.3em HelveticaNeueRegular, sans-serif; border-bottom: 4px solid white; padding: 10px; margin: 0; text-align: left; vertical-align: top; }
table.infobox td:first-child { background: rgba(200,207,193, 1); color: white; font-weight: bold; text-align: right; text-shadow: 0 0 6px rgba(0,0,0,0.25); letter-spacing: 1px; }
table.infobox td.dates { position: relative; }
table.infobox tr.club td { background: #FFE682; }
table.infobox tr.club td:first-child { color: black; text-shadow: none; }
table.infobox .ambit { color: white; }
table.infobox .ambit.bg-col0 { color: black; }

div.cicle { background: rgba(0,0,0,1); color: white; font: 1.1em HelveticaNeueBC, Sans-serif; text-transform: uppercase; margin-right: 20px; padding: 10px 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 HelveticaNeueRegular, Arial, sans-serif; border-top: 1px solid black; padding: 15px 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: HelveticaNeueRegular, 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; padding-top: 25px; }
div.botons a { float: left; margin-bottom: 15px; border-radius: 17px; background: rgb(200,207,193); font-family: HelveticaNeueMedium, sans-serif; font-size: 14px; padding: 7px 25px; margin-right: 15px; color: black; }
div.botons a:hover { background: black; color: white; }
/*div.botons a.entrades { background: rgb(122,30,61); box-shadow: 2px 2px 7px rgba(0,0,0,0.35); color: white; }
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 i { opacity:0.65; filter:alpha(opacity=65); margin-right: 3px; display: inline-block; font-weight: normal; vertical-align: middle; margin-left: -10px; }
div.botons i { font-size: 18px; }

.st-btn { height: 34px !important; width: 34px !important; }
.st-btn img { height: 20px !important; width: 20px !important; top: 7px !important; }
.st-btn:hover, .st-btn a:hover { background: rgba(0,0,0,1) !important; opacity: 1 !important; top: 0 !important; }
.st-btn:hover img { filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(102%) contrast(104%) !important; }


/* 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 HelveticaNeueRegular, 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: 7px; margin-top: 1px; }
.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: HelveticaNeueRegular, 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 HelveticaNeueRegular, Arial, 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 HelveticaNeueRegular, 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 a.color9 { background: rgb(203,235,86); }
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; }


.pre-ariane { float: left; color: rgba(0,0,0,0.5); font-family: HelveticaNeueMedium; font-size: 14px; margin-right: 10px; margin-top: 3px; }
#tags_ariane { list-style: none; margin: 0; padding: 0; padding-top: 0px; }
#tags_ariane li { float: left; background: rgba(200,207,193, 0.2); border: 1px dashed #D7D4D2; border-color: rgba(200,207,193, 1); /*border-left-width: 4px; */border-radius: 4px; font: 0.85em HelveticaNeueRegular, Arial, Sans-serif; display: block; padding: 5px 10px 7px 10px; margin-right: 15px;  margin-bottom: 10px; color: rgba(0,0,0,0.8); letter-spacing: 0.5pt; }
#tags_ariane i { color: rgba(0,0,0,0.8); margin-right: 2px; }
#tags_ariane li.total { background: rgba(200,207,193, 1); color: black; padding-left: 7px; font-family: HelveticaNeueMedium; }
#tags_ariane .fa-font { margin: 0 0 0 -5px; color: rgba(0,0,0,0.5); }


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





.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: 30px; }
.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 HelveticaNeueRegular, 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 HelveticaNeueRegular, 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 HelveticaNeueRegular, Arial, Sans-serif;  }
.revista p.lloc { font: bold 1em HelveticaNeueRegular, Arial, Sans-serif; color: #F00; }
.revista p.preu { font: 0.9em HelveticaNeueRegular, Arial, Sans-serif; }
.revista p.tipus { font: 0.9em HelveticaNeueRegular, Arial, Sans-serif; text-transform: uppercase; }
.revista p.titol { font: bold 1.6em HelveticaNeueRegular, Arial, 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 HelveticaNeueRegular, Arial, 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 HelveticaNeueRegular, 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 HelveticaNeueRegular, 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 HelveticaNeueRegular, 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 HelveticaNeueRegular, 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.llista { list-style: square; text-align: left; font-size: 130%; }
ul.llista li { margin-bottom: 5px; }

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 HelveticaNeueRegular, 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: 1200px)
{
	.contingut, .peupagina { width: 100%; }
	.peupagina { margin-top: 0; }
	.barraCookie table { font-size: 1.15em; }
	.fila { width: 100%; }
	.visor-prez div { padding-right: 30px; }
	ul.espais a { width: 48%; margin: 0 1% 25px 1%; }

	.s1280, .s1024, .s960, .s768, .s478 { display: none; }
	.s1024 { display: inline; }
	.menuwebs, .nomweb, .peu-logos, .peu-text { width: 100%; }

}
/*
@media only screen and (max-width: 1120px)
{
	.visor-prez div { padding-right: 30px; }
	.cultura-arreu { background-position: center -50px; background-size: 55%; height: 430px; }
	.visor-prez { height: 430px; }
	.fons-dades { margin-top: 430px; padding: 25px 0; }
}
*/
@media only screen and (max-width: 960px)
{
	.menu_principal, #filtres { display: none; } /* ARREGLAR QUAN SURT BURGER */
	a.menu_toggle, a.filtres_toggle { display: block; }
	#burger { display: block; }
	.fons-menuwebs, .fons-submenu { display: none; }
	.boto-inici { text-align: left; }

	.fons-visor { top: 80px; }
	.cultura-arreu { background-position: center -60px; background-size: 60%; height: 400px; }
	.visor-prez { height: 400px; margin-top: -10px; }
	.fons-dades { margin-top: 400px; padding: 25px 0; }

	.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)
{
	.cultura-arreu { background-position: center -70px; background-size: 45%; height: 420px; }
	.fons-visor2 { display: block; position: relative; width: 100%; text-align: center; background: url(img/bg_visor2_inici.jpg) no-repeat; background-size: 130%; padding: 25px 0; }
	.visor-prez { display: none; }
	.visor-prez2 { height: auto; margin-top: -10px; }
	.fons-dades { margin-top: 420px; padding: 25px 0; }
	.fila { width: 94%; margin: 0 3%; }
	.fons-dades .item { font-size: 110%; }
	.prog.cols-inici li { width: 47%; }
	.prog.cols-inici li:last-child { display: block; }
	.eactes.inici a { width: 100%; margin-right: 0; margin-left: 0; }

	.fons-targeta { padding: 50px 0 0 0; }
	.inici_targetes { position: relative; top: auto; right: auto; margin-bottom: -45px; width: 100%; height: auto; }
	.inici_targetes_a { text-align: center; padding-left: 5px; }
	/*.inici_targetes { width: 439px; height: 326px; position: absolute; right: 50px; top: -80px; }*/

	.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)
{
	.cultura-arreu { background-position: center -55px; background-size: 60%; height: 350px; }
	.fons-dades { margin-top: 332px; }
	.fons-fes table td:first-child { white-space: normal; font-size: 1.1em; }
	.prog.cols-inici li { width: 100%; float: none; margin: auto 0; margin-bottom: 15px; }
	.prog.cols-inici li:last-child { display: none; }
	.prog.cols-inici li:nth-child(n + 3) { display: none; }
	.prog.cols-inici a { height: 320px; }

	.video-eactes { margin: 0; }
	.menu-burger { width: 60%; }
	.menu-burger ul { font-size: 16px; line-height: 20px; }
	.menu-burger ul a { padding: 9px 0 11px 0; margin: 0 12px; }
	.menu-burger ul a i { top: 7px; }
	.fons-pre-peu { padding-top: 10px; padding-bottom: 10px; }
	.peu-menu { width: 60%; }
	.peu-menu a.btn { border-radius: 18px; width: 140px; padding: 6px 0 8px 0; font: 14px HelveticaNeueBold, sans-serif; margin-bottom: 12px; }
	.peu-logos a { margin-bottom: 0px; padding: 0 10px; }
	.peu-logos a.logodipu img { width: 134px; }
	.peu-logos a.logogene img { width: 164px; }
	.peu-logos a.logoeu img { width: 211px; }
	.peu-logos p { margin-top: 5px; padding: 0 15px; text-align: justify; }

	.div-selector { margin-right: 10px; margin-bottom: 10px; }

	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 HelveticaNeueRegular, Arial, Sans-serif; }
}


@media only screen and (max-width: 510px)
{
	.fons-visor2 { background-size: cover; }
	.fons-aprop { padding: 30px 0; }
	.fons-agenda { padding: 30px 0 10px 0; }
	.fons-agenda .boto-inici1 { width: 100%; float: none; }
	.fons-agenda .boto-inici2 { width: 100%; float: none; }
	.menu-burger ul { font-size: 14px; line-height: 17px; }
	.menu-burger ul a { padding: 4px 0 6px 0; margin: 0 10px;
	.menu-burger .niv2 a { padding: 3px 0; }
	.fons-targeta { padding: 30px 0; }

	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: 1em; 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 }
}
/*
.prog { list-style: none; margin: 0; padding: 0; }
.prog li { float: left; display: block; width: 22%; box-shadow: 1px 3px 15px rgba(0,0,0,0.25); border-radius: 8px; background: url(img/tag_p.png) no-repeat bottom right; margin: 1.5%; overflow: hidden; position: relative; }
.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; box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.2); }
.prog h3 { margin: 10px; margin-bottom: 7px; color: black; font-family: HelveticaNeueB, Sans-serif; font-size: 1.2em; }
.prog p.tagged { font: 1em HelveticaNeueRegular, 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; margin-bottom: 8px; }
.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 HelveticaNeueRegular, Arial, Sans-serif; margin: 12px 10px 0 10px; text-align: left; }
.prog div.peu_ambit { position: absolute; bottom: 2px; }
.prog a:hover div.foto {  background-color: rgb(122,30,61); background-blend-mode: luminosity; transition: all .3s; -webkit-transition: all .3s; }
.prog li:hover {  }
.prog a .tagged, .prog a .desc { color: #373432; }
.prog a:hover { background: rgba(200,207,193,0.4); 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; }

*/