body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	margin: 0px;
	background-repeat: repeat-x;
	background-image: url(img/fons_casament.jpg);
	background-color: #000000;
}
.text_negreta_grana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #500202;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #500202;
	text-decoration: none;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #500202;
	text-decoration: none;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #500202;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0c3800;
	text-decoration: none;
}
#master  
{
	width:982px;
	margin:auto; /* aquest margin auto, es important, fa que es centri el div respecte el body */
	height: 100%;
}
#cabecera {
	position:relative;
	left:0px;
	top:0px;
	width:982px;
	height:93px;
	z-index:2;
	margin: 0px;
}
#cabecera #logo {
	position:absolute;
	left:0px;
	top:0px;
	width:184px;
	height:93px;
	z-index:3;
}
#cabecera #random {
	position:absolute;
	left:184px;
	top:0px;
	width:798px;
	height:93px;
	z-index:3;
}

#bodi {
	position:relative;
	left:0px;
	top:0px;
	width:982px;
	height:1000px;
	z-index:2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}
#bodi #bodi_historic {
	position:relative;
	left:0px;
	top:0px;
	width:982px;
	height:2300px;
	z-index:2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}
#bodi #bodi_blackrider {
	position:relative;
	left:0px;
	top:0px;
	width:982px;
	height:1300px;
	z-index:2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}
#bodi #bodi_lafrau {
	position:relative;
	left:0px;
	top:0px;
	width:982px;
	height:1160px;
	z-index:2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}
#bodi #bodi_horaris {
	position:relative;
	left:0px;
	top:0px;
	width:982px;
	height:1180px;
	z-index:2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}

#bodi #columna_dades {
	position:absolute;
	left:0px;
	width: 183px;
	height: 785px;
}
#bodi #columna_anuncis {
	position:absolute;
	left:0px;
	width: 183px;
	height: 300px;
}
#bodi #filet {
	position:absolute;
	left:0px;
	top:0px;
	width:1px;
	height:1000px;
	z-index:3;
	background-color: #500202;
}

#bodi #filet1 {
	position:absolute;
	left:184px;
	top:0px;
	width:1px;
	height:1000px;
	z-index:3;
	background-color: #500202;
}
#bodi #filet1_historic {
	position:absolute;
	left:184px;
	top:0px;
	width:1px;
	height:2080px;
	z-index:3;
	background-color: #500202;
}
#bodi #filet1_blackrider {
	position:absolute;
	left:184px;
	top:0px;
	width:1px;
	height:1280px;
	z-index:3;
	background-color: #500202;
}
#bodi #filet1_lafrau {
	position:absolute;
	left:184px;
	top:0px;
	width:1px;
	height:1160px;
	z-index:3;
	background-color: #500202;
}
#bodi #filet1_horaris {
	position:absolute;
	left:184px;
	top:0px;
	width:1px;
	height:1180px;
	z-index:3;
	background-color: #500202;
}
#bodi #filet2 {
	position:absolute;
	left:769px;
	top:0px;
	width:1px;
	height:1000px;
	z-index:3;
	background-color: #500202;
}
#bodi #filet2_historic {
	position:absolute;
	left:769px;
	top:0px;
	width:1px;
	height:2080px;
	z-index:3;
	background-color: #500202;
}
#bodi #filet2_horaris {
	position:absolute;
	left:769px;
	top:0px;
	width:1px;
	height:1180px;
	z-index:3;
	background-color: #500202;
}
#bodi #filet2_blackrider {
	position:absolute;
	left:769px;
	top:0px;
	width:1px;
	height:1280px;
	z-index:3;
	background-color: #500202;
}
#bodi #filet2_lafrau {
	position:absolute;
	left:769px;
	top:0px;
	width:1px;
	height:1160px;
	z-index:3;
	background-color: #500202;
}
#bodi #titol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height:0.5em; /* interliniat */
	position:absolute;
	text-align:left;
	left:210px;
	width: 533px;
	height: 78px;
	top: 60px;
	font-weight: normal;
	color: #6e0505;
	vertical-align: bottom;
}
#bodi #foto_home {
	position:absolute;
	text-align:left;
	left:210px;
	width: 533px;
	height: 709px;
	top: 147px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #500202;
}
#bodi #foto_elteatre {
	position:absolute;
	text-align:left;
	left:210px;
	width: 533px;
	height: 317px;
	top: 147px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #500202;
	background-image: url(img/foto_elteatre.jpg);
}
#bodi #foto_historia {
	position:absolute;
	text-align:left;
	left:210px;
	width: 533px;
	height: 317px;
	top: 147px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #500202;
	background-image: url(img/foto_historia.jpg);
}
#bodi #foto_projecte_artistic {
	position:absolute;
	text-align:left;
	left:210px;
	width: 533px;
	height: 317px;
	top: 147px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #500202;
	background-image: url(img/foto_projecteartistic.jpg);
}

