/*

	Full d'estils del web:
	J. Alguersuari Official Fan Club

	www.itres.cat


	Guia de colors: 
	
	- Fons del web: #00071A
	- Menú i calendari: #E03237 vermell
	- Menú inferior i idiomes: #808080
	- Groc: #F0C701
	- Blau fosc: #2E315A
	- Titulars i altres: #9798C9
	
	
*/




/*	Definicions generals de pàgina  */

html {
	background: #00071A url('../imatges/fons_web.jpg') repeat-x top;
}

body {
	background: transparent url('../imatges/fons_web2.png') no-repeat center top;
	font-family: Arial, verdana, sans-serif;
	font-size: 12px;
}


a { color:#9798C9; text-decoration:none; }
a:hover{color:#9798C9; text-decoration:underline; } 

a.vermell { color:#E03237; text-decoration:none; }

a.blanc { color:#fff;  }
a.petit { font-size: 10px; }

.clear { clear:both; }
.mostra, .ocult {
	display:none;
}

.fdreta{float:right;}
.fesquerra{float:left;}

h1 { font-size: 14px; font-weight:bold; color:#fff;}
h2 { font-size: 16px; font-weight:bold; color:#9798C9;}
h3 { font-size: 14px; }

div#pagina {
	width: 850px;
	margin: 0px auto;
	min-height: 836px;
}

/*	Capçalera i peu de pàgina  */


		div#capcalera {
			padding-top: 20px;
			padding-bottom: 20px;
		}
			div#capcalera #logotip {
				clear:both;
				float:left;
			}
			div#selector-idioma {
				float: right;
				color:#808080;
				font-size: 10px;
				text-align: right;
			}
				div#selector-idioma a {
					color: #808080;
				}

	div#peu {
		clear:both;
		margin-top: 12px;
		padding-top: 12px;
		border-top: 1px solid #808080;
		font-size: 11px;
		line-height: 15px;
		color: #808080;
	}
		div#peu .logotips {
			float: right;
		}
		div#peu .logotips img{
			vertical-align: top;
		}
		div#peu a {
			color: #808080;
		}
	
/*  Navegació global (a la capçalera) */	
	
	ul#navegacio-global	{
		margin:0px;
		padding:0px;
	}
		ul#navegacio-global li {
			float: left; 
			display: block;
			margin-top: 13px;
			width: 101px;
			margin-left: 6px;
			height: 24px;
			line-height: 24px;
			text-align: center;
			background: transparent url('../imatges/fons_menu.png') repeat-x top;
		}
		
		ul#navegacio-global li:hover , ul#navegacio-global li.actiu { background-position:bottom;	}
			ul#navegacio-global li:hover a, ul#navegacio-global li.actiu a { color:#808080;	}
	
	
		ul#navegacio-global li.primera {
			margin-left: 0px;
		}

		ul#navegacio-global li.separador {
			display: none;
		}
	
			ul#navegacio-global li a {
				color: #E03237;
				width: 103px;
				height: 24px;
				display:block;
				text-decoration:none;
			}
		

/*  Contingut variable per seccions */
	
	div#destacat-portada {
        height:300px;
        
	/*	margin-bottom: 20px; */
		text-align:center;
	}
	
	div#contingut-portada {
		width: 545px;
        margin-top:20px;
		float: left;
		color:#fff;
	}
	
	div#contingut-seccio {
		width: 660px;
		float: left;
		color:#fff;
	}
	
	div#contingut-galeria {
		width: 850px;
		color:#fff;
	}

	div#columna-petita {
		width: 170px;
		float: right;
		color:#fff;
	}
	
	div#columna-portada {
        margin-top:20px;
		width: 285px;
		float: right;
		color:#fff;
	}	
	
	/* .noticia {} */

		.noticia .titol {
			font-size: 16px; 
			font-weight:bold; 
			color:#9798C9;
			display:block;
			margin-bottom: 10px;
		}	
		
		.noticia .imatge {
			float: left;
			width: 200px;
			height: 135px;
		}	
		
		.noticia .data {
			font-size: 11px; 
			color:#9798C9;
			display:block;
			margin-bottom: 10px;
		}	
		.noticia .llegir-mes {
			clear:both;
			font-size: 10px; 
			color:#9798C9;
			float: right;
		}	
	
