.age-formcerca { margin: 30px 0 20px 0; padding: 10px 15px; background: rgba(107,7,40, 0.1); border: 1px solid rgba(107,7,40, 0.5); border-left: none; border-right: none; }
.age-formcerca h2 { font: 2em FranklinGothicM, Sans-serif; color: rgba(107,7,40,1); margin: 0 0 10px 0; }
.age-formcerca h4 { font: 1.3em FranklinGothicM, Sans-serif; margin-bottom: 3px; color: #878482; }
/* FILTRES ******/
.age-formcerca .btn-group.filtres .btn { margin-right: 20px; border-color: rgb(107,7,40); border-radius: 5px !important; background: white; padding-left: 8px; }
.age-formcerca .btn-group.filtres .glyphicon { margin-right: 5px; }
.age-formcerca .btn-group.filtres .glyphicon-unchecked { color: rgba(107,7,40, 0.5); }
.age-formcerca .btn-group.filtres .btn.selected { background: rgb(107,7,40); color: white; }
.age-formcerca .btn-group.filtres .cercador-boto { background: rgb(107,7,40); border-color: rgb(107,7,40); color: white; border-radius: 10px; border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 3px auto; }
.age-formcerca .btn-group.filtres .cercador-boto:hover { background: black; border-color: black; }
.age-formcerca .btn-group.filtres .dropdown-toggle { color: #000; }
.age-formcerca .btn-group.filtres .camp-text { position: relative; border: 1px solid rgb(107,7,40); height: 34px; border-radius: 5px !important; background: white; padding-left: 8px; width: 190px; }
.age-formcerca .btn-group.filtres .camp-text .glyphicon { margin-right: 0; position: absolute; left: 8px; top: 8px; }
.age-formcerca .btn-group.filtres .camp-text .form-control { box-shadow: none; position: absolute; top: 4px; left: 28px; width: 125px; border: none; padding-top: 2px; padding-left: 3px; padding-right: 3px; padding-bottom: 2px; height: 24px; border-bottom: 1px dashed gray; }
.age-formcerca .btn-group.filtres .camp-text .btn { position: absolute; width: 32px; right: 0; top: 0; margin-right: 0; border: none; background: rgba(107,7,40, 0.5); color: white; border-radius: 5px; height: 32px; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.age-formcerca .btn-group.filtres .camp-text .btn .glyphicon { display: inline-block; margin-right: 0; }
.age-formcerca .btn-group.filtres .btn:hover { background: rgba(107,7,40, 1); color: white; }
.age-formcerca .btn-group.filtres .btn:hover .glyphicon { color: white; }
.age-formcerca .btn-group.filtres .camp-text:hover { background: rgba(107,7,40,1); color: white; }
.age-formcerca .btn-group.filtres .camp-text:hover .glyphicon { color: white; }
.age-formcerca .btn-group.filtres .camp-text:hover .form-control { background: rgba(107,7,40,1); color: white; border: 1px dashed white; }
.age-formcerca .btn-group.filtres .camp-text:hover .btn { background: white; }
.age-formcerca .btn-group.filtres .camp-text:hover .btn .glyphicon { color: rgba(107,7,40,1); }
.age-formcerca .btn-group.filtres .camp-text:hover .btn:hover { background: black; }
.age-formcerca .btn-group.filtres .camp-text:hover .btn:hover .glyphicon { color: white; }

.age-formcerca .btn-group.filtres .camp-text.selected { background: rgba(107,7,40,1); }
.age-formcerca .btn-group.filtres .camp-text.selected .glyphicon { color: white; }
.age-formcerca .btn-group.filtres .camp-text.selected .form-control { background: rgba(107,7,40,1); color: white; border: 1px dashed rgba(255,255,255,0.7); }
.age-formcerca .dropdown-menu.show { padding-left: 10px; }
.age-formcerca .btn { margin-top: 0; }

#agembed_no_result { float: none; clear: both; margin-top: 40px; margin-bottom: 20px; padding: 15px; font-weight: bold; border: 1px dashed rgba(0,0,0,0.5); text-align: center; }

/* RESULTATS LLISTAT AGENDA */
#resultats { padding: 0; }
#resultats h2 { margin-top: 40px; margin-bottom: 10px; }
.comentari { margin: 0 10px 10px 10px; color: rgb(107,7,40); }
.comentari .glyphicon { margin-right: 5px; }
.age-prog { list-style: none; margin: 0; padding: 0; }
.age-prog li { float: left; display: block; width: 18.5%; background: #E7E4E2; margin: 0.75%; overflow: hidden; position: relative; }
.age-prog a { display: block; height: 310px; }
.age-prog .foto { background: url(img/list_nofoto.jpg) center center; background-size: cover; height: 150px; }
.age-prog .age-titol { margin: 10px; line-height: 1.1em; text-align: left; }
.age-prog p.tagged { font: 0.85em/1em Arial, Sans-serif; margin: 5px 10px 5px 33px; text-align: left; text-indent: -11px; }
.age-prog p.tagged span { margin-right: 8px; text-align: left; }
.age-prog p.desc { font: 0.9em Arial, Sans-serif; margin: 12px 10px 0 10px; text-align: left; }
.age-prog a:hover div.foto { opacity:0.5; filter:alpha(opacity=50); transition: all .3s; -webkit-transition: all .3s; }
.age-prog li:hover { background: #B7B4B2; transition: all .3s; -webkit-transition: all .3s; }
.age-prog a .tagged, .age-prog a .desc { color: #373432; }
.age-prog a:hover { color: white; text-decoration: none !important; }
.age-prog a:hover h3, .age-prog a:hover h3 span, .age-prog a:hover p.tagged { color: white !important; }
div.ultim_dia { background: rgba(221,74,34,0.85); color: white; font: 1.1em FranklinGothicM, sans-serif; width: 100%; text-align: center; padding: 8px 0 5px 0; position: absolute; top: 0; right: 0; text-transform: uppercase; }
div.ultim_dia .glyphicon { vertical-align: 1px; font-size: 0.7em; color: white; }


/* RESULTATS LLISTAT EXPOSICIONS */
.ageexpo-prog { list-style: none; margin: 0; padding: 0; }
.ageexpo-prog li { float: left; display: block; width: 31.83%; background: #E7E4E2; margin: 0.75%; overflow: hidden; position: relative; }
.ageexpo-prog a { display: block; height: 350px; }
.ageexpo-prog .foto { background: url(img/list_nofoto.jpg) center center; background-size: cover; height: 200px; }
.ageexpo-prog .age-titol { text-align: left; margin: 10px; font-size: 1.3em; line-height: 1.1em; }
.ageexpo-prog .age-subtitol { text-align: left; margin: 10px; font: 0.85em/1em Arial, Sans-serif; font-weight: bold; color: rgba(0,0,0,0.7); }
.ageexpo-prog p.tagged { font: 0.85em/1em Arial, Sans-serif; margin: 5px 10px 5px 33px; text-align: left; text-indent: -11px; }
.ageexpo-prog p.tagged span { margin-right: 8px; text-align: left; }
.ageexpo-prog p.desc { font: 0.9em Arial, Sans-serif; margin: 12px 10px 0 10px; text-align: left; }
.ageexpo-prog a:hover div.foto { opacity:0.5; filter:alpha(opacity=50); transition: all .3s; -webkit-transition: all .3s; }
.ageexpo-prog li:hover { background: #B7B4B2; transition: all .3s; -webkit-transition: all .3s; }
.ageexpo-prog a .tagged, .ageexpo-prog a .desc { color: #373432; }
.ageexpo-prog a:hover { color: white; text-decoration: none !important; }
.ageexpo-prog a:hover h3, .ageexpo-prog a:hover h3 span, .ageexpo-prog a:hover p.tagged { color: white !important; }

/* RESULTATS LLISTAT EXPOSICIONS VIGENTS */
.ageexpo-prog2 { list-style: none; margin: 0; padding: 0; }
.ageexpo-prog2 li { float: left; display: block; width: 98.5%; background: #E7E4E2; margin: 0.75%; overflow: hidden; position: relative; }
.ageexpo-prog2 a { display: block; height: 350px; position: relative; }
.ageexpo-prog2 .expofoto { float: left; width: 50%; height: 350px; background: url(img/list_nofoto.jpg) center center; background-size: cover; }
.ageexpo-prog2 .expoinfo { float: left; width: 50%; margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }
.ageexpo-prog2 .age-titol { text-align: left; margin: 20px; font-size: 1.8em; line-height: 1em; margin-top: 0; }
.ageexpo-prog2 .age-subtitol { text-align: left; margin: 20px; font: 1.3em/1.2em Arial, Sans-serif; font-weight: bold; color: rgba(0,0,0,1); }
.ageexpo-prog2 p.tagged { font: 0.85em/1em Arial, Sans-serif; margin: 5px 10px 5px 33px; text-align: left; text-indent: -11px; }
.ageexpo-prog2 p.tagged span { margin-right: 8px; text-align: left; }
.ageexpo-prog2 p.desc { font: 1em Arial, Sans-serif; margin: 20px; text-align: left; }
.ageexpo-prog2 p.gratuit { font-weight: normal; margin: 0 20px; text-align: left !important; color: green; border-top: 2px dotted green; border-bottom: 2px dotted green; padding: 5px 0; float: left; }
.ageexpo-prog2 a:hover div.expofoto { opacity:0.5; filter:alpha(opacity=50); transition: all .3s; -webkit-transition: all .3s; }
.ageexpo-prog2 li:hover { background: #B7B4B2; transition: all .3s; -webkit-transition: all .3s; }
.ageexpo-prog2 a .tagged, .ageexpo-prog2 a .desc { color: #373432; }
.ageexpo-prog2 a:hover { color: white; text-decoration: none !important; }
.ageexpo-prog2 a:hover h3, .ageexpo-prog2 a:hover h3 span, .ageexpo-prog a:hover p.tagged { color: white !important; }



.age-alerta_agenda { border: 1px dotted red; background: #fff568; padding: 10px 25px; margin: 20px 0 -10px 0; text-align: center; }
.age-suspes, .age-ajornat { display: inline-block; background: red; color: white; text-transform: uppercase; font-size: 80%; font-weight: normal; padding: 0 5px; margin-right: 5px; }
.age-virtual_tag { display: inline-block; background: blue; color: white; text-transform: uppercase; font-size: 80%; font-weight: normal; padding: 0 5px; margin-right: 5px; }
.age-suspes_text, .age-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; }
.age-virtual { position: absolute; top: 0; left: 0; background: blue; color: white; font-weight: bold; width: 100%; padding: 2px 0 1px 0; text-align: center; }
.age-virtual a { display: block; color: white; }
.age-virtual-fitxa { background: blue; color: white; font-weight: bold; font-size: 110%; padding: 4px 0; text-align: center; margin: -20px 20px 15px 0; }


/* FITXA AGENDA */
/* FITXA */
.age-fitxa1 { padding: 30px 20px 30px 0; text-align: left; }
.age-fitxa2 { padding: 10px 0 10px 0; text-align: left; }
.age-fitxa1 h1 { font: bold 34px/34px Arial, Sans-serif; color: black; text-align: left; margin: 0; }
.age-fitxa { padding-top: 20px; }
.age-fitxa h2 { font: 1.85em HelveticaNeueBC, sans-serif; color: #676462; margin: 10px 0 20px 0; }
.age-fitxa .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; }
.age-fitxa p.data { font: 1.3em/1.5em Arial, Sans-serif; color: black; margin: 0 0 10px 0; }
.age-fitxa p.lloc { font: 1.2em/1.3em Arial, Sans-serif; text-transform: uppercase; color: black; margin: 0 0 25px 0; }
.age-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; }
.age-fitxa p.detalls { font: 1.2em/1.5em Arial, Sans-serif; color: black; margin: 25px 0 25px 0; }
.age-fitxa p.detalls span { color: white; font-weight: bold; }
.age-fitxa div.descompte { background: #FFE682; padding: 15px; margin-bottom: 20px; }
.age-fitxa div.descompte p { font: 1.15em/1.4em Arial, Sans-serif; text-align: justify; margin: 0 0 0 170px; color: #58555C; }
.age-fitxa div.descompte img { width: 154px; height: 41px; border: none; float: left;}
.age-fitxa .descripcio { font: 1.05em/1.4em Arial, Sans-serif; text-align: justify; margin: 0 0 20px 0; }
/*.age-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; }*/
.age-fitxa .credits { font: 0.9em/1.3em Arial, Sans-serif; text-align: justify; margin: 0 0 5px 0; padding: 15px 0; border-top: 1px solid #C7C4C2; color: #777472; }
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.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; }

.botons { clear: both; }
.botons a { display: inline-block; margin-bottom: 15px; }
.botons a.entrades { background: rgba(0,130,155,1); 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; }
.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; }
.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; }
.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; }
.botons .glyphicon { opacity:0.65; filter:alpha(opacity=65); }

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

div.caducat { border: 1px dotted red; margin-bottom: 15px; }
div.caducat div { background: red; color: white; padding: 5px 10px; font-weight: bold; text-transform: uppercase; font-size: 18px; text-align: center; }

/* HIDESHARE */
a.share { background: url(../img/icn_share.svg) 10px 5px no-repeat rgba(0,130,155,1); 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: rgba(0,130,155,1); }


.blau_inscripcions { font-weight: bold; color: rgba(0,130,155,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(0,130,155,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(0,130,155,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; }

.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_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); }
.age-fitxa2 #video_fitxa { margin-bottom: 0px; }




@media (max-width: 767px)
{
	.age-prog li { width: 48.5%; }
	.age-prog a { height: 310px; }
	.ageexpo-prog li { width: 98.5%; }
	.ageexpo-prog .foto { height: 150px; }
	.ageexpo-prog a { height: 290px; }
	.ageexpo-prog .age-titol { font-size: 1.1em; line-height: 1em; margin-bottom: 5px; }
	.ageexpo-prog .age-subtitol { font: bold 0.80em/1em Arial, Sans-serif; }
	.ageexpo-prog2 .expofoto { float: none; width: 100%; height: 175px; }
	.ageexpo-prog2 .expoinfo { float: none; width: 100%; top: 175px; left: 0; -ms-transform: translateY(0); transform: translateY(0); padding-top: 10px; }
	.ageexpo-prog2 .age-titol { font-size: 1.4em; margin: 5px 0 8px 0; }
	.ageexpo-prog2 .age-subtitol { font-size: 0.95em; margin: 0  0 8px 0; }
	.ageexpo-prog2 p.desc { font-size: 0.85em; margin: 0 0 8px 0; }
	.ageexpo-prog2 p.gratuit { margin: 5px 0 0 5px; padding: 5px 0; font-size: 0.8em; }

/*
.ageexpo-prog2 { list-style: none; margin: 0; padding: 0; }
.ageexpo-prog2 li { float: left; display: block; width: 98.5%; background: #E7E4E2; margin: 0.75%; overflow: hidden; position: relative; }
.ageexpo-prog2 a { display: block; height: 350px; position: relative; }
.ageexpo-prog2 .expofoto { float: left; width: 50%; height: 350px; background: url(img/list_nofoto.jpg) center center; background-size: cover; }
.ageexpo-prog2 .expoinfo { float: left; width: 50%; margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }
.ageexpo-prog2 .age-titol { text-align: left; margin: 20px; font-size: 1.8em; line-height: 1em; margin-top: 0; }
.ageexpo-prog2 .age-subtitol { text-align: left; margin: 20px; font: 1.3em/1.2em Arial, Sans-serif; font-weight: bold; color: rgba(0,0,0,1); }
.ageexpo-prog2 p.tagged { font: 0.85em/1em Arial, Sans-serif; margin: 5px 10px 5px 33px; text-align: left; text-indent: -11px; }
.ageexpo-prog2 p.tagged span { margin-right: 8px; text-align: left; }
.ageexpo-prog2 p.desc { font: 1em Arial, Sans-serif; margin: 20px; text-align: left; }
.ageexpo-prog2 p.gratuit { font-weight: normal; margin: 0 20px; text-align: left !important; color: green; border-top: 2px dotted green; border-bottom: 2px dotted green; padding: 5px 0; float: left; }
.ageexpo-prog2 a:hover div.expofoto { opacity:0.5; filter:alpha(opacity=50); transition: all .3s; -webkit-transition: all .3s; }
.ageexpo-prog2 li:hover { background: #B7B4B2; transition: all .3s; -webkit-transition: all .3s; }
.ageexpo-prog2 a .tagged, .ageexpo-prog2 a .desc { color: #373432; }
.ageexpo-prog2 a:hover { color: white; text-decoration: none !important; }
.ageexpo-prog2 a:hover h3, .ageexpo-prog2 a:hover h3 span, .ageexpo-prog a:hover p.tagged { color: white !important; }
*/

}