/* CSS Document */
html {margin: 0; padding: 0;}
body {text-align:center; /* centrar para IE5.x */ font: 12px "Trebuchet MS", Verdana, Arial, Sans-serif; margin:0; padding:0; background-color:#FFFFCC ; color:#000000;}
div#contenidor {position:relative; margin:0 auto; width:750px;}
div#header {position:absolute; top:10px; left:0px; border-top: 5px solid #993300;}
img {border:0;}
div#menu {
	position: absolute;
	top:175px;
	left:0;
	width:110px;
	font-size:11px;
	margin-bottom: 10px;
}
div#menu h4 {font: 11px "Trebuchet MS", Verdana, Arial, Sans-serif; margin:0; padding:0.25em 0 0.125em 0; text-align:center; color:#FFFFFF; background-color:#666666; letter-spacing:2px;}
div#menu a {display:block; padding: 4px 8px; margin:0; text-decoration:none; text-align:left; font-weight:normal;}
div#menu a.primer {
	color:#666666;
	border-bottom: 1px solid gray;
	background-color:#eeeeee;
	font-weight: bold;
}
div#menu a.primer:hover {
	color:#eeeeee;
	border-bottom: 1px solid gray;
	background-color:#993300;
	border-right: 5px solid white;
	font-weight: bold;
                white-space:nowrap;}
div#menu a.segon {color:#993300; border-bottom: 1px solid white; background-color:#FFCC66; text-align:right; font-weight:normal;}
div#menu a.segon:hover {color:#993300; border-bottom: 1px solid gray; background-color:#FDFFBB; border-left: 5px solid #993300; font-weight:normal; display:block; white-space:nowrap;}
div#content {
	position: absolute;
	top:115px;
	left:110px;
	font-size:11px;
	width:605px;
	margin:0;
	background-color:#FFF0AB;
	padding: 5px 15px;
	border-right: 5px solid #993300;
	margin-bottom: 20px;
}
div#content h1 {text-align: right; font-size:30px; font-variant:small-caps; background-color:#993300; color:white; padding: 0 5px; margin-bottom:0;}
div#content h2 {
	text-align: right;
	font-size:18px;
	background-color:#ffffff;
	color:#666666;
	padding-right: 5px;
	margin-top:0;
	margin-bottom: 5px;
}
div#content h4 {
	text-align: left;
	font-size:12px;
	color:#993300;
	padding-right: 5px;
	margin-top:0;
	margin-bottom: 5px;
	border-bottom: 1px solid #993300;
}
div#content p {
	text-align:justify;
	font-size:12px;
	vertical-align: text-top;
	width: 325px;
	padding-right: 5px;
}
div#content p.textmultimedia {
	text-align:justify;
	font-size:12px;
	vertical-align: text-top;
	width: 570px;
	padding-right: 5px;
	padding-left: 10px;
}
div#concert {
	display:block;
	text-align:center;
	background-color:#CCCCCC;
	width:400px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 10px;
}
div#concert .formacio {font-size:16px; font-weight:bold; padding: 5px 5px; font-variant:small-caps;}
div#concert .components {font-size:12px; font-style:italic; text-align:right; background-color:#FFFFFF; padding: 0 5px; }
div#content h3 {text-align: center; color:#993300; font-size:18px;}
div#programa {display:block; text-align:left; width:500px; padding-bottom: 10px; margin:0 auto; margin-bottom: 20px;}
div#programa .pessa1 {font-size:12px; text-align:left; background-color:#FFCC66; padding: 0 5px;}
div#programa .autor {font-size:12px; font-style:italic; text-align:right; padding: 0 5px;background-color:#FFCC66;}
div#programa .pessa2 {font-size:12px; text-align:right; }
#taula1 {margin:0 auto;}
.imatge {
	vertical-align:top;
	padding-top: 15px;
}
.text {
	vertical-align:top;
	padding-right: 5px;
}
div#peu {
	position: absolute;
	width: 110px;
	left: 0px;
	top: 115px;
	font-family: "Trebuchet MS", Verdana;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #006497;
	height:50px;
}
div#peu a {
	font-family: "Trebuchet MS", Verdana;
	font-size: 10px;
	color: #eeeeee;
	text-decoration:none;
}
div#peu a:hover {
	font-family: "Trebuchet MS", Verdana;
	font-size: 10px;
	color: #006497;
	text-decoration:none;
	background-color:#FFFFFF
}
.logopeu {
	background-color: #FFFFFF;
}
a {
	font-family: "Trebuchet MS", Verdana;
	font-weight: bold;
	color: #993300;
	text-decoration: none;
	vertical-align: middle;
}
a:link {
	color: #993300;
	text-decoration: none;
}
a:visited {
	color: #993300;
	text-decoration: none;
}
a:hover {
	color: #444444;
	text-decoration: none;
}
div#multimedia {
	text-align: center;
	margin-bottom: 20px;
}
div#flash {
	text-align:center;
	margin-bottom:20px;
	height: 700px;
	vertical-align:top;
	padding-top:-50px;
}
div#multimedia img {
	margin :5px;
}