/*  Capses de contingut */


		.capsa {
			width: 544px;
			border-left: 1px solid #2E315A;
			background: transparent url('../imatges/fons_545.png') repeat-y left;
			margin-bottom: 20px;
		}
		
		
		.capsa.sense-borde { border-left-width:0px; }
			
			.capsa .cap {
				background: transparent url('../imatges/fons_cap_545.png') repeat-y left;
				color:#fff;
			}
			
				.capsa .cap h1 {
					font-size: 14px;
					font-weight:bold;
					line-height: 25px;
					padding-left: 10px;
					color:#fff;
				}
				.capsa .cap h1 a{
					color:#fff;
					text-decoration:none;
				}
				.capsa .cap .veure-mes {
					float: right;
					margin: 7px 7px 0px 0px;
				}
			
			.capsa .padding {
				clear:both;
				margin: 10px 10px 0px;	
				padding-bottom:10px;
			}
			
				.capsa .padding hr {
					border:0;
					border-bottom:1px solid #00071A;
					height: 1px;
					margin:20px 0px;
				} 
		
		div#columna-portada .capsa { width: 284px; background: transparent url('../imatges/fons_285.png') repeat-y left; }
			div#columna-portada .capsa .cap { background: transparent url('../imatges/fons_cap_285.png') repeat-y left; }
		

		
		div#columna-portada .capsa.calendari-portada { border-left: 1px solid #E03237; background: transparent url('../imatges/fons_verm_285.png') repeat-y left; }
		div#columna-portada .capsa.calendari-portada .cap { background: transparent url('../imatges/fons_cap_verm_285.png') repeat-y left; }
		
		
		div#contingut-galeria .capsa { width: 850px; background: transparent url('../imatges/fons_850.png') repeat-y left; border-left:0px; }
		
		
		div#contingut-seccio .capsa { width: 659px; background: transparent url('../imatges/fons_660.png') repeat-y left; }
			div#contingut-seccio .capsa .cap { background: transparent url('../imatges/fons_cap_660.png') repeat-y left; }
		
				
		
		div#columna-petita .capsa { width: 169px; background: transparent url('../imatges/fons_170.png') repeat-y left; }
			div#columna-petita .capsa .cap { background: transparent url('../imatges/fons_cap_170.png') repeat-y left; }
		

		
		
		
		
/*  Calendari del menú */		

	table.calendari {
		width: 230px;
		margin: 0px auto;
		background: transparent url('../imatges/fons_calendari.png') no-repeat right top;
		line-height:23px;
		margin-bottom:20px;
	}
		table.calendari caption {
			font-weight:bold;
			font-size: 14px;
			text-align:center;
			padding-bottom: 5px;
		}
		table.calendari th {
			color: #E03237;
			font-size: 10px;
			font-weight:normal;
			text-align:right;
			padding-right: 7px;
		}
		
		table.calendari td {
			font-size: 16px;
			text-align:right;
			width: 27px;
			padding-right: 7px;
		}
	
		table.calendari td.festiu {
			color:#E03237;
			font-weight:bold;
		}

	
	.agenda-portada {
		clear:both;
		line-height: 20px;
	}
	
		.agenda-portada .data {
			padding: 0px 3px;
			background-color:#930028;
		}
		
			.agenda-portada .data a { color:#fff; font-weight:normal; text-decoration: none;}

		.agenda-portada .hora {
			float:right;
		}
		.agenda-portada .nom {
			padding: 5px 3px;
		}
	
	.agenda-avis {
		text-align: right;
		font-size: 10px;
	}
	
	
	
	
	.paginacio {
		text-align:right;
		padding: 10px;
	}
	
		.paginacio .boto {
			padding: 2px;
		}
		.paginacio a.numero {
			padding: 2px;
			background-color:#9697C8;
			color:#E4E4E9;
			margin: 0px 1px;
		}
		.paginacio span.numero {
			padding: 2px;
			background-color:#E4E4E9;
			color:#9697C8;
			margin: 0px 1px;
		}


	a#boto-unete-al-club {
		display:block;
		background: transparent url('../imatges/fons_unete-al-club.jpg') no-repeat;
		width: 170px;
		height: 90px;
		text-decoration: none;
	}
	
		a#boto-unete-al-club span {
			display:block;
			color: #DF3237;
			font-size: 22px;
			font-weight:bold;
			text-decoration: none;
			padding: 32px 0px 0px 10px;
		}


	div#fil-dariadna {
		color:#808080;
		margin-bottom: 10px;
		font-size:10px;
	}
		div#fil-dariadna a {
			text-decoration: none;
			color:#808080;
		}
		
		
		
		
