/* CSS Document */
/*hacks per a navegació en diversos navegadors*/
* { padding: 0; margin: 0; }
/*principal per centrar el contingut*/
#basePrincipal        
	{
	color: #FFF;
	background-color:transparent;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 287px;
	overflow: visible;
	visibility: visible;
	display: block;
	}
/*contingut base --container--*/
#fons{
	background-color: #fff;
	background-repeat:repeat-y;
	margin-left: -480px;
	position: absolute;
	top: -285px;
	left: 50%;
	width: 960px;
	height: 570px;
	visibility: visible;
	overflow:visible;
	display:inline;
	z-index:1;
	}
	
#caixaContingut    
	{
	/*background-color: #000;*/
	background-image:url(../media/fons3.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-left: -470px;
	position: absolute;
	top: -275px;
	left: 50%;
	width: 940px;
	height: 550px;
	visibility: visible;
	z-index:3;
	overflow:hidden;
	display:inline;
	}
	#caixaContingut2   
	{
	/*background-color: #000;*/
	background-image:url(../media/fonsD.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-left: -470px;
	position: absolute;
	top: -275px;
	left: 50%;
	width: 940px;
	height: 550px;
	visibility: visible;
	z-index:3;
	overflow:hidden;
	display:inline;
	}
	
	/*///////////////////////////FI CAIXA CONTINGUT//////////////////////////////////*/
	/*//////////////////////////////////////////////////////////////////////////////*/
	/*//////////////////////////////////////////////////////////////////////////////*/
	/*///////////////////////////capçalera///////////////////////////////*/

#dalt{

	background-color: #FFFFFF;
	margin-top: 0px;
	position: relative;
	width: 940px;
	height: 125px;
	visibility: visible;
	z-index:3;
	overflow:visible;
	display:inline;
	}
	
	
	/*///////////////////////////// fi capçalera ///////////////////////////////*/

#butonera{
	background-color:#FFFFFF;
	position: absolute;
	margin:125px;
	left:-180px;
	width: 1120px;
	top:0px;
	height: 35px;
	visibility: visible;
	z-index:5;
	overflow:hidden;
	display:inline;
	}
#idioma{
position:absolute;
left:0px;
top:535px;
width:60px;
background-color:#FFFFFF;
color:#000033;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
z-index:7;
}
.idiomaSEL:hover{
color:#FF9900;
}

/*///////////////BUTONS///////////////////////////////*/

#bio a{
background-image:url(../media/bio2.jpg);
background-position:top;
background-color:white;
width: 42px;
height: 35px;
float:left;
}
#bio a:hover{background-position:bottom;}

#palmares a{
background-image:url(../media/palmares.jpg);
background-position:top;
background-color: transparent;
width: 119px;
height: 35px;
float:left;
}
#palmares a:hover{background-position:bottom;}
#palmaresESP a{
background-image:url(../media/palmaresESP.jpg);
background-position:top;
background-color: transparent;
width: 119px;
height: 35px;
float:left;
}
#palmaresESP a:hover{background-position:bottom;}

#multimedia a{
background-image:url(../media/multimedia.jpg);
background-color: transparent;
background-position:top;
width: 133px;
height: 35px;
float:left;
}
#multimedia a:hover{background-position:bottom;}
#agenda a{
background-image:url(../media/agenda.jpg);
background-color: transparent;
background-position:top;
width: 94px;
height: 35px;
float:left;
}
#agenda a:hover{background-position:bottom;}
#equip a{
background-image:url(../media/equip.jpg);
background-color: transparent;
background-position:top;
width: 73px;
height: 35px;
float:left;
}
#equip a:hover{background-position:bottom;}
#equipESP a{
background-image:url(../media/equipESP.jpg);
background-color: transparent;
background-position:top;
width: 73px;
height: 35px;
float:left;
}
#equipESP a:hover{background-position:bottom;}

