/* GENERAL */
/* ------- */
body {
	color: #666;
	background: #478667 url(../comu/lleida/fons_web.png) repeat scroll 0 0;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 13px;
	line-height: 1.4em;
}

/* formularis */
input, select, textarea {
	padding: 2px;
	border: 1px solid #cbcbcb;
	background: #fff;
	vertical-align: middle;
	cursor: pointer;
}
	input:focus, select:focus, textarea:focus {
		border: 1px solid #666; 
	}

input.tiny  {width: 12%;}
input.tiny2 {width: 24%;}
input.tiny3 {width: 36%;}
input.tiny4 {width: 48%;}
input.tiny5 {width: 60%;}
input.tiny6 {width: 72%;}
input.tiny7 {width: 84%;}
input.tiny8 {width: 96%;}

textarea.tiny  {height: 60px;}
textarea.tiny2 {height: 120px;}
textarea.tiny3 {height: 180px;}
textarea.tiny4 {height: 240px;}

input.cerca {
	padding: 2px 2px 2px 18px;
	background-image: url("../comu/10_cerca.png");
	background-repeat: no-repeat;
	background-position: 4px 6px;
}

input.send { /* botons */
	border: 1px solid #003c74;
	padding: 2px 10px;
	font-weight: bold;
	background: #fff;
}
	input.send:hover {
		background: #f0f0f0;
	}

/* enllaços */
a { text-decoration: none; color: #0099FF; }
a:hover { text-decoration: underline; color: #FF9900; }

a.send {
	border: 1px solid #003c74;
	padding: 2px 10px 4px 10px;
	font-weight: bold;
	background: #fff;
	color: #333;
}
	a.send:hover {
		text-decoration: none;
		background: #f0f0f0;
	}

a.link_pdf { background: transparent url("../comu/ext/pdf_small.gif") no-repeat center left; padding-left: 20px; line-height: 16px; }
a.link_xls { background: transparent url("../comu/ext/xls_small.gif") no-repeat center left; padding-left: 20px; line-height: 16px; }
a.link_ppt { background: transparent url("../comu/ext/ppt_small.gif") no-repeat center left; padding-left: 20px; line-height: 16px; }
a.link_doc { background: transparent url("../comu/ext/doc_small.gif") no-repeat center left; padding-left: 20px; line-height: 16px; }
a.link_mp3 { background: transparent url("../comu/ext/mp3_small.gif") no-repeat center left; padding-left: 20px; line-height: 16px; }
a.link_zip { background: transparent url("../comu/ext/zip_small.gif") no-repeat center left; padding-left: 20px; line-height: 16px; }

/* varis */
sup { font-size: .83em; vertical-align: super; }

/* llistes */
ul {
	list-style: none;
}
	ul li {
		margin-left: 10px;
		margin-bottom: .4em;
		padding-left: 10px;
		background: url("../comu/kland_negre.png") no-repeat 0 6px;
	}

/* capçaleres */
h2 {
	margin-bottom: 15px;
	padding-bottom: 5px;
	color: #3E8B25;
	border-bottom: 1px dotted #B0D1A5;
	font-family: trebuchet MS,sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.1em;
	letter-spacing: 0;
}
h2 a { color: #3E8B25; }
h2 a:hover { text-decoration: none; background-color: #9CBF2F; color: #FFF; }

h4 {
	margin-bottom: .4em;
	padding-bottom: 5px;
	color: #3E8B25;
	border-bottom: 1px solid #B0D1A5;
	font-family:  trebuchet MS,sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	word-spacing: 0.1em;
}	
h4 a { color: #3E8B25; }
h4 a:hover { text-decoration: none; background-color: #9CBF2F; color: #FFF; }

/* genèric */
.centre, .center { text-align: center; }
.dreta { text-align: right; }
.centxcent { width: 100%; }
.nowrap { white-space: nowrap; }


/* ESTRUCTURA */
/* ---------- */
#page {
	background: #fff none;
	margin: 0 auto;
	padding: 0 10px;
	width: 960px;
}

	#header {	background:#FFFFFF none repeat scroll 0 0; padding-top: 10px; }
		#header h1 {
			display: inline; /* ie6 float hack */
			clear: left;
			float: left;
			height: 97px;
			margin-bottom: 6px;
		}
			#header h1 a {
				background: #CCC url("../comu/lleida/logo_lleida.jpg") no-repeat;
				display: block;
				width: 421px;
				height: 97px;
				color: #F9F9F9;
				text-align: center;
			}
				#header h1 a span {
					position: absolute;
					top: -999em;

				}
		#header #publicitat_top { float: right; height: 100px; }


	#menuprincipal { margin-top: 10px; }

	#breadcrumbs { margin: 0 0 10px 0; font-size: 10px;	}
		#breadcrumbs span {	display: block; padding-left: 2px; }
		#breadcrumbs span a { color: #3E8B22; }

	#menulateral { float: left;	width: 190px;	}
	#content {
		padding-bottom: 10px;
		margin-left: 200px;
		padding-left: 10px;
	}
	
#footer {
	margin: 0 auto;
	padding: 10px;
	width: 960px;
	text-align: center;
	font-size: 11px;
	background:#F4F4F4 none repeat scroll 0 0;
	border-top: 1px solid #CCC;
	color: #888;
}
	#footer p { margin-bottom: 0; }
	#footer #peu_mig { margin-bottom: 10px; }
	#footer #peu_esq { float: left; }
	#footer #peu_dre { text-align: right;	}