/* 	secció: presentació */


		.capsa-presentacio {
			width: 660px;
			height: 530px;
			background: #000 url('../imatges/fons_socis.jpg') no-repeat bottom left;
			margin-bottom: 20px;
		}
		
/* 	secció: properament */


		.capsa-properament {
			width: 660px;
			height: 530px;
			background: #000 url('../imatges/fons_properament.png') no-repeat bottom left;
			margin-bottom: 20px;
		}
		
			
/*   secció: noticia */

		.detall-noticia .data {
			margin-bottom: 10px;
			text-align:right;
			font-size: 11px; 
			color:#9798C9;
			display:block;
		}	

		.detall-noticia .titol {
			font-size: 16px; 
			font-weight:bold; 
			color:#9798C9;
			display:block;
			margin-bottom: 20px;
		}	
		
		.detall-noticia .imatge {
			width:570px;
			margin: 10px auto;
		}
		.detall-noticia .peu-de-foto {
			text-align: right;
			margin-top: 10px;
			color:#9697C8;
			font-size:10px;
		}



		.cos-noticia {
			color:#00071A;
			background: #fff url('../imatges/fons_detall_noticia.jpg') repeat-x top;
			padding: 10px;
		}

/*	 secció: calendari   */


	div#contingut-seccio .capsa.seccio-calendari { 
		width: 659px; 
		background: transparent url('../imatges/fons_verm_660.png') repeat-y left; 
		border-left: 0px;
	}
	
	
	
	
	
	table.calendari-gran {
		width: 340px;
		margin: 10px auto;
		background: transparent url('../imatges/fons_calendari_gran.png') no-repeat right top;
		line-height:30px;
		margin-bottom:20px;
	}
		table.calendari-gran caption {
			font-weight:bold;
			font-size: 20px;
			text-align:center;
			padding-bottom: 5px;
		}
		
		table.calendari-gran caption .mes_anterior {
			float:left;
			display:block;
			padding: 10px 0px;
		}
		table.calendari-gran caption .mes_seguent {
			float:right;
			display:block;
			padding: 10px 0px;
		}
		
		table.calendari-gran th {
			color: #E03237;
			font-size: 15px;
			font-weight:normal;
			text-align:right;
			padding-right: 7px;
		}
		
		table.calendari-gran td {
			font-size: 24px;
			text-align:right;
			width: 40px;
			padding-right: 7px;
		}
	
		table.calendari-gran td.festiu {
			color:#E03237;
			font-weight:bold;
		}
	
	.agenda-seccio-capsa {
		width: 340px;
		margin: 10px auto;
		
	}
		.agenda-seccio {
			clear:both;
			line-height: 20px;
		}
		
			.agenda-seccio .data {
				padding: 0px 3px;
				background-color:#930028;
				position:relative;
			}
			.agenda-seccio .data a { color:#fff; font-weight:normal;text-decoration: none;}
			
			
			.agenda-seccio .categoria {
				position:absolute;
				left: -40px;
			}
			
			.agenda-seccio .hora {
				float:right;
			}
			.agenda-seccio .nom {
				position:relative;
				padding: 5px 3px;
			}
		
		.agenda-seccio-avis {
			border-top: 1px solid #DF3237;
			padding-top: 10px;
			font-size: 10px;
			text-align:right;
		}
		.agenda-seccio-avis .textcategoria_1 {
			color:#EFC601;
		}
		.agenda-seccio-avis .textcategoria_2 {
			color:#FFF;
		}
		

		.agenda-bloc {
			clear:both;
			background-color:#95242E;
			color:#fff;
			margin-bottom: 10px;
		}
		
			.agenda-bloc .padding {
				padding: 10px;
			}
		
			
			.agenda-bloc .nom {
				color:#EFC601;
				font-size: 16px;
				font-weight:bold;
				padding: 10px 0px;
			}
		
		
		
		
/*	 secció: club   */

		.capsa-ok {
			font-size: 120%;
			margin: 5px 0px;
			padding: 10px 5px;
			border: 1px dashed #71E70F;
			color: #71E70F;
			text-align: center;
		}	

		.capsa-error {
			font-size: 110%;
			margin: 5px 0px;
			padding: 10px 5px;
			border: 1px dashed #DF3237;
			color: #DF3237;
			text-align: center;
		}				
		
		
	
	.fons-club {
		background: transparent url('../imatges/fons_club.png') no-repeat right top;
		padding-top: 320px;
	}
	
	.formulari-club table td {
		padding: 4px 3px;
	}
		.formulari-club label {
			margin-top: 5px;
		}
		
		.formulari-club input , .formulari-club textarea {
			border: 0px;
			width: 100%;
			background-color:#E4E4E9;
			border:1px solid #7C7E97;
		}
		.formulari-club input.petito {
			width:auto;
		}
		
		.formulari-club .error input , .formulari-club .error textarea {
			background-color:#E4E1E5;
			border:1px solid #DF3237;
		}

		.formulari-club .error label, .formulari-club .error span {
			color:#DF3237;
		}

		.formulari-club .boto {
			text-align:right;
			cursor:pointer;
			border: 0px;
			background:transparent;
			color:#fff;
			font-weight:bold;
			font-size:14px;
		}
	

	
		
/*   secció: galeries   */

	.encerclada {
		border: 1px solid #E03237;
	}

	.galeria-dreta
	{
		float: right;
		width: 720px;
		border-left: 1px solid #2E315A;
		color:#9697C8;
	}
	.galeria-esquerra {
		float: left;
		width: 88px;
		text-align:center;
	}
	
	
		.element-video {
			display:block; 
			float: left;
			width: 254px;
			margin-left: 80px;
			margin-bottom: 35px;
		}
		
			.element-video-data {
				text-align:right;
				font-size: 11px;
			}
			.element-video-text {
				font-size: 10px;
			}
			
		.element-video-gran {
		
			margin: 0px auto;
			width: 500px;

		}
		
		
			.element-video-gran-data {
				text-align:right;
				font-size: 11px;
				color:#9697C8;
				padding: 10px;
			}
			
			.element-video-gran-titol {
				font-size: 16px;
				font-weight:bold;
			}
			.element-video-gran-text {
				color:#fff;
			}
			
			.element-video-gran-font {
				text-align:right;
				font-size: 10px;
			}
			
			
	
		.element-so {
			clear:both;
			margin-left: 30px;
			margin-bottom: 35px;
		}
			.element-so-flash {
				width: 310px;
				float: left;
			}
			.element-so-data {
				font-size: 11px;
				margin-bottom: 10px;
			}
			.element-so-text {

				font-size: 16px;
				margin-bottom: 20px;
			}
			.element-so-font {

				font-size: 10px;
			}
			
			
		.galeria-capsa {
			display:block; 
			float: left;
			width: 100px;
			margin-left: 17px;
			margin-bottom: 20px;
		}
		
			.galeria-capsa-imatge {
				display:block;
				width:100px;
				height:100px;
				border:1px solid #fff;
				margin-bottom: 5px;
			}
			.galeria-capsa-titol {
				clear:both;
				font-size: 10px;
			}	
			
			.galeria-zona-imatge {
				display:block;
				width:100px;
				height:100px;
				margin-bottom: 5px;
				text-align:center;
			}
			
			.titol-galeria {
				font-size:12px;
				color:#9697C8;
				margin: 0px 0px 15px 10px;
			}
			
/*   secció: links  */			
	.links-link {
		display:block;
		line-height:32px;
		padding-left: 42px;
		background: transparent url('../imatges/link.png') no-repeat left center;
		color: #E4E4E9;
		font-size: 16px;
	}
	
	
	
	
	
	
	
	
.capsa-imatge-fons
{
	position:relative;
}	
.imatge-fons-club {
	position:absolute;
	bottom: 10px;
	right: -190px;
	z-index:-9999;
}
.imatge-fons-noticies {
	position:absolute;
	bottom: 0px;
	right: -210px;
	z-index:-9999;
}

.imatge-fons-presentacio {
	position:absolute;
	bottom: 0px;
	right: -140px;
	z-index:-9999;
}