/****************************************************************************
*****************************************************************************
*****************************************************************************
				- Estils Comuns -
*****************************************************************************
*****************************************************************************
*****************************************************************************/

* {
	padding: 0px;
	margin: 0px;
}

div{
	border: 0px solid red;
}

a {
	text-decoration: none;
}

body{
	font: 10px arial,verdana,helvetica,sans-serif;
	margin:0px;
	color:#FFF;
	background-color: #000;
}



h1 {

	font-size: 20px;
	font-weight: bold;
	color:#FFF;
	background-color: #000;
	margin-top: 28px;
	height: 29px;
	padding-top: 8px;
	text-align: right;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	
}

/****************************************************************************
*****************************************************************************
*****************************************************************************
				- Estils d'Estructura -
*****************************************************************************
*****************************************************************************
*****************************************************************************/

#contenedor{
	position: relative;
	width:953px;
	height: 515px;
	margin:auto;
	margin-top: 20px;
	background-image: url(../images/bg_fons.gif);
	background-repeat: repeat-y;	

	
}

.logo {
	position: absolute;
	width: 160px;
	height: 175px;
	margin-top: 28px;
	margin-left: 47px;
/*	background-image: url(../images/logo-hitbeat.gif);
	background-repeat: no-repeat;	*/
	z-index: 10;
}

.estrelles {
	position: absolute;
	width: 113px;
	height: 117px;
	margin-top: 3px;	
	margin-left: 792px;
	background-image: url(../images/estrelletes.gif);
	background-repeat: no-repeat;
	z-index: 3;
}

.textura {
	position: absolute;
	width: 206px;
	height: 290px;
	margin-top: 225px;
	background-image: url(../images/textura.gif);
	background-repeat: no-repeat;	
	z-index: 1;
}


.contingut {
	position: absolute;
	width: 782px;
	height: 420px;
	margin-left: 85px;
	margin-top: 54px;
	z-index: 2;

}

.contingut-menu {
	position: absolute;
	width: 128px;
	height: 222px;
	color: #FFF;
	background-color: #000;
	margin-top: 198px;	
}

.contingut-menu ul {
	list-style:none;
}

.contingut-menu li {
	text-align: right;
	padding: 9px;

}

.contingut-menu li a {
	color: #FFF;	
	font-size: 11px;	
	font-weight: bold;	
}
.contingut-menu li a:hover {
	color: #F00;	
}

.contingut-gran {
	position: absolute;
	width: 654px;
	height: 420px;	
	margin-left: 128px;
	color: #FFF;
	background-color: #000;	
}

.contingut-gran-interior {
	position: absolute;
	width: 620px;
	height: 386px;
	margin-top: 17px;
	margin-left: 17px;
	background-color: #FFF;
	overflow: hidden; 
}

.enDirecte {
   position: absolute;
	width: 300px;
	margin-top: 480px;
	margin-left: 100px; 
	z-index: 3;
}

.enDirecte .text01 {
	color: #000;
	font-size: 16px;
	font-weight: bold;
}

.enDirecte .text02 a{
	color: #fff;
	font-size: 11px;
	margin-left: 50px;
}
.enDirecte .text02 a:hover{
	color: #fff;
	font-size: 11px;
	margin-left: 50px;
	text-decoration: underline;
}

/****************************************************************************
*****************************************************************************
*****************************************************************************
				- Estils de les planes per separat -
*****************************************************************************
*****************************************************************************
*****************************************************************************/

/****************************************************************************
				Home en Construccio
*****************************************************************************/
.home {
	width: 500px;
	margin: auto;
	padding: 25px;
	text-align: center;

}

.textHome{
	width: 500px;
	margin: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 12px;

}

/****************************************************************************
				Pre-Home Idiomes
*****************************************************************************/
.texturaPreHomeLeft {
	width: 306px;
	height: 515px;
	background-image: url(../images/textura-pre-home-left.gif);
	background-repeat: no-repeat;
	border: 0px solid white;
}

.texturaPreHomeRight {
	width: 302px;
	height: 515px;
	background-image: url(../images/textura-pre-home-right.gif);
	background-repeat: no-repeat;
	border: 0px solid white;
	position: absolute;
	margin-top: 0px;
	margin-left: 650px;

}

.contingutPreHome {
	position: absolute;
	width: 358px;
	height: 392px;
	margin-top: 30px;
	margin-left: 275px;
	border: 0px solid white;
}

.contingutPreHome p {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 20px;
	text-indent: 75px;
	word-spacing: 25px;
}

.contingutPreHome p a{
	color: #FFF;
}
.contingutPreHome p a:hover{
	text-decoration: underline;
}
/****************************************************************************
				Home
*****************************************************************************/
.texturaHome {
	width: 206px;
	height: 516px;
	background-image: url(../images/textura-home.gif);
	background-repeat: no-repeat;
}

