body{
	background-image:url('http://imatges.trilogyrock.com/fons.gif');
	margin: 0px;

	scrollbar-arrow-color: ffffff;
	scrollbar-base-color: ace0e5;
	scrollbar-dark-shadow-color: ace0e5;
	scrollbar-track-color: ffffff;
	scrollbar-face-color: ace0e5;
	scrollbar-shadow-color: ace0e5;
	scrollbar-highlight-color: ace0e5;
	scrollbar-3d-light-color: ace0e5;
	width;100%;
}

.border_negre {
	border-style:solid;
	border-width:1px;
	border-color:#000000;
}

/*menu*/
.fons_menu{
	background-image:url('http://imatges.trilogyrock.com/fons2.gif');
}

.fons_menu_clar{
	background-color:#e7e7e7;
}


.boto{
	background-color:#ade0e4;
	border-right: 1px solid #76a4a8;
	border-bottom: 1px solid #76a4a8;
	border-top: 1px solid #d2ebed;
	border-left: 1px solid #d2ebed;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	text-decoration:none;
	font-weight:bold;
	letter-spacing: -2px;
	color:#76a4a8;
	height:23px;
	padding-bottom:5px;
	
}

#video {position:absolute; height:1; width:100%; top:0; left:0;}
#video_youtube{
	position:absolute;
	left:0px;
	top:0px;
	z-index:8888;
	width:100%;
	height:100%;
	background: transparent url('http://imatges.trilogyrock.com/trans_negre.gif') 0 0 repeat;
	voice-family: "\"}\"";
   	voice-family:inherit;
	text-align:center;

	display:none;
}

.novisible{
	display:none;
}

.menu{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 1.5em;
	text-decoration:none;
	font-weight:bold;
	margin:0px;
	padding:0px;
	letter-spacing: -2px;
	color:#5d575b;
}

.menu a:hover{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 1.5em;
	text-decoration:none;
	font-weight:bold;
	margin:0px;
	padding:0px;
	letter-spacing: -2px;
	color:#fff;
}

.menu a:link{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 1.5em;
	text-decoration:none;
	font-weight:bold;
	margin:0px;
	padding:0px;
	letter-spacing: -2px;
	color:#5d575b;
}

.menu a:visited{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 1.5em;
	text-decoration:none;
	font-weight:bold;
	margin:0px;
	padding:0px;
	letter-spacing: -2px;
}


/*varis*/

#foto{
	position:absolute;
	z-index:3;
}	
#nom{
	float:right;
	height:30px;
	text-align:center;
	background-color:#FFF;
	padding:8px 15px 0px 15px;
}

#foto_nom{
	width:317px;
	position:absolute;
	z-index:4;
	margin-top:300px;
}


h1{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 2.0em;
	text-decoration:none;
	font-weight:bold;
	margin:0px;
	padding:0px;
	letter-spacing: -2px;
}

h2{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 1.7em;
	text-decoration:none;
	font-weight:bold;
	margin:0px;
	padding:0px;
	letter-spacing: -2px;
	color:#60a0a9;
}

h3{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	text-decoration:none;
	font-weight:bold;
	margin:0px;
	padding:0px;
	letter-spacing: -1px;
	color:#60a0a9;
}

.nodecoration{
	text-decoration:none;
}

.espai20{
	padding:20px;
}

.espai10{
	padding:10px;
}

.cl_co{
	padding-top:5px;
	padding-bottom:5px;
}
.cl_co p{ padding:0px; margin:0px; font-size:0.8em; }
.cl_co a{ color:#000; font-weight:bold; font-size:0.8em; margin-left:10px; }

/*textos*/

.text{
	
	font-family:Arial,Helvetica,sans-serif;
	font-size: 14px;
	text-decoration:none;
	color:#000;
	word-wrap:break-word;
}

.text a:link, .text a:visited{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 14px;
	text-decoration:none;
}
.text a:hover{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 14px;
	text-decoration:underline;
	color:#adc3c5;
}



.texth3{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	text-decoration:none;
	letter-spacing: -1px;
}

.peu_foto{
	background-color:#e1e1e1;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 11px;
	text-decoration:none;
	color:#000;	
	padding:3px 10px 3px 10px;
}

.petit{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 13px;
	text-decoration:none;
	color:#000;
	word-wrap:break-word;

}
.petit:link{ font-size: 13px;}
.petit:hover{ font-size: 13px;}
.petit:visited{ font-size: 13px;}

.petit2{ font-size: 12px;}
.petit2 a:link{ font-size: 12px;}
.petit2 a:hover{ font-size: 12px;}
.petit2 a:visited{ font-size: 12px;}


.num_pagina a:link,.num_pagina a:visited{
	background-color:#60a0a9;
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 14px;
	text-decoration:none;
	height:20px;
	width:25px;
	padding-top:2px;
}
.num_pagina a:hover{
	background-color:#adc3c5;
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 14px;
	text-decoration:none;
	height:20px;
	width:25px;
	padding-top:2px;
}

.num_pagina_actual a:link,.num_pagina_actual a:visited{
	background-color:#adc3c5;
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 14px;
	text-decoration:none;
	height:20px;
	width:25px;
	padding-top:2px;
}

#foto_descarrega{
	position:absolute;
	z-index:3;
}	
#nom_descarrega{
	position:absolute;
	z-index:4;
	margin-top:147px;
	width:255px;
}	


.form_gran{
	background-color:#ade0e4;
	border:0px;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	text-decoration:none;
	font-weight:bold;
	letter-spacing: -2px;
	color:#fff;
	text-align:center;
	padding-left:5px;
	padding-bottom:2px;
	height:28px;
}


.negreta a:link, .negreta a:visited{
	font-weight:bold;
}


#llista{
	padding-bottom:10px;
}

#llista_foto{	
	padding:5px;
	width:52px;
	height:52px;
	background-image:url('http://imatges.trilogyrock.com/fons2.gif');
}
#llista_info{
	margin-left: 70px;
	position:absolute;
	float:left;
	width:675px;
}

#llista_info p{
	padding-top:5px;
	margin:0px;
	border:0px;
}

/*colors*/

.blanc{color: #FFF;}
.blauverd{color: #60a0a9;}
.blauclar{color: #ace0e5;}


.negre{color: #000;}
.negre:link, .negre:visited{color: #000;}
.negre:hover{color: #000;}


.gris{color: #888687;}
.gris a:hover{color: #000;}


/*menu nou*/


#menu ul {
	margin:0px;
	padding-left:40px;
	border:0px;
	list-style: none;  
	position:relative; 
}

#menu li {  
	position:relative; 
	float:left;
	list-style-type: none;
	padding:0px 15px 0px 0px;
	margin:0px;
	border:0px;
	/*border-left: 1px solid white;*/
	display: inline;

}

#menu li:first-child {
	border: none;
	margin:0px;

}

#menu li a, #menu li a:visited{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 1.5em;
	text-decoration:none;
	font-weight:bold;
	margin:0px;
	padding:0px;
	letter-spacing: -2px;
	color:#5d575b;
}

#menu li a:hover{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 1.5em;
	text-decoration:none;
	font-weight:bold;
	margin:0px;
	padding:0px;
	letter-spacing: -2px;
	color:#fff;
}