html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


:focus {
	outline: 0;

}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}


p{
	line-height: 1.5em;
	margin: 1.1em 0;
	font-size: 0.8em;
	}
	
h1{
	line-height: 1.4em;
	font-size: 1em;
	font-weight: bold;
	}
	
	
h2{
	line-height: 1.4em;
	font-size: 1.0em;
	}
	
	
	h3{
	line-height: 1.4em;
	font-size: 0.9em;
	padding-top: 3px;
	padding-bottom: 3px;
	}
	
	
	hr{
	border-top: 1px dotted #999999;
	}

strong{
		font-weight: bold;
}	
BODY {
	FONT-SIZE: small;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	HEIGHT: 100%;
	min-width: 697px;
	text-align: justify;
	font-weight: normal;
	background: #2c5e4f;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


HTML {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px auto;
	BORDER-TOP-STYLE: none;
	PADDING-TOP: 0px;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	HEIGHT: 100%;
	BORDER-BOTTOM-STYLE: none;
	min-width: 697px
}

/* ----------------------------- BODY principal | degradat ----------------------- */







/* ----------------------------- Links----------------------- */
A:link {
	color: #2C5E4F; 
	text-decoration: none;
	font-weight: bold;
}
A:visited {
	color: #2C5E4F; 
	font-weight: bold;
	text-decoration: none;
}
A:active {
	color: #2C5E4F; 
	text-decoration: none;
	font-weight: bold;
}
A:hover {
	color: #2C5E4F; 
	text-decoration: underline;
	font-weight: bold;
}

/* ------------------------------------------------------------- */


DIV.clear {
	CLEAR: both;
	FONT-SIZE: 0em;
	WIDTH: 100%
}

FORM {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px
	}
	

/* ------------------- 959px x 100%------------------ */

#pagina {
	MIN-HEIGHT: 100%;
	WIDTH: 697px;
	POSITION: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #2c5e4f;
	text-align: justify;
	padding: 0px;
	}
	
	
#estructura {
	MARGIN: 0px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
	width: 100%;
	background-color: #FFFFFF;
	text-align: justify;
	padding: 0px;
	}
	
	
#document {
	background-color: #FFFFFF;
	text-align: justify;
	}


/* ----------------------------- BANNER----------------------- */

#banner {
	MARGIN: 0px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	HEIGHT: 180px;
	BORDER-BOTTOM-STYLE: none;
	width: 100%;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	}
	
	#cor {
	MARGIN: 0px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	HEIGHT: 180px;
	BORDER-BOTTOM-STYLE: none;
	width: 145px;
	float: left;
	background: url(../imatges/cor.gif) no-repeat left top;
	}
	
	
	#festival{
	MARGIN: 0px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	HEIGHT: 180px;
	BORDER-BOTTOM-STYLE: none;
	width: 407px;
	float: left;
	text-align: center;
	}
	
	#piques {
	MARGIN: 0px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	HEIGHT: 180px;
	BORDER-BOTTOM-STYLE: none;
	width: 145px;
	float: left;
	background: url(../imatges/piques.gif) no-repeat 50px top;
	}




/* ----------------------------- BANNER  BOTTOM----------------------- */

#banner_bottom {
	MARGIN: 0px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	HEIGHT: 80px;
	BORDER-BOTTOM-STYLE: none;
	width: 100%;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	}
	
	#trevol {
	MARGIN: 0px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	HEIGHT: 80px;
	BORDER-BOTTOM-STYLE: none;
	width: 145px;
	float: left;
	background: url(../imatges/trevol.gif) no-repeat 10px top;
	}
	
	
	#festival_bottom{
	MARGIN: 0px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	HEIGHT: 40px;
	BORDER-BOTTOM-STYLE: none;
	width: 407px;
	float: left;
	background: #FFFFFF;
	text-align: center;
	padding-top: 40px;
	font-size: 9px;
	color: #2C5E4F;
	}
	
	
	
	
	#diamants {
	MARGIN: 0px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	HEIGHT: 80px;
	BORDER-BOTTOM-STYLE: none;
	width: 145px;
	float: left;
	background: url(../imatges/diamants.gif) no-repeat 60px top;
	}


	
