/* CSS Parcs i Jardins	*/

/* Fulla d'estils per a les pàgines interiors */




/* Breadcrumb */

	#breadcrumb {
		padding: 1em .5em 1em .5em;		
		border-bottom: 1px dotted #999;
	}
	
		#breadcrumb p {
			margin: 0;
			color: #666;	
		}
		
			#breadcrumb p a {
				color: #666;
			}

/* ---------- */




/* Menu local */

	#menu-local {
		margin-bottom: 1em;
	}

		#menu-local p {
			display: none;
		}
	
		#menu-local h2 {		
			/*background-color: #E16807;*/
			background-color: #dc6608;
			padding: .5em;
			font-size: 1.2em;
			color: #fff;
		}
		
			#menu-local.institucio h2,
			#menu-local.tramits h2,
			#menu-local.documentacio h2,
			#menu-local.contractacio h2,
			#menu-local.hemeroteca h2,
			#menu-local.recursos h2,
			#menu-local.contacte h2 {
				background-color: #B7DB4C;
				color: #444;
			}
		
		#menu-local ul {
		}
		
			#menu-local ul li {
				border-bottom: 1px dotted #aaa;
			}
			
				#menu-local ul li a, #menu-local ul li strong {
					margin: 1px 0;
					font-size: 1.1em;
					display: block;
					padding: .5em;
					background-color: #E4E4CE;
					color: #444;
				}
				
					#menu-local ul li strong a {
						padding: 0;
						margin: 0;
						font-size: 1em;
					}
				
				#menu-local ul li ul {				
				}
				
					#menu-local ul li ul li {
						border: none !important;
					}
					
						#menu-local ul li ul li a, #menu-local ul li ul li strong {
							padding: .4em .5em .4em 1.5em;
							background: url("../images/li_quadrat_negre.gif") no-repeat 1em .9em;
							background-color: #eeeee0;					
						}

							#menu-local ul li ul li strong a {
								padding: 0;
								padding: 0;
								background: none;
							}

/* ---------- */




/* Banners laterals */

	#destacats {
		padding-bottom: 5em;
	}

		#destacats h2 {
			display: none;
		}
		
		#destacats ul {
			margin: .7em auto;
			width: 19em;
		}
		
			#destacats ul li {
				text-align: center;
				padding-bottom: .7em;
				margin-bottom: .7em;
				border-bottom: 1px dotted #999;
			}	

/* ---------------- */





/* Elements de la capcalera del contingut (menu superior i titol) */

	#bloc-contingut {
		position: relative; /* Per a posicionar el menu superior horitzontal */
		width: 57.5em;
		padding: 0 0 2em 0;
	}

	#titol {
		padding: 0 2em;
	}

		#titol h2, #titol h3.titoltop {
			font-weight: normal;
			font-size: 2.4em;
			color: #006F36;
			margin: 1.4em 0 .5em 0;			
		}
		
		#titol h2.menutop {
			margin-top: 2.8em;
		}
		
		
		
		
.especie {
	padding: 1.1em 2em !important;
	background-color: #D1E88D;
	margin-left: 1px;
	margin-bottom: 2.5em;
}

.especie h2 {
	margin: 0 !important;
	color: #333333 !important;
}		


.dades-especie {
	width: 100%;
	overflow: hidden;
	margin-bottom: 2em;
}

	.dades-especie .situacio {
		float: left;
	}

	.dades-especie .cataleg {
		float: right;
	}
	
	
.llista-exemplars {
	color: #333;
	font-size: 1.1em;
	margin-bottom: 2em;
}

	.llista-exemplars dt {
		float: left;
		clear: left;		
		padding-left: 1.5em;
		margin-right: .5em;
		background: url("../images/li_quadrat_verd.gif") no-repeat .7em center;
		font-weight: bold;
	}
	
	.llista-exemplars dd {
		margin: .7em;
	}

/* -------------------------------------------------------------- */





/* Elements generics de text */
		
	#text {
		margin: 0 2em 4em 2em;
	}
		
		#text h3 {
			font-size: 1.6em;
			color: #006F36;
			margin: 1.2em 0 1em 0;
		}
		
		#text h3.petit { /* Reduccio del tamany de subtitols per a la secció de les platges */
			font-size: 1.2em;
		}
		
			#text h3 .asterisc { /* Correccio del tamany de l'asterisc dels titols */
				font-size: .7em;
			}
		
		#text h4 {
			font-size: 1.2em;
			color: #006F36;
			margin: 1em 0 .5em 0;
		}
		
		#text p {
			line-height: 1.4em;
			font-size: 1.1em;
			margin-bottom: 1em;
		}	
			
			#text p strong {
				color: #006F36;
			}
			
			#text p.separador {
				padding-bottom: 1em;
				margin-bottom: 1.5em;
				border-bottom: 1px dotted #999;
			}
			
		#text a {
			color: #006F36;
			text-decoration: underline;
		}		
		
		#text ul {
			margin-bottom: 1.5em;
		}
		
			#text ul li {
				margin-left: 1em;
				padding: .4em 1em;
				font-size: 1.1em;
				background: url("../images/li_quadrat_negre.gif") no-repeat .3em .8em;
			}
			
		
		#text ol {
			margin: 0 0 0 3em;
			padding: 0;
			font-weight: bold;
			color: #006F36;
		}
			
			#text ol li {
				margin: 0 .8em;
				padding: .4em 0;
				font-size: 1.1em;
			}
			
				#text ol li span {
					font-weight: normal;
					color: #555;
				}				
		
		
		#text img {			
			margin: 0 0 .5em 0;
		}
		
			#text img.left {
				float: left;
				margin-right: 1em;
			}
			
			#text img.right {
				float: right;
				margin-left: 1em;
			}		

