/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Bree+Serif');
body { font-family:"Bree Serif", serif, Arial;}
.masonry .masonry-brick { background-color:#ECF2EB;}
.fonsFestesContingut { background-color:#ECF2EB; }
.fonsFestesSuspesa { background-color:#E70095;}
.titolSeccioFestes {color:#e70095; font-size:2.2em; font-family:"Bree Serif", serif, Arial; font-weight:500; margin:15px 0 15px 0;}
h3 {color:#009bde; font-size:1.3em; font-family:"Bree Serif", serif, Arial; font-weight:500; margin:0 0 10px 0; !important}
h4 {color:#e70095; font-size:1em; font-family:"Bree Serif", serif, Arial; font-weight:500; margin:0 0 10px 0; !important}
a {color:#e70095;}


.titolActivitatsFestes { 
	background-color:#E70095; 
	display:block; 
	margin-bottom:10px; 
	clear:both;
	overflow:hidden;
	
	-webkit-border-radius:15px; 
  	-moz-border-radius:15px; 
  	border-radius:15px;
}
.titolActivitatsFestes h3 {color:#FFF; font-weight:500; padding:5px 10px 5px 15px; font-family:"Bree Serif", serif, Arial; font-size:1.2em; display:block; margin:0;}


/* menu */
header.menuFestes {
	display: block;	
	padding:0;
	margin:0 0 80px 0;
	position:relative;
	z-index:2;	
	}
	
header.menuFestes nav {
	width:auto;
	margin:0 0 0 271px;
	padding:0; 
	display:block;
	float:none;
		}
	
header.menuFestes nav ul {	
	width:100%;
	padding: 0;
	margin:0;
	list-style:none;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
    -webkit-box-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
	flex-flow: row wrap;	
	
	-webkit-justify-content: space-between;	
	justify-content: space-between;	
	}


header.menuFestes nav ul li {	
	padding: 0;	
	margin:0 5px 0 0;
	font-size:0.9em;
	font-family:"Bree Serif", serif, Arial;
	text-align:center;
	
	vertical-align:middle;
	background:#e70095;
	
	-webkit-border-radius:15px; 
  	-moz-border-radius:15px; 
  	border-radius:15px; 

	
	-webkit-box-flex:1;
	-webkit-flex:1;    
    -ms-flex:1;
	flex:1;	

	
	min-height: auto;
	
	box-shadow:2px 2px 0 rgba(231, 0, 149, 0.3);
}

header.menuFestes nav ul li a {	
	padding:10px;
	color:#fff;	
	text-decoration: none;
	vertical-align:middle;	
	display:block;
	text-shadow:2px 2px 0 rgba(0, 0, 0, 0.3);
}

* html header.menuFestes nav ul li {height: 1%;}

header.menuFestes nav ul li .submenuFestes {
	padding:0;
	margin:0;
	width:100%;
	}

header.menuFestes nav ul li .submenuFestes ul { 
	display: block;
	padding:0;
	margin:4px 0 0 0;
	list-style:none;
	position:relative;
	float:none;
	width:100%;
	}

header.menuFestes nav ul li .submenuFestes ul li {
	font-size:inherit;
	text-align:left;
	margin:0 0 4px 0;
	padding:0;
	float:none;
	display:block;
	width:auto;	
	}
	
header.menuFestes nav ul li .submenuFestes ul li a{
	display:block;
	margin:0;
	padding:10px;	
	text-align:left;
	text-shadow:2px 2px 0 rgba(0, 0, 0, 0.3);
	}
header.menuFestes nav ul li .submenuFestes ul li:hover { background-color:#009bde; box-shadow:2px 2px 0 rgba(0, 155, 222, 0.3);}
header.menuFestes nav ul li .submenuFestes ul li:hover a { color:#fff;}
	
header.menuFestes .enllasFestes {
	padding:0;
	margin:0 0 10px 0;
	display:block;	
	}
	
header.menuFestes .enllasFestes a {	
	display:block;
	color:#000;
	font-size:inherit;
	text-decoration: none;	
	background-color:#ffed00;
	
	margin-top:4px;
	
	-webkit-border-radius:15px; 
  	-moz-border-radius:15px; 
  	border-radius:15px;
	
	text-shadow:2px 2px 0 rgba(0, 0, 0, 0.3);	
}

header.menuFestes nav ul li:hover {position:relative;}
header.menuFestes nav ul li .children {display: none; position: absolute; z-index:9000;}
header.menuFestes nav li > ul {
	top: auto;
	left: auto;
}
	
header.menuFestes nav li:hover .children { display:block;}
/* fi menu */

/* Botons destacats festes */
.botonsDestacatsFestes {	
	width:100%;
	margin:0;
	padding:0; 
	display:block;

}

.botonsDestacatsFestes ul {	
	width:100%;
	padding: 0;
	margin:0;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
    -webkit-box-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
	flex-flow: row wrap;	
	
	-webkit-justify-content: space-between;	
	justify-content: space-between;	
	}


.botonsDestacatsFestes ul li {	
	padding:17px 5px;	
	margin:0;
	text-align:center;
	
	background-color:#35573c;
	background-image:url(https://www.l-h.cat/webs/especials/festesprimavera/2018/fons_boto.png); 
	background-position:top center; 
	background-repeat:no-repeat;
	
	-webkit-border-radius:15px; 
  	-moz-border-radius:15px; 
  	border-radius:15px; 
	
	min-width:285px;
}


/* taula espais */


.taulaFestes { 
	 width:100%;
	 display:block; 
	 margin:0;
	 padding:0; 	 
	 *border-collapse: collapse; /* IE7 and lower */
	border-spacing: 0;
	border:0;
	
	
	}

.taulaFestes thead th {background-color:#e70095; border:1px solid #e70095; padding:10px; margin:0; font-family:"Bree Serif", serif, Arial; text-transform:uppercase; color:#FFF}

.taulaFestes thead th:first-child {
-moz-border-radius: 15px 0 0 0;
-webkit-border-radius: 15px 0 0 0;
border-radius: 15px 0 0 0;
background-color:#000;
border:1px solid #000;
}

.taulaFestes thead th:last-child {
-moz-border-radius: 0 15px 0 0;
-webkit-border-radius: 0 15px 0 0;
border-radius: 0 15px 0 0;
}

.taulaFestes tbody th { color:#ffffff; font-family:"Bree Serif", serif, Arial; width:17%; line-height:1.1em; text-transform:none; font-size:1em; padding:10px; vertical-align:middle; background-color:#3E873D; border:1px solid #fff; font-weight:normal}
.taulaFestes tbody tr td:nth-child(odd){
    background: #FFF;
} 
.taulaFestes tbody tr td:nth-child(even){
    background: #ECF2EB;
}
.taulaFestes tbody td {padding:10px; border:1px solid #3E873D;}

.taulaFestes .cursiva { color:#e70095; margin-bottom:8px; font-size:0.9rem}
.taulaFestes tbody a {color:#e70095;}
.taulaFestes tbody h3 {color:#000; font-family:"Bree Serif", serif, Arial; font-size:1em; margin:0 0 5px 0}
.taulaFestes tbody h3 a {color:#e70095; }

.taulaFestes tbody ul {display:block; padding:0; margin:0 0 20px 0; list-style:none}
.taulaFestes tbody ul li {background:url(https://www.l-h.cat/img/lh12/common/punt_negre.png) no-repeat 0 8px; padding:1px 0 1px 10px; margin:0; display:block}

.taulaFestes tbody .linea { border-bottom:2px dotted #3E873D; height:2px; margin:10px 0; display:block}

/* botons acces a activitats */

.botonsFestes {	
	width:100%;
	margin:0;
	padding:0; 
	display:block;

}

.botonsFestes ul {	
	width:100%;
	padding: 0;
	margin:0;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
    -webkit-box-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
	flex-flow: row wrap;	
	
	-webkit-justify-content: space-between;	
	justify-content: space-between;	
	}


.botonsFestes ul li {	
	padding:5px 5px;	
	margin:0;
	text-align:center;
	
	background:#E70095;
	background-position:top center; 
	background-repeat:repeat;
	box-shadow:2px 3px 0 rgba(231, 0, 149, 0.3);
	
	-webkit-border-radius:15px; 
  	-moz-border-radius:15px; 
  	border-radius:15px; 
	
	width:162px;
	min-height:162px;
}
.botonsFestes ul li a { text-decoration:none; color:#fff;  }

.botonsFestes ul li span {font-family:"Bree Serif", serif, Arial; color:#fff; text-shadow:2px 2px 0 rgba(0, 0, 0, 0.3);}
.botonsFestes ul li span.dia { font-size:5em; display:block; line-height:100px;}
.botonsFestes ul li span.mes { font-size:1.9em; text-transform:uppercase; display:block;}



.botonsFestesPertema {	
	width:100%;
	margin:0;
	padding:0; 
	display:block;
}

.botonsFestesPertema ul {	
	width:100%;
	padding: 0;
	margin:0;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
    -webkit-box-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
	flex-flow: row wrap;	
	
	-webkit-justify-content: space-between;	
	justify-content: space-between;	
	}


.botonsFestesPertema ul li {	
	padding:17px 5px;	
	margin:0 0 10px 0;
	text-align:center;
	
	background:#E70095;
	background-position:top center; 
	background-repeat:repeat;
	
	-webkit-border-radius:15px; 
  	-moz-border-radius:15px; 
  	border-radius:15px;	
	
	width:210px;
	min-height:140px;
	box-shadow:2px 3px 0 rgba(231, 0, 149, 0.3);

}

.botonsFestesPertema ul > li:nth-child(7){width:440px}
.botonsFestesPertema ul > li:nth-child(8){width:440px}
.botonsFestesPertema ul > li:nth-child(11){width:440px}
.botonsFestesPertema ul > li:nth-child(12){width:440px}

.botonsFestesPertema ul li a { text-decoration:none; color:#fff; display:block; text-shadow:2px 2px 0 rgba(0, 0, 0, 0.3);}
.botonsFestesPertema ul li span.tema {font-size:2em; display:block; vertical-align:middle; padding:10px; line-height:100px; font-family:"Bree Serif", serif, Arial;}





.botonsPetits {	
	width:100%;
	margin-bottom:20px;
	padding:0; 
}

.botonsPetits ul {	
	width:100%;
	padding: 0;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
    -webkit-box-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
	flex-flow: row wrap;	
	
	-webkit-justify-content: space-between;	
	justify-content: space-between; 
	 
	}


.botonsPetits ul li {		
	background:#35573C; 
	box-shadow:2px 3px 0 rgba(53, 87, 60, 0.3);
	
	background-position:top center; 
	background-repeat:repeat;		

	padding:8px 5px;	
	margin:0 4px 6px 0;
	
	-webkit-border-radius:5px; 
  	-moz-border-radius:5px; 
  	border-radius:5px;
	

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;	
	
	flex:10%;	
	text-align:center;	
	}
.botonsPetits ul li a { text-decoration:none; color:#fff; text-shadow:2px 2px 0 rgba(0, 0, 0, 0.3); font-size:0.9em; font-family:"Bree Serif", serif, Arial; text-align:center; display:block; width:100%}
.botonsPetits ul li.destacar {  background:#E70095;	box-shadow:2px 3px 0 rgba(231, 0, 149, 0.3);}





/* reds socials */
.capsaleraFestes {
	width:950px; 
	height:170px; 
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
    -webkit-box-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
	flex-flow: row wrap;	
	
	-webkit-justify-content: space-between;	
	justify-content: space-between;	 
	}
	
.capsaleraFestes .link-inici {width:60%;}
.capsaleraFestes .links-reds {	
	margin:35px 0 0 0;
	padding:0; 	
	text-align:right;
	width:30%;
}

.capsaleraFestes .links-reds ul {	
	padding: 0;
	margin:0;
	list-style:none;
	display:block; 	
	}
.capsaleraFestes .links-reds ul li {	
	padding:5px;	
	margin:0;
	background:transparent;
	display: inline-block;
	vertical-align: bottom
}
.capsaleraFestes .links-reds ul li a {display:inline-block;}
.capsaleraFestes .links-reds ul li img {vertical-align:bottom;}