#links a{
background-image:url(../media/links.jpg);
background-color: transparent;
background-position:top;
width: 73px;
height: 35px;
float:left;
}
#links a:hover{background-position:bottom;}
#contacte a{
background-image:url(../media/contacte.jpg);
background-color: transparent;
background-position:top;
width: 114px;
height: 35px;
float:left;
}
#contacteESP a:hover{background-position:bottom;}
#contacteESP a{
background-image:url(../media/contacteESP.jpg);
background-color: transparent;
background-position:top;
width: 114px;
height: 35px;
float:left;
}
#contacte a:hover{background-position:bottom;}

#sponsors a{
background-image:url(../media/sponsors.jpg);
background-color: transparent;
background-position:top;
width: 112px;
height: 35px;
float:left;
}
#sponsors a:hover{background-position:bottom;}


#junior a{
background-image:url(../media/junior.jpg);
background-color: transparent;
background-position:top;
width: 133px;
height: 35px;
float:left;
}
#junior a:hover{background-position:bottom;}

#premsa a{
background-image:url(../media/premsa.jpg);
background-color: transparent;
background-position:top;
width: 80px;
height: 35px;
float:left;
}
#premsa a:hover{background-position:bottom;}


/*///////////////BUTONS///////////////////////////////*/
/*//////////////MENU ESQUERRE//////////////////////////*/
#menE1 a{
background-image:url(../media/1995-1998.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:white;
width: 100px;
height: 35px;
float:right;
margin:5px 0px auto auto;
}
#menE1 a:hover{background-position:bottom;}

#menE2 a{
background-image:url(../media/1999-2002.jpg);
background-position:top;
background-color:white;
width: 100px;
height: 35px;
float:right;
}
#menE2 a:hover{background-position:bottom;}

#menE3 a{
background-image:url(../media/2003-2004.jpg);
background-position:top;
background-color:white;
width: 100px;
height: 35px;
float:right;
}
#menE3 a:hover{background-position:bottom;}

#menE4 a{
background-image:url(../media/2005-2006.jpg);
background-position:top;
background-color:white;
width: 100px;
height: 35px;
float:right;
}
#menE4 a:hover{background-position:bottom;}

#menE5 a{
background-image:url(../media/2007-2008.jpg);
background-position:top;
background-color:white;
width: 100px;
height: 35px;
float:right;
}
#menE5 a:hover{background-position:bottom;}

#menEFotos a{
background-image:url(../media/fotos.jpg);
background-position:top;
background-color:white;
width: 100px;
height: 35px;
float:left;
}
#menEFotos a:hover{background-position:bottom;}

#menEVideos a{
background-image:url(../media/videos.jpg);
background-position:top;
background-color:white;
width: 100px;
height: 35px;
float:left;
}
#menEVideos a:hover{background-position:bottom;
}

#menEFons a{
background-image:url(../media/wallpapers.jpg);
background-position:top;
background-color:white;
width: 100px;
height: 35px;
float:left;
}
#menEFons a:hover{background-position:bottom;}


/*//////////////FI MENU ESQUERRE//////////////////////////*/

	/*//////////////////////////////////////////////////////////////////////////////*/
	
#mig{
	position: relative;
	margin:auto 0px 0px auto;
	top:20px;
	width: 760px;
	height: 390px;
	visibility: visible;
	z-index:4;
	display:inline;
}
#migMultimedia{
	position: relative;
	margin:0px auto 0px 0px;
	width: 760px;
	height: 318px;
	visibility: visible;
	z-index:4;
	display:inline;
	overflow:visible;
		/*LLETRA*/
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:left;
}	

/*////////////////////////////////LLETRA//////////////////////////////////*/
#lletraBio{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-align:justify;
width:600px;
margin:20px 0px auto auto;
}
#lletraPalmares{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-align:justify;
width:600px;
margin:20px 0px auto auto;
}
#lletraPremsa{
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-align:justify;
width:600px;
left:350px;
}
#titul{
font-size:14px;
font-weight:bold;
color:#333;
}
#fitxa{
margin:10px auto auto 10px;
display:block;
float:left;
}

.resaltat{
	color: #FF6600;
	font-size:12px;
	font-weight:bold;
	overflow:auto;
	
}
.saltdelinia{
float:left;
margin-top:15px;
clear:both;
}
.saltlinia{
float:left;
margin-top:12px;

}
.saltlinia2{
float:left;
margin-top:5px;

}
/*////////////////////////////////FI LLETRA//////////////////////////////////*/
/*///////////////////////////////////ESQ//////////////////////////////////*/
	
	
	