/* ------------------ */




/* Modul carateristiques i fitxa */

	#text .caracteristiques {
		width: 17.5em;
		float: right;
		clear: right;
		background-color: #f1f1e6;
		border-left: 2em solid #fff;
		margin-bottom: 2.5em;
	}
	
		#text .caracteristiques h3 {
			margin: 0;
			padding: .4em .5em;
			font-size: 1.2em;
			color: #fff;
			background-color: #006F36;
		}
	
		#text .caracteristiques dl {
			padding: 0 1em 1em 1em;
			font-size: 1.1em;
		}
	
			#text .caracteristiques dl dt {
				margin-top: 1.5em;
				font-weight: bold;
				color: #007438;
			}
			
				#text .caracteristiques dl dt.separador {
					border-top: 1px dotted #999;
					padding-top: 1.2em;
				}
				
	
			#text .caracteristiques dl dd {
				margin-bottom: 0;
			}
	
				#text .caracteristiques dl dd img {
					margin-top: .5em;
					border: 1px solid #999;
				}
	
				#text .caracteristiques dl dd li {
					font-size: 1em;
					padding: 0 1em;
					margin: .3em 0;
					background: url("../images/li_quadrat_verd.gif") no-repeat .2em .5em;
				}
	
					#text .caracteristiques dl dd .enllacos li {
						background: url("../images/li_fletxa_seguent_verd.gif") no-repeat .2em .4em;
					}
	
						#text .caracteristiques dl dd .enllacos li a {
							color: #555;
							text-decoration: none;
						}
	
							#text .caracteristiques dl dd .enllacos li a:hover {
								text-decoration: underline;
							}


							
					#text .fletxa {
						padding-left: 1em;
						background: url("../images/li_fletxa_seguent_negre.gif") no-repeat .3em center;
					}

						#text .caracteristiques dl dd.fletxa a {
							color: #555;
							text-decoration: none;
						}					

						#text .caracteristiques dl dd.fletxa a:hover {
							text-decoration: underline;
						}
	
	    
	/* Icones per al llistat de serveis */
	
		#text .caracteristiques .servei { padding: .5em 0 .5em 2.8em; background: none; margin-bottom: .5em; }

		#text .caracteristiques .parc-glorieta { background: url("../images/icones_parcs/icona_serveis_glorieta.gif") no-repeat left center; }
		#text .caracteristiques .parc-embarcador { background: url("../images/icones_parcs/icona_serveis_embarcador.gif") no-repeat left center; }
		#text .caracteristiques .parc-font { background: url("../images/icones_parcs/icona_serveis_font.gif") no-repeat left center; }
		#text .caracteristiques .parc-bar { background: url("../images/icones_parcs/icona_serveis_bar.gif") no-repeat left center; }
		#text .caracteristiques .parc-bar-lavabos { background: url("../images/icones_parcs/icona_serveis_bar_lavabos.gif") no-repeat left center; }
		#text .caracteristiques .parc-lavabos { background: url("../images/icones_parcs/icona_serveis_lavabos.gif") no-repeat left center; }
		#text .caracteristiques .parc-conservador { background: url("../images/icones_parcs/icona_serveis_conservador.gif") no-repeat left center; }
		#text .caracteristiques .parc-compostatge { background: url("../images/icones_parcs/icona_serveis_compostatge.gif") no-repeat left center; }		
		#text .caracteristiques .parc-gossos { background: url("../images/icones_parcs/icona_serveis_gossos.gif") no-repeat left center; }
		#text .caracteristiques .parc-accessible { background: url("../images/icones_parcs/icona_serveis_accessible.gif") no-repeat left center; }
		#text .caracteristiques .parc-parquing-cotxes { background: url("../images/icones_parcs/icona_serveis_parquing_cotxes.gif") no-repeat left center; }
		#text .caracteristiques .parc-parquing-bicicletes { background: url("../images/icones_parcs/icona_serveis_parquing_bicicletes.gif") no-repeat left center; }
		#text .caracteristiques .parc-vestidors { background: url("../images/icones_parcs/icona_serveis_vestidors.gif") no-repeat left center; }
		#text .caracteristiques .parc-infantil { background: url("../images/icones_parcs/icona_serveis_infantil.gif") no-repeat left center; }
		#text .caracteristiques .parc-botxes { background: url("../images/icones_parcs/icona_serveis_botxes.gif") no-repeat left center; }
		#text .caracteristiques .parc-basquet { background: url("../images/icones_parcs/icona_serveis_basquet.gif") no-repeat left center; }
		#text .caracteristiques .parc-pingpong { background: url("../images/icones_parcs/icona_serveis_pingpong.gif") no-repeat left center; }
		#text .caracteristiques .parc-patinatge { background: url("../images/icones_parcs/icona_serveis_patinatge.gif") no-repeat left center; }
		#text .caracteristiques .parc-llac { background: url("../images/icones_parcs/icona_serveis_llac.gif") no-repeat left center; }
		#text .caracteristiques .parc-sortida { background: url("../images/icones_parcs/icona_serveis_sortida.gif") no-repeat left center; }
		#text .caracteristiques .parc-entrada { background: url("../images/icones_parcs/icona_serveis_entrada.gif") no-repeat left center; }
		#text .caracteristiques .parc-trobada { background: url("../images/icones_parcs/icona_serveis_trobada.gif") no-repeat left center; }
		#text .caracteristiques .parc-informacio { background: url("../images/icones_parcs/icona_serveis_informacio.gif") no-repeat left center; }
		#text .caracteristiques .parc-biblioteca { background: url("../images/icones_parcs/icona_serveis_biblioteca.gif") no-repeat left center; }				
		#text .caracteristiques .parc-ludoteca { background: url("../images/icones_parcs/icona_serveis_ludoteca.gif") no-repeat left center; }
		#text .caracteristiques .parc-zona-esportiva { background: url("../images/icones_parcs/icona_serveis_zona_esportiva.gif") no-repeat left center; }
		#text .caracteristiques .parc-fronto { background: url("../images/icones_parcs/icona_serveis_fronto.gif") no-repeat left center; }
		#text .caracteristiques .parc-ponis { background: url("../images/icones_parcs/icona_serveis_ponis.gif") no-repeat left center; }
		#text .caracteristiques .parc-trenet { background: url("../images/icones_parcs/icona_serveis_trenet.gif") no-repeat left center; }
		#text .caracteristiques .parc-horts { background: url("../images/icones_parcs/icona_serveis_horts.gif") no-repeat left center; }
		#text .caracteristiques .parc-picnic { background: url("../images/icones_parcs/icona_serveis_picnic.gif") no-repeat left center; }
		#text .caracteristiques .parc-skate { background: url("../images/icones_parcs/icona_serveis_skate.gif") no-repeat left center; }
		#text .caracteristiques .parc-arbre-interes { background: url("../images/icones_parcs/icona_serveis_arbre_interes.gif") no-repeat left center; }
		#text .caracteristiques .parc-alt-voltatge { background: url("../images/icones_parcs/icona_serveis_alt_voltatge.gif") no-repeat left center; }
		#text .caracteristiques .parc-vistes { background: url("../images/icones_parcs/icona_serveis_vistes.gif") no-repeat left center; }
		#text .caracteristiques .parc-restaurant { background: url("../images/icones_parcs/icona_serveis_restaurant.gif") no-repeat left center; }
		#text .caracteristiques .parc-voleibol { background: url("../images/icones_parcs/icona_serveis_voleibol.gif") no-repeat left center; }
		#text .caracteristiques .parc-futbol { background: url("../images/icones_parcs/icona_serveis_futbol.gif") no-repeat left center; }

		#text .caracteristiques .parc-bar-lavabos-accessible { background: url("../images/icones_parcs/icona_serveis_bar_lavabos_accessible.gif") no-repeat left center; padding-left: 4.8em; }
		#text .caracteristiques .parc-lavabos-accessible { background: url("../images/icones_parcs/icona_serveis_lavabos_accessible.gif") no-repeat left center; padding-left: 4.8em; }
		#text .caracteristiques .parc-parquing-cotxes-accessible { background: url("../images/icones_parcs/icona_serveis_parquing_cotxes_accessible.gif") no-repeat left center; padding-left: 4.8em; }
		#text .caracteristiques .parc-infantil-accessible { background: url("../images/icones_parcs/icona_serveis_infantil_accessible.gif") no-repeat left center; padding-left: 4.8em; }
		
	/* -------------------------------- */



	/* DD amb el punt dels llistats UL > LI */

		#text .caracteristiques .llista-punt {
			margin: 0;
			padding: .4em 1em;
			font-size: 1em;
			background: url("../images/li_quadrat_verd.gif") no-repeat .3em .8em;
		}

	/* -------------------------------------*/



	/* DD amb la icona de la fletxa */

		#text .caracteristiques .llista-fletxa {
			margin: 0;
			padding: .3em 1em;
			font-size: 1em;
			background: url("../images/li_fletxa_seguent_verd.gif") no-repeat .3em .7em;
		}

			#text .caracteristiques .llista-fletxa a { color: #555; text-decoration: none; }
			#text .caracteristiques .llista-fletxa a:hover { text-decoration: underline; }

	/* ---------------------------- */