/* ----------------------------- Navegació horitzontal----------------------- */

#navegacio{
	width: 262px;
	float: left;
	clear: none;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 0.8em;
	font-weight: normal;
	color: #999999;
	padding-left: 20px;
	height: 10px;
}

#dia{
	width: 276px;
	float: left;
	clear: none;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	background: #B10005;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}


#foto_concerts{
	width: 170px;
	float: left;
	clear: none;

}
#dia_concerts{
	width: 160px;
	float: left;
	clear: none;
	font-size: 0.7em;
	font-weight: bold;
	color: #FFFFFF;
	background: #B10005;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	text-align: left;
}



#capsalera_concerts{
	width: 160px;
	float: left;
	clear: none;
	color: #FFFFFF;
	font: bold normal 1em Verdana, Arial, Helvetica, sans-serif;
	background: url(../imatges/fons_grups.png);
	text-align: left;
	padding: 5px;
	border-top: 1px solid #FFFFFF;
}


#capsalera_concerts a{
	width: 160px;
	float: left;
	clear: none;
	color: #FFFFFF;
	font: bold normal 1em Verdana, Arial, Helvetica, sans-serif;
	background: url(../imatges/fons_grups.png);
	text-align: left;
	padding: 5px;
	border-top: 1px solid #FFFFFF;
}

#capsalera{
	width: 256px;
	float: left;
	clear: none;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	color: #FFFFFF;
	font: bold normal 1.5em Verdana, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	background: url(../imatges/fons_grups.png);
	text-align: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-right: 5px;
}


/* ----------------------------- SUB MENÚ----------------------- */
#submenu{
	clear: both;
	height:30px;
	text-transform:uppercase;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	line-height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-bottom: 30px;
	margin-right: 0px;
	margin-top: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding: 0px;
}

#submenu ul {
	float:left;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	line-height: normal;
}

#submenu li {
	display:inline;
}

#submenu a {
	float:left;
	width:95px;
	height:30px;
	text-align:center;
	line-height:30px;
	color:#B10005;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	text-transform: none;
	font-weight: bold;
}

#submenu a:hover {
	color:#B10005;
	background-color: #e7e7e7;
}
#submenu a.current {
	color:#FFFFFF;
	background-color: #B10005;
}


/* ----------------------------- PRINCIPAL------------------ */

#principal {
	FLOAT: left;
	MARGIN: 0px;
	WIDTH: 282px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	TEXT-ALIGN: justify;
	BORDER-BOTTOM-STYLE: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding: 0px;
}


/* ----------------------------- PRINCIPAL NOTÍCIES PORTADA------------------ */

#principal_int{
	FLOAT: left;
	WIDTH: 100%;
	TEXT-ALIGN: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-width: 0px;
	border-style: none;
}

#principal_int ul {
	font-size: 0.8em;
	line-height: 2em;
}



#principal_int h2{
	font-family: Georgia, "Times New Roman", serif;
	font-weight: bold;
	color: #CC6633;
}

#principal_int_1{
	FLOAT: left;
	WIDTH: 250px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	TEXT-ALIGN: left;
	BORDER-BOTTOM-STYLE: none;
	border-bottom-width: 0px;
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#principal_int_2{
	FLOAT: left;
	WIDTH: 262px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
	border-bottom-width: 0px;
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	padding: 0px 0px 0px 20px;
}

#principal_int_3{
	FLOAT: right;
	WIDTH: 100%;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
	border-bottom-width: 0px;
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	padding: 0px;
}

#principal_top{
	FLOAT: left;
	WIDTH: 262px;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	TEXT-ALIGN: left;
	BORDER-BOTTOM-STYLE: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #B10005;
	margin: 0px 0px 0px 20px;
	padding: 5px 0px 0px;
	border-top: 1px dotted #999999;
}


