/* dom */
html { font-size: 100%; } /* WinIE text resize correction */
body {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8125em; /* 13px */
	color: #333;
	background: #e7e7e7 url("img/bg.jpg") repeat-y center top;
}
* { margin: 0; /*border: none;*/ padding: 0; }
a { outline: 0; color: #ff6600; text-decoration: none; }
	a:hover { color: #682a00; text-decoration: underline; }
	a:visited{ font-size: inherit; }
p { margin-bottom: 1.25em; line-height: 1.3em; }
ol, ul { list-style: none; }
img {border: none;}
		ul li.clear { clear: both; }
/* esquerra, dreta i centrar */
div.left { clear: left; float: left; width: 49%; }
div.right { clear: right; float: right; width: 49%; }
.center { text-align: center; }
/* clearfix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.clearfix { display:inline-block; }
	/* Hide from IE Mac \*/
	.clearfix { display:block; }

/* menú accessibilitat (ocult) */
#acc { position: absolute; top: -999em; }

/* estils continuació capçalera */
#bg1 {
	position: absolute;
	left: 0;
	width: 49%;
	height: 207px;
	z-index: -999;
	background: url("img/bg1.jpg") repeat-x top;
}
#bg2 {
	position: absolute;
	left: 50%;
	width: 50%;
	height: 207px;
	z-index: -999;
	background: url("img/bg2.jpg") repeat-x top;
}
#bg3 {
	z-index: 1;
	background: url("img/bg3.jpg") no-repeat center top;
}