/* -------------------- */





/* Modul galeria d'imatges */

	#text .galeria {
		padding: 0 0 1em 1em;
		margin: 0;
		background-color: #F1F1E6;		
		width: 32.5em;
	}
	
		#text .galeria h3 {
			padding: .5em 0 0 0;
			margin: 0;
			font-size: 1.2em;
		}
	
		#text .galeria ul {
			margin: 0;
			padding: 0;
			width: 100%;
			overflow: hidden;
		}
		
			#text .galeria ul li {
				float: left;
				font-size: 1em;
				margin: .8em .8em 0 0;
				padding: .2em;
			}

				#text .galeria ul li.selected {
					padding: 0;
					border: 2px solid #007438 !important;
				}

				#text .galeria ul li img {
					display: block;
					width: 9.5em;
					margin: 0;		
				}		
		
		#text .ampliacio {
			margin-bottom: 1em;
			padding-bottom: 1em;
			border-bottom: 2px solid #ABD011;
		}		
		
		#text .ample { /* Classe per a posar el modul de la galeria (en la pagina de la galeria) amb un ample del 100% */
			width: auto;
		}
		
		#text .titol-galeria-imatges {
		    clear: left;
		    padding-top: .5em;
		}

/* ----------------------- */





/* Modul mes informacio */

	#text .mes-informacio {
		margin: 2em 0;
		width: 33.5em;
	}
	
		#text .mes-informacio h3, #text .mes-informacio h4 {
			margin: 0;
			padding: .4em .5em;
			font-size: 1.2em;
			color: #fff !important;
			background-color: #6F9C12;
		}
		
		#text .mes-informacio ul {
			border-left: 1px dotted #6F9C12;
			border-right: 1px dotted #6F9C12;
			border-bottom: 1px dotted #6F9C12;
		}
		
			#text .mes-informacio ul li {
				font-size: 1.1em;
				margin: 0 .5em;
				padding: .8em 2em;
				border-bottom: 1px dotted #999;
			}
			
				#text .mes-informacio ul li a {
					color: #666;
					text-decoration: none;
				}
				
				#text .mes-informacio ul li a:hover {
					text-decoration: underline;
				}
				
				#text .mes-informacio ul li.last {
					border-bottom: 0;
				}
				
				#text .mes-informacio ul li.document { background: url("../images/li_mes_informacio_document.gif") no-repeat left 1em; }
				#text .mes-informacio ul li.video { background: url("../images/li_mes_informacio_video.gif") no-repeat left 1em; }
				#text .mes-informacio ul li.foto { background: url("../images/li_mes_informacio_foto.gif") no-repeat left 1em; }
				#text .mes-informacio ul li.website { background: url("../images/li_mes_informacio_website.gif") no-repeat left .7em; }

