html, body {background-color: #000000; text-align: center; height: 100%; background-image: url(imatges/fons.jpg); background-repeat: no-repeat;}
#cos {background-color: #ffffff; width:910px; _width: 950px; height: auto; min-height: 100%; _height: auto; _min-height: 120%; text-align: left; margin: 0px auto 0px auto; padding: 20px 20px 20px 20px; overflow: hidden;}

#imatge-capsalera {width:910px; height:85px; float: left; position: relative;}
#pdf {float: right; position: relative; margin: -35px 30px 0 0;}
#menu-capsalera {
	background-color: #333333;
	width:890px;
	_width:910px;
	height: 15px;
	_height: 20px;
	position: relative;
	float: left;
	_margin-top: -4px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	_padding-top: 0px;
	_padding-bottom: 0px;
	vertical-align: top;
	_z-index: 999;
}
	
#data {background-color: #333333; width:240px; _width:250px; height:30px; padding: 5px 0px 5px 10px;}
#titcercador {background-color: #333333; width:240px; _width:250px; height:16px; _height:26px;  padding: 8px 5px 0px 5px; text-align: center; _padding-top: 4px;}
#menu-lateral {background-color: #ffcc00; width:250px; height:230px; float: left; margin-top: 3px; z-index: 9999; display: inline;}
#menu-desp {background-color: #ffcc00; width:240px; height:auto; float: left; overflow: hidden; z-index: 8888; padding: 3px 0px 10px 10px;}
#capa-principal {background-color: #FFFFFF; width:660px; height:auto; float:right; margin: 3px 0px 0px 0px; clear: right;}

#pergami {width:640px; height:520px; float:left; margin: 15px 0px 0px 20px; _margin: 15px 0px 0px 10px; background-image:url(imatges/pergami.jpg); background-repeat: no-repeat;}
#textllegenda {width: 500px; height: auto; z-index: 800; float: left; overflow: hidden; margin: 50px 60px 0px 80px; _margin: 60px 30px 0px 40px;}


#foto-principal {background-color: #FFFFFF; width:660px; height:230px; float:right;}
#text {background-color: #FFFFFF; width:640px; height:auto; float:right; margin-top: 3px; border-bottom: solid 1px #999999;}
#logos {background-color: #FFFFFF; width:640px; height:auto; float:right; margin-top: 3px;}
#banners {width:250px; height: auto; float:left; margin-top: 0px; clear: left;}
#banners2 {width:250px; height: auto; float:left; margin-top: 0px; clear: left;}

#cercador {background-color: #FFFF99; width:250px; height:162px; _height: 182px; float:left; margin-top: 3px; clear: left; z-index: 0;}
#publi {background-color: #FFFFFF; width:250px; height:140px; float:left; margin-top: 3px; clear: left; z-index: 0; position: relative;}
/*\*/
html*#publi {background-color: #FFFFFF; width:250px; height:140px; float:left; margin-top: 3px; clear: left; z-index: 0; position: relative;}
#banner {background-color: #FFFFFF; width:250px; height:135px; float:left; margin-top: 3px; clear: left;}
#titol {width:657px; height:40px; float: left; position: relative; padding-left: 3px;}
#nomtitol {width:642px; height:25; float: left; position: absolute; padding-left: 3px; left: 15; top: 6;}
#resumacte {width:640px; height:auto; float:left; margin: 20px 0px 0px 20px; _margin: 20px 0px 0px 10px;}
#resumprograma {width:635px; _width:637px; height:auto; float:left; margin: 15px 0px 0px 20px; _margin: 15px 0px 0px 10px; padding-right: 5px;}
#nomacte {width:640px; height:20px; float:left; margin: 15px 0px 0px 20px; _margin: 15px 0px 0px 10px; border-bottom: #999999 solid 1px;}
#cerca {width:230px; height: 20px; border: #666666 1px solid; margin-top: 3px;}
#cerca-data {width:80px; height: 20px; border: #666666 1px solid; margin-top: 3px;}

#foto-acte {background-color: #d7d7d7; width:627px; height:190px; float:left; margin-left: 3px; _margin-left: 1px; _margin-top: -4px;}

#thumb {display: table-cell; _display: inline-block; width:155px; height:155px; text-align: center; vertical-align: middle; background-color: #F3F3F3; border: #CCCCCC solid 1px;}
#thumbvid {display: table-cell; _display: inline-block; width:155px; height:122px; text-align: center; vertical-align: middle; background-color: #F3F3F3; border: #CCCCCC solid 1px;}
#thumbvideo {display: table-cell; _display: inline-block; width:620px; height:400px; text-align: center; vertical-align: middle;}
#fotothumb {border: #999999 solid 1px;}
#fotothumbacte {border: #999999 solid 1px; margin: 10px 0px 0px 0px;}
#masterthumb {width: 155px; height: auto; float: left; _float: left; margin-right: 3px;}
#masterthumbvideo {width: 620px; _width: 620px; height: auto; float: left; _float: left; margin: 20px 0px 0px 20px; _margin: 15px 0px 0px 10px; background-color: #F3F3F3; border: #CCCCCC solid 1px;}
#textthumb {width: 155px; height: auto; padding: 3px 0px 0px 8px;}