/*** wrapper */
#page {
	width: 967px;
	margin: 0 auto;
	background: #e8e8e8;
}
	/** capçalera */
	#page #header {
		height: 147px;
		background: url("img/bg_header.jpg") no-repeat left bottom;
	}
		/* contenidor cercador */
			#page #header div.search {
				position: relative;
				display: inline; /* ie6 float hack */
				clear: right;
				float: right;
				width: 291px;
				height: 147px;
				background: #444 url("img/caixa_cercador.jpg") no-repeat bottom;
			}
					#page #header div.search p.back {
						padding: 8px 1em;
						text-align: right;
					}
						#page #header div.search p.back a {
							color: #000;
						}
				#page #header div.search form {
					position: absolute;
					bottom: 15px;
					right: 15px;
					padding: 2em 1em 0 1em;
					text-align: center;
				}
					#page #header div.search form a {
						color: #fafafa;
					}
					#page #header div.search form label {
						margin-bottom: .5em;
						padding: .5em 0 .5em 32px;
						background: url("img/icon_lupa.png") no-repeat left center;
					}
						#page #header div.search form label input {
							vertical-align: middle;
							width: 150px;
							margin-right: 10px;
							border: 1px solid #cdcdcd;
							padding: .416em;
							background: #fff;
						}
					#page #header div.search form input {
						vertical-align: middle;
					}
						#page #header div.search form p.advanced {
							text-align: left;
							margin: .5em 0 0 32px;
						}
		/* link home */
		#page #header h1 {
			display: inline; /* ie6fh */
			clear: left;
			float: left;
			width: 676px;
			height: 147px;
		}
			#page #header h1 a {
				display: block;
				width: 676px;
				height: 147px;
			}
				#page #header h1 a span {
					position: absolute;
					top: -999em;
				}
	/** menu */
	#page #menu {
		margin: 0 0 1em 0;
		padding: 19px 22px 0 22px;
		background: #fc9732 url("img/bg_menu.jpg") repeat-x bottom;
	}
		#page #menu li {
			display: inline; /* ie6fh */
			float: left;
			width: 156px;
			height: 41px;
			margin: 0 8px 0 0;
		}
			#page #menu li.current a {
				background: url("img/pestanya_blanc.jpg") no-repeat center bottom;
			}
			#page #menu li a {
				display: block;
				padding: 15px 5px 0 5px;
				height: 26px;
				color: #000;
				font-size: 1.231em;
				text-align: center;
				background: url("img/pestanya_portada.jpg") no-repeat center bottom;
			}
				#page #menu li a:hover {
					text-decoration: none;
					background: url("img/pestanya_blanc.jpg") no-repeat center bottom;
				}
	/** contingut */
	#page #content {
		display: block;
		margin: 0;
		padding: 10px 20px;
	}
		/* contenidor contingut principal (s'aparella amb .content_sub) */
		#page #content div.content_main {
			display: inline; /* ie6fh */
			clear: left;
			float: left;
			width: 635px;
			margin-bottom: 1em;
		}
		/* contenidor contingut secundari (s'aparella amb .content_main) */
		#page #content div.content_sub {
			display: inline; /* ie6fh */
			clear: right;
			float: right;
			width: 241px;
			margin-bottom: 1em;
			padding: 24px 14px 8px 14px;
			background: #fff url("img/bg_content_sub.jpg") no-repeat center top;
		}
		/* canvis mides contenidors contingut */
		#page #content.equal div.content_main {
			width: 438px;
			margin-left: 19px;
		}
				#page #content.equal div.content_main p.destacat {
					padding-top: 30px;
					background: #fff url("img/bg_clip_main.gif") no-repeat right top;
				}
		#page #content.equal div.content_sub {
			width: 412px;
			margin-right: 5px;
			padding: 0;
			background: none;
		}
		#page #content.view div.content_main {
			width: 647px;
			margin-left: 27px;
		}
				#page #content.view div.content_main p.destacat {
					padding-top: 30px;
					background: #fff url("img/bg_clip_main.gif") no-repeat right top;
				}
		#page #content.view div.content_sub {
			width: 224px;
			padding: 0;
			background: none;
		}
				#page #content.view div.content_sub div.rounded {
					padding: 14px 0 0 0;
					background: #fff url("img/caixa_lat_dalt.jpg") no-repeat center top;
				}
					#page #content.view div.content_sub div.rounded h3 {
						margin-bottom: .1em;
						border-bottom: 1px solid #b6b6b6;
						padding-bottom: .2em;
					}
				#page #content.view div.content_sub div.rounded-bg {
					background: url("img/caixa_lat_fons.jpg") repeat-y center top;
				}
				#page #content.view div.content_sub div.rounded-bg-bottom {
					padding: 0 16px 0 16px;
					background: url("img/caixa_lat_baix.jpg") no-repeat center bottom;
				}
		/* estils específicis contenidor contingut secundari */
				#page #content div.content_sub div.border {
					border-bottom: 3px solid #fff;
				}
					#page #content div.content_sub div.textarea label {
						margin-bottom: .4em;
					}
					#page #content div.content_sub div.textarea textarea {
						border: 1px solid #ccc;
						border-bottom: 2px solid #888;
						border-right: 2px solid #888;
					}
				#page #content div.content_sub form fieldset {
					margin-bottom: .5em;
					border: none;
				}
					#page #content div.content_sub form fieldset.contact {
						padding-top: 120px;
						background: url("img/foto_missatge.jpg") no-repeat;
					}
				#page #content div.content_sub form label {
					margin-bottom: 1em;
				}
					#page #content div.content_sub form label em {
						color: #999;
						font-style: normal;
					}
					#page #content div.content_sub form label input {
						margin: 0;
						width: 96%;
						border: 1px solid #ccc;
						border-bottom: 2px solid #888;
						border-right: 2px solid #888;
						padding: 4px;
					}
					#page #content div.content_sub form label span {
						display: block;
						margin: 0 0 .4em 0;
					}
		/* estils contenidors editora activitats */
		#page #content div.advice {
			background: url("img/int_assesorament.jpg") no-repeat right top;
		}
		#page #content div.learning {
			background: url("img/int_ensenyament.jpg") no-repeat right top;
		}
		#page #content div.volunteering {
			background: url("img/int_voluntaris.jpg") no-repeat right top;
		}
		#page #content div.immigration {
			background: url("img/int_immigracio.jpg") no-repeat right top;
		}
		#page #content div.civil_service {
			background: url("img/int_administracio_local.jpg") no-repeat right top;
		}
		#page #content div.comerce {
			background: url("img/int_comerc.jpg") no-repeat right top;
		}
		#page #content div.company {
			background: url("img/int_empresa.jpg") no-repeat right top;
		}
		#page #content div.tools {
			background: url("img/int_eines.jpg") no-repeat right top;
		}
		#page #content div.justice {
			background: url("img/int_justicia.jpg") no-repeat right top;
		}
		#page #content div.media {
			background: url("img/int_mitjans_comunica.jpg") no-repeat right top;
		}
		#page #content div.organizations {
			background: url("img/int_associacions.jpg") no-repeat right top;
		}
		#page #content div.awareness-raising {
			background: url("img/int_sensibilitzacio.jpg") no-repeat right top;
		}
		/* estils generals */
			/* contenidor amb vora inferior */
			#page #content div.border {
				padding-bottom: .2em;
				border-bottom: 1px solid #999;
				margin-bottom: 1.4em;
			}
			/* contenidor amb vora inferior trencada */
			#page #content div.broken {
				border-bottom: 1px dashed #aaa;
			}
			/* paginador */
			#page #content div.pager {
				margin: 1.5em 0;
				font-size: .923em;
			}
				#page #content div.pager img {
					vertical-align: middle;
				}
					#page #content div.pager span.next {
						display: inline; /* ie hack */
						float: right;
						margin-left: 1em;
					}
					#page #content div.pager span.previous {
						display: inline; /* ie hack */
						float: left;
						margin-right: 1em;
					}
				#page #content div.pager ul {
					text-align: center;
					margin: 0;
				}
					#page #content div.pager ul li {
						display: inline;
						vertical-align: middle;
						margin: 0 .25em;
						padding: 0;
						background: none;
					}
							#page #content div.pager ul li.transparent a {
								border: 1px solid #e8e8e8;
								background: transparent;
							}
						#page #content div.pager ul li a {
							border: 1px solid #ccc;
							padding: 2px 5px;
							background: #fff;
						}
							#page #content div.pager ul li a:hover {
								border: 1px solid #999;
								background: #ccc;
							}
			/* contenidors vora sombrejada i clip a dalt */
			#page #content div.paperclip {
				margin-bottom: 1em;
				color: #666;
				background: #fff url("img/bg_clip_petit.jpg") repeat-y center top;
			}
			#page #content div.paperclip-top {
				padding: 22px 15px 12px 15px;
				background: url("img/bg_clip_petit_dalt.jpg") no-repeat center top;
			}
			#page #content div.paperclip-bottom {
				background: url("img/bg_clip_petit_baix.jpg") no-repeat center bottom;
			}
					/* contenidor imatges */
					#page #content div.paperclip div.image {
						display: inline; /* ie6fh */
						float: left;
						width: 155px;
						margin: 0 10px 1em 0;
						border: 1px solid #b9b9b9;
						padding: 14px;
						font-size: .846em;
						text-align: center;
						background: #fff;
					}
						#page #content div.paperclip div.image img {
							margin-bottom: .75em;
						}
						#page #content div.paperclip div.image p {
							margin-bottom: .1em;
							text-align: left;
						}
					/* contenidor imatge més gran */
					#page #content div.paperclip div.big {
						width: 168px;
					}
					/* aliniat dreta */
					#page #content div.paperclip div.right {
						float: right;
						margin: 0 0 1em 0;
					}
					/* contenidor text */
					#page #content div.paperclip div.text {
						margin-left: 195px;
					}
					#page #content div.paperclip ul li {
						background: url("img/kland_blau.gif") no-repeat 0 .416em;
					}
			#page #content div.paperclip-big {
				margin-bottom: 1em;
				color: #666;
				background: #fff url("img/bg_clip.jpg") repeat-y center top;
			}
			#page #content div.paperclip-big-top {
				padding: 22px 15px 12px 15px;
				background: url("img/bg_clip_dalt.jpg") no-repeat center top;
			}
			#page #content div.paperclip-big-bottom {
				background: url("img/bg_clip_baix.jpg") no-repeat center bottom;
			}
					/* contenidor imatges */
					#page #content div.paperclip-big div.image {
						display: inline; /* ie6fh */
						float: left;
						width: 202px;
						margin: 0 20px 1em 0;
						border: 1px solid #b9b9b9;
						padding: 14px;
						font-size: .846em;
						text-align: center;
						background: #fff;
					}
						#page #content div.paperclip-big div.image img {
							margin-bottom: .75em;
						}
						#page #content div.paperclip-big div.image p {
							margin-bottom: .1em;
							text-align: left;
						}
					/* contenidor text una imatge */
					#page #content div.paperclip-big div.text {
						margin-left: 252px;
					}
					/* contenidor text dos imatges */
					#page #content div.paperclip-big div.doubletext {
						margin-left: 504px;
					}
					#page #content div.paperclip-big ul li {
						background: url("img/kland_blau.gif") no-repeat 0 .416em;
					}
			/* enllaços relacionats */
			#page #content div.related {
				margin: 1.4em 0;
				background: #e8e8e8;
			}
				#page #content div.related a {
					color: #125d35;
				}
				#page #content div.related h4 {
					margin: 0;
					color: #fff;
					font-weight: bold;
					background: #115530 url("img/fons_relacionats.jpg") repeat-x;
				}
					#page #content div.related h4 span {
						display: block;
						padding: .5em .8em .5em 32px;
						background: url("img/imatge_clip.jpg") no-repeat;
					}
				#page #content div.related li {
					display: block;
					margin: 0;
					border-bottom: 1px solid #c9c9c9;
					border-top: 1px solid #f7f7f7;
					padding: .7em 1em;
					background: none;
				}
			/* text petit */
			#page #content div.small {
				font-size: .923em;
			}
				#page #content div.small p {
					margin-bottom: .5em;
				}
			/* fons blanc */
			#page #content div.white {
				margin-bottom: 1em;
				padding: 15px;
				background: #fff;
			}
		/* formularis */
			#page #content form fieldset {
				margin-bottom: 1em;
				padding: 0 0 .7em 0;
				border-bottom: 1px dashed #999;
			}
					#page #content form fieldset.triple label {
						display: inline; /* ie6fh */
						float: left;
						width: 32%;
						margin-right: 2%;
					}
						#page #content form fieldset.triple label.nomargin {
							margin-right: 0;
						}
				#page #content form div.textarea {
					padding: 5px 0;
				}
					#page #content form div.textarea textarea {
						display: inline; /* ie6 float hack */
						float: left;
						width: 96%;
						height: 120px;
						margin: 0 0 8px 0;
						border: 1px solid #999;
						padding: 4px;
					}
						#page #content form div.textarea textarea.error {
							border: 1px solid #cc0000;
						}
			#page #content form label {
				display: block;
				margin: 0 0 .416em 0;
			}
				#page #content form label.big {
					margin-bottom: 2.5em;
				}
					#page #content form label.big input {
						padding: .416em;
					}
				#page #content form label input, #page #content form label select {
					vertical-align: middle;
					width: 150px;
					margin: 0 .416em;
					border: 1px solid #999;
					padding: .208em .416em;
				}
				#page #content form label select {
					cursor: pointer;
					width: auto;
					max-width: 70%;
					min-width: 25%;
					padding-right: 2px;
				}
				#page #content form label span {
					display: inline;
					vertical-align: middle;
					color: #000;
				}
					#page #content form label span.search {
						padding: .213em 40px .213em 0;
						background: url("img/icona_lupa_avancada.gif") no-repeat right center;
					}
				#page #content form input.send {
					display: inline; /* ie hack */
					cursor: pointer;
					float: left;
					margin: 1em 0;
					padding: .4em .75em;
					color: #fff;
					text-align: center;
				}
					#page #content form input.send:hover {
						background: #00407a;
					}
		/* capçaleres */
		#page #content h2 {
			margin-bottom: .75em;
			border-bottom: 1px solid #999;
			padding-bottom: .25em;
			color: #ff6600;
			font-size: 2.307em;
			font-weight: normal;
			line-height: 1.3em;
		}
			#page #content h2.noborder {
				margin-bottom: .25em;
				border: none;
				padding: 0;
			}
		#page #content h3 {
			margin-bottom: .5em;
			color: #000;
			font-family: arial, serif;
			font-size: 1.385em;
			font-weight: normal;
			line-height: 1.2em;
		}
			#page #content h3.nomargin {
				margin: 0;
			}
		#page #content h4 {
			margin-bottom: 1em;
			border-bottom: 1px solid #999;
			padding-bottom: .5em;
			color: #000;
			font-size: 1.307em;
			font-weight: normal;
		}
		#page #content h5 {
			margin-bottom: .8em;
			color: #666;
			font-size: 1.154em;
			line-height: 1em;
		}
			#page #content h5.cerca-info-element {
				margin-bottom: .25em;
				font-weight: normal;
			}
					#page #content h5.cerca-info-element span.black {
						color: #000;
					}
		#page #content h6 {
			margin-bottom: .75em;
			color: #888;
			font-size: 1em;
			font-weight: bold;
			line-height: 1.4em;
		}
		/* imatges */
			#page #content img.left {
				float: left;
				width: auto;
				margin: 2px 1.4em .7em 0;
			}
			#page #content img.right {
				float: right;
				width: auto;
				margin: 2px 0 .7em 1.4em;
			}
		/* paràgrafs */
			#page #content p.date {
				margin-bottom: .25em;
				color: #666;
				font-size: .846em;
			}
			/* text gris */
			#page #content p.gray {
				color: #666;
			}
			/* text verd */
			#page #content p.green {
				margin-bottom: .5em;
				color: #009900;
			}
			/* icona lloc */
			#page #content p.place {
				margin-bottom: .5em;
				padding-left: 18px;
				color: #666;
				background: url("img/bg_casa.png") no-repeat 0 .25em;
			}
			/* icona rss */
			#page #content p.rss {
				text-align: right;
			}
				#page #content p.rss a {
					padding-left: 22px;
					background: url("img/icon_rss.jpg") no-repeat left center;
				}
			/* text vermell */
			#page #content p.red {
				margin-bottom: .5em;
				color: #cc0000;
			}
			/* float dreta */
			#page #content p.right {
				display: inline; /* ie6fh */
				float: right;
				margin: .213em 0 1.15em 1.15em;
			}
			/* mostrant entrades editores... */
			#page #content p.showing {
				border-bottom: 2px solid #fff;
				padding-bottom: .5em;
			}
			/* text petit */
			#page #content p.small {
				font-size: .923em;
			}
		/* spans */
			#page #content span.cerca-ressaltat {
				background: #ffe571;
			}
			#page #content span.highlight {
				border: 1px solid #fff;
				padding: 0 .23em;
				background: #ffff00;
			}
		/* taules */
		#page #content table {
			width: 99%;
			margin-bottom: 1em;
		}
		/* llistats */
		#page #content ol {
			margin: 0 10px 1.15em 30px;
			list-style: decimal;
		}
			#page #content ol li {
				margin-bottom: .7em;
			}
		#page #content ul {
			margin-bottom: 1.15em;
		}
			/* llistat caixes activitat */
				#page #content ul.activities li {
					display: inline; /* ie6fh */
					float: left;
					width: 224px;
					margin: 0 10px 7px 0;
					padding: 77px 0 0 0;
					background: #fff;
				}
					#page #content ul.activities li.advice {
						background: #fff url("img/ilustracio_assesorament.png") no-repeat center top;
					}
					#page #content ul.activities li.learning {
						background: #fff url("img/ilustracio_ensenyament.png") no-repeat center top;
					}
					#page #content ul.activities li.volunteering {
						background: #fff url("img/ilustracio_voluntaris.png") no-repeat center top;
					}
					#page #content ul.activities li.immigration {
						background: #fff url("img/ilustracio_immigracio.png") no-repeat center top;
					}
					#page #content ul.activities li.civil_service {
						background: #fff url("img/ilustracio_administracio_local.png") no-repeat center top;
					}
					#page #content ul.activities li.comerce {
						background: #fff url("img/ilustracio_comerc.png") no-repeat center top;
					}
					#page #content ul.activities li.company {
						background: #fff url("img/ilustracio_empresa.png") no-repeat center top;
					}
					#page #content ul.activities li.tools {
						background: #fff url("img/ilustracio_eines.png") no-repeat center top;
					}
					#page #content ul.activities li.justice {
						background: #fff url("img/ilustracio_justicia.png") no-repeat center top;
					}
					#page #content ul.activities li.media {
						background: #fff url("img/ilustracio_mitjans_comunica.png") no-repeat center top;
					}
					#page #content ul.activities li.organizations {
						background: #fff url("img/ilustracio_associacions.png") no-repeat center top;
					}
					#page #content ul.activities li.awareness-raising {
						background: #fff url("img/ilustracio_sensibilitzacio.png") no-repeat center top;
					}
					#page #content ul.activities li.nomargin {
						margin-right: 0;
					}
						#page #content ul.activities li div.activities-bg {
							background: url("img/tira_fons.png") repeat-y center top;
						}
						#page #content ul.activities li div.activities-bg-bottom {
							padding: 0 13px 0 16px;
							background: url("img/tira_baix.png") no-repeat center bottom;
						}
					#page #content ul.activities li h5 {
						margin: 0 0 .5em 0;
						font-size: 1.230em;
					}
			/* llistat caixes portada */
			#page #content ul.bigboxes {
				margin-bottom: 1.6em;
			}
				#page #content ul.bigboxes li {
					display: inline; /* ie6fh */
					float: left;
					width: 238px;
					height: 197px;
					margin: 0 30px 20px 0;
					padding: 30px 25px 0 175px;
					color: #666;
					background: #fff;
				}
					#page #content ul.bigboxes li.book {
						background: url("img/caixa_llibre.jpg") no-repeat;
					}
					#page #content ul.bigboxes li.calendar {
						background: url("img/caixa_calendari.jpg") no-repeat;
					}
					#page #content ul.bigboxes li.catalan {
						background: url("img/caixa_bandera.jpg") no-repeat;
					}
					#page #content ul.bigboxes li.library {
						background: url("img/caixa_biblioteca.jpg") no-repeat;
					}
					#page #content ul.bigboxes li.nomargin {
						margin-right: 0;
					}
					#page #content ul.bigboxes li h2 {
						margin-bottom: .25em;
						padding: 0;
						border: none;
					}
			/* llistat categories */
				#page #content ul.categories li {
					height: 1%; /* ielh */
					margin: 0;
					border-bottom: 1px dashed #b6b6b6;
					padding: .5em 0 .5em 12px;
					background: url("img/kland_categories.gif") no-repeat 0 .75em;
				}
					#page #content ul.categories li.last {
						border: none;
						padding-bottom: 0;
					}
			/* llistat anys cronologia */
			#page #content .chronology a.all {
			 display:block;
			 width: 50px;
			 height: 38px;
			 float:left;
			 margin-right: 10px;
			 text-align:center;
			 /*background: #196D8B url("img/bg_llista_tots.jpg") repeat-x;*/
			 background: #fff;
			 color: #666;
			  border: 1px solid #c0c0c0;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              border-radius: 5px;
              padding-top: 20px;
			}
			
			#page #content .chronology a.all:hover {
			     background: #fff url("img/bg_llista_anys.jpg") repeat-x;
			     color: #666;
			     text-decoration: none;
			}
			
			#page #content .chronology a.all.current {
			     background: #196D8B url("img/bg_llista_tots.jpg") repeat-x;
			     color: #fff;
			}
			
			
			#page #content .chronology ul {
				margin: 0 0 2px 0;
				padding: 0;
			}
				#page #content .chronology ul li {
					display: inline;
					float: left;
					margin: 1px 8px 10px 0;
					/*border: 1px solid #c0c0c0;*/
					/*border-left: none;*/
					padding: .3em 0;
					background: none;
				}
						#page #content .chronology ul li.current a {
							color: #fff;
							background: #1d9fcc url("img/bg_llista_anys_hover.jpg") repeat-x;
							/*background: #fff url("img/bg_llista_anys.jpg") repeat-x;*/
						}
					#page #content .chronology ul li a {
						padding: .333em .485em;
						color: #666;
						background: #fff;
                            border: 1px solid #c0c0c0;
                            -webkit-border-radius: 4px;
                            -moz-border-radius: 4px;
                            border-radius: 4px;						
					}
						#page #content .chronology ul li a:hover {
							/*color: #fff;*/
							text-decoration: none;
							/*background: #1d9fcc url("img/bg_llista_anys_hover.jpg") repeat-x;*/
							background: #fff url("img/bg_llista_anys.jpg") repeat-x;
						}
						
			/* llistat records */
			
			#page #content ul.records li {
					display: inline; /* ie6fh */
					float: left;
					width: 250px;
					margin-bottom: 40px;
					padding: 10px 14px 15px;
					border: 1px solid #ccc;
					background: #fff;
					-webkit-box-shadow: 1px 1px 2px 1px #666;
					box-shadow: 1px 1px 2px 1px #666;
					
				}
				#page #content ul.records h2 {
					border:none;
					font-size: 1.7em;
					padding-bottom: 0;
				}
				
				#page #content ul.records li img {
					width: 100%;
					margin-bottom: 1em;
				}
				
			#page #content ul.records li {
					display: inline; /* ie6fh */
					float: left;
					width: 250px;
					margin-bottom: 40px;
					padding: 10px 14px 15px;
					border: 1px solid #ccc;
					background: #fff;
					-webkit-box-shadow: 1px 1px 2px 1px #666;
					box-shadow: 1px 1px 2px 1px #666;
					
				}
				#page #content ul.records h2 {
					border:none;
					font-size: 1.7em;
					padding-bottom: 0;
				}
				
				#page #content ul.records li img {
					width: 100%;
					margin-bottom: 1em;
				}
				#TB_window .brown a {
					color: #824F00 !important;
				}	
				#TB_window ul.records li h2{
					border-bottom: 2px solid #F3F3F3;
					color: #824F00;
					font-size: 2em;
					font-weight: normal;
					padding-bottom: 1em;
					margin-bottom: 1em;
				}
				
				#TB_window ul.records li p {
					padding: 0;
				}
				
				#TB_window ul.records li img {
					float:left;
					margin: 0 20px 20px 0;
				}
				
				#TB_window ul.records li p.donwload {
					margin-top: 2.5em;
				}
				#TB_window ul.records li p.donwload a {
					background-image: -webkit-gradient(
						linear,
						left top,
						left bottom,
						color-stop(0, #FFFFFF),
						color-stop(0.5, #EEEEEE)
					);
					background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 50%);
					background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 50%);
					background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 50%);
					background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 50%);
					background-image: linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 50%);
					height:34px;
					padding: 10px 0;
					-moz-border-radius:7px;
					-webkit-border-radius:7px;
					border-radius:7px;
					-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.65);
					-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.65);
					box-shadow:0px 0px 2px rgba(0,0,0,0.65);
					-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffeeeeee,GradientType=0)
						progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#a5000000,Positive=true)";
					filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffeeeeee,GradientType=0)
						progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#a5000000,Positive=true);
					text-decoration: none;					
				}
				#TB_window ul.records li p.donwload a span{
					background: url('img/icon-nuvol.png') no-repeat 15px 50%;
					padding: 5px 15px 5px 55px;
				}
				#TB_window ul.records li p.donwload a em {
					color: #8E8E8E;
					font-style: normal;
				}
				
				
			.recordsForm, .activitatsForm {
				border-bottom: 2px solid #fff;
				margin-bottom: 2em;
				padding-bottom: 1.5em;
			}
				.recordsForm input.text, .activitatsForm input.text {
					background: #fff url('img/lupa-cerca-expo.jpg') no-repeat 5px 50%;
					padding: 9px 0 8px 30px;
					width: 150px;
					border: 1px solid #ccc;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius: 3px;
				}
				
				.recordsForm input.btn, .activitatsForm input.btn {
					background: transparent url('img/cerca-expo-boto.png') no-repeat left top;
					text-indent: -9999px;
					width: 39px;
					height: 39px;
					border: none;
					
				}
				
				.activitatsForm input.btn {
				    float: right;
				}
				
				#page #content .recordsForm label, #page #content .activitatsForm label { display:inline; margin-left: 2em;}
				#page #content .activitatsForm label { margin-left: 2em;}
				
				.recordsForm select, .activitatsForm select {
					padding: 6px 0 8px 0px;
				}
				
				.activitatsForm select {
                    width: 220px;
                }
				
				#page #content ul.entries li.intro {
				    background: none;
				    border:none;
				    padding-left: 0;
				}
				
			/* llistat dos columnes */
			#page #content ul.double {
				margin-bottom: 0;
				padding-bottom: 1em;
			}
				#page #content ul.double li {
					display: inline; /* ie6fh */
					float: left;
					width: 45%;
					margin: 0 2% .3em 0;
					padding-left: 12px;
					background: url("img/kland_triangle.gif") no-repeat 0 .3em;
				}
					#page #content ul.double li.nomargin {
						margin-right: 0;
					}
			/* llistat entrades editora */
			#page #content ul.entries {
				margin-bottom: 1em;
				border-bottom: 2px solid #666;
				padding: 0 0 .416em 0;
			}
				#page #content ul.entries li {
					border-top: 1px dashed #b6b6b6;
					padding: 12px 10px;
					background: url("img/bg_resultats.jpg") repeat-x;
				}
						#page #content ul.entries li div.image {
							display: inline; /* ie6fh */
							float: left;
							width: 67px;
							margin: 0 15px .75em 0;
							border: 1px solid #ccc;
							padding: 9px;
							line-height: 0;
							text-align: center;
							background: #fff;
						}
						#page #content ul.entries li div.text {
							margin-left: 102px;
						}
					#page #content ul.entries li h3 {
						margin-bottom: .25em;
					}
					#page #content ul.entries li p {
						margin-bottom: .5em;
					}
						#page #content ul.entries li p.place {
							margin-bottom: .25em;
						}
			/* llistat subcategories view */
			#page #content ul.subcategories {
				display: block;
				border-top: 2px solid #666;
			}
				#page #content ul.subcategories li {
					display: inline; /* ie6fh */
					float: left;
					margin: 0;
					padding: 0 0 11px 0;
					font-weight: bold;
					background: none;
				}
					#page #content ul.subcategories li.current {
						background: url("img/selecciona_submenu.gif") no-repeat center bottom;
					}
						#page #content ul.subcategories li.current a {
							color: #fff;
							background: #666;
						}
						#page #content ul.subcategories li.last a {
							border-right: 2px solid #666;
						}
					#page #content ul.subcategories li a {
						display: block;
						border-left: 2px solid #666;
						border-bottom: 2px solid #666;
						padding: .5em 1em;
						background: #fff;
					}
						#page #content ul.subcategories li a:hover {
							color: #fff;
							text-decoration: none;
							background: #aaa;
						}
			/* llistat llibre visites */
			#page #content ul.visits {
				border-bottom: 2px solid #666;
				padding-bottom: .25em;
			}
				#page #content ul.visits li {
					margin: 0 0 1em 0;
					border-bottom: 1px dashed #666;
					padding: 0 0 1px 0;
					background: none;
				}
					#page #content ul.visits li.last {
						border: none;
						padding: 0;
					}
					#page #content ul.visits li h5 {
						margin-bottom: .1em;
					}
			#page #content ul li {
				margin-bottom: .3em;
				padding-left: 9px;
				background: url("img/kland_taronja.gif") no-repeat 0 .416em;
			}
	/* peu de pàgina */
	#page #footer {
		font-size: .92em;
		color: #fff;
		background: #2c2c2c url("img/bg_peu.jpg") repeat-y center top;
	}
		#page #footer a {
			color: #fff;
			text-decoration: underline;
		}
			#page #footer a:hover {
				text-decoration: none;
			}
		#page #footer p {
			margin: 0;
			padding: 1.45em;
			text-align: center;
		}