.logoHome {
	position: absolute;
	width: 160px;
	height: 175px;
	margin-top: 28px;
	margin-left: 224px;
/*	background-image: url(../images/logo-hitbeat.gif);
	background-repeat: no-repeat;	*/
	z-index: 1;
}

.contingutHome {
	position: absolute;
	width: 781px;
	height: 221px;
	background-color: #000;
	margin-top: 252px;
	margin-left: 85px;
}


.contingutHome ul {
	width: 128px;
	height: 222px;
	list-style:none;
}

.contingutHome li {
	text-align: right;
	padding: 9px;

}

.contingutHome li a {
	color: #FFF;	
	font-size: 11px;	
	font-weight: bold;	
}
.contingutHome li a:hover {
	color: #F00;	
}

.siluetesHome {
	width: 606px;
	height: 198px;
	float: right; 
	margin-top: 24px; 
	margin-right: 20px;
}

.estrellesHome {
	position: absolute;
	width: 87px;
	height: 138px;
	margin-top: 140px; 
	margin-left: 790px;
	background-image: url(../images/home-estrelles.gif);
	background-repeat:  no-repeat;
	z-index: 3;
}

.lletresHome {
	position: absolute;
	width: 281px;
	height: 185px;
	margin-top: 35px; 
	margin-left: 505px;
	background-image: url(../images/home-lletres.gif);
	background-repeat:  no-repeat;
	z-index: 3;
}

.lletresHomeCat{
	position: absolute;
	width: 281px;
	height: 185px;
	margin-top: 35px; 
	margin-left: 505px;
	background-image: url(../images/home-lletres-cat.gif);
	background-repeat:  no-repeat;
	z-index: 3;

}

.textPrincipal {
	position: absolute;
	width: 750px;
	margin-top: 475px;
	margin-left: 100px;	
	text-align: center;	
	font-size: 14px;
	font-style: italic;

}

/****************************************************************************
				QuiSom
*****************************************************************************/

.silueta01 {
	position: absolute;
	width: 210px;
	height: 188px;
	margin-top: 327px;	
	margin-left: 682px;	
	background-image: url(../images/silueta-quisom.gif);
	background-repeat: no-repeat;
	z-index:2;
}

.guitarra {
	position: absolute;
	width: 76px;
	height: 282px;
	margin-top: 52px;
	margin-left: 17px;
	background-image: url(../images/guitarra-quisom.gif);
	background-repeat: no-repeat;
	z-index:2;
}

.text {
	margin-left: 110px;
	color: #000;
	width: 452px;
	margin-top: 30px;
}

.text blockquote {
	padding: 15px;
}

.text ul{
	list-style: none;
	list-style-image: url(../images/estrella-roja.gif);
}

.text li {
	font-size: 12px;
	margin: 20px;	
}

.hitBeat {
	color: #F00;
	font-size: 14px;
	font-weight: bold;
}


/****************************************************************************
				Formació
*****************************************************************************/

.silueta02 {
	position: absolute;
	width: 104px;
	height: 253px;
	margin-top: 270px;	
	margin-left: 798px;	
	background-image: url(../images/silueta-formacio.gif);
	background-repeat: no-repeat;
	z-index:2;	
}

.textFormacio {
	margin-left: 25px;
	color: #000;
	width: 555px;
	height: 300px;	
	margin-top: 5px;
/*	border: 1px solid red; */
	overflow: auto; 
}

.component {
	float: left;
	width: 170px;
	height: 133px;
	margin-top: 2px;
/*	border: 1px solid red; */
}

.component a {
	color: #000;
}

.imgComponent {
	float: left;
	margin-right: 3px;
}

.nomComponent {
	color: #F00;
	font-size: 14px;
	font-weight: bold;	
	display: block;
}

/****************************************************************************
				Galeria
*****************************************************************************/

.silueta03 {
	position: absolute;
	width: 176px;
	height: 260px;
	margin-top: 270px;	
	margin-left: 710px;	
	background-image: url(../images/silueta-galeria.gif);
	background-repeat: no-repeat;
	z-index:2;	
}

.textGaleria {
	margin-left: 15px;
	color: #000;
	width: 450px;
	height: 295px;
	margin-top: 10px;
	overflow: auto;
/*	background-color: #E6E6E6;
	border: 1px solid red;*/
	
}

.textGaleria img {
	float: left;
	width: 129px;
	height: 88px;
	margin: 5px;

}


/****************************************************************************
				Contactar
*****************************************************************************/

.silueta04 {
	position: absolute;
	width: 302px;
	height: 266px;
	margin-top: 264px;	
	margin-left: 600px;	
	background-image: url(../images/silueta-contacte.gif);
	background-repeat: no-repeat;
	z-index:2;	
}