/* -------------------- */





/* Menu superior */

	#menu-superior form, #menu-superior ul {
		width: 54.2em;
		position: absolute;
		top: 0;
		left: 0;	
		
		margin-left: 1px;
		margin-bottom: 1px;
		padding: .1em 1.6em .1em 1.6em;
		background-color: #E4E4CE;
	}	

			#menu-superior ul li {
				float: left;
				font-size: 1.1em;
				white-space: nowrap;
				line-height: 2.3em;
			}

				#menu-superior ul li a {
					color: #444;
					line-height: 1em;
					border-right: 1px solid #444;
					padding-right: .5em;
					padding-left: .5em;
				}

					#menu-superior ul li.last a {
						border-right: none;
					}
					
				#menu-superior ul li.activitats {
					float: right;
					padding-left: 1em;
					font-weight: bold;
					background: url("../images/icona_activitats.gif") no-repeat left center;
				}

			
/* ------------- */





/* Enllaç tornar amunt */

	#text p.amunt {
		text-align: right;
		padding-bottom: .5em;
		border-bottom: 1px dotted #999;
		background: none !important;
	}

/* ------------------- */





/* Capcalera seccio bones practiques */

	#titol-top {
		width: 100%;
		border-bottom: 3px solid #B7DB4C;
	}
	
		#titol-top h2 {
			margin-bottom: 1px;
			margin-left: 1px;
			background: url("../images/bg_titol_top.gif") no-repeat right top;
			background-color: #006F36;
			color: #fff;
			font-size: 1.2em;
			padding: .5em .5em .5em 2em;
		}
	
		#titol-top p.tornar {
			padding: .7em 2em;
			float: right;
			background-color: #E9E9D8;
		}
			
			#titol-top p.tornar a {
				padding-left: 1em;
				color: #333;
				background: url("../images/li_fletxa_anterior_gris.gif") no-repeat left center;
			}
		
			
		#titol p.tornar {
			padding: .8em 0;
			float: right;
		}
		
			#titol p.tornar a {
				padding-left: 1em;
				color: #333;
				background: url("../images/li_fletxa_anterior_gris.gif") no-repeat left center;
			}
		