/* estils houdini */
#page #content p.destacat {
	padding: 15px;
	color: #666;
	font-family: georgia, serif;
	font-size: 1.308em;
	font-weight: normal;
	line-height: 1.3em;
	background: #fff;
}
#page #content p.linia {
	margin-bottom: 1.3em;
	border-bottom: 1px dashed #999;
	padding-bottom: 1em;
}

/** canvis de color */
/* blau */
.blue a {
	color: #1da1cf;
}
	.blue a:hover {
		color: #0f5068;
	}
.blue #bg1 {
	position: absolute;
	left: 0;
	width: 49%;
	height: 207px;
	z-index: -1;
	background: url("img/bg1_blau.jpg") repeat-x top;
}
.blue #bg2 {
	position: absolute;
	left: 50%;
	width: 50%;
	height: 207px;
	z-index: -1;
	background: url("img/bg2_blau.jpg") repeat-x top;
}
.blue #bg3 {
	background: url("img/bg3_blau.jpg") no-repeat center top;
}
.blue #page #header {
	height: 147px;
	background: url("img/bg_header_blau.jpg") no-repeat left bottom;
}
		.blue #page #header div.search {
			background: #444 url("img/caixa_cercador_blau.jpg") no-repeat bottom;
		}
.blue #page #menu {
	background: #1da2cf url("img/bg_menu_blau.jpg") repeat-x bottom;
}
	.blue #page #menu li.current a {
		background: url("img/pestanya_blanc_blau.jpg") no-repeat center bottom;
	}
	.blue #page #menu li a {
		background: url("img/pestanya_portada_blau.jpg") no-repeat center bottom;
	}
		.blue #page #menu li a:hover {
			text-decoration: none;
			background: url("img/pestanya_blanc_blau.jpg") no-repeat center bottom;
		}
	.blue #page #content h2 {
		color: #1da1cf;
	}