#bodi #foto_gataro {
	position:absolute;
	text-align:left;
	left:210px;
	width: 533px;
	height: 317px;
	top: 147px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #500202;
	background-image: url(img/foto_gataro.jpg);
}
#bodi #foto_horaris {
	position:absolute;
	text-align:left;
	left:210px;
	width: 533px;
	height: 317px;
	top: 147px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #500202;
	background-image: url(img/foto_horaris.jpg);
}
#bodi #foto_programacio {
	position:absolute;
	text-align:left;
	left:210px;
	width: 533px;
	height: 317px;
	top: 147px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #500202;
	background-image: url(img/foto_programacio.jpg);
}
#bodi #foto_contacte {
	position:absolute;
	text-align:left;
	left:210px;
	width: 533px;
	height: 317px;
	top: 147px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #500202;
	background-image: url(img/foto_contacte.jpg);
}
#bodi #foto_obra {
	position:absolute;
	text-align:left;
	left:210px;
	width: 533px;
	height: 317px;
	top: 147px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
}

#bodi #banners_historic {
	position:absolute;
	text-align:left;
	left:208px;
	width: 540px;
	top: 147px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #500202;
	overflow: auto;
}
#bodi #banners_2010_2011 {
	position:absolute;
	text-align:left;
	left:208px;
	width: 540px;
	top: 147px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #500202;
}

