body{
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	vertical-align: top;
}

a{
	text-decoration: none;
	border:0px;
	}
	
a img{
	border:0px;
}
	
#trans {
	width: 360px;
	height: 60px;
	float: left;
	margin-left: 20px;
	margin-top: 7px;
	cursor: pointer;
}
#general {
	width: 785px;
	background-image: url("../../imatges/fonstot.gif");
	background-repeat: repeat-y;
}

#superior {

	width: 785px;
	height:26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:right;
}


#seccio{
	font-family: verdana;
	background-image: url("../../imatges/tit_seccio_mig.gif");
	background-repeat: repeat-x;
	height: 23px;
	color: black;
	width: 100%;
	font-size: 12px;
	font-weight: bold;

}

.seccioCap{
	background: #97A69F url(../../imatges/bloc_dalt.gif) top left no-repeat;
	padding:0px;
	margin:0px;
	height:2px;
}

	
.titolSeccio{
	background:#97A69F url(../../imatges/bloc_abaix.gif) bottom left no-repeat; 
	font-weight:bold;
	color:#000000;
	padding:6px;
	padding-top:4px;
	margin-top:0px;
	margin-bottom:5px;
	}


.seccio_agenda{
	font-family: verdana;
	background-image: url("../../imatges/menu_agenda_mig.gif");
	background-repeat: repeat-y;
	width: 100%;
	font-size: 12px;
	font-weight: bold;

}

.borde{
height:2px;
padding:0px;
margin:0px;
width:443px;

}


#menu-dreta{
	font-family: verdana;
	color: #FFFFFF;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	width:151px;
	text-align:left;
	vertical-align: top;
	line-height:12px;


}



.sub-menu-dreta{

	background-image: url("../../imatges/menu_dreta_mig.gif");
	background-repeat: repeat-x;
	height: 46px;
	padding-bottom:4px;
	
	
	}
	
	

	
	.sub-menu-dreta a {

	background-image: url("../../imatges/menu_dreta_mig.gif");
	background-repeat: repeat-x;
	height: 46px;
	width:151px;
	color:#FFFFFF;
	text-decoration:none;
	}
	
	
		.sub-menu-dreta a:hover {

	background-image: url("../../imatges/menu_dreta_mig.gif");
	background-repeat: repeat-x;
	height: 46px;
	width:151px;
	color:#000000;
	}
	




.idiomas {
	
	padding-right: 15px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:right;
}
.idiomas a{
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:right;
}
.idiomas a:hover {
	text-decoration: underline;
}


.capsalera {
	height: 99px; 
	padding-right: 30px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:right;
}
.capsalera a{
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:right;
}
.capsalera a:hover {
	text-decoration: underline;
}
.menu {
	width: 151px;
	margin-left: 4px;
}



#menu-contacte{
	background-image: url("../../imatges/menu_contacte_mig.jpg");
	line-height:0px;
	
	}
	
#menu-artistes{
	background-image: url("../../imatges/menu_artistes_mig.jpg");
	margin-top:4px;
	line-height:0px;

	}
	
#menu-actualitat{
	background-image: url("../../imatges/menu_actualitat_mig.jpg");
	margin-top:4px;
	line-height:0px;

	}

.txt-menu{

	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-align: left;
	padding-left:2px;
	line-height:20px;
	letter-spacing: 0.35px;

	
	

}

.txt-menu a:hover{

	color: #000000;

}

.txt-menu a{

	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-align: left;
	padding-left:5px;
	line-height:20px;
	letter-spacing: 0.35px;
	text-decoration:none;


}

#banner_main {
	padding-bottom:6px;

}

#prensa{
	width: 151px;
	margin-right: 16px; 
	background-color: #DAE0D7;
	color: #596c64;
	font-family: verdana, arial, tahoma;
	font-size: 12px;
}

.fi_prensa{
	margin-bottom: -2px;
}

#fotodia{
	width: 151px;
	margin-right: 16px; 
	font-family: verdana, arial, tahoma;
	font-size: 12px;
	margin-top: 4px; 
	background-color: #FF770B; 
	color: white;
	text-align: center;
}