/*		.blue #page #content ul li {
			background: url("img/kland_blau.gif") no-repeat 0 .416em;
		}*/
/* verd */
.green a {
	color: #66a308;
}
	.green a:hover {
		color: #2d4904;
	}
.green #bg1 {
	position: absolute;
	left: 0;
	width: 49%;
	height: 207px;
	z-index: -1;
	background: url("img/bg1_verd.jpg") repeat-x top;
}
.green #bg2 {
	position: absolute;
	left: 50%;
	width: 50%;
	height: 207px;
	z-index: -1;
	background: url("img/bg2_verd.jpg") repeat-x top;
}
.green #bg3 {
	background: url("img/bg3_verd.jpg") no-repeat center top;
}
.green #page #header {
	height: 147px;
	background: url("img/bg_header_verd.jpg") no-repeat left bottom;
}
		.green #page #header div.search {
			background: #444 url("img/caixa_cercador_verd.jpg") no-repeat bottom;
		}
.green #page #menu {
	background: #66a308 url("img/bg_menu_verd.jpg") repeat-x bottom;
}
	.green #page #menu li.current a {
		background: url("img/pestanya_blanc_verd.jpg") no-repeat center bottom;
	}
	.green #page #menu li a {
		background: url("img/pestanya_portada_verd.jpg") no-repeat center bottom;
	}
		.green #page #menu li a:hover {
			text-decoration: none;
			background: url("img/pestanya_blanc_verd.jpg") no-repeat center bottom;
		}
	.green #page #content h2 {
		color: #66a308;
	}