#thumb3vertical {width: 155px; height: auto; overflow: hidden; text-align: center; float: left; background-color: #F3F3F3; border: #CCCCCC solid 1px; margin-right: 20px; margin-bottom: 15px;}
#peuacte {width: 640px; height: auto; background-color: #FFCC00; background-image: url(imatges/fonsdatadia.gif); background-repeat: no-repeat; background-position: top;  float: left; position: relative; margin: 15px 0px 0px 20px; _margin: 15px 0px 0px 10px; padding-top: 3px;}

#edge {
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
}

#container {
display: inline-block;
width: 100%;
text-align: center;
vertical-align: middle;
}

#programa {width: 657px; height: auto; margin-left: 3px; _margin-top: -3px;}
#diaprograma {width: 657px; _width: 657px; height: 20px; background-color: #FFFFFF; float: left; position: relative; margin: 3px 0px 0px 0px; background-image: url(imatges/programa-cap.gif); background-repeat: no-repeat; padding: 3px 0px 0px 20px;}
#fonsprograma {width: 657px; _width: 657px; height: auto; background-color: #FFFF99; float: left; position: relative; margin: -3px 0px 0px 0px; _margin-bottom: 3px;background-image: url(imatges/programa-cua.gif); background-repeat: no-repeat; background-position: bottom; padding-bottom: 15px;}

#datahoralloc {width: 590px; _width: 640px; height: 20px; _height: 5px; text-align: left; padding-left: 50px; line-height: 10px; border-bottom: #666666 solid 1px;}
#mapaprograma {width: 590px; _width: 640px; height: 20px; text-align: left; padding-left: 50px; background-color: #333333;}


#masterform {width: 618px; _width: 638px; height: auto; text-align: left; float: left; padding: 10px 0px 5px 10px; margin: 20px 0px 0px 20px; _margin: 15px 0px 0px 10px; background-color: #F3F3F3; border: #CCCCCC solid 1px; overflow: hidden;}
#formCapa {overflow: hidden; height: 44px; _height: 44px; float:left;}

#formNom {width: 605px; _width: 615px; height: 20px; border: #666666 1px solid; margin-top: 3px; float:left;}
#formAdress {width: 605px; _width: 615px; height: 20px; border: #666666 1px solid; margin-top: 3px; float:left;}
#formCiutat {width: 605px; _width: 615px; height: 20px; border: #666666 1px solid; margin-top: 3px; float:left;}
#formCP {width: 150px; _width: 150px; height: 20px; border: #666666 1px solid; margin-top: 3px; float:left; clear: none;}
#formDNI {width: 150px; _width: 150px; height: 20px; border: #666666 1px solid; margin-top: 3px; float:left; clear: none;}
#formTel {width: 150px; _width: 150px; height: 20px; border: #666666 1px solid; margin-top: 3px; float:left; clear: none;}
#formNaix {width: 150px; _width: 150px; height: 20px; border: #666666 1px solid; margin-top: 3px; float:left; clear: none;}
#formMail {width: 605px; _width: 615px; height: 20px; border: #666666 1px solid; margin-top: 3px; float:left;}
#formComments {width: 605px; _width: 615px; height: 100px; border: #666666 1px solid; margin-top: 3px; float:left;}
#formEnvia {width: 100px; height: 20px; border: #666666 1px solid; margin-top: 3px; float:left; _margin-bottom: -15px;}

