/* CSS Document */
body { 
background-color: rgb(240,187,51);
background-image: url(../img/fons_body.jpg);
line-height:1.4; 
background-attachment:fixed; 
background-position:bottom center; 
background-repeat:repeat; 
}
.Roboto {font-family: "ford", sans-serif; font-weight: 500; font-style: normal;}
.RobotoCondensed {
	font-family: "fort-xcondensed", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 1.2em;
	}
.masonry.box { margin-left:5px}
.masonry .masonry-brick { background-color:#f28c15; color:#fff;}
.masonry .masonry-brick a { color:#fff;}


.fonsFestesContingut { background-color:#f1f1f1; color:#000}
.fonsFestesContingut a { color:#000}

.box > div.fonsFestesSuspesa { background-color:#F9E2E4;}
.box > div { background-color:#f6f6f6;}

h2 {
	color:#f0bb33; 
	font-family: "fort", sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height:none;
 }
h2 a{color:#000000;}
h3.titolSeccioFestes {
	color: #1aa3cf;
    font-size: 2em;
    font-family: "fort", sans-serif;
    font-weight: 900;
    margin-bottom:15px;
    text-transform: uppercase;
    padding: 0;
	}
h4 {
	color:#000000; 
	font-size:1.8em ; 
	font-family: "fort-xcondensed", sans-serif;
	font-weight: 900;
	font-style: normal; 
	margin-bottom:5px; 
	text-transform:uppercase; 
	padding:0;
	}
.contingutFestes a {color:#1aa3cf;}
.contingutFestes .negre.t1 { color:#c62a61;}
.vermellRosat, .blauTurquesa {color:#1aa3cf;}
.autorFestes { color:#1aa3cf; font-family: "Roboto", sans-serif; font-size:1.2em; margin:0 0 5px 0; font-weight:bold;}
.separadorFestes {border-bottom:4px dotted #c62a61; margin:10px 0 14px 0;}
.separadorFestes:last-child { border:0}




.titolActivitatsFestes { 
	background-color:#f0bb33; 
	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: "fort", sans-serif; text-transform:uppercase; font-size:1.2em; display:block; margin:0;}


/* menu */
header.menuFestes {
	font-family: "fort-xcondensed", sans-serif;
	font-weight: 800;
	font-style: normal;
	display: block;	
	padding:0;
	margin:0 0 10px 0;
	position:relative;
	z-index:2;	
	}
	
header.menuFestes nav {
	width:100%;
	margin:0 0 0 0;
	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 10px 0 0;
	font-size:1.5em;
	text-transform:uppercase;
	text-align:center;
	
	vertical-align:middle;
	background: #c62a61;
	
	-webkit-border-radius:20px; 
  	-moz-border-radius:20px; 
  	border-radius:20px;
	
	-webkit-box-flex:1;
	-webkit-flex:1;    
    -ms-flex:1;
	flex:1;
	
	min-height: auto;	
	box-shadow:2px 2px 2px rgba(0, 0, 0, .5);
	border:2px solid #c62a61;
}
header.menuFestes nav ul li:last-child { margin-right:0}

header.menuFestes nav ul li a {	
	padding:9px 5px 3px 5px;
	color:#ffffff;	
	text-decoration: none;
	vertical-align:middle;	
	display:block;

}

* 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 3px 0;
	padding:0;
	float:none;
	display:block;
	width:auto;	
	}
	
header.menuFestes nav ul li .submenuFestes ul li a{
	display:block;
	margin:0;
	padding:10px 20px;	
	text-align:left;
	line-height:1.2
	}
header.menuFestes nav ul li .submenuFestes ul li:hover { background-size:contain; background-color:#f0bb33; border: 2px solid #000;}
header.menuFestes nav ul li .submenuFestes ul li:hover a { color:#000;}
	
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:#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 0 20px 0;
	padding:0; 
	display:block;
}

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


.botonsDestacatsFestes ul li {	
	padding:0;
	margin:.5rem;
	
	background:transparent;
	background-color:#22317a;
	
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	
	-webkit-border-radius:25px; 
	-moz-border-radius:25px; 
	border-radius:25px; 
}
.botonsDestacatsFestes ul li a {
	display: block; 
	text-align:center;
	color:#ffffff; 
	text-decoration:none; 
	font-size:1.5rem; 
	padding:8px 3px 3px 3px; 
	margin:.5rem;
	font-family: "fort-xcondensed", sans-serif;
    font-weight: 800;
    font-style: normal;
	text-transform:uppercase;
	 }
.botonsDestacatsFestes ul li:hover { background-color:#f0bb33;}
.botonsDestacatsFestes ul li a:hover { color:#000;}

/* 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:#52c2ee; border:2px solid #ffffff; padding:10px; margin:0; font-family: "fort", sans-serif; color:#FFF; font-size:1.4em; text-transform:uppercase;}

.taulaFestes thead th:first-child {
background-color:#1aa3cf;
border:2px solid #ffffff;
}



.taulaFestes tbody th {
	color: #000;
    font-family: "fort-xcondensed", sans-serif;
    width: 17%;
    line-height: normal;
    font-size: 1.4em;
    font-weight: 800;
    text-transform: uppercase;
    padding: 10px;
    vertical-align: middle;
    background-color: #f0bb33;
    border: 2px solid #fff;
	}
.taulaFestes tbody tr td:nth-child(odd){
    background: rgba(82,194,238,0.05);
	width: 20%;
} 
.taulaFestes tbody tr td:nth-child(even){
    background: rgba(82,194,238,0.2);
	width: 20%;
}
.taulaFestes tbody td {padding:10px; border:2px solid #ffffff; text-align:left;color: #6a2582 }

.taulaFestes .cursiva { color:#e18bba; margin-bottom:8px;}
.taulaFestes tbody a {color:rgba(27,160,204,1); font-family: "Roboto", sans-serif; font-size:1em; margin:0 0 5px 0; font-weight:bold;}

.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 #e18bba; 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: flex;	
	justify-content: space-between;	
	
	}


.botonsFestes ul li {	
	margin:3px;
	padding:0;
	text-align:center;	
	background:#f0bb33;
	display:inline-flex;
	flex-grow:1;
	height:210px;
	justify-content:center;
  	border-radius:8px;
}
.botonsFestes ul li a {text-decoration:none; color:#000; align-self:center; margin:0; padding:0; line-height:normal; flex-flow: row wrap; }
.botonsFestes ul li span {font-family: "fort", sans-serif; color:#000; display:block; text-transform:uppercase; text-align:center;}
.botonsFestes ul li span.dia { font-size:5em; font-weight:800}
.botonsFestes ul li span.mes { font-size:2em;}



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

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


.botonsFestesPertema ul li {	
	padding:0;	
	margin:3px;	
	height:215px;
	background:#f0bb33;
	border-radius:8px;	
	display:inline-flex;
	justify-content:center;
	flex-grow:1
}
.botonsFestesPertema ul li a { text-decoration:none; color:#000; align-self:center; margin:0; line-height:normal; flex-flow: row wrap; min-width:215px}
.botonsFestesPertema ul li span.tema {font-size:1.9em; font-family: "fort-xcondensed", sans-serif; line-height:normal; font-weight:900; text-transform:uppercase; display:block; text-align:center; text-transform:uppercase;}





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

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


.botonsPetits ul li {	
	padding: 9px 8px 5px;	
	margin:2px;	
	border-radius:5px;	
	display:inline-flex;
	justify-content:center;
	flex-grow:1;
	background:transparent;	
	background-color:#f0bb33;
	}
.botonsPetits ul li a { 
	text-decoration:none; 
	text-align:center; 
	text-transform:uppercase; 
	color:#000000; 
	font-size: 1.3em;
    font-weight: 800;
    font-family: "fort-xcondensed", sans-serif;
	align-self:center; 
	margin:0;  
	min-width:100px; 
	flex-flow: row wrap; 
	text-transform:uppercase;
	}
.botonsPetits ul li.destacar {  background-color:#1aa3cf;}
.botonsPetits ul li.destacar a{  color:#ffffff}





/* reds socials */
.capsaleraFestes {
	width: 100%;
    height: 170px;
    display: flex;
    position: relative;
    /*flex-flow: column wrap;*/
    background: url(../img/fons_capsalera.png) no-repeat center center;
    flex-direction: row;
    margin-bottom: 20px;
    margin-top: 10px;
    background-size: cover;
    justify-content: space-between;
    /*align-content: flex-end;*/
	}
	
.capsaleraFestes .link-inici {
	width: 85%;
    height: 170px;
    display: flex;
    flex: 0 auto;
    justify-content: flex-start;
    flex-direction: row;
	}
.capsaleraFestes .links-reds {		
	padding: 0;
    display: flex;
    justify-content: flex-end;   /* derecha */
    align-items: flex-start;     /* arriba */
	margin-left: auto;
	position: absolute;
    right: 0;
}

.capsaleraFestes .links-reds ul {	
	padding: 0;
	margin:0;
	list-style:none;
	display:flex; 	
	width: auto;
}
.capsaleraFestes .links-reds ul li {	
	padding:5px;	
	padding-top: 0px;
	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;}