/* --------------------------------- */





/* Llista ordenada amb border i separadors entre elements */

	#text ol.separadors {
		border-top: 2px solid #B6DB4C;
		border-bottom: 2px solid #B6DB4C;
		padding: 0 0 0 3em;
		margin: 1.5em 0;
		list-style: decimal;		
	}
	
		#text ol.separadors li {			
			font-weight: bold;
		 	color: #006F36;
		 	padding: .8em .8em .8em 0;
		 	margin: 0;		 	
		 	font-size: 1.1em;
		 	border-bottom: 1px dotted #999;		 	
		}
		
			#text ol.separadors li.last {
				border-bottom: 0;
			}
		
		#text ol.separadors li span {
			color: #666;
			font-weight: normal;
		}
		
/* ------------------------------------------------------ */ 




/* Modul no t'ho perdis per a la fitxa dels parcs */

	#text .nothoperdis {		
		width: 17.5em;
		float: right;
		margin-bottom: 1.5em;
		background-color: #B7DB4C;
		border-left: 2em solid #fff;
	}
	
		#text .nothoperdis h3 {
			font-size: 1em;
			padding: .7em .7em 0 .7em;
			margin: 0;
			border-top: 2px solid #006F36;
		}
		
			#text .nothoperdis h3 img {
				margin: 0;
			}
		
		#text .nothoperdis p {
			margin: 0 .7em .7em .7em;
			color: #001C0D;
			font-size: 1em;
		}
		
			#text .nothoperdis p a {
				color: #001C0D;
				text-decoration: none;
			}
			
				#text .nothoperdis p a:hover {
					text-decoration: underline;
				}

/* ---------------------------------------------- */





/* Estils per als planols de localitzacio, llistes dels directoris i llistat d'activitats */

	#text .mapa {
		border-top: 2px solid #006F36;
		border-bottom: 2px solid #006F36;
	}
	
	#text .directori {
		margin: 0;
		margin-bottom: 3em;
		border-top: 2px solid #B7DB4C;
		border-bottom: 2px solid #B7DB4C;	
	}
	
		#text .directori li {
			margin: 0;
			padding: .5em 0;
			width: 100%;
			border-bottom: 1px dotted #999;
			background: none !important;
		}
		
			#text .directori li.last {
				border-bottom: none;
			}
	
			#text .directori li a {
				color: #333;
				text-decoration: none;
			}
			
			#text .directori li a:hover {
				text-decoration: underline;
			}
			
			#text .directori li.last {
				border-bottom: 0;
			}
			
			
			
	/* Pels casos en que els llistats disposin de diferents caracteristiques per cada element, fem servir taules */			
	/* Pex: Directori d'arees de joc: Cada parc te una adreca i una franja d'edat associada */ 
	
		#text table.directoris {
			width: 100%;
			margin-bottom: 2em;
			border-collapse: collapse;
			border-bottom: 2px solid #B7DB4C;
		}
		
			#text table.directoris caption {
				display: none;
			
				color: #006F36;
				text-align: left;
				padding: 5px 0 8px 0;
				font-weight: bold;
				font-size: 1.2em;
			}
			
			#text table.directoris th,
			#text table.directoris td {
				font-size: 1.1em;
				padding: 5px 0;
			}
			
			#text table.directoris th {
				color: #006F36;
				font-weight: normal;
				text-align: left;
				border-bottom: 2px solid #B7DB4C;
			}
			
			#text table.directoris td {
				border-bottom: 1px dotted #ccc;
			}
			
		/* Relacio de les amplades en les celes de les taules */
		
			#text table.directoris .adreca,
			#text table.directoris .edat,
			#text table.directoris .nom,
			#text table.directoris .superficie {
				width: 50%;					
			}
			
			/* Taula: especies d'arbres */
			#text table.especies-arbres .nom-cientific,
			#text table.especies-arbres .nom-comu { width: 38%; }
			#text table.especies-arbres .numero-exemplars { width: 24%; text-align: center; }
			#text table.especies-arbres td.nom-cientific { font-style: italic; }
			
			/* Taula: previsio de poda */
			#text table.previsio-poda .carrer { width: 70%; }
			#text table.previsio-poda .especies { width: 30%; }
			
			/* Taula: documentacio */
			#text table.arbrat .titol,
			#text table.manuals .titol,
			#text table.documentacio-tecnica .titol,
			#text table.bverda .titol,
			#text table.dossiers .titol,
			#text table.memories .titol {
				width: 80%;
			}
			
			#text table.arbrat .data,
			#text table.manuals .data,
			#text table.documentacio-tecnica .data,
			#text table.bverda .data,
			#text table.dossiers .data,
			#text table.memories .data {
				width: 10%;
				padding-right: .5em;
			}


		/* Llegenda de les taules */
	
			#text p.llegenda { color: #006F36; }
			
			
			
			
/* ----------------------------------------------------------------- */