.foto{
	float: center;
}

.textadresa {
	background-color: #5280ae;
	font-family: verdana;
	font-size: 10px;
	color: #d8e7f6;
	padding: 3px;
	border-right: 1px #899dcc solid;
	border-left: 1px #899dcc solid;
}
.titols {
	background-color: white;
	font-family: verdana;
	font-size: 16px;
	font-weight: bold;
	border: 1px #899dcc solid;
}

#contents{
	font-family: verdana, arial, tahoma;
	font-size: 12px;
	color: #41544c;
}
.peu td{
	background-image: url("../../imatges/peu_pag.gif");
	height: 24px;
	font-family: verdana, arial, tahoma;
	font-size: 10px;
	color: #41544c;
	text-align: right;
	padding-right: 20px;
}
.peu a{
	font-family: verdana, arial, tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #41544c;
	text-decoration: none;
}
.peu a:hover {
	text-decoration: underline;
}
.text {
	font-family: verdana, arial, tahoma;
	font-size: 12px;
	color: #41544c;
	padding-right: 4px;
	padding-bottom: 10px;
}
.text a{
	font-family: verdana, arial, tahoma;
	font-size: 12px;
	color: #c82201;
	font-weight: bold;
	text-decoration: none;
}
.text a:hover{
	text-decoration: underline;
	color: black;
}
.textp {
	font-family: verdana, arial, tahoma;
	font-size: 12px;
	color: #41544c;
}

#paginationUp{
	text-align:center;
}

/** NOTICIES **/

div.contContainer, div.documental{
	min-height:120px;
	padding-bottom: 8px;
	padding-top: 8px;
	background: url('../../imatges/sep1.gif') repeat-x bottom left;
}

.contGen {
width:443px;
letter-spacing:-0.5px;
}



.dateGen {
	font-family:  verdana,arial,tahoma;
	font-size: 11px;
	color: #b30000;
	/* margin-top: 15px; */
}
.dateGenA {
	font-family:  verdana,arial,tahoma;
	font-size: 10px;
	color: #b30000;
	text-align:right;
}
.dateGen img {
	margin-right: 15px;
	margin-bottom: 15px;
}
.titGen {
	font-family: arial;
	font-size: 13px;
	color: black;
	font-weight: bold;
}

.titGenA {
	font-family: arial;
	font-size: 12px;
	color: white;
	font-weight: bold;
}

.titGenA a {
	font-family: arial;
	font-size: 12px;
	color: white;
	font-weight: bold;
	text-decoration:none;
}

.titGenA a:hover{
	font-family: arial;
	font-size: 12px;
	color: #b30000;
	font-weight: bold;
}




.subtitGen {
	font-family: verdana,arial,tahoma;
	font-size: 12px;
	color: #41544c;
	width:333px;
	
	
}
.subtitGenA {
	font-family: verdana,arial,tahoma;
	font-size: 11px;
	color: #41544c;
}
.subtitGen img{
	margin-right: 20px;
	margin-bottom: 20px;
}
.contGen .subtitGen img{
	margin-right: 20px;
	margin-bottom: 20px;
	border:5px solid #000000;
}

.cont_descripcio {
	font-family: verdana,arial,tahoma;
	font-size: 12px;
	color: #41544c;
}
#details {
	float: right;
}

/** Descargas **/
div.descargas {
   padding:4px;
   padding-bottom:10px;
   margin-bottom:5px;
   background: url('../../imatges/sep1.gif') repeat-x bottom left;
}


/** CATALEG **/

div.contContainerBotiga{
	border: #E0E0E0 solid 1px;
	min-height:120px;
	padding:4px;
	padding-bottom: 8px;
	padding-top: 8px;
	margin-bottom: 4px;
}

div.subtitGenBotiga{
	margin-left:125px;
}

