@font-face {
    font-family: 'Foreplay';
    src: url('../fonts/Foreplay.eot');
    src: url('../fonts/Foreplay.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Foreplay.woff2') format('woff2'),
         url('../fonts/Foreplay.woff') format('woff'),
         url('../fonts/Foreplay.ttf') format('truetype'),
         url('../fonts/Foreplay.svg#Foreplay') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {background:url(../img/fonsNadal.jpg) no-repeat center top; background-attachment:fixed; background-color:#E52B4E; background-size:cover; font-family:"Open Sans", Arial, Helvetica;}
.fonsCapNadal {background:url(../img/fonsCapNadal.png) top left no-repeat;}
.fonsNadalContingut { background:rgba(176,38,63,0.9); display:block; overflow:hidden; padding:30px; width:auto; border-radius:15px; margin-bottom:10px;}
.fonsMenuNadal {margin:0; padding:0; height:auto; padding-top:10px; background:url(../img/fonsMenuNadal.png) 240px 20px no-repeat;}
.fonsAgendaNadal {background-color:#fff;}
.destacatNadal, .destacatNadal a, a.destacatNadal:hover {color:#FCE063;}
.fonsverdopacity {background-color:#acca57; opacity:0.95;}
.blauTurquesa, .blauTurquesa a, a.blauTurquesa, a.blauTurquesa:hover { color:#5CA997;}
.recomanacionsBiblioteques {text-align:right; display:block; font-size:0.75em; font-family: Arial, Helvetica, sans-serif; margin-top:20px;}
.recomanacionsBiblioteques span { color:#fff;}

.fonsButtonNadal { display:block; text-align:right}
.fonsButtonNadal a {background-color:#5CA997 !important; color:#fff; font-family:"Open Sans", Arial, Helvetica; border:1px solid #5CA997 !important; border-radius:12px; padding:10px; text-decoration:none; text-align:center;}
input[type=submit]{background-color:#5CA997 !important; color:#fff; font-family:"Open Sans", Arial, Helvetica; border:1px solid #5CA997 !important; border-radius:12px; padding:10px; text-decoration:none; text-align:center;}
input[type=submit]:hover, .fonsButtonNadal a:hover {background-color:#E6284E !important; border:1px solid #E6284E !important;}
input[type=text] {font-family:"Open Sans", Arial, Helvetica; font-size: 0.85em}


.clip {
position: relative;
height: 130px;
width: 200px;
border:1px  solid #ccc;
}

.clip img {
position: absolute;
clip: rect(30px 165px 100px 30px);

}


.mapaArbres { vertical-align:top; display: inline-block}

/* felicitacio formulari */
.fonsFelicitacioNadal {width:100%; position:relative; display:block; margin:0; text-align:center; padding:0; }
.fonsFelicitacioNadal .contingut {display:inline-block; text-align:left; width:600px; padding:80px 40px 40px 40px; background-color:#5CA997; border-radius:15px; overflow:hidden; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);}
.fonsFelicitacioNadal label { font-weight:normal; color:#fff; font-family:"Open Sans Condensed", Arial, Helvetica; font-size:1.1em; margin-bottom:10px; display:block;}
.fonsInputNadal {background-color:#FFFFFF; padding:5px; border:0; font-family:"Open Sans", Arial, Helvetica; font-size: 0.85em; color:#000; width:98%; margin-bottom:8px; display:block; border-radius:10px; padding:10px}




/* fi felicitacio formulari */


.blocNadalContingut {display:block; float:left; overflow:hidden; width:730px; margin-bottom:10px; position:relative;}
.blocNadalContingut .topBloc {background:url(../img/top_bloc_nadal.png) top left no-repeat; width:730px; height:10px; position:absolute; top:0; left:0;}
.blocNadalContingut .contBloc {background:url(../img/cont_bloc_nadal.png) top left repeat; display:block; clear:both; overflow:hidden; margin-top:10px; margin-bottom:10px; padding-right:30px; padding-left:30px; width:670px;}
.blocNadalContingut .botBloc {background:url(../img/bottom_bloc_nadal.png) top left no-repeat; width:730px; height:10px; left:0; bottom:0; position:absolute;}

.blocNadalAgenda {display:block; float:left; overflow:hidden; width:670px; margin-bottom:10px; position:relative;}
.blocNadalAgenda .topBloc {background:url(../img/top_capsa_nadal.png) top left no-repeat; width:670px; height:10px; position:absolute; top:0; left:0;}
.blocNadalAgenda .contBloc { background-color:#fff; display:block; clear:both; overflow:hidden; padding-right:10px; padding-left:10px; width:650px;}
.blocNadalAgenda .botBloc {background:url(../img/bottom_capsa_nadal.png) top left no-repeat; width:670px; height:10px; left:0; bottom:0; position:absolute;}


/* menu */


.iniciNadal { width:100%; display:block; text-align:center; padding-bottom:40px; padding-top:0; line-height:0.5}
.iniciNadal a {text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.4); color:#fff; text-decoration:none; font-family:"Foreplay", Arial, Helvetica; font-size:6em;}
.iniciNadal a span { font-size:0.7em;}


.titolMenuNadal { color:#fff; padding:0 0 10px 0; font-size:1em; text-transform:uppercase; font-family:"Open Sans Condensed", Arial, Helvetica;}
.titolMenuNadal a { color:#fff; text-transform:uppercase; font-family:"Open Sans Condensed", Arial, Helvetica; font-weight:700;}


header.menuNadal {
	display:block;	
	padding:0;
	margin:0;
	position:relative;
	z-index:2;	
	}
	
header.menuNadal nav {
	width:100%;
	margin:0;
	padding:0; 
	display:block;
	}
	
header.menuNadal nav ul {
	width:100%;
	padding: 0;
	margin:0;
	list-style:none;
	display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
	flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	justify-content: space-between;
	}


header.menuNadal nav ul li {	
	padding: 0;	
	margin:4px;	
	text-align:center;
	vertical-align:middle;
	background-color:#fce063;
	background-image:none;
	border-radius:15px;
	-webkit-flex: auto;
    flex: auto;	
	min-height: auto;
	box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.3);
	font-size:1em;
}


header.menuNadal nav ul > li:nth-child(2){width:160px}
header.menuNadal nav ul > li:nth-child(3){width:150px}
header.menuNadal nav ul > li:nth-child(4){width:140px}

header.menuNadal nav ul li a {	
	padding:10px 15px;
	color:#000;	
	font-size:inherit;
	font-weight:300;
	font-family:"Roboto Condensed", Arial, Helvetica;
	text-decoration: none;
	vertical-align:middle;	
	display:block;

}

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

header.menuNadal nav ul li .submenuNadal {
	padding:0;
	margin:0;
	width:100%;
	}

header.menuNadal nav ul li .submenuNadal ul { 
	display: block;
	padding:0;
	margin:2px 0 0 0;
	list-style:none;
	position:relative;
	width:100%;
	}

header.menuNadal nav ul li .submenuNadal ul li {
	font-size:inherit;
	text-align:left;
	margin:0 0 2px 0;
	padding:0;
	display:block;
	width:auto;
	box-shadow: 3px 2px 2px rgba(0, 0, 0, .5);
	}
header.menuNadal nav ul li .submenuNadal ul li a{
	display:block;
	margin:0;
	padding:10px 15px;	
	text-align:left;
	line-height:1em
	}
	
header.menuNadal nav ul li .submenuNadal ul li:hover { background-color:#5CA997;}
header.menuNadal nav ul li .submenuNadal ul li:hover a { color:#fff;}
	
header.menuNadal .enllasNadal {
	clear:both;
	padding:0;
	margin:0 0 10px 0;
	display:block;
	overflow:hidden;
	}
	
header.menuNadal .enllasNadal a{	
	display:block;
	color:#fff;
	font-size:0.9em;
	text-decoration: none;
}

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


/* menu destacats */
.menuDestacats {display:block; width:100%; margin-bottom:20px; padding:0; text-align:center;}
.menuDestacats a {display:inline-block; margin:0 20px; padding:0; text-align:center; font-family:"Roboto Condensed", Arial, Helvetica; color:#fff; text-decoration:none;}
.menuDestacats a span {display:block; height:74px; margin-bottom:10px}


.menuDestacats a:nth-child(1) span {background:url(../img/cavalcada.png) center top no-repeat;}
.menuDestacats a:nth-child(1):hover span  {background:url(../img/cavalcada_hover.png) center top no-repeat;}
.menuDestacats a:nth-child(2) span {background:url(../img/concert.png) center top no-repeat;}
.menuDestacats a:nth-child(2):hover span  {background:url(../img/concert_hover.png) center top no-repeat;}
.menuDestacats a:nth-child(3) span {background:url(../img/fira.png) center top no-repeat;}
.menuDestacats a:nth-child(3):hover span  {background:url(../img/fira_hover.png) center top no-repeat;}
.menuDestacats a:nth-child(4) span {background:url(../img/pastorets.png) center top no-repeat; }
.menuDestacats a:nth-child(4):hover span  {background:url(../img/pastorets_hover.png) center top no-repeat;}
.menuDestacats a:nth-child(5) span {background:url(../img/kaliupark.png) center top no-repeat;}
.menuDestacats a:nth-child(5):hover span  {background:url(../img/kaliupark_hover.png) center top no-repeat;}

/* fi menu destacats */

/* menu tematiques */

.llistaTematiques {
	padding:0;
	margin:0;
	width:100%;
	text-align:center;
	}
	
.llistaTematiques ul {
	display: inline-flex;
    display: -webkit-inline-flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
	justify-content: space-between;
	width:100%;
	padding: 0;
	margin:0;
	list-style:none;
}

.llistaTematiques ul li {
    padding: 0;
    margin: 5px;
	background-color:#03324a;
	border-radius:15px;
	height:200px;
	width:200px;
	flex-grow:1;
	display:flex;
	display: -webkit-flex;	
	flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
	justify-content: space-between;
	text-align:center;
	vertical-align:middle;
	box-shadow:3px 2px 2px rgba(0,0,0,0.3);	
	align-content:center;
	background-color:#5CA997;
	background-image:none;
}

.llistaTematiques ul li:hover {
	background-color:#E6284E
	
	}


.llistaTematiques ul li a{
	color:#FFF;	
	font-size:3.5em;
	text-decoration: none;
	padding:20px;
	margin:0;
	line-height:0.7;
	font-family:"Foreplay", Arial, Helvetica;
	display:block;	
	width:100%;

}

.llistaTematiques ul li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html .llistaTematiques ul li {height: 1%;}




.llistaInteriorTematiques {
	padding:0;
	margin:0 0 20px 0;
	width:100%;
	text-align:center;
	}
	
.llistaInteriorTematiques ul {
	display: inline-flex;
    display: -webkit-inline-flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
	justify-content: space-between;
	width:100%;
	padding: 0;
	margin:0;
	list-style:none;
}

.llistaInteriorTematiques ul li {
    padding: 0;
    margin: 5px;
	background-color:#ff6c00;
	border-radius:10px;
	height:90px;
	width:90px;
	flex-grow:1;
	display:flex;
	display: -webkit-flex;	
	flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
	justify-content: space-between;
	text-align:center;
	vertical-align:middle;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .6);
	background-color:#5CA997;
	background-image:none;
	align-content:center;
}
.llistaInteriorTematiques ul li:hover { background-color:#E6284E;}

.llistaInteriorTematiques ul li a{
	color:#fff;	
	font-size:1em;
	text-decoration: none;
	padding:10px;
	margin:0;
	font-family:"Roboto Condensed", Arial, Helvetica;
	display:inline-block;	
	width:100%;
	text-transform:uppercase;
}

.llistaInteriorTematiques ul li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html .llistaInteriorTematiques ul li {height: 1%;}



/* menu recomanacions */

.llistaRecomanacions {
	display:block;
	padding:0;
	margin:0;
	width:100%;
	margin-bottom:5px;
	}
	
.llistaRecomanacions ul {
	display:block;
	padding: 0;
	margin:0;
	list-style:none;
	text-align:center;
}

.llistaRecomanacions ul li {
	background-image:none;
	padding: 0;
  	margin: 5px;
	display:inline-block;	
	min-width:100px;
}
.llistaRecomanacions ul li a{
	color:#fff;	
	font-size:1em;
	text-decoration: none;
	padding:8px;
	display:block;
	background-color:#f98509;
	border:1px solid #dc7c00;
	font-family:"Foreplay", Arial, Helvetica;
	text-transform:uppercase;
}

.llistaRecomanacions ul li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html .llistaRecomanacions ul li {height: 1%;}



/*llistes generiques*/
ul{
	list-style:none;
	margin:0 0 0 10px;
	padding:0 0 10px 0;
}

ul li {
	padding:2px 0 2px 10px;
	margin:0;
	vertical-align:baseline;
	background:url(http://www.l-h.cat/img/lh12/common/punt_negre.png) no-repeat 0 9px;
	}

ul li a {
	text-decoration: underline;
	padding: 0;
	margin:0;
}


/*fi llistes generiques*/





/* titols */
.panel-group { width:890px}
.panel-group .panel {position:relative; display:block; overflow:hidden; display:block; border-radius:15px; margin-bottom:5px; background-color:#5ca997; width:100%}
.panel-group .panel .panel-title {text-transform:uppercase; font-weight:bold; font-family:"Open Sans Condensed", Arial, Helvetica; color:#fff; font-size:1.2em;}
.panel-group .panel .panel-heading {padding:10px 20px; }
.panel-group .panel .panel-body {padding:10px 20px}




.titolsNadal {position:relative; display:block; overflow:hidden; border-radius:15px; margin-bottom:10px; margin-top:15px; background-color:#5ca997; padding:8px 15px}
.titolsNadal h3 {text-transform:uppercase; font-size:1.2em; font-weight:bold; display:block; font-family:"Open Sans Condensed", Arial, Helvetica; color:#fff;}

h3.titolsNadal2 {position:relative; display:block; overflow:hidden; border-radius:15px; margin-bottom:10px; margin-top:15px; background-color:#5CA997; padding:8px 15px; text-transform:uppercase; font-size:1.2em; font-weight:bold; font-family:"Open Sans Condensed", Arial, Helvetica; color:#fff;}


.titolPrimer {display:inline-block; font-size:3.2em; color:#fce063; font-family:"Foreplay", Arial, Helvetica; margin-bottom:10px; text-shadow:2px 2px 2px rgba(0,0,0,0.4)}
.titolSegon {font-size:3.2em; color:#fff; display:inline-block; font-family:"Foreplay", Arial, Helvetica; margin-bottom:10px;}
.titolSegon:before {content:" | "}
.titolSeccio {font-size:2em; color:#fff; display:inline-block; font-family:"Foreplay", Arial, Helvetica; margin-bottom:20px; text-transform:uppercase; font-weight:bold;}

/* fi titols */






/*carta reis */
.cartaReis {display:block; overflow:hidden; clear:both; margin:0; padding:0; width:100%;}
.panelCartaReis {background-image:url(../img/fonsCartaReis.png); background-repeat:no-repeat; background-color:transparent; width:890px; height:721px; display:block;}
.panelCartaReisEs {background-image:url(../img/fonsCartaReis_es.png); background-repeat:no-repeat; background-color:transparent; width:890px; height:721px; display:block;}

.fonsCartaReis {width:391px; padding-top:20px; padding-bottom:20px; display:inline; text-align:left; clear:both;}

.textecarta {border:0; background-image:url(../img/ratlles.png); background-repeat:repeat; overflow:hidden; width:365px; height:250px; font-size:0.75em; color:#000000; margin:204px 0 0 80px; background-color:transparent; font-style:italic; font-family: Georgia, "Times New Roman", Times, serif; line-height:1.5em; padding:0;}


#PanelRecibido {display:block; border-radius:15px; width:auto; padding:50px 20px; font-family: Arial, Helvetica, sans-serif; color:#ffffff; background-image:url(../img/fons_estrelles.png);  background-color:#03324a;}
.formulariCarta { width:365px; height:165px; margin:0px 95px 0 80px; display:block; clear:both;}
.taulaCartaNadal {border-collapse:collapse; border:1px solid #AEB9BF;}

.fonsCartaSobre { background-color:#a2d24e; width:391px; border-bottom:1px solid #0000; margin-bottom:20px;}
.fonsCartaSobre, .fonsCartaReis  {border-left:1px solid #000; border-right:1px solid #000; margin-left:49px;}

.nomCarta { padding-top:15px; display:block; width:100%;}
.nomCarta span { font-weight:bold; font-size:0.75em; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic;}
.nomCarta input { font-weight:normal; border:0; padding:8px 10px; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; width:85%; font-size:0.75em; background-color:#E3FAF8; border-radius:15px;}

.reiCarta { margin-top:10px; margin-left:7px; display:block; width:100%; margin-bottom:20px;}
.reiCarta span {font-size:0.75em; font-weight:bold; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic;}
.reiCarta select {font-size:0.75em; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; padding:8px 5px; background-color:#E3FAF8; border-radius:15px; border:0}

#ctrlImprimir {background-color:#5CA997; color:#fff; font-family:"Roboto Condensed", Arial, Helvetica; border:1px solid #923b33; border-radius:12px; padding:10px; text-decoration:none; text-align:center;}

.fonsRatlles {background-image:url(../img/ratlles.jpg);}

.maxh400{max-height:400px; border: 0; width:100%; float:left;}