/* Cercador */

	#cercador-top {
		margin: 0;
		padding: 0;
	}

		#cercador-top * {
			vertical-align: middle;
		}	
	
		#cercador-top fieldset {
			border: none;
			padding: 3px 0;
			margin: 0;			
		}
		
			#cercador-top fieldset label {
				font-weight: bold;
				color: #006F36;
			}
	
			#cercador-top fieldset legend {
				color: #444;
				display: none;
			}
	
			#cercador-top fieldset input.text {
				height: 12px;
				padding: 1px;
			}
			
			#cercador-top fieldset button.boto {
				border: 0;
				padding: 0;
				background-color: transparent;
				cursor: pointer;
			}
			
				#cercador-top fieldset button.boto img {
					vertical-align: middle;
					display: block;
				}
	

/* -------- */









/* Seccio materials didactics (Formacio) */

	#text .llista-material {
		border-top: 2px solid #B7DB4C;
		border-bottom: 2px solid #B7DB4C;
	}
	
		#text .llista-material li {
			background: none;
			width: auto;
			overflow: hidden;
			border-bottom: 1px dotted #999;
			padding: 12px 0;
			margin: 0px;
		}
		
			#text .llista-material li.last {
				border-bottom: 0;
			}			
		
			#text .llista-material li h3 {
				margin: 0 !important;
				font-size: 16px !important;				
			}
			
			#text .llista-material li p {
				font-size: 1em !important;
				margin: 8px 0 !important;
			}
		
			#text .llista-material li img {
				float: right;
			}


		/* Estil per a l'enllaç de descarrega */

			#text .descarrega_material {
				padding-left: 10px;
				background: url("../images/li_fletxa_seguent_negre_strong.gif") no-repeat left center;
				font-weight: bold;
				color: #666;
			}
			
				#text .descarrega_material a {
					text-decoration: none;
					color: #666;
				}
				
					#text .descarrega_material a:hover {
						text-decoration: underline;
					}
		
		/* ---------------------------------- */

/* ------------------------------------- */