#dates ul {
	float: left;
	font-size: 0.8em;
	text-align: left;
	list-style-type: none;
	clear: none;
	margin: 0px;
	padding: 0px;
	color: #6699CC;
}


/* --------------------------------------------------------------------------------------------------------- */


/* ----------------------------- LATERAL------------------ */




#lateral {
	FLOAT: left;
	MARGIN: 0px 0px 20px;
	WIDTH: 340px;
	padding: 0px;
}

/* ----------------------------- patrocinadors------------------ */

#patrocinadors {
	FLOAT: left;
	MARGIN: 0px 76px 20px;
	WIDTH: 545px;
	padding: 0px;
}

#literals_patrocinadors {
	FLOAT: left;
	MARGIN: 0px 0px 10px;
	width: 100%;
}


/* ----------------------------- concerts------------------ */

#concerts {
	FLOAT: left;
	MARGIN: 0px 76px 20px;
	WIDTH: 545px;
	padding: 0px;
	background: #FFFFFF;
}

#concerts_fitxa {
	FLOAT: left;
	MARGIN: 0px 11px 10px 0px;
	width: 170px;
}

/* ----------------------------- FOTOS portada------------------ */


#foto_portada{
	FLOAT: left;
	WIDTH: 250px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#foto_portada_2{
	FLOAT: none;
	WIDTH: 250px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}


/* ----------------------------- PEU------------------ */

#peu {
	CLEAR: both;
	height: 20px;
	background-color: #2c5e4f;
}


#festival_bottom A:link {
	COLOR: #2C5E4F;
	text-decoration: none;
	font-weight: bold;

}
#festival_bottom A:visited {
	COLOR: #666666}
#festival_bottom A:active {
	COLOR: ##2C5E4F
}
#festival_bottom A:hover {
	COLOR: ##2C5E4F;
	text-decoration: underline;
	font-weight: bold;
}

/* ----------------------------- IMATGES ------------------ */



#imatges {
	FLOAT: left;
	MARGIN: 0px;
	WIDTH: 340px;
	padding: 0px;
	text-align: right;
}

#servicaixa {
	FLOAT: left;
	WIDTH: 195px;
	padding: 0px;
	margin: 20px 0px 0px 145px;
}

#servicaixa li{
	COLOR: #B10005;
	font-size: 10px;
	border-bottom: thin dotted #B10005;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	list-style: none;
}

#servicaixa A:link{
	COLOR: #B10005;
	
}
#servicaixa A:visited{
	COLOR: #B10005;

}
#servicaixa A:hover{
	COLOR: #B10005;
	text-decoration: underline;
	


}
#servicaixa A:active{
	COLOR: #B10005;

}



/* ----------------------------- SEMICERCLES ------------------ */

.roundbottom_white {
	height:40px;
	background-image: url(../imatges/4.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: left;
	width: 100%;
}

.roundtop_white {
	height:40px;
	background-image: url(../imatges/2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: left;
	width: 100%;
/* AFEGIT DANI */	
	background-color: #FFFFFF;
}

img.corner {
 width: 40px;
 height: 40px;
 border: none;
 display: block !important;
}




.margesfoto_2 {
	float: left;
	margin-bottom: 5px;
}




.web {
	font-weight: normal;
	color: #2C5E4F;
	font-size: 0.8em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-bottom-color: #999999;
}

.preus {
	font-weight: bold;
	color: #B10005;
	font-size: 0.9em;
}

.back {
	margin-right: 5px;	
}

.verd {
	color: #2C5E4F;
	font-weight: bold;
	font-size: 12px;
}


.bold {
	font-weight: bold;
}

.patrocinadors {
	margin: 5px 0px 0px;
	padding: 0px;
	float: left;
	border-width: 0px;
	border-style: none;
}

.preus_entrades {
	color: #999999;
	font-size: 11px;
	}

.marge20 {
	margin-top: 20px;
	margin-bottom: 20px;
	}

