body {
	background-color: #000;
	margin:0px auto;
	
	
	SCROLLBAR-FACE-COLOR:white;
	SCROLLBAR-HIGHLIGHT-COLOR: white;
	SCROLLBAR-SHADOW-COLOR: white;
	SCROLLBAR-3DLIGHT-COLOR: black;
	SCROLLBAR-ARROW-COLOR: black;
	SCROLLBAR-TRACK-COLOR: white;
	SCROLLBAR-DARKSHADOW-COLOR: #000000;
}

.neteja{clear:both;}

p{font: 11px Arial;
	color: #FFF;
	text-decoration:none;}

#contingut
{
	width:980px;
	margin:0px auto;
}

#intro
{
	width:610px;
	margin:0px auto;
	vertical-align:top;
}

#transparencia
{
	background-color:#FFFFFF; 
	z-index:1; 
	position:absolute;
	width:400px;
	height:260px;
	display:none;
	opacity:0.95; filter:alpha(opacity="95");
}
#mapaweb{
	margin:0px auto;
	clear:both;
	width:810px;
	margin-left:180px;
	margin-bottom:60px;
}
#mapaweb ul{padding:0px;margin:0px;}
#mapaweb ul li.adalt{margin-top:15px;}
#mapaweb ul.endins li{margin-left:70px;}

#dreta{width:300px;float:right;}
#menu{width: 840px;margin:0px;float:left;}
#menu2{width: 880px;margin:0px;float:left;}
#menu3{width: 510px;margin:0px;float:left;}
#menu ul{text-align:left;border-bottom: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;padding:0px;}
#menu2 ul,#menu3 ul{text-align:left;border-top: 0px solid #CCCCCC;border-right: 0px solid #CCCCCC;padding:0px;}
#menu ul li,#menu2 ul li,#menu3 ul li{display:inline;}
#menu ul li a:HOVER,#menu2 ul li a:HOVER,#menu3 ul li a:HOVER{color: #FFD002;}
#menu ul li a,#menu3 ul li a {
	padding-left:15px;
	padding-right:10px;
	padding-bottom:2px;
	padding-top:5px;
	font: 9px Arial;
	border-left: 1px solid #CCCCCC;
	text-decoration:none;
}
#menu2 ul li a{
	padding-left:5px;
	padding-right:10px;
	padding-bottom:2px;
	padding-top:5px;
	font: 9px Arial;
	text-decoration:none;
}



#idiomes{width:105px;margin:0px;float:left;}
#idiomes ul {margin:0px;text-align:left;padding:0px;}
#idiomes ul li{display:inline;padding-right:5px;}
#idiomes ul li img{padding:2px;}
#franja2{height:2px;font:0px arial;background-image: url('imatges/filetdalt.jpg');background-position:bottom;background-repeat:no-repeat;}
#flashppal{width:650px;float:left;padding-right:20px;}
#noticies{width:300px;}
#esquerra ul ,#noticies ul {margin:0px;padding:0px;}
#esquerra ul li{display:inline;padding:10px;}
#noticies ul li{margin-left:15px;}

#logos div{float:left;width:125px;height:61px;text-align:center;border: 1px solid #545454; margin:5px;}
#logos img{border: none;}
#logos a:HOVER img, #logus a:HOVER img {
/* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
 }

#logus {width:150px;}
#logus img{border:0px;}
#logus a{border: 1px solid #545454; width:125px;height:65px;display:block;text-align:center;margin-bottom:15px;}
#flash{
	width:770px;
	height:225px;
	background-image:url('imatges/jf.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

#opcions{width:235px;margin:0px;padding:0px;}
#opcions ul{padding:0px;margin:0px;}
#opcions ul li{display:inline;padding:0px;margin:0px;}
#opcions ul li a span.fletxa{
	background-image: url('imatges/fletxa.gif');
	background-repeat: no-repeat;
	background-position: middle right;
}
#opcions ul li a:HOVER,#opcions ul li a.sel{
	color: #CCCCCC;
	border: 1px solid #000;
	background-image: url('imatges/fletxa.gif');
	background-repeat: no-repeat;
	background-position: 75% 45%;
	margin-top:1px;
	width:190px;
	font: 9px Arial;
	display:block;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
	text-decoration:none;
}
#opcions ul li a{
	color: #CCCCCC;
	background-image: url('imatges/fletxa.gif');
	background-repeat: no-repeat;
	background-position: 95% 45%;
	margin-top:1px;
	width:200px;
	font: 9px Arial;
	border: 1px solid #CC0000;
	display:block;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
	text-decoration:none;
}
.biografia{
	width:335px;
	height:220px;
	background-color:#000;
	border:2px solid #FFF;
}
#biografia{
	left:35px;
	top:-70px;
	position:relative;
}
#contingut_opcions{width:500px;}
#biografia ul{margin:5px;padding:0px;}
#biografia ul li,#indoor ul li{margin:0px;padding:0px;}
#groc{display:block;border-bottom: 1px solid #545454;padding-bottom:3px;padding-top:3px;float:left;font: 11px Arial; color: #FFD002; text-align:right;padding-right:10px;width:190px;}
#blanc{border-bottom: 1px solid #545454;padding-bottom:3px;padding-top:3px;float:left;font: 11px Arial; color: #FFF; text-align:left;padding-left:5px;width:115px;}

/*INDOOR*/
#indoor{float:right;}
.ciutat{width:130px;float:left;}
.resultat{margin-left:20px;width:130px;float:left;}
.data{margin-left:20px;width:220px;float:left;}

