html {font-size: 100%;} /* WinIE text resize correction */
body {
	font-size: 1em;
	color: #333;
	background: #000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding: 0;
	margin: 0;
}
a:link,
a:visited {
	color: #5a0021;
	text-decoration: none;
	border-bottom: 1px solid #5a0021;
}
a:hover {
	border-bottom: none;
}
/*Clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

#wrapper {
	background: #4c4c4c url(images/bg_wrapper_0.jpg) repeat-y;
	width: 950px;
	min-height: 450px;
	margin: 20px auto 0;
	padding-top: 22px;
	position: relative;
}
body.bg0 #wrapper {background-image: url(images/bg_wrapper_0.jpg);}
body.bg1 #wrapper {background-image: url(images/bg_wrapper_1.jpg);}
body.bg2 #wrapper {background-image: url(images/bg_wrapper_2.jpg);}
body.bg3 #wrapper {background-image: url(images/bg_wrapper_3.jpg);}
body.bg4 #wrapper {background-image: url(images/bg_wrapper_4.jpg);}
	#nav {
		float: left;
		width: 300px;
		margin-left: 50px;
	}
		h1 {
			margin: 0 0 38px 20px;
			width: 190px;
			height: 72px;
			position: relative;
			font-size: 1.4em;
			overflow: hidden;
		}
			h1 span {
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: url(images/node_h1.gif) no-repeat;
				cursor: pointer;
			}
				h1 a:focus span,
				h1 a:active span {outline: 1px dotted #000;}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
/*main*/
ul#main {
	width: 300px;
	margin-left: -20px;
	border-top: 1px solid #ccc;
	background: #fff;
}
	ul#main li {border-bottom: 1px solid #ccc;}
		ul#main li a {
			position: relative;
			height: 50px;
			overflow: hidden;
			margin: 0 20px;
		}
			ul#main li a span {
				display: block;
				position: absolute;
				height: 50px;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background-repeat: no-repeat;
			}
			ul#main li#arq a {width: 199px;}
			ul#main li#arq a span {background-image: url(images/tit_arquitectura.gif);}
			ul#main li#top a {width: 172px;}
			ul#main li#top a span {background-image: url(images/tit_topografia.gif);}
			ul#main li#val a {width: 191px;}
			ul#main li#val a span {background-image: url(images/tit_valoracions.gif);}
	ul#main li p {margin: 0 20px 20px;}
/*meta*/
ul#meta {
	background: #5a0021;
	width: 300px;
	height: 1.8em;
	position: absolute;
	right: 0;
	top: 0;
}
	ul#meta li {
		float: left;
		width: 100px;
		text-align: center;
	}
		ul#meta li a {
			display: block;
			color: #fff;
			font-size: .75em;
			padding: .6em 1em;
			text-decoration: none;
			border: none;
		}
		ul#meta li a:hover {background: #333;}
				
/*accordion*/
#accordion { 
	width: 300px;
	border-bottom: 1px solid #999;
}
	#accordion div { 
		padding: 0 20px;
		border-top: 1px solid #999;
	}
		#accordion div.title {
			cursor: pointer;
			height: 48px;
			position: relative;
		}
			#accordion div.title h2 {margin: 0;}
			#accordion div.title div.icon {
				display: block;
				position: absolute;
				right: 0;
				top: 15px;
				width: 20px;
				height: 20px;
				background: url(images/kland_menu.gif);
			}
			#accordion div.selected div.icon {background: url(images/kland_menu_selected.gif);}
				#accordion div div {
					padding: 0;
					border: none;
				}
					#accordion div div p {
						margin: 0 0 .75em;
						font-size: .6875em;
						line-height: 1.5;
					}
					#accordion div div ul {
						margin: 0 0 .75em;
						font-size: .6875em;
						line-height: 1.5;
					}
						#accordion div div ul li {
							background: url('images/kland.gif') 0 .5em no-repeat;
							padding-left: 10px;
						}
						#accordion div div ul li a,
						#accordion div div p#val a {
							border: none;
						}
						#accordion div div ul li a:hover,
						#accordion div div p#val a:hover {
							border-bottom: 1px solid;
						}
		
/*vcard*/
p.vcard {
	background: #fff;
	font-size: .75em;
	width: 260px;
}
	p.vcard img,
	p.vcard span.fn {display: none;}

/*target*/
#target {
	width: 520px;
	float: right;
	margin: 110px 25px 0 0;
	background: #fff;
	padding: 20px;
	visibility: hidden;
}
	#target h2 {
		color: #5a0021;
		font-size: 1.25em;
		margin: 0 0 .5em;
		line-height: 1.5em;
		font-family: Futura, Arial, Helvetica, Verdana, sans-serif;
		font-weight: normal;
	}
	#target h3 {
		color: #000;
		font-weight: normal;
		font-size: 1em;
		margin: 0 0 1.125em;
		padding: 0 0 0 15px;
		line-height: 1.5em;
		background: url(images/kland_titol.gif) 0 .5em no-repeat;
	}
		#target h3 span {color: #666;}
	#target p {
		font-size: .6875em;
		margin: 0 0 1em;
		line-height: 1.5em;
	}
		#target p strong {
			color: #000;
		}
		#target p.mes {
			font-family: Futura, Helvetica, Arial, sans-serif;
			margin: 0;
		}
	#target ul li {
		border-bottom: 1px dotted #ccc;
		margin: 0 0 .5em;
		padding: 0 0 .5em 12px;
		font-size: .6875em;
		line-height: 1.5em;
		background: url('images/kland.gif') 0 .5em no-repeat;
	}
	#target ul li:last-child {
		border-bottom: none;
	}
		#target ul li blockquote p {
			font-size: 1em;
		}
blockquote {
	margin: 0;
	font-style: italic;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 1em;
	margin-top: 1em;
	color: #999;
}
	blockquote cite {
		font-style: normal;
		margin: 0;
	}

small {
	font-size: .6875em;
}
a.close {
	display: block;
	float: right;
	position: relative;
	top: -12px;
	right: -12px;
	border: none !important;
	outline: 0;
	cursor: pointer;
}
	a.close img {border: none;}
p#dades {
	color: #ccc;
	text-align: center;
	font-size: .6875em;
	padding: 2em 0;
	margin: 0;
}
	p#dades a {
		color: #ccc;
		border: none;
	}
	p#dades a:hover {color: #fff;}
a.map {border: none !important;}
a.map img {border:none;}

/*lightbox*/
/*galeria imatges*/
ul#lightbox {
	margin: 0;
	padding: 0;
	list-style: none;
}
	ul#lightbox li {
		display: inline;
		background: none;
		border: none;
		margin: 0;
		padding: 0;
	}
		ul#lightbox li a {
			display: block;
			float: left;
			width: 168px;
			height: 130px;
			overflow: hidden;
			line-height: 0;
			display: inline; /*ie6*/
		}
			ul#lightbox li img {
				margin: 0;
			}
			ul#lightbox li a:link,
			ul#lightbox li a:hover,
			ul#lightbox li a:visited,
			#jquery-lightbox a:hover,
			ul#lightbox li a img {border: none;}