#bodi #banners {
	position:absolute;
	text-align:left;
	left:208px;
	width: 558px;
	top: 149px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #500202;
	height: 845px;
	overflow: scroll;
}
#bodi #txt {
	position:absolute;
	text-align:justify;
	left:210px;
	width: 533px;
	height: 500px;
	top: 487px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #500202;
}
#bodi #txt2 {
	position:absolute;
	text-align:justify;
	left:210px;
	width: 533px;
	height: 500px;
	top: 487px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #500202;
	overflow: scroll;
}
#bodi #logo_critica1 {
	position:absolute;
	left:777px;
	top:100px;
	width:180px;
	height:55px;
	z-index:3;
	background-image: url(img/logo_critica1.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#bodi #txt_critica1 {
	position:absolute;
	left:786px;
	top:162px;
	width:180px;
	height:120px;
	z-index:3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #500202;
	text-align: justify;
	visibility: visible;
}
#bodi #logo_critica2 {
	position:absolute;
	left:777px;
	top:300px;
	width:180px;
	height:55px;
	z-index:3;
	background-image: url(img/logo_critica2.jpg);
}
#bodi #txt_critica2 {
	position:absolute;
	left:786px;
	top:362px;
	width:180px;
	height:120px;
	z-index:3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #500202;
	text-align: justify;
	visibility: visible;
}
#bodi #logo_critica3 {
	position:absolute;
	left:777px;
	top:500px;
	width:180px;
	height:55px;
	z-index:3;
	background-image: url(img/logo_critica3.jpg);
}
#bodi #txt_critica3 {
	position:absolute;
	left:786px;
	top:562px;
	width:180px;
	height:120px;
	z-index:3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #500202;
	text-align: justify;
	visibility: visible;
}
#bodi #bt_contacte {
	position:absolute;
	left:693px;
	top:-31px;
	width:76px;
	height:29px;
	z-index:3;
}
#bodi #bt_programacio {
	position:absolute;
	left:587px;
	top:-31px;
	width:106px;
	height:29px;
	z-index:3;
}
#bodi #desp_programacio {
	position:absolute;
	left:583px;
	top:-4px;
	width:133px;
	height:40px;
	z-index:3;
	padding: 5px;
	visibility: hidden;
}
#bodi #bt_gataro {
	position:absolute;
	left:525px;
	top:-31px;
	width:62px;
	height:29px;
	z-index:3;
}
#bodi #bt_teatre {
	position:absolute;
	left:447px;
	top:-31px;
	width:78px;
	height:29px;
	z-index:3;
}
#bodi #desp_teatre {
	position:absolute;
	left:443px;
	top:-4px;
	width:154px;
	height:49px;
	z-index:3;
	padding: 5px;
	visibility: hidden;
}
#bodi #bt_horaris {
	position:absolute;
	left:326px;
	top:-31px;
	width:121px;
	height:29px;
	z-index:3;
}
#bodi #bt_destacats {
	position:absolute;
	left:898px;
	top:-31px;
	width:81px;
	height:29px;
	z-index:3;
}
#bodi #icona_minusvalids {
	background-color: #ffffe1;
	position:absolute;
	left:34px;
	top:434px;
	width:98px;
	z-index:3;
	border: 2px solid #500202;
	text-align: left;
	padding: 3px;
	visibility: hidden;
}
#bodi #icona_entrades_telefon {
	background-color: #ffffe1;
	position:absolute;
	left:76px;
	top:434px;
	width:131px;
	z-index:3;
	border: 2px solid #500202;
	text-align: left;
	padding: 3px;
	visibility: hidden;
}
#bodi #icona_entrades_estudiants {
	background-color: #ffffe1;
	position:absolute;
	left:118px;
	top:434px;
	width:151px;
	z-index:3;
	border: 2px solid #500202;
	text-align: left;
	padding: 3px;
	visibility: hidden;
}
#bodi #icona_entrades_65 {
	background-color: #ffffe1;
	position:absolute;
	left:159px;
	top:434px;
	width:117px;
	z-index:3;
	border: 2px solid #500202;
	text-align: left;
	padding: 3px;
	visibility: hidden;
}
#bodi #icona_descomptes_tr3sc {
	background-color: #ffffe1;
	position:absolute;
	left:33px;
	top:479px;
	width:140px;
	z-index:3;
	border: 2px solid #500202;
	text-align: left;
	padding: 3px;
	visibility: hidden;
}
#bodi #icona_dia_espectador {
	background-color: #ffffe1;
	position:absolute;
	left:75px;
	top:479px;
	width:145px;
	z-index:3;
	border: 2px solid #500202;
	text-align: left;
	padding: 3px;
	visibility: hidden;
}
#bodi #icona_carnet_jove {
	background-color: #ffffe1;
	position:absolute;
	left:117px;
	top:479px;
	width:151px;
	z-index:3;
	border: 2px solid #500202;
	text-align: left;
	padding: 3px;
	visibility: hidden;
}
#bodi #icona_servei_bar {
	background-color: #ffffe1;
	position:absolute;
	left:159px;
	top:479px;
	width:195px;
	z-index:3;
	border: 2px solid #500202;
	text-align: left;
	padding: 3px;
	visibility: hidden;
}
#bodi #icona_fnac {
	background-color: #ffffe1;
	position:absolute;
	left:38px;
	top:522px;
	width:165px;
	z-index:3;
	border: 2px solid #500202;
	text-align: left;
	padding: 3px;
	visibility: hidden;
}
#bodi #destacat01 {
	position:absolute;
	left:786px;
	top:149px;
	width:180px;
	height:180px;
	z-index:3;
	background-image: url(img/destacat01.jpg);
}
#bodi #destacat02 {
	position:absolute;
	left:786px;
	top:369px;
	width:180px;
	height:180px;
	z-index:3;
	background-image: url(img/destacat02.jpg);
}
#bodi #destacat03 {
	position:absolute;
	left:786px;
	top:589px;
	width:180px;
	height:180px;
	z-index:3;
	background-image: url(img/destacat03.jpg);
}
#bodi #destacat04 {
	position:absolute;
	left:786px;
	top:809px;
	width:180px;
	height:180px;
	z-index:3;
}

#bodi #botovenda {
	position:absolute;
	left:627px;
	top:60px;
	width:116px;
	height:38px;
	z-index:3;
}

#bodi #notes {
	position:absolute;
	left:209px;
	top:682px;
	width:541px;
	height:301px;
	z-index:3;
}