/*PALMARES*/
#palmares ul li{margin:0px;padding:0px;}
#palmares{float:right;}
#pciutat{width:130px;float:left;}
#presultat{width:390px;float:left;}

/*CONTINGUT NEWS*/
#contingut_news{float:right;font-size:11px;}
#contingut_news a{color:#FFF;font-size:11px;}

/*REV3*/
#motu img{}
#rev3{
	border:8px solid #000;
	background-color: #000;
	position:relative;
	top:-50px;
	left:-15px;
	width:500px;
	height:335px;
	margin-top:10px;
	margin-right:10px;
	float:right;
}
.part1{width:150px;float:left;text-align:right;padding:2px;}
.part3{width:200px;float:left;text-align:right;padding:2px;}
.part2{width:200px;float:left;text-align:left;padding-left:15px;padding-top:2px;padding-bottom:2px;}
.part4{width:230px;float:left;text-align:left;padding-left:15px;padding-top:2px;padding-bottom:2px;}
#parte{margin:0px;padding:0px;}
#parte ul {margin:0px;padding:0px;}
#parte ul li{margin:0px;padding:0px;}

/*ZPREMIUM*/
#galeria{margin:0px;padding:0px;float:right;}
#galeria ul ,#go ul{margin-top:15px;padding:0px;}
#galeria ul li,#go ul li{margin:0px;padding:0px;display:inline;}
#galeria ul li a img{border: 1px solid #CCC;}
#galeria ul li a:HOVER img{border: 1px solid #FAA70E;}
#galeria ul li a{margin:15px;float:left;}
#anys{border: 1px solid #CC0000;width:450px;padding:5px;float:right;margin:7px;}
#wallpapers{width:300px;padding:5px;float:right;margin:7px;}
#go{margin:0px;padding:0px;width:350px;margin-left:70px;}
#go ul li div{padding-top:5px;}

#patros ul li a{width:192px;height:100px;}
#patros ul li a img{border: 0px;}
#patros ul li div#patrocinador{width:190px;height:100px;float:left;text-align:center;}
#patros ul li{display:inline;border:0px solid #FFF;margin:0px;padding:0px;}
#patros ul {margin:0px;padding:0px;}

#proves ul li, #form ul li{margin:0px;padding:0px;}
#proves ul li p{margin-top:5px;float:left;padding-left:5px;}
#proves ul li span{padding-left:5px;}
#proves ul {margin:0px;padding:0px;}
#proves{padding-bottom:20px}

#adresa{
	width: 130px;
	height: 95px;
	float:left;
	border: 2px solid #FFF;
}
/*CALENDARI*/
.titol{
	background-color:#AF0001;
	color:#FFF;
	font: 10px Arial;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	display:block;
}
.caldia{
	background-color:#AF0001;
	color:#FFF;
	font: 9px Verdana;
	font-weight:normal;
	text-align:center;
	width:15px;
}
.marge{margin-right:0px;}

.dia{
	background-color:#FFF;
	color:#000;
	font: 10px Arial;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	display:block;
}
#calendari a{
	cursor:Default;
}