#esq{
	background-color: transparent;
	position: relative;
	margin:45px 0px 0px 0px;
	float:left;
	width: 180px;
	height: 390px;
	visibility: visible;
	z-index:6;
	display:inline;
	/*LLETRA*/
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:left;
	
}
	#classi{
	padding-top:10px;
	font-size:11px;
	}
	#titol{
	color: #FF6600;
	font-size:11px;
	text-transform:uppercase;
	}
	.link a,
	.link a:active,
	.link a:link,
	tr.link a,
	tr.link a:active,
	tr.link a:link{
	color:#666;
	font-size:10px;
	text-decoration:none;
	}
	tr.link2 a,
	tr.link2 a:active,
	tr.link2 a:link{
	color:#666;
	font-size:12px;
	text-decoration:none;
	}
	.link a:hover,
	tr.link a:hover,
	tr.link2 a:hover{
	color: #FF6600;
	}
	tr.manega {
	background-color:#FF9933;
	color:#FFFFFF;
	font-size:10px;
	}
	tr.cucha{
	color: #FF6600;
	font-weight:bold;
	}
	/*///////////////////////////////FI ESQ/////////////////////////////////////////*/	
	/*/////CENTRE///////////////////////////////////////////////////////////////////*/

#centre{
	background-color: transparent;
	position: absolute;
	margin:0px auto 0px 0px;
	width: 360px;
	height: 390px;
	visibility: visible;
	float:right;
	z-index:5;
	display:inline;
	/*LLETRA*/
	
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:right;
}

	
	/*////FI CENTRE/////////////////////////////////////////////////////////////////*/
	/*/////DRETA///////////////////////////////////////////////////////////////////*/

#dreta{
	background-color:transparent;
	/*position: absolute;*/
	margin:0px 0px 0px auto;
	width: 400px;
	height: 390px;
	visibility: visible;
	float:right;
	display:inline;
	z-index:5;
}
	
	/*////FI DRETA/////////////////////////////////////////////////////////////////*/
	
		/*//////////////////////////////////////////////////////////////////////////////*/
	
#peu{
	background-color: transparent;
	position: absolute;
	display:inline;
	margin:560px 0px 0px -470px;
	width: 940px;
	height: 10px;
	visibility: visible;
	z-index:5;
	overflow:hidden;
	/*lletra de la capa*/
	font:Helvetica,Verdana;
	font-size:9px;
	color: #333333;
	text-align:right;
}
	
	
	/*//////////////////////////////////////////////////////////////////////////////*/
		/*////////////////////////submenu//////////////////////////////////*/
		
		#submenu{
	background-color: transparent;
	position: absolute;
	top:450px;
	left:400px;
	width: 250px;
	height: 35px;
	visibility: visible;
	z-index:0;
	overflow:hidden;
	float:left;
	display:inline;
	text-align:left;
	}
	
		/*////////////////////////fi submenu///////////////////////////////////////////////*/
/*///////////////////////galeria fotos multimedia///////////////////////////////////*/
/*FORMAT CAPES DE FOTOS////////////////////////////////////*/
.fotos1{
float:left;
border:0;
text-decoration:none;
display:block;
/*clear:both;*/
margin-top:10px;
width:auto;
heigh:auto;
}
a img{
border:0;
}

.foto{
	padding: 3px 3px 8px 3px;
	background-color: #FFCC66;
	border: 1px solid  #666666;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}	



.salt { /*clear: both;*/
float:left;
}




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


*{
	margin: 0;
	padding:0;
	}


/* clearing
----------------------------------------------- */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	



/*////////////////////////PAGINACIÓ //////////////////////////////*/

/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #FFF;
	text-decoration: none; 
	color: #fff;
	background: #FFF url(../media/image1.gif);
}

div.pagination a:hover, div.pagination a:active {
	border:1px solid #FFFFFF;
	color: #FFF;
	background: #FFF url(../media/image2.gif);
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #FFF;
  font-weight: bold;
	background: #FFF url(../media/image2.gif);
	color: #FFF;
}

div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}


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