.formField {height: 20px; border: #666666 1px solid; margin-top: 3px;}
.formField100 {width: 100px; height: 20px; border: #666666 1px solid; margin-top: 3px;}

#servei {width: 630px; _width: 640px; height: auto; float: left; background-color: #F3F3F3; padding: 0px 3px 0px 5px; margin: 3px 0px 0px 20px; _margin: 5px 0px 0px 10px; border: #999999 1px solid; background-image: url(imatges/fnallotjament.gif); background-repeat: repeat-y; overflow: hidden;}
#servei2 {width: 630px; _width: 640px; height: 30px; float: left; background-color: #F3F3F3; padding: 0px 3px 0px 5px; margin: 3px 0px 0px 20px; _margin: 5px 0px 0px 10px; border: #999999 1px solid;}
#nomservei {width: 170px; height: 30px; line-height: 15px; float: left; margin-right: 6px; padding-right: 3px;}
#dadesservei {height: auto; _height: 10px; min-height: 15px; line-height: 14px; float: left;}
#dadesservei2 {height: 8px; _height: 5px; line-height: 8px; float: left; _margin-top: -6px; margin-top: -2px; margin-bottom: 8px; _margin-bottom: 3px; vertical-align: text-top;}

#poblacio {width:640px; height:14px; line-height: 14px; float:left; margin: 15px 0px 0px 20px; _margin: 15px 0px 0px 10px;}
#peu {width:910px; _width:910px; height:auto; border-top: solid 1px #999999; margin-top: 15px; _margˇn-top: 15px; float: left; position: static; text-align:center;}

.perga {
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-size: 13px;
	color: #000000;
	font-weight: normal;
	line-height: 18px;
	text-decoration: none;
}


.llistamenu {
	background-color: #333333;
	border: #FFFFFF solid 1px;
	height: auto;
	width: auto;
	_width: 142px;
	float: left;
	padding: 3px 3px 3px 3px;
	line-height: 12px;
	vertical-align: top;
	visibility: hidden;
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 10px;
	color: #CCCCCC;
	font-weight: normal;
	text-decoration: none;
}

.TextMnActes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	line-height: 12px;
	decoration: none;
	padding-left: 14px;
	visibility: hidden;
	position: absolute;
}

.groc {
	color: #FFCC00;
	text-decoration: none;
}
.gris {
	color: #CCCCCC;
	text-decoration: none;
}
.blanc {
	color: #FFFFFF;
	text-decoration: none;
}
.roig {
	color: #FF3300;
	text-decoration: none;
}
.roig2 {
	color: #CC0000;
	text-decoration: none;
}
.negre {
	color: #000000;
	text-decoration: none;
}

.menu-1 {
	height: 12px;
	float: left;
	_padding-top: -2px;
	_vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 10px;
	color: #CCCCCC;
	font-weight: normal;
	line-height: 7px;
	_line-height: 17px;
	decoration: none;
	text-decoration: none;
}
.menu-2 {
	height: 12px;
	float: left;
	_padding-top: -2px;
	_vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #FFCC00;
	font-weight: bold;
	line-height: 7px;
	_line-height: 17px;
	text-decoration: none;
}
.menu-3 {
	height: 12px;
	float: left;
	_padding-top: -2px;
	_vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 7px;
	_line-height: 17px;
	text-decoration: none;
}
.data {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 15px;
	color: #FFCC00;
	font-weight: normal;
	line-height: 16px;
	text-decoration: none;
}
.edicio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 15px;
	text-decoration: none;
}
.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	line-height: 12px;
	text-decoration: none;
}
.normal-gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	line-height: 12px;
	text-decoration: none;
}
.normal-roig {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 10px;
	color: #CC0000;
	font-weight: normal;
	line-height: 12px;
	text-decoration: none;
}
.italic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	line-height: 12px;
	text-decoration: none;
}
.bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
}
.petit-gris {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 10px;
	color: #999999;
	font-weight: normal;
	line-height: 10px;
	text-decoration: none;
}
.petit-blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 10px;
	text-decoration: none;
}
.petit-roig {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 10px;
	color: #CC0000;
	font-weight: normal;
	line-height: 12px;
	vertical-align: top;
	text-decoration: none;
}
.subtitol-negre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
}
.titolet-granate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 10px;
	color: #900033;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
}
.titol-plana {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 25px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 25px;
	text-decoration: none;
}
.titol-acte-granate {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 16px;
	color: #900033;
	font-weight: bold;
	line-height: 22px;
	text-decoration: none;
}
.datahora-gris {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	line-height: 24px;
	decoration: none;
}
.datahora-grisfosc {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	line-height: 24px;
	text-decoration: none;
}
.datahora-blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 24px;
	text-decoration: none;
}
.datahora-negreta {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	line-height: 24px;
	text-decoration: none;
}
.diaprograma {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #FFCC00;
	font-weight: bold;
	line-height: 12px;
	_line-height: 12px;
	text-decoration: none;
}
.horallocprograma {
	font-family: Arial, Helvetica, sans-serif;
	font-style:	normal;
	font-size: 11px;
	color: #990033;
	font-weight: bold;
	line-height: 16px;
	_line-height: 16px;
	text-decoration: none;
}
.nomprograma {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:	normal;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	line-height: 18px;
	_line-height: 18px;
	text-decoration: none;
	text-transform: uppercase;
}
.textprograma {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	line-height: 14px;
	text-decoration: none;
}
.preuprograma {
	font-family: Arial, Helvetica, sans-serif;
	font-style:	normal;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	line-height: 20px;
	_line-height: 20px;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}