#calendari ul li{
	display:inline;	
}
#calendari div{
	mergin-left:20px;	
}
/*FI CALENDARI*/
.transparent{
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.etiqueta{
	font: 9px Arial;
	color: #FFD002;
	padding-top:7px;
	background-image:url('imatges/recuadre.png');
	background-repeat:no-repeat;
	text-align:center;
	height:46px;
	width:138px;
}

.txtdata,.txtavg{
	font: 9px Arial;
	font-weight:bold;
	color: #A1A1A1;
}

.txttitol0{
	font: 9px Arial;
	color: #FFF;
	text-decoration:none;
}

.txttitol{
	font: 10px Arial;
	color: #FFF;
	text-decoration:none;
}

.txttitol2{
	font: 11px Arial;
	color: #FFF;
	text-decoration:none;
}

.txttitolgroc{
	font: 10px Arial;
	color: #FFD002;
	text-decoration:none;
}
.txttitolgroc:HOVER{
	font: 10px Arial;
	color: #FFF;
	text-decoration:none;
}

.txttitolgran{
	font: 13px Arial;
	font-weight: bold;
	color: #FFF;
	text-decoration:none;
}

.txttitol2{
	font: 10px Arial;
	color: #CCC;
	text-decoration:none;
}

.txttitol3{
	font: 11px Arial;
	font-weight: bold;
	color: #FFF;
	text-decoration:none;
}

.groc,a.txttitol:HOVER{
	color: #FFD002;
}

.gris{
	color: #CCCCCC;
}

.fletxa{
	font: 12px Arial;
	color: #FF5500;
	text-decoration:none;
}
.txttitolvermell{
	color: #CC0000;
	font: 10px Arial;
	text-decoration:none;
}

#divcadena{
	position:relative;
	top:190px;
	left:39px;
	width:80px;
	height:81px;
}

#divdisco{
	position:relative;
	top:202px;
	left:368px;
	width:80px;
	height:81px;
}

#divmotor{
	position:relative;
	top:175px;
	left:207px;
	width:80px;
	height:81px;
}

#divmanillar{
	position:relative;
	top:28px;
	left:286px;
	width:80px;
	height:81px;
}

#divsillin{
	position:relative;
	top:83px;
	left:139px;
	width:80px;
	height:81px;
	z-index:1000;
}

.apunt{
	margin-top:40px;
}

.padtop4{
	padding-top:4px;
	padding-bottom:4px;
}

.fonsvermell{
	background-color:#ED0422;
}
.event{width:15px;height:15px;}
.fonsgroc{background-color:#F6DC01;}
.fonstaronja{background-color:#F69211;}
.fonsvermell{background-color:#FF2803;}
.fonslila{background-color:#C531FF;}
.fonsrosa{background-color:#F700D5;}
.fonsgris{background-color:#666;}

/*FILETS*/
.filetgris{
	border: 1px solid #CCCCCC;
}
.filetaronja{
	border: 1px solid #FAA70E;
}

.filetgrisdalt{
	border-top: 1px solid #545454;
}

.cuadre{
	display:block;
	z-index:1000;
}

.filgroc{
	border-bottom: 1px solid #CCCCCC;
}

.filsota{
	border-bottom: 2px solid #545454;
}

.filsota2{
	border-bottom: 1px solid #545454;
}

/*FORMULARI*/
.bona,.buto{
	border: 1px solid #8E8E8E;
	background-color:#000;
	color:#8E8E8E;
	font: 11px Arial;
	font-weight: normal;
}

.error{
	color:#8E8E8E;
	font: 11px Arial;
	font-weight: normal;
	border: 1px solid #CC0000;
	background-color:#000;
}

.buto{
	background-image: url('imatges/filetdalt.jpg');
	background-repeat: repeat-y;
	background-position:-350px;
	border: 1px solid #000;
	color:#FFF;
	padding:3px;
	font: 11px Arial;
	font-weight: normal;
}

a.logo6tems{
	display:block;
	
	margin:0px;
	padding:0px;
	margin-top:30px;
	margin-bottom:0px;
	
	width:100%;
	height:20px;
	
	text-align:center;
}

#esgo{
	z-index:100;
	display:block;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../imatges/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 1px solid #000;
	background-color: #fff;
	width:50px;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#A8DF00;
}

.JT_loader{
	background-image: url(../imatges/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	border: 2px solid #000;
	background-color: #FFF;
	text-align: left;
	color:#000;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:5px;
	font-weight:normal;
	font: 12px arial verdana;
	
}

#JT_close_right{
	border: 2px solid #000;
	background-color: #FFF;
	text-align: left;
	color:#000;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:5px;
	font-weight:normal;
	font: 12px arial verdana;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #A8DF00;
}

.jTip{
cursor:hand;
}



.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 0px solid gray;
}
.highslide:hover img {
	border: 0px solid white;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

/* Controlbar example */
.controlbar {	
	background: url(highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/*CSS for Bubble Tooltips by Alessandro Fulciniti
- http://pro.html.it - http://web-graphics.com */

.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(bt.gif) no-repeat bottom}