/*		.green #page #content ul li {
			background: url("img/kland_verd.gif") no-repeat 0 .416em;
		}*/
				.green #page #content ul.entries li h3 {
					color: #66a308;
				}
/* marro */
.brown a {
	color: #824f00;
}
	.brown a:hover {
		color: #372100;
	}
.brown #page #content h5 {
	color: #824f00;
}
.brown #bg1 {
	position: absolute;
	left: 0;
	width: 49%;
	height: 207px;
	z-index: -1;
	background: url("img/bg1_marro.jpg") repeat-x top;
}
.brown #bg2 {
	position: absolute;
	left: 50%;
	width: 50%;
	height: 207px;
	z-index: -1;
	background: url("img/bg2_marro.jpg") repeat-x top;
}
.brown #bg3 {
	background: url("img/bg3_marro.jpg") no-repeat center top;
}
.brown #page #header {
	height: 147px;
	background: url("img/bg_header_marro.jpg") no-repeat left bottom;
}
		.brown #page #header div.search {
			background: #444 url("img/caixa_cercador_marro.jpg") no-repeat bottom;
		}
.brown #page #menu {
	background: #824f00 url("img/bg_menu_marro.jpg") repeat-x bottom;
}
	.brown #page #menu li.current a {
		background: url("img/pestanya_blanc_marro.jpg") no-repeat center bottom;
	}
	.brown #page #menu li a {
		background: url("img/pestanya_portada_marro.jpg") no-repeat center bottom;
	}
		.brown #page #menu li a:hover {
			text-decoration: none;
			background: url("img/pestanya_blanc_marro.jpg") no-repeat center bottom;
		}
	.brown #page #content h2 {
		color: #824f00;
	}