/* Pagina de resultats de cerca de l'agenda */ 


	/* Modul de resum de la cerca */
	
		#text .resultat-cerca {
			margin-bottom: 3em;		
		}

			#text .resultat-cerca h3 {
				margin: 0 0 1px 0;
				padding: .3em 1em;				
				font-size: 1.2em;
				color: #006F36;
				background-color: #B7DB4C;
			}

			#text .resultat-cerca p {			
				color: #006F36;
				line-height: 1.6em;
				font-size: 1.2em;
				float: left;				
			}
			
				#text .resultat-cerca p.nova-cerca {			
					text-align: right;
					float: left;
					clear: both;
					margin-top: 1.5em;
					padding-top: 1em;
					border-top: 1px dotted #666;
					margin-bottom: 0;
					width: 100%;
					font-size: 1.1em;
				}
				
					#text .resultat-cerca p.nova-cerca a {
						color: #fff;
						text-decoration: none;
						padding: .5em;
						
						border-top: 1px solid #8EC718;
						border-left: 1px solid #8EC718;
						border-bottom: 1px solid #51720D;
						border-right: 1px solid #51720D;
						
						line-height: 2.4em;
						background-color: #6F9C12;
					}				
				
			
			#text .resultat-cerca dl {
				width: 35em;
				float: right;
				font-size: 1em;
			}
			
				#text .resultat-cerca dl dt,
				#text .resultat-cerca dl dd {
					line-height: 1.8em;
					font-size: 1.1em;
				}
			
				#text .resultat-cerca dl dt {
					margin-right: .5em;
					color: #006F36;
					font-weight: bold;
					clear: left;
					float: left;
				}
		
		
		#text .requadre-cerca {
			padding: 1em;
			
			background-color: #EAEAD8;
			border: 2px solid #B7DB4C;
			
			width: 51.1em;
			overflow: hidden;
		}
	
	/* -------------------------- */





	/* Llista per als resultats de la cerca en l'agenda */
	
		#text .llistat-agenda {
			border-bottom: 2px solid #B7DB4C;		
			margin-bottom: .5em;
		}
	
			#text .llistat-agenda li {				
				background: none;
				border-bottom: 1px dotted #999;
				padding: 1.2em 0;
				margin: 0px;

				width: auto;
				overflow: hidden;
			}
			
				#text .llistat-agenda li.last {
					border-bottom: 0;
				}
				
			
			#text .llistat-agenda dl {
				margin: .4em 0;
			}
			
				#text .llistat-agenda dl dt,
				#text .llistat-agenda dl dd {
					line-height: 1.6em;
				}
			
				#text .llistat-agenda dl dt {
					margin-right: .5em;
					color: #6F9C12;
					font-weight: bold;
					clear: left;
					float: left;
				}



		/* Titol de capcelera enmarcat en una franja verda */
		
			#text h3.titol-agenda {
				padding: .3em 1em;
				font-size: 1.2em;
				color: #fff;
				background-color: #6F9C12;
				margin-bottom: 0;
			}
		
		/* ---------------------------------------------- */
	
	/* ---------------------------------------------- */
	
	
	
	
	
	/* Paginador */
	
		#text .paginador {		
			margin: 0;		
			padding: 0;		
			overflow: hidden;
			font-size: 1.1em;			
		}
	
			#text .paginador strong,		
			#text .paginador a,		
			#text .paginador span {		
				width: 33%;		
				margin: 0;		
				padding: 0;		
				text-align: center;		
				text-decoration: none;
				float: left;		
				display: block;		
			}
		
				#text .paginador a.anterior,		
				#text .paginador span.anterior { text-align: left; }
		
				#text .paginador a.seguent,		
				#text .paginador span.seguent { text-align: right; }
				
				#text .paginador a:hover { text-decoration: underline; }
	
	/* --------- */
	
	
	
	
	/* Calendari */
	
		a.date-picker {
			width: 16px;
			height: 16px;
			border: none;
			color: #fff;
			padding: 0;
			margin: 0;
			float: left;
			overflow: hidden;
			cursor: pointer;
			background: url(calendar.png) no-repeat; 
		}
		
		span.date-picker-holder {
			margin: 0.1em 0 0.3em 0;
			padding: 0;
			float: left;
		}
		span.date-picker-holder * {
			margin: 0;
			padding: 0;
		}
		span.date-picker-holder img,
		span.date-picker-holder input {
			margin-right: 0.2em;
			float: left;
		}
		span.date-picker-holder input {
			margin-left: -6.5em;
		}
		html>body span.date-picker-holder input {
			margin-left: 0;
		}
		
		
		
		
		
		div.popup-calendar-wrapper {
			position: relative;
		}
		
		#destacats div.popup-calendar {
			font-size: 1.1em;
			margin: 1.4em;
			display: block;
		}
		
		#text div.popup-calendar {
			position: absolute;
			font-size: 1em;
			top: -6px;
			left: -70px;
			z-index: 2;
		}
		
		div.popup-calendar {		
			width: 165px;
			margin: 0;
			padding: 0;
			color: #000;			
			overflow: hidden;			
			display: none;
			
			background: #EAEAD8;
			border: 1px solid #709D14;
		}
			html>body #text div.popup-calendar {
				top: -2.2em;
				left: 0;
				margin: 0;
			}
			div.popup-calendar div.link-close {
				margin: 0.2em 0.5em 0 0;
				float: right;
			}
				div.popup-calendar div.link-close a {
					color: #FFFFFF !important;
				}

			div.popup-calendar div.link-next,
			div.popup-calendar div.link-prev {
				font-size: .9em;
				color: #006F36;
				margin: .4em;
			}	
			
			div.popup-calendar div.link-next a,
			div.popup-calendar div.link-prev a {
				color: #006F36;
				padding: 0 .2em;
				text-decoration: underline;
			}							
				
			div.popup-calendar div.link-prev {
				float: left;
			}
			div.popup-calendar div.link-next {
				float: right;
			}
			div.popup-calendar h3,
			div.popup-calendar h4 {
				margin: 0 !important;
				padding: .2em .8em .3em .8em;
				font-size: 1em !important;
				text-transform: uppercase;
				color: #FFFFFF !important;
				background: #6F9C12;
				border-bottom: 2px solid #51720D;
			}
			div.popup-calendar table {
				width: 100%;
				margin: 0;
			}
				div.popup-calendar table th {
					font-family: Arial, Helvetica, sans-serif;
					cursor: help;
				}
				div.popup-calendar table th,
				div.popup-calendar table td {
					width: 14%;
					font-size: 0.9em;
					text-align: center;
					/*background: #eee;*/
				}
				div.popup-calendar table th.weekend,
				div.popup-calendar table td.weekend {
					/*background: #F6F6F6;*/
				}
				div.popup-calendar table td.inactive {
					color: #333;
				}
					div.popup-calendar table td a {
						text-decoration: underline;			
						display: block !important;
						color: #006F36 !important;
					}
					div.popup-calendar table td.today a {
						font-weight: bold;
					}
						div.popup-calendar table td a.selected,
						div.popup-calendar table td a:hover {
							text-decoration: none;
							color: #FFFFFF !important;
							/*background: #E16807;*/
							background: #dc6608;
						}
			
	
	/* --------- */
	
	
	
	
/* ------------------------------------ */





