a:link/*, a:visited/*, a:active*/ { color: #FFCC00; text-decoration: none; }
a:hover { color: #FFFFFF; }
body { padding: 0; background-image:url(../imatges/fons-ones2.gif); background-color:#000000; height:100%; }

p { margin-top: 0; margin-bottom: 8px; }

/*table { border-collapse: collapse; margin: 0; padding: 0; }*/

/* general page elements */
#general { position: relative;  margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom:auto;  width: 805px; height: 520px; }
#menu-sup { position: absolute; top: 0px; left: 0px; width: 150px; height: 272px; background-color: #FFCC00;}
#menu-inf { position: absolute; top: 268px; left: 0px; width: 150px; height: 252px;}
#footer { position: absolute; bottom: 0px !important; bottom: -4px; left: 0px; height: 12px; width: 950px; text-align: right; }

#contingut { position: absolute; top: 0px; left: 165px; width: 470px; height: 520px; }
#infoFotoInici { position: absolute; top: 525px; left: 165px; width: 470px; height: 15px; }

#form1 input.sbox {color: #80808C; height: 13px; width: 180px; border: 0; background: white url(http://images.apple.com/downloads/dashboard/images/downloadssearchbackground20050606.gif) repeat-x left top; padding: 3px;}
/* ============ QUE ES SONORA ============== */

#sonoraBox { position: absolute; top: 25px; left: 25px; width: 426px; height:465px; text-align:left; overflow:hidden;}
#sonoraContent { position: relative; top: 0px; left: 0px; width: 400px; }

/* ----------- CONTINGUT ------------*/


#contingutBox { position: absolute; top: 0px; left: 165px; width: 470px; height: 520px; background: #FFFFFF}
#contingutScrollTrack { position: absolute; top: 0px; right: 0px; width: 12px; height: 520px; background: #333333; }
#contingutScrollThumbTrack { position: absolute; top: 0px; right: 0px; width: 12px; height: 518px; }
#contingutScrollThumb {	position: absolute;	top: 0px; left: 0px; width: 12px; height: 300px; border: none;background-color: #FFCC00;}
#contingutContentClip { position: absolute; top: 0px; left: 0px; width: 457px; height: 520px; background-color:#333333;clip: rect(0px,457px,520px,0); overflow: hidden; }
#contingutInnerClip { position: absolute; top: 2px; left: 2px; width: 453px; height: 516px; clip: rect(0px,453px,516px,0); }
#contingutContent { position: absolute; top: 2px; left: 0px; width: 453px; }


#audio { position: absolute; top: 0px; left: 650px; width: 200px; height: 120px; }

/* ---------- ALBUM TOTA LA COLUMNA ---------- */

#llistaAlbumBox { position: absolute; top: 53px; left: 650px; width: 155px; height: 468px; background: #FFFFFF}
#llistaAlbumScrollTrack { position: absolute; top: 0px; left: 143px; width: 11px; height: 466px; background: #000000; }
#llistaAlbumScrollThumbTrack { position: absolute; top: 1px; left: 143px; width: 11px; height: 464px; }
#llistaAlbumScrollThumb {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 11px;
	height: 50px;
	border: none;
	background-color: #FFCC00;
}
#llistaAlbumContentClip { position: absolute; top: 1px; left: 1px; width: 141px; height: 466px; background-color:#000000;clip: rect(0px,141px,466px,0); overflow: hidden; }
#llistaAlbumInnerClip { position: absolute; top: 2px; left: 2px; width: 137px; height: 462px; clip: rect(0px,137px,462px,0); }
#llistaAlbumContent { position: absolute; top: 2px; left: 0px; width: 137px; }




/*------------- NOTICIES MITJA COLUMNA -----------------------*/
#blancMigBox { position: absolute; top: 268px; left: 650px; text-align:left; width: 155px; height: 252px; background: #FFFFFF; overflow:hidden;}
#blancMigContent { position: relative; top: 2px; left: 0px; width: 138px; }

/* ================= APARTAT GRUPS ================== */

#grupsExtBox { position: absolute; top: 30px; left: 275px; text-align:left; width: 180px; height:461px; overflow:hidden;}
#grupsExtContent { position: relative; top: 0px; left: 0px; width: 154px; }


/* --------- LLISTA DE GRUPS ----------*/


#grisBox { position: absolute; top: 0px; left: 650px; width: 155px; text-align:left; height: 252px; background: #333333; overflow:hidden;}
#grisContent { position: relative; top: 2px; left: 0px; width: 138px; }


/* --------- PROXIMES ACTUACIONS ----------*/
#actuacio { position: absolute; top: 0px; left: 650px; width: 155px; height: 253px; background: #FFFFFF;}
#actuacioBox { position: absolute; top: 1px; left: 650px; width: 155px; height: 251px; background: #FFFFFF; text-align:left; overflow:hidden;}
#actuacioScrollTrack { position: absolute; top: 1px; left: 142px; width: 13px; height: 251px; background: #000000 url(../imatges/fons-menu-negre.gif); }
#actuacioContent { position: relative; top: 0px; left: 1px; width: 141px; background-color:#000000; }

/* ================= APARTAT NOTICIES ================== */

/* ---- Columna esquerra ---------- */

#colEsq { position: absolute; top: 30px; left: 20px; width: 171px; height:461px; }

#buscadorNoticies0 { position: absolute; top: 0px; left: 650px; width: 155px; height: 100px;}
/*#buscadorNoticies { position: absolute; top: 0px; left: 0px; width: 180px; height:47px ;}
*/
#buscadorNoticies { position: absolute; top: 0px; left: 650px; width: 155px; height:47px ;}

#ordenarPer { position: absolute; top: 0px; left: 0px; width: 196px; height:47px; background-color:#FFFFFF}
#ordenarPer-desplegat { position: absolute; top: 0px; left: 0px; width: 196px; height:87px; background-color:#FFFFFF; }
#llistaNoticies { position: absolute; top: 50px; left: 0px; width: 196px; height:411px;}
#separadorNoticies { position: absolute; top: 30px; left: 211px; width: 1px; height:461px; background-image:url(../imatges/linia_punts_vertical.gif)}

/* --- Columna dreta -------- */

#colDretBox { position: absolute; top: 30px; left: 231px; width: 224px; height:461px; text-align:left; overflow:hidden;}
#colDretScrollTrack { position: absolute; top: 0px; left: 213px; width: 11px; height: 461px; background-image:url(../imatges/linia_punts_vertical_11x2.gif) }
#colDretContent { position: relative; top: 0px; left: 0px; width: 198px; }


#blancBox { position: absolute; top: 53px; left: 650px; width: 155px; height: 468px; background: #FFFFFF; text-align:left; overflow:hidden;}
#blancContent { position: relative; top: 2px; left: 0px; width: 138px; }


/* ================= APARTAT AUDIO ================== */

#capcalera { position: absolute; top: 121px; left: 25px; width: 400px; height:12px; }
#buscadorAudio { position: absolute; top: 0px; left: 650px; width: 155px; height:47px ;}

#llistaAudioBox { position: absolute; top: 153px; left: 25px; width: 426px; height:335px; text-align:left; overflow:hidden;}
#llistaAudioScrollTrack { position: absolute; top: 0px; left: 413px; width: 11px; height: 335px;
background-image:url(../imatges/linia_punts_vertical_11x2.gif);  }
#llistaAudioContent { position: relative; top: 0px; left: 0px; width: 400px; }


/* ================= APARTAT FORUM ================== */

#capcaleraForum { position: absolute; top: 25px; left: 25px; width: 426px; height:12px; }
#afegirTema { position: absolute; top: 0px; left: 650px; width: 155px; height: 253px; background: #333333;}

#llistaForumBox { position: absolute; top: 100px; left: 25px; width: 426px; height:395px; text-align:left; overflow:hidden;}
#llistaForumScrollTrack { position: absolute; top: 0px; left: 413px; width: 11px; height: 395px;
background-image:url(../imatges/linia_punts_vertical_11x2.gif);  }
#llistaForumContent { position: relative; top: 0px; left: 0px; width: 400px; }