.textContacte {
	margin-left: 30px;
	color: #000;
	width: 322px;
	margin-top: 30px;
/*	border: 1px solid red;*/
}

.contacte {
	width: 290px;
	height: 220px;
	background-color: #FFF;
	background-image: url(../images/bg-contacte_new.gif);	
	background-repeat:  no-repeat;	
	margin: auto;
	margin-top: 10px;
	color: #FFF;
/*	border: 1px solid red;	*/
}
/*
.contacte_old {
	width: 290px;
	height: 152px;
	background-color: #FFF;
	background-image: url(../images/bg-contacte.gif);
	background-repeat:  no-repeat;
	margin: auto;
	margin-top: 10px;
	color: #FFF;
	border: 1px solid red;	
}
*/

.contacteLeft {
	float: left;
	width: 130px;

}

.llistaContacteLeft {
	padding: 0px 25px 25px 40px;
	color: #FFF;
	list-style: none;
	list-style-image: url(../images/estrella-roja.gif);
	font-size: 12px;
}

.llistaContacteLeft li {
	color: #D91200;
	font-size: 14px;
	font-weight: bold;	
	padding-top: 10px;
	padding-bottom: 3px;	
}

.llistaContacteLeft li a:link,.llistaContacteLeft li a:visited {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;	
}

/*
.llistaContacteRight {
	padding: 25px 15px 25px 0px;
	color: #FFF;
	list-style: none;
}

.llistaContacteRight li {
	color: #FFF;
	font-size: 14px;
	font-weight: bold;	
	padding-top: 3px;
	padding-bottom: 3px;		
}

.llistaContacteRight li a{
	color: #FFF;
	font-size: 14px;
	font-weight: bold;	
}

.llistaContacteRight li a:hover{
	color: #FFF;
	font-size: 14px;
	font-weight: bold;	
	text-decoration: underline;
}
*/
/****************************************************************************
				Escolta'ns
*****************************************************************************/
.textEscoltans {
	float: left;
	margin-left: 20px;
	color: #000;
	width: 277px;
	height: 290px;
	margin-top: 10px;
	font-size: 12px;

}

.espaiCancons {
	float: left;
	width: 256px;
	height: 53px;
	margin: 5px;
}

.espaiCancons a {
	color: #F00;
	text-decoration: underline;
}

.espaiCancons a:hover {
	color: #F00;
	text-decoration: none;
}

.imgCancons {
	float: left;
	margin-right: 10px;
}

.text01 {
	color: #F00;
}

.text02 {
	font-size: 10px;
	color: #000;
	margin-left: 12px;
}

/****************************************************************************
				Actuacions
*****************************************************************************/
.silueta05 {
	position: absolute;
	width: 122px;
	height: 256px;
	margin-top: 270px;	
	margin-left: 755px;	
	background-image: url(../images/silueta-actuacions.gif);
	background-repeat: no-repeat;
	z-index:2;	
}

.textActuacions {
	float: left;
	margin-left: 15px;
	color: #000;
	width: 550px;
	height: 280px;
	margin-top: 15px;
	font-size: 12px;


}

.actuacionsLeft, .actuacionsRight {
	float: left;
	width: 270px;

}

.actuacionsLeft {
	background-image: url(../images/bg-actuacions.gif);
	background-repeat: no-repeat;	
}

.actuacionsRight h2 a {
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

.actuacionsRight h2 a:hover {
	text-decoration: underline;
}

.calendariLeft {
	width: 267px;
	height: 248px;
	overflow: auto;
	color: #FFF;

}


.calendariLeft ul {
	margin-left: 30px;
	margin-top: 10px; 
	list-style: none;
	list-style-image: url(../images/estrella-roja.gif);
}

.calendariLeft ul li{
	color: #FFF;
	padding: 0px 10px 15px 0px;
}

.calendariLeft ul li.capsalera{
	color: #D91200;
	font-size: 14px;
	font-weight: bold;
	list-style: none;
	list-style-image: none 
}

.taulaCalendari {

	font-size: 12px;
	width: 258px;
	margin: auto;
	margin-top: 20px;
	border-collapse: collapse;
	border-color: #D6550D;

}

.taulaCalendari td {
	padding: 5px;
	text-align: center;
}

.taulaCalendari td.finde {
	font-weight: bold;	
}

.taulaCalendari td.festa {
	color: #F00;
}

.taulaCalendari td.bolo {
	background-image: url(../images/bg-bolo-confirmat.gif);
	background-repeat: no-repeat;
}

.taulaCalendari td.reserva {
	background-image: url(../images/bg-bolo.gif);
	background-repeat: no-repeat;
}


/****************************************************************************
				Popup Imatges
*****************************************************************************/
.linkPopup {
	text-decoration: underline;
	color: #FFF;
	font-size: 11px;
}