/* Estils per a l'agenda */ 

	.informaciorelacionada {
		margin-bottom: 2.5em;
	}
	
		.informaciorelacionada h5 {
			padding: .3em .5em;
			font-size: 1.2em;
			color: #fff;
			background-color: #6F9C12;
			height: 1%; /* TODO: Separar IE6 */
			margin-bottom: .4em;
		}
		
		.utilitats-agenda {
			float: right;
			clear: right;
			width: 20em;
			margin-bottom: 0;
		}
		
		.quanesfa,
		.onesfa {
			margin-right: 22em;
		}
		
		.horari,
		.sencer {
			clear: both;
		}
		
	/* Icones per al llistat d'utilitats */
	
		#text .utilitats-agenda ul li {
			background-position: left center !important;
			margin: .5em;
			padding: 0 1.5em;
			line-height: 1.4em;
		}
	
		#text .utilitats-agenda ul li.pdf 			{ background: url(../images/icona_pdf.gif) no-repeat; }
		#text .utilitats-agenda ul li.xls 			{ background: url(../images/icona_excel.gif) no-repeat; }
		#text .utilitats-agenda ul li.doc 			{ background: url(../images/icona_word.gif) no-repeat; }
		#text .utilitats-agenda ul li.agenda 		{ background: url(../images/icona_agenda.gif) no-repeat; }
		#text .utilitats-agenda ul li.recordam 	{ background: url(../images/icona_recordam.gif) no-repeat; }
		#text .utilitats-agenda ul li.propdaqui { background: url(../images/icona_propdaqui.gif) no-repeat; }
		#text .utilitats-agenda ul li.mapa 			{ background: url(../images/icona_mapa.gif) no-repeat; border: 0; }
		#text .utilitats-agenda ul li.comanar 	{ background: url(../images/icona_comanar.gif) no-repeat; }
		#text .utilitats-agenda ul li.parking 	{ background: url(../images/icona_parking.gif) no-repeat; }
		#text .utilitats-agenda ul li.enviar 		{ background: url(../images/icona_sobre.gif) no-repeat; }
		#text .utilitats-agenda ul li.imprimir 	{ background: url(../images/icona_imprimir.gif) no-repeat; }
		#text .utilitats-agenda ul li.llistat 	{ background: url(../images/icona_llistat.gif) no-repeat; }
		#text .utilitats-agenda ul li.avui 			{ background: url(../images/icona_avui.gif) no-repeat; }
		#text .utilitats-agenda ul li.informans { background: url(../images/icona_informans.gif) no-repeat; }
		
		
		
							.informaciorelacionada p {
								margin: .5em;
							}
							
		

							.informaciorelacionada ul li dl {
			            margin: 0 0 .4em 0;
			            padding: 0;
			        }
			        
		            .informaciorelacionada ul li dl dt,
		            .informaciorelacionada ul li dl dd {
	                padding-top: 0;
	                padding-bottom: 0;
		            }
		            
		            .informaciorelacionada ul li dl dt {
		              font-weight: normal;
		            }
		            
			        	.informaciorelacionada ul li.planol {
			            margin: 0;
			            background: url(../images/icona_planol.gif) no-repeat left top !important;
			        	}
			        	
			            .informaciorelacionada ul li p {
			                margin: 0;
			                padding: 0;
			            }
			            
			            .informaciorelacionada ul li a {
			            	color: #666 !important;
		                text-decoration: none !important;
			            }
			            
			            	.informaciorelacionada ul li a:hover {
			              	text-decoration: underline !important;
			              }

						    	.informaciorelacionada dl {
						        margin: 0;
						        font-size: 1.1em !important;
						        margin: .5em;
						    	}	
						    	
								#text .informaciorelacionada dl dt {
			            margin: 0;
			            padding: .3em .4em .3em 0 !important;
			            color: #6F9C12;
			            font-weight: bold;
			            float: left;
			            clear: left;
			        	}
			        
			        	#text .informaciorelacionada dl dd {
			        		margin: 0;
			            margin-left: -.2em !important;
			            padding: .3em 0 !important;
			        	}						    		
		
		
		/* Taula d'horaris */
		          
			#text .informaciorelacionada table { margin: .3em 0 1.5em 0; border: 1px solid #ccc; border-collapse: collapse; clear: right; border: 1px solid #ccc; }
				
				#text .informaciorelacionada table th,
				#text .informaciorelacionada table td {
					border-right: 1px solid #ccc;
					border-bottom: 1px solid #ccc;
				}
				
				#text .informaciorelacionada table th { padding: .4em; color: #006F36; text-align: left; background: #E9E9D8; }
		
					#text .informaciorelacionada table th.columna_dies { width: 18%;	}
					#text .informaciorelacionada table th.columna_horaris { width: 16%; }
					#text .informaciorelacionada table th.columna_preus { width: 32%; }
					#text .informaciorelacionada table th.columna_observacions { width: 34%; }		
		
				
				#text .informaciorelacionada table td { padding: .4em; vertical-align: top; }
				
					#text .informaciorelacionada table td p { margin: 0; padding: 0 0 .5em 0 !important; font-size: 1em !important; }
		
		/* --------------- */		

/* --------------------- */






/* Menu superior amb nomes el tornar */

	#bloc-contingut .nomes-tornar {		
		margin-left: 1px;
		padding: 0 2em;	
		color: #444;
		line-height: 2.6em;
		text-align: right;
		background-color: #E4E4CE;		
	}
	
		#bloc-contingut .nomes-tornar a {
			padding-left: 1em;
			color: #444;
			background: url("../images/li_fletxa_anterior_gris.gif") no-repeat left center;
		}


/* --------------------------------- */