/* ================= APARTAT AGENDA MUSICAL ================== */

#capcalera { position: absolute; top: 121px; left: 25px; width: 400px; height:12px; }


#llistaConcertsBox { position: absolute; top: 75px; left: 25px; width: 426px; height:415px; text-align:left; overflow:hidden;}
#llistaConcertsContent { position: relative; top: 0px; left: 0px; width: 400px; }

/* ================= APARTAT CONTACTE ================== */

#contacte { position: absolute; top: 25px; left: 25px; width: 426px; height:395px}

/* ================= APARTAT LINKS ================== */

#linksBox { position: absolute; top: 55px; left: 25px; width: 426px; height:435px; text-align:left; overflow:hidden;}
#linksContent { position: relative; top: 0px; left: 0px; width: 400px; }



/* ============== APARTAT PROJECTES ==================== */

#llistaContProjecte { position: absolute; top: 30px; left: 20px; width: 140px; height:460px}
#separadorProj { position: absolute; top: 30px; left: 170px; width: 1px; height:460px; background-image: url(../imatges/linia_punts_vertical.gif);}

#textProjecte { position: absolute; top: 30px; left: 25px; width: 425px; height:460px}

#separadorReportatges { position: absolute; top: 30px; left: 20px; width: 1px; height:460px; background-image: url(../imatges/linia_punts_vertical.gif);}

#reportatgesBox { position: absolute; top: 30px; left: 45px; width: 410px; height:460px; text-align:left; overflow: hidden;}
#reportatgesContent { position: relative; top: 0px; left: 0px; width: 384px; }

#projectesBox { position: absolute; top: 30px; left: 180px; width: 275px; height:460px; text-align:left; overflow:hidden;}
#projectesScrollTrack { position: absolute; top: 0px; left: 263px; width: 11px; height: 460px;
background-image:url(../imatges/linia_punts_vertical_11x2.gif);  }
#projectesContent { position: relative; top: 0px; left: 0px; width: 249px; }

/* ============== APARTAT ALBUM DE FOTOS ==================== */