/* CONTINGUTS */
/* ---------- */

/* taula */
.llistat th {
	color: #999;
	font-weight: normal;
}
.llistat th, .llistat td {
	padding: 2px 4px;
	text-align: left;
	vertical-align: top;
	border: 2px solid #FFF;
}
.llistat.centrat th, .llistat.centrat td { text-align: center; }
.llistat th.peque, .llistat td.peque { width: 3%; }
.llistat td.middle, .llistat td.middle { vertical-align: middle; }

/* files alternes dins taules */
.even { background-color: #f9f9f9; }
.odd  { background-color: #f0f0f0; }

.llistat tr.even:hover, .llistat tr.odd:hover { /* Firefox! ressaltar línia */
	background-color: #FFFFE1;
}

/* tauleta per tarifes, horaris */
table.tauleta {	border: 2px solid #f0f0f0; margin: 0 0 10px 3px;  }
table.tauleta td { padding: 2px 6px; border: 2px solid #f0f0f0; }
table.tauleta caption { background:#f0f0f0; text-align: left; font-weight: bold; color: #3E8B22; padding: 4px 6px 2px 6px; margin-top: 10px; }

/* controls a baix(2)/dalt(3) */
#controls2 { border-top: 1px dashed #808080; padding: 8px 0 0 0; margin-top: 6px; text-align: center; }
#controls3 { border-bottom: 1px dashed #808080; padding: 0 0 8px 0;	margin-bottom: 6px;	text-align: center; }
#paginacio_bottom { border-top: 1px solid #CCC; background-color: #F0F0F0; padding: 5px; margin: 10px 0; }
	.controls_esq {
		float: left; padding-left: 4px;
	}
	.controls_dre {
		float: right; padding-right: 4px;
	}
	.controls_esq a, .controls_dre a {
		font-size: 11px;
	}

/* blocs */
.conte_blocs {
	width: 100%;
	overflow: auto;
}

.bloc img {
	border: 1px solid #F0F0F0;
	background-color: #FFFFFF;
	padding: 4px;
	margin: 0 4px 4px 0;
}
.bloc h2 { margin-bottom: 6px; }


/* continguts dins id=pagina */
div#pagina img {
	background-color: #FFFFFF;
	border: 1px solid #F0F0F0;
	padding: 4px;
	margin: 2px 6px 4px 6px;
}
div#pagina a img:hover {
	border: 1px solid #87ba40;
}
div#pagina img.novorera {
	border: none;
	padding: 0;
}

/* per imatges */
img.flota_esq {
	float: left;
	margin: 0 8px 8px 0;
	padding: 4px;
	border: 1px solid #F0F0F0;
	background-color: #FFFFFF;
}
img.flota_dre {
	float: right;
	margin: 0 0 8px 8px;
	padding: 4px;
	border: 1px solid #F0F0F0;
	background-color: #FFFFFF;
}

/* avisos */
.missat_info {
	margin: 1em 3em;
	padding: .5em 1em;
	background-color: #F0F0F0;
	border-left: 5px solid #009900;
}

/* colors predefinits */
.estil1 { background-color: #F0F0F0; }
.estil2 { background-color: #FFFEB4; }
.estil3 { background-color: #CEEFB7; }
.estil4 { background-color: #D8E2F5; }

p.espaiat1 { margin-left: 25px; margin-right: 25px; }
p.espaiat2 { margin-left: 50px; margin-right: 50px; }
p.espaiat3 { margin-left: 100px; margin-right: 100px; }

/* Paginació per llistats div.paginacio amb text a l'esq, i ul links a la dreta */
.paginacio {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	padding: 12px 0;
}
	.paginacio ul {
		float: right;
		padding: 8px 0;
		margin: 0;
	}
		.paginacio ul li {
			display: inline;
			margin: 0 0 0 4px;
			padding: 0;
			text-align: center;
			background: none;
			font-size: 13px;
			font-weight: bold;
		}
			.paginacio ul li.nolink,
			.paginacio ul li.actual,
			.paginacio ul li a {
				padding: 4px 8px;
				border: 1px solid #F0F0F0;
			}
			.paginacio ul li.marcat,
			.paginacio ul li.actual {
				font-weight: bold;
			}
			.paginacio ul li.nolink {
				color: #ccc;
			}
.paginacio a:link,
.paginacio a:visited {
	text-decoration: none;
	color: #93B32C;
	background-color: #F9F9F9;
}
.paginacio a:hover {
	color: #FFF;
	background-color: #93B32C;
	background-image: none;
}

p.llegir_mes { }
p.llegir_mes a { background: transparent url(../comu/llegirmes1.gif) no-repeat 0px center; padding-left: 20px; }
p.llegir_mes a:hover, p.llegir_mes a:active, p.llegir_mes a:focus {	background: transparent url(../comu/llegirmes2.gif) no-repeat 2px center; }

/* per àlbums de picasa */
.picasa_albums {  }
.picasa_album { float: left; margin: 0 10px 10px 0; width: 174px; height: 220px; overflow: hidden; }
.picasa_album p { margin: 0 5px 5px 5px; font-size: .9em; text-align: center; }


/* MENÚS */
/* ----- */

/* menú lateral */
#menulateral { line-height: 1.3em; }
#menulateral h3 { color:#3E8B25; font-family:trebuchet MS,sans-serif; font-size:1.2em; border:0 solid; margin:0 0 0 5px; padding:7px 5px 7px 0; }
#menulateral ul { list-style-type:none; margin: 0 0 20px 0; background: none; }
#menulateral ul li { border:1px solid #FFFFFF; margin: 0 0 2px 0; background: none; padding: 0; margin-bottom: 0; }
#menulateral ul li a { display:block; padding:3px 4px 3px 10px; text-decoration:none; }
#menulateral ul li a:link, 
#menulateral ul li a:visited { color:#5D711A; border-bottom:1px solid #C3C3C3; background:#DEDEDE url(../comu/barra_fons2.gif) repeat-x scroll 0 0; font-weight:normal; }
#menulateral ul li a:hover, 
#menulateral ul li a:active, 
#menulateral ul li a:focus { background:#9CBF2F none repeat scroll 0 0 !important; color:#FFFFFF !important; }

#menulateral ul li ul { background:#FFFFFF none repeat scroll 0 0; border-color:-moz-use-text-color #D2D2D2 #93B32C #93B32C; border-style:none solid solid; border-width:0 1px 0 4px; margin:0; }
#menulateral ul li ul li { border:1px solid #FFFFFF; }
#menulateral ul li ul li { margin:0; }
#menulateral ul li ul li a:hover, 
#menulateral ul li ul li a:active, 
#menulateral ul li ul li a:focus { background:#3E8B22 none repeat scroll 0 0; color:#FFFFFF; }
#menulateral ul li ul li ul { border:0 solid #D2D2D2; padding:10px 0 10px 5px; }

#menulateral ul li.actual a:link, 
#menulateral ul li.actual a:visited { background:#93B32C url(../comu/barra_fons3.gif) repeat-x scroll 0 0; border-bottom:1px solid #93B32C; border-left:4px solid #93B32C; color:#FFFFFF; padding:3px 0 3px 6px; }
#menulateral ul li.actual ul li a:link, 
#menulateral ul li.actual ul li a:visited { background:#FFFFFF none repeat scroll 0 0; border-bottom:1px solid #D2D2D2; border-left:0 solid #8CD671; color:#5D711A; font-weight:normal; padding:3px 4px 3px 20px; }
#menulateral ul li.actual ul li ul li a:link, 
#menulateral ul li.actual ul li ul li a:visited { background:#FFFFFF none repeat scroll 0 0; border-bottom:1px solid #D2D2D2; color:#000000; font-weight:normal; margin:0 0 0 10px; }
#menulateral ul li.actual ul li.actual a:link, 
#menulateral ul li.actual ul li.actual a:visited { background:#FFFFFF none repeat scroll 0 0; border-left:0 solid #8CD671; color:#607220; font-weight:bold; }
#menulateral ul li.actual ul li.actual ul li a:link, 
#menulateral ul li.actual ul li.actual ul li a:visited { background:#FFFFFF url(../comu/arrow.gif) no-repeat scroll left top; color:#000000; font-weight:normal; margin:0 0 0 15px; padding:3px 0 3px 15px; }
#menulateral ul li.actual ul li.actual ul li.active span.active_link { background:#FFFFFF url(../comu/arrow.gif) no-repeat scroll left top; border-bottom:1px solid #D2D2D2; color:#000000; font-weight:bold; margin:0 0 0 15px; padding:3px 0 3px 15px; }

#menulateral ul.publicitat li { border: none; margin: 0 0 5px 0; padding: 0; }
#menulateral ul.publicitat li a { margin: 0; padding: 0; background: none; border: none; }
#menulateral ul.publicitat li a img {
	background-color: #FFFFFF;
	border: 1px solid #F0F0F0;
	padding: 4px;
	margin: 0;
}
#menulateral ul.publicitat li a:hover { background-color: transparent !important; }
#menulateral ul.publicitat li a:hover img { border: 1px solid #87ba40; }


/* menú superior */

/*
#menuprincipal ul { width: 100%; height: 43px; background: #FFF url("../img/zproves/menu1_bg.gif") top left repeat-x; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
#menuprincipal ul li { display: block; float: left; margin: 0 0 0 5px; background: none; }
#menuprincipal ul li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; }
#menuprincipal ul li a:hover { color: #333; }
#menuprincipal ul li.actual a { color: #FFF; background: #FFF url("../img/zproves/menu1_current-bg.gif") top left repeat-x; padding: 5px 15px 0; }
*/
#menuprincipal ul { background:#FFFFFF url(../comu/barra_fons1.gif) repeat-x scroll 0 0; border-left:1px solid #679800; display:block; margin:15px 0 10px; padding:5px 0; text-align:right; height: 19px; }
#menuprincipal ul li { color:#FFFFFF; display:inline; text-align:center; background: none; margin:0; padding:0; }
#menuprincipal ul li a:link, 
#menuprincipal ul li a:visited { border-right:1px solid #679800; color:#FFFFFF; font-weight:bold; line-height:1.4em; padding:5px 10px; text-decoration:none; }
#menuprincipal ul li a:hover, 
#menuprincipal ul li a:active, 
#menuprincipal ul li a:focus { background:#9CBF2F none repeat scroll 0 0; color:#333; font-weight:bold; padding:6px 10px; }
#menuprincipal ul li.actual a { background:#9CBF2F none repeat scroll 0 0; color:#FFFFFF; padding:6px 10px; }


/* CLASSES AUXILIARS */
/* ----------------- */

.info_data { font-size: 11px; color: #999; }

.separa_cada2 { display: none; }
.separa_cada3 { display: none; }


/* PERSONALITZACIÓ PÀGINES */
/* ----------------------- */

/* torneigs */
#id_torneigs_index .bloc { width: 360px; float: left; margin: 0 15px 10px 0; }
#id_torneigs_index .separa_cada2 { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

#id_torneigs_detall .bloc { float: left; width: 100%; margin: 0 0 10px 0; }
#id_torneigs_detall .bloc h4 { border-bottom: none; font-size: 1.5em; font-weight: normal; }

/* noticies */
#id_noticies_detall .bloc { float: left; width: 100%; margin: 0 0 10px 0; }
#id_noticies_detall .bloc h4 { border-bottom: none; font-size: 1.5em; font-weight: normal; }

/* ryder */
#id_ryder_index .bloc { width: 600px; float: left; margin: 10px 50px; background-color: #F4F4F4; padding: 10px; }

/* quadre d'honor */
#id_quadrehonor_index .bloc { width: 600px; float: left; margin: 10px 50px; background-color: #F4F4F4; padding: 10px; }

/* links */
#id_links_index .bloc { width: 600px; float: left; margin: 10px 50px; background-color: #F9F9F9; padding: 10px; }

/* info */
#id_info_index .bloc.destacat { width: 600px; float: left; margin: 10px 0 25px 50px; background-color: #F9F9F9; padding: 10px; }
#id_info_index .bloc { width: 250px; float: left; margin: 0 40px 10px 50px; }
#id_info_index .separa_cada2 { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
#id_info_index .separa_cada3 { display: none; }

/* english */
#id_english_index .bloc.destacat { width: 600px; float: left; margin: 10px 0 25px 50px; background-color: #F9F9F9; padding: 10px; }
#id_english_index .bloc { width: 250px; float: left; margin: 0 40px 10px 50px; }
#id_english_index .separa_cada2 { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
#id_english_index .separa_cada3 { display: none; }

/* recorregut_fcpp, eppa */
#id_recorregut_eppa_index .bloc img, 
#id_recorregut_fcpp_index .bloc img { margin-bottom: 2px; }
#id_recorregut_eppa_index .bloc,
#id_recorregut_fcpp_index .bloc { width: 360px; float: left; margin: 0 15px 10px 0; }
#id_recorregut_eppa_index .separa_cada2,
#id_recorregut_fcpp_index .separa_cada2 { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
#id_recorregut_eppa_index .separa_cada3,
#id_recorregut_fcpp_index .separa_cada3 { display: none; }

/* pàgines soltes */
#id_pagines_seccions .llistat td, 
#id_pagines_competicions .llistat td { border: 20px solid #FFF; border-bottom-width: 20px; background-color: #F9F9F9; padding: 10px; width:32%; }

/* portada */
#id_index #lateral_dret { float: right; width: 200px; padding: 10px; margin: 0 0 0 20px; background-color: #F9F9F9; } 
#id_index #portada_main { margin-right: 240px; } 
#id_index #portada_main h2 { border-bottom-width: 0px; }

/* ie6 sucks! */
* html .conte_blocs { width: 95%; }
* html #id_info_index .bloc.destacat { width: 600px; margin: 10px 0 25px 30px; }
* html #id_info_index .bloc { margin: 0 30px 10px 30px; }
* html #id_torneigs_index .bloc { width: 330px; margin: 0 15px 10px 0; }
* html #id_ryder_index .bloc { width: 600px; margin: 10px 25px 10px 20px;  }
* html #id_quadrehonor_index .bloc { width: 600px; margin: 10px 25px 10px 20px;  }
* html #id_pagines_seccions .llistat , 
* html #id_pagines_competicions .llistat  { width:95%; }
* html #id_links_index .bloc { width: 600px; margin: 10px 25px 10px 20px; }
* html .picasa_album { float: left; margin: 0 10px 10px 0; width: 164px; height: 220px; }
* html #id_recorregut_eppa_index .bloc { width: 330px; margin: 0 15px 10px 0; }
* html #id_recorregut_fcpp_index .bloc { width: 330px; margin: 0 15px 10px 0; }


/* Exemples pels llistats: */
/* amb 1 columna:
#id_noticies_index .bloc {  }
#id_noticies_index .separa_cada2 { display: none; }
#id_noticies_index .separa_cada3 { display: none; }
*/
/* amb 2 columnes:
#id_noticies_index .bloc { width: 360px; float: left; margin: 0 15px 10px 0; }
#id_noticies_index .separa_cada2 { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
#id_noticies_index .separa_cada3 { display: none; }
*/
/* amb 3 columnes:
#id_noticies_index .bloc { width: 235px; float: left; margin: 0 15px 10px 0; }
#id_noticies_index .separa_cada2 { display: none; }
#id_noticies_index .separa_cada3 { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
*/

/* Opció Ryder a 2 columnes:
#id_ryder_index .bloc { width: 300px; float: left; margin: 20px; background-color: #F4F4F4; padding: 10px; }
#id_ryder_index .separa_cada2 { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
*/