/*		.brown #page #content ul li {
			background: url("img/kland_marro.gif") no-repeat 0 .416em;
		}*/
/* vermell */
.red a {
	color: #e00000;
}
	.red a:hover {
		color: #630000;
	}
.red #bg1 {
	position: absolute;
	left: 0;
	width: 49%;
	height: 207px;
	z-index: -1;
	background: url("img/bg1_vermell.jpg") repeat-x top;
}
.red #bg2 {
	position: absolute;
	left: 50%;
	width: 50%;
	height: 207px;
	z-index: -1;
	background: url("img/bg2_vermell.jpg") repeat-x top;
}
.red #bg3 {
	background: url("img/bg3_vermell.jpg") no-repeat center top;
}
.red #page #header {
	height: 147px;
	background: url("img/bg_header_vermell.jpg") no-repeat left bottom;
}
		.red #page #header div.search {
			background: #444 url("img/caixa_cercador_vermell.jpg") no-repeat bottom;
		}
.red #page #menu {
	background: #e00000 url("img/bg_menu_vermell.jpg") repeat-x bottom;
}
	.red #page #menu li.current a {
		background: url("img/pestanya_blanc_vermell.jpg") no-repeat center bottom;
	}
	.red #page #menu li a {
		background: url("img/pestanya_portada_vermell.jpg") no-repeat center bottom;
	}
		.red #page #menu li a:hover {
			text-decoration: none;
			background: url("img/pestanya_blanc_vermell.jpg") no-repeat center bottom;
		}
	.red #page #content h2 {
		color: #e00000;
	}
/*		.red #page #content ul li {
			background: url("img/kland_vermell.gif") no-repeat 0 .416em;
		}*/