#buscadorFotos { position: absolute; top: 0px; left: 650px; width: 155px; height:47px ;}

/* --------- LLISTAT DE L'ALBUM ----------*/
#llistaAlbum { position: absolute; top: 54px; left: 650px; width: 155px; height: 468px; background: #FFFFFF;}
#llistaAlbumBox { position: absolute; top: 55px; left: 650px; width: 155px; height: 466px; background: #FFFFFF; text-align:left; overflow:hidden;}
#llistaAlbumContent { position: relative; top: 0px; left: 1px; width: 141px; background-color:#000000; }

/* --- LLISTA DE LES FOTOS MINIS -------- */

#llistaFotosBox { position: absolute; top: 250px; left: 20px; width: 121px; height:250px; text-align:left; overflow:hidden;}
#llistaFotosScrollTrack { position: absolute; top: 0px; left: 110px; width: 11px; height: 250px;background-image:url(../imatges/linia_punts_vertical_11x2.gif); }
#llistaFotosContent { position: relative; top: 0px; left: 0px; width: 105px; }

/* ----------- TIPUS DE LLETRA ---------- */
a.linkarialblancnegreta10 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
        color: #FFFFFF;
}
a.linkarialblancnegreta10:hover {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
    color: #000000;
	background-color:#FFCC00
}
a.linkarialgrisnegreta10 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
        color: #666666;
}
a.linkarialgrisnegreta10:hover {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
    color: #000000;
	background-color:#FFCC00
}

a.linkarialblanc10background {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
        color: #FFFFFF;
}
a.linkarialblanc10background:hover {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
    color: #000000;
	background-color:#FFCC00
}
a.linkarialblanc10 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
        color: #FFFFFF;
}
a.linkarialblanc10:hover {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
        color: #FFCC00;
}



a.linkarialblancnegreta12 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
        color: #FFFFFF;
}
a.linkarialblancnegreta12:hover {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
        color: #FFCC00;
}
a.linkarialvermellnegreta10 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
        color: #990000;
}
a.linkarialvermellnegreta10:hover {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
        color: #333333;
}
a.linkarialnegrenegreta12 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
        color: #000000;
}
a.linkarialnegrenegreta12:hover {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
        color: #CC3300;
}

a.linkarialnegrenegreta10 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
        color: #000000;
		
}
a.linkarialnegrenegreta10:hover {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
    text-decoration: none;
	background-color:#000000;
}
a.linkarialnegrenegreta10Sense {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
        color: #000000;
		
}
a.linkarialnegrenegreta10Sense:hover {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
    text-decoration: none;
	
}
a.linkarialnegre10 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
        color: #000000;
}
a.linkarialnegre10:hover {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #990000;
        text-decoration: none;
}
a.linkarialgroc12 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
        color: #FFCC00;
}
a.linkarialgroc12:hover {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
        text-decoration: none;
}
a.linkarialgroc10 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
        color: #FFCC00;
}
a.linkarialgroc10:hover {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
        text-decoration: none;
}

a.linkarialgroc10FonsGroc {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
        color: #FFCC00;
}
a.linkarialgroc10FonsGroc:hover {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
        text-decoration: none;
		background-color:#FFCC00;
    
}

a.linkarialgrocnegreta10Background {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #FFCC00;
}
a.linkarialgrocnegreta10Background:hover {
	background-color: #FFCC00;
	color:#000000;
	
}

.arialnegrenegreta10 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.arialnegrenegreta8 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.arialnegrenegreta12 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.arialnegre10 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.arialnegre10espaiat {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: 15px;
	letter-spacing: 0.5px;

}
.arialgroc9 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #FFCC00;
}
.arialgroc10 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFCC00;
}
.arialgrocnegreta10 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFCC00;
}
.arialnegrenegreta10Background {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	background-color: #FFCC00;
	color:#000000;
	
}

a.linkarialblanc10fonsNegre {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration:none;
	color: #FFFFFF;
	background-color:#000000;
}
a.linkarialblanc10fonsNegre:hover {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration:none;
	 color: #FFCC00;
	background-color:#000000;
	
}


.arialblancnegreta10 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
        text-decoration: none;
	color: #FFFFFF;
}

.arialvermellnegreta10 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
}
.arialgris10 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}
.arialblanc10 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}
.arialblanc10fonsNegre {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	background-color:#000000;
}
.arialgroc10fonsNegre {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFCC00;
	background-color:#000000;
}
.arialblancCursiva10 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
}
.arialblanc10text {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 17px;

}
.arialblanc12 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 25px;

}
.arialnegre12 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	line-height: 25px;

}

.arialblancnegreta12 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 25px;

}
.arialblanc13 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}
.arialblanc14 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}
.arialgroc18 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #FFCC00;
}

.arialgroc34 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 34px;
	font-style: normal;
	font-weight: bold;
	color: #FFCC00;
}
.arialgroc12 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFCC00;
}
.arialgrocnegreta12 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFCC00;
}
.arialvermell12 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
}
.trebblanc24 {
	font-family: Arial;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}
.trebgroc24 {

	font-family: Arial;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	color: #FFCC00;
}