div#contContainer2{
	width: 400px; 
	min-height: 120px;
	padding-bottom: 15px;
	padding-top: 15px;
	border-bottom: 1px #bac8d5 solid;
	margin-left: 130px;
}
div#contContainer2 img{
	margin-right: 15px;
}

a.seccioGal{
	font-family: verdana, arial, tahoma;
	font-size: 12px;
	color: #41544c;
	font-weight: bold;
	text-decoration: none;
}
a.seccioGal:hover{
	font-family: verdana, arial, tahoma;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
a.seccioGalOn{
	font-family: verdana, arial, tahoma;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.seccioGal{
	font-family: verdana;
	font-size: 14px;
	color: black;
	font-weight: bold;
}

#veure_carret{
	margin-top:20px;
	}


/* projecte */

div#proyecto {
	background-image: url('../../imatges/proy_fons.gif');
	background-position: 0px 40px;
	font-family: Verdana;
	width: 443px;

}

div#proyecto div#video{
	margin-left:60px;	
}

div#proyecto p{
	margin: 0px 10px;
	padding: 0px 20px;
	visibility:visible;
	background:white;
	padding-bottom:10px;
}

div#proyecto a{
  font-family: verdana;

}

div#proyecto img {
	float: left;
	margin: 0px 10px 10px 30px;
}
div#proyecto h2{
	background-image: url('../../imatges/fons_proy_groc.gif');
	background-repeat: no-repeat;
	/* width: 443px; */
	height: 20px;
	padding-left: 10px;
	color: white;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	margin-top:10px;
}

div#proyecto h2.info {
	color: #304144;
	font-size: 14px;
	font-weight: bold;
	background-image: url("../../imatges/proy_info.gif") ;
	background-repeat: no-repeat;
	/*width: 386px;*/

	height: 49px;
	margin-left: 27px;
	margin-top:20px;
	padding-left: 60px;
	padding-top: 10px;
	
}

div#proyecto h3.displayMain a,
div#proyecto h3.displayMain a:hover,
div#proyecto h3.displayMain a:visited,
div#proyecto h3.displayMain a:link {
	background: url(../../imatges/separacio_closed.gif) bottom left no-repeat;
	font-size:14px;
	font-family:Verdana;
	text-decoration:none;
	background-position: 0px 20px;
	margin:10px 30px;	
	padding-bottom:10px;
	display:block;
}
div#proyecto h3#toggled.displayMain a,
div#proyecto h3#toggled.displayMain a:hover,
div#proyecto h3#toggled.displayMain a:visited,
div#proyecto h3#toggled.displayMain a:link {
	background: url(../../imatges/separacio.gif) bottom left no-repeat;
	font-size:14px;
	font-family:Verdana;
	text-decoration:none;
	background-position: 0px 20px;
	margin:10px 30px;	
	padding-bottom:10px;
	display:block;
}

div#proyecto h4.subDisplay a,
div#proyecto h4.subDisplay a:hover,
div#proyecto h4.subDisplay a:visited,
div#proyecto h4.subDisplay a:link{
	background: url('pendig.gif') middle right no-repeat;
	font-family:Verdana;
	text-decoration:none;
	display:block;
	margin-left:30px;
	font-size: 12px;
	font-weight: bold;
	color: #b30000;
}

div#proyecto h5 {
	margin-left:30px;	
}

div#proyecto h1 {
	color: #304144;
	font-size: 14px;
	font-weight: bold;
	/*width: 386px; */
	margin-left: 8px;
	padding-left: 20px;
}

div#proyecto div.footBox {
	background: url(../../imatges/proy_peu.gif) bottom left no-repeat;
	padding: 0px; 
	margin: 0px;
	padding-top:10px;
}
.nom_music {
	font-size: 12px;
	font-weight: bold;
	color: #b30000;
}
a.catOn{
	color: #ff0000;
}

.documental h1 {
	font-family: verdana;
	font-size: 14px;
	color: black;
}

.documental h3 {
 font-family:arial;
 font-size:14px;
 margin-bottom:0px;
 padding-bottom:0px;
 color: black; 
 font-weight: bold;
}

.documental h3#titular {
	padding-bottom:5px;
	background: url('../../imatges/sep1.gif') repeat-x bottom left;
}

#related_projects ul li a{
 font-size:10px;
}

#related_projects ul li a{
 text-decoration:none;
}

#related_projects h3{
 font-size:14px;
 font-family:Verdana;
 margin:10px 30px;
 color: #b30000;

 border-bottom: 2px solid gray;
}

/*******************************************************************************/
/******************************** agenda a pagina ******************************/
/*******************************************************************************/

.agendaBloc{
	background:#97A69F url(../../imatges/bloc_abaix.gif) bottom no-repeat; 
	padding:0px;
	margin:0px;
	
	}
	
.titolAgenda{
	font-weight:bold;
	color:#000000;
	padding:6px;
	padding-top:4px;
	background: #97A69F url(../../imatges/bloc_dalt.gif) top no-repeat;
	}
	
.agendaContainer{
	padding:6px;
	padding-bottom: 8px;
	padding-top: 8px;
}



.agendaGen{
	width:431px;

}

.titAgenda{
	float:left;
}

.titAgenda a{
	color:#FFFFFF;
	}
	

.dateAgenda{
	text-align:right;
	float:right;
	color:#B30000;
	}
	
.subtitAgenda{
	clear:both;
	color: #000000;
	padding-top:5px;
	}

/***************************************************************************

  Estil per a la agenda lateral
	
****************************************************************************/

.agenda_item {
	display:block;
	margin: 10px 10px;
	padding-bottom:10px;
	border-bottom: 1px #a5aaa1 solid;
}

.agenda_item .dateGen{
	margin-bottom:5px;
}

.agenda_item span {
	display:block;
	margin-top:6px;
}

/***************************************************************************

  Estil per a la agenda lateral
	
****************************************************************************/

/***************************************************************************
      
      Estil per a els videos i els enllaços Watch Out!!
			
***************************************************************************/

a.showVid {
	background: url(../../imatges/icovideoverd.gif) center left no-repeat transparent;
	margin:0px;
	font-family:Verdana;
	padding:5px 27px;
	display:block;
	vertical-align:middle;
}

a.hideVid {
	background: url(../../imatges/icovideo.gif) center left no-repeat transparent;
	margin:0px;
	font-family:Verdana;
	padding:5px 27px;
	display:block;
	vertical-align:middle;
}

/***************************************************************************
      
      Estil per a els videos i els enllaços Watch Out!!
			
***************************************************************************/

/*************/
/*  MP3 BOX  */
/*************/

div#mp3Player {
	background: #cad7d3;
  	padding: 0px 4px;
	width:139px;

	height:80px;
	padding-top:5px;
	border: 2px solid #889ea2;
	border-top:none;
	border-bottom:none;
	display:block;
}

div#mp3box{
	width:151px;
	margin:0px;
	padding:0px;
	background: url(../../imatges/mp3_head.gif) top left no-repeat transparent;
	padding: 5px 0px;
}
	
.font{	
	font-family: verdana, arial, tahoma;
	font-size: 10px;
	color: #71857c;
	text-align: left;
}	
	
/****************************************

   canvis per a la seleccio d´album
   
****************************************/

div#mp3box form input{
    width:20px;
	height:20px;
}

div#mp3box form select{
    width:110px;
}

/****************************************

   canvis per a la seleccio d´album
   
****************************************/
	
div#mp3box form {
	padding:0px;
	margin:0px;
}

div#mp3box form input[type="select"] {
   background:yellow;
}

div#mp3box div#albumList {

	width: 137px;
	padding:0px 5px;
	border: 2px solid #889ea2;
	border-top:none;
	border-bottom:none;
	background:#cad7d3;
	margin:0px;
}

div#mp3box span#footMp3 {
  display:block;
  width:151px;
  height:5px;
	background:url(../../imatges/mp3_foot.gif) top left no-repeat;
}

/* FORMULARI */
.capsa {
	color: #000000; 
	font-family: verdana, arial, tahoma; 
	font-size: 8pt;
	width: 150px;
}
/* CART */
div#cart{
	width: 100%;
	padding: 0;
	margin: 0;
	border: 1px #97A69F solid;
	
}
table#cartTable th{
	background-color: #000000;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}

td.label_total{
	text-align: right;
}
td.valor_total{
	text-align: right;
}
/****************************************
   				FORMS
****************************************/

input,select,textarea{
	font-family: tahoma,helvetica,arial,verdana;
	font-size: 0.9em;
	color: #000000;
	border: 1px #71857d solid;
}
input.article_llarg,textarea.article_llarg{
	width: 300px;
}
input.article_mig,textarea.article_mig{
	width: 200px;
}
input.article_curt,textarea.article_curt{
	width: 100px;
}


/****************************************
   		ORDER AND SHOPPINH CART
****************************************/
div#order{
	width: 785px;
	margin: 0 auto;
	border: 1px green solid;
	background-image: url("../../imatges/fonstot.gif");
}
div#order div#orderHead{
	margin: 0px; 
	padding: 0px;
	height: 99px;
	text-align: left;
}
div#order div#orderBody{		
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	font-family: arial;
	font-size: 0.9em;	
	color: #000000;
}
div#order div#orderBody a{
	font-family: verdana, arial, tahoma;
	font-size: 12px;
	color: #c82201;
	font-weight: bold;
	text-decoration: none;
}
div#order div#orderFoot{
	background-image: url("../../imatges/peu_pag.gif");
	height: 24px;
	font-family: verdana, arial, tahoma;
	font-size: 10px;
	color: #41544c;
	text-align: right;
	padding-right: 20px;
	vertical-align: middle;
}

div#order div#orderFoot a{
	font-family: verdana, arial, tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #41544c;
	text-decoration: none;	
}
div#order div#orderFoot a:hover {
	text-decoration: underline;
}
div#order div#cart{
	margin: 0 auto;
	width: 100%;
}

div#order div#cart table#cartTable{
	margin: 0 auto;
	width: 98%;
}
div#orderForm{
	margin: 0 auto;
	width: 100%;
	border: 1px #000000 solid;
}
div#orderSendForm{
	margin: 0 auto;
	width: 100%;
}
div#order div#orderForm td.formlabel{
	width: 40%;
}

div#order form input, div#order form textarea{
	border: 1px #000000 solid;
}

div.orderSection{
	border-bottom: 1px #000000 groove;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: arial;
	font-size: 0.8em;	
	font-weight: bold;
	color: #000000;
	
}
table#orderCartTable{
	margin: 0 auto;
	border: 1px #000000 solid;
	border-collapse: collapse;
	width: 90%;
	
}
table#orderCartTable th{
	background-color: #b4bdb1;
	font-size: 0.9em;
	text-align: center;
	border: 1px;
	border-color: #000000;
	border-style: solid;
	
}
table#orderCartTable th.product{
	text-align: left;
}
table#orderCartTable td{
	
	font-size: 0.8em;
	padding: 2px;
	padding-right: 6px;
	border: 1px;
	border-color: #000000;
	border-style: solid;
}
table#personalData{
	font-family: arial;
	font-size: 0.8em;	
}

table#personalData td.label{
	text-align: left;
	font-weight: bold;
	width: 15%; 
}
table#orderCartTable td.product{
	text-align: left;
}
table#orderCartTable td.text{
	text-align: center;
}
table#orderCartTable td.currency{
	text-align: right;
	width: 70px;
}
table#orderCartTable td.amount{
	text-align: center;
	width: 50px;
}
table#orderCartTable td.currencyTotal{
	text-align: right;
	background-color: #E7E7CF;
}
table#orderCartTable td.labelResume{
	text-align: right;
	padding-right: 10px;
	border: 0px;
	font-weight: bold;
}
table#orderCartTable td.valueResume{
	text-align: right;
	background-color: #E7E7CF;
}
table#orderCartTable td.valueResumeTotal{
	font-weight: bold;
}

.carret_menu{
	color:white;
}