/* DOM */
body {
	margin: 0;
	padding: 0;
	color: #666;
	font-family: verdana, helvetica, sans-serif;
	font-size: .8em;
	background: #fff;
}
a {
/* 	outline: 0; */
	color: #9c0000;
	text-decoration: none;
}
 a:hover {
	text-decoration: underline;
 }
* {
	margin: 0;
	padding: 0;
	border: 0;
}
label, input, select, span {
	vertical-align: middle;
	font-size: 1em;
}
	input.button, label, select {
		cursor: pointer;
	}
p {
	margin: 0 0 1em 0;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	ul li {
		margin: 0;
		padding: 0;
	}
.clear {
	display: block;
	clear: both;
}
.noborder {
	border: 0;
	padding: 0;
}

/* menú d'accessibilitat */
#menuAcc {
	position: absolute;
	top: -9999px;
}

/* pàgina */
#page {
	width: 983px;
	margin: 0px auto;
	background: #fff;
}
	/* capçalera */
	#page #header {
		background: #9c0000;
	}
		/* logo + enllaç a portada */
		#page #header h1 {
			display: inline; /* IE hack */
			float: left;
			width: 594px;
			height: 114px;
			background: #9c0000 url("../comu/tit_cataleg.gif") no-repeat;
		}
			#page #header h1 a {
				display: block;
				width: 594px;
				height: 114px;
			}
				#page #header h1 span {
					position: absolute;
					top: -9999px;
				}
		#page #header h1.es {
			background-image: url("../comu/tit_cataleg_es.gif");
		}
		#page #header h1.en {
			background-image: url("../comu/tit_cataleg_en.gif");
		}
		/* idiomes + fundació */
		#page #header #quicklinks {
			display: inline; /* IE hack */
			float: right;
			width: 389px;
			height: 114px;
			color: #a0806a;
			text-align: right;
			background: #000 url("../comu/dali_foto_fons.jpg") no-repeat;
		}
			#page #header #quicklinks a {
				color: #a0806a;
			}
				#page #header #quicklinks a:hover {
					color: #c8a56d;
				}
			#page #header #quicklinks p {
				padding: 10px 10px 0 0;
			}
				#page #header #quicklinks p span {
					display: block;
				}
			#page #header #quicklinks ul {
				display: block;
				padding: 10px;
			}
	/* menú + recerca */
	#page #menu {
		width: 100%; /* loving IE */
		background: #90201f url("../comu/fons_barra_menu.jpg") repeat-x;
	}
		#page #menu a {
			display: block;
			padding: 1.3em 0 1.3em 16px;
			color: #fff;
			background: #90201f url("../comu/fons_barra_menu.jpg") repeat-x;
		}
			#page #menu a:hover, #page #menu a#active {
				background: #420f0e url("../comu/fons_menu_seleccionat.jpg") repeat-x;
			}
			#page #menu ul li {
				display: inline; /* IE hack */
				float: left;
			}
			#page #menu ul#sections {
				display: inline; /* IE hack */
				float: left;
				width: 594px;
			}
				#page #menu ul#sections li {
					width: 198px;
					font-weight: bold;
				}
		#page #menu #contact {
			display: inline; /* IE hack */
			float: right;
			width: 197px;
			font-size: 90%;
		}
			#page #menu #contact a {
			  /*padding: 1.3em .2em 1.3em .2em;*/
				padding: 1.6em .2em 1.5em .2em;
			}
			#page #menu #contact ul li {
				/*width: 115px;*/
				width: 125px;
				text-align: center;
			}
				#page #menu #contact ul li.bordered {
					/*width: 82px;*/
					width: 72px;
				}
		#page #menu #search {
			display: inline; /* IE hack */
			float: left;
			width: 192px;
		}
			#page #menu #search label {
				display: block;
				height: 1%; /* IE hack */
				padding: 0 0 0 32px;
				margin-top: 1.2em;
				height: 1.6em;
				background: url("../comu/lupa_cercar.png") no-repeat 10px 50%;
			}
				#page #menu #search label input#keywords {
					width: 120px;
					border: 1px solid #999;
					background: #fff;
				}
				#page #menu #search label span {
					position: absolute;
					top: -9999px;
				}
	/* contingut */
		#page #content h2 {
			margin-bottom: 1.5em;
			border-bottom: 1px dashed #999;
			padding: 1.3em 0 .8em 0;
			font-size: 1.2em;
			color: #333;
		}
  		#page #content h2 span#original {
  		  font-weight: normal;
			  font-size: 1.3em;
	  		display:block;
	  	}
		#page #content h3 {
			clear: both;
			width: 100%; /* loving IE */
			border-top: 1px dashed #999;
			padding: 1em 0;
			color: #2e93c0;
			font-size: 1.1em;
			font-weight: bold;
		}
			#page #content h3.noborder {
				border: 0;
				padding: 0;
			}
			#page #content h3.out {
				float: left;
				width: 94px;
				margin-left: -109px !important;
				margin-left: -56px;
				border: 0;
				padding: 0;
				text-align: right;
			}
			#page #content h3.red {
				color: #810000;
			}
			#page #content h3.search_list {
				border-top: 0;
				margin: 0 0 1.2em 0;
				border-bottom: 1px dashed #999;
				padding: 0 0 1.2em 0;
			}
		#page #content h4 {
			clear: both;
			width: 100%; /* loving IE */
			padding: 1em 0;
			color: #2e93c0;
			font-size: 0.9em;
			font-weight: bold;
		}

		#page #content div.small {
			margin-top: 2.6em;
			border-top: 1px dashed #999;
			padding: 1.5em 0 .1em 0;
			font-size: .8em;
		}
			#page #content div.small h3 {
				margin-bottom: 1em;
				border: 0;
				padding: 0;
				color: #666;
			}
		#page #content span.owner {
			display: block;
			color: #2e93c0;
		}
		#page #content ul.nextprev {
			display: inline;
			border-left: 1px solid #999;
			margin-left: 1.3em;
			font-size: 1.2em;
			font-weight: bold;
		}
			#page #content ul.nextprev li {
				display: inline;
				border-right: 1px solid #999;
				padding: 0 .6em;
				background: none;
			}
		#page #content ul.dades {
			margin-left: 1.5em;
		}
			#page #content ul.dades li {
				background: none;
			}

		/* contenidor empegat a l'esquerra */
		#page #content #left {
			display: inline; /* IE hack */
			clear: left;
			float: left;
			width: 545px;
			margin-left: 17px;
		}
			#page #content #left h2 {
				padding-top: 0;
			}
			#page #content #left ul {
				margin: 0 0 1.6em 0;
			}
				#page #content #left ul li {
					margin-bottom: .3em;
				}
		/* contenidor per centrar el contingut */
		#page #content #middle {
			padding: 0 155px 4px 200px;
		}
				#page #content #middle #selector form {
					float: left;
					width: 80%;
					margin-bottom: 1em;
					text-align: left;
				}
					#page #content #middle #selector form select {
						border: 1px solid #ccc;
						padding: 3px;
						width: 100%;
					}
					#page #content #middle #selector form label span {
						display: none;
					}
			#page #content #middle div.pager {
				text-align: center;
			}
				#page #content #middle div.pager span.next {
					float: right;
					margin-left: .4em;
					border-right: 1px solid #999;
					padding-right: .4em;
					font-weight: bold;
				}
				#page #content #middle div.pager span.previous {
					float: left;
					margin-right: .4em;
					border-left: 1px solid #999;
					padding-left: .4em;
					font-weight: bold;
				}
				#page #content #middle div.pager ul {
					display: inline;
				}
					#page #content #middle div.pager ul li {
						display: inline;
						background: none;
					}
				#page #content #middle fieldset legend {
					margin-bottom: 1em;
					font-size: 1.3em;
				}
				#page #content #middle fieldset label {
					width: 100%; /* loving IE */
					clear: both;
					display: block;
					margin-bottom: 1em;
				}
					#page #content #middle fieldset label span {
						display: inline; /* IE hack */
						float: left;
						width: 23%;
						margin: 3px 0 1em 0;
					}
/*						#page #content #middle fieldset label span.size {
							display: block;
							float: none;
							margin: 3px 0 1em 0;
							margin-left: 23%;
							width: 50%;
						}*/
					#page #content #middle fieldset label label.error {
						color: #9c0000;
					}
					#page #content #middle fieldset label input, #page #content #middle fieldset label select {
						display: inline; /* IE hack */
						float: left;
						width: 50%;
						margin-bottom: 1em;
						border: 1px solid #ccc;
						padding: 3px;
					}
						#page #content #middle fieldset label input.error, #page #content #middle fieldset label textarea.error {
							background: #F3BDBD;
						}
						#page #content #middle fieldset label input.short {
							width: 15%;
						}
					#page #content #middle fieldset label textarea {
						width: 67%;
						height: 12em;
						border: 1px solid #ccc;
						padding: 3px;
					}
			#page #content #middle h2 {
				margin-bottom: 1em;
			}
				#page #content #middle input.button {
						margin: 0 0 .6em 20% !important;
						margin: 0 0 .6em 10%;
						border: 1px solid #999;
						padding: 6px;
						background: #efefef;
						font-weight: bold;
				}
				#page #content #middle span.description {
					display: block;
					margin: .4em 0 1.2em 0;
					border-bottom: 1px dashed #999;
					padding-bottom: 1.2em;
				}
				#page #content #middle span.highlight {
					padding: 0 .2em;
					background: #ffcc66;
				}
				#page #content #middle span.owner {
					margin-top: 1.2em;
				}
				#page #content #middle span.results {
					display: block;
					border-bottom: 1px solid #999;
					padding: .6em 0;
				}
			#page #content #middle ul {
				margin: 1.5em 1em 1.3em 17px;
			}
				#page #content #middle ul li {
					margin-bottom: 1.4em;
					padding-left: 17px;
					background: url("../comu/kland_punt_blau.gif") no-repeat 0 .6em;
				}
					#page #content #middle ul.nextprev li {
						display: inline;
						margin: 0;
						padding: 0 .6em;
						background: none;
					}
				#page #content #middle ul.paints {
					margin: 0 0 1.6em 0;
					border-bottom: 1px dashed #999;
					padding-bottom: 1.3em;
				}
					#page #content #middle ul.paints li {
						margin-bottom: .6em;
						padding: 0;
						background: none;
					}
						#page #content #middle ul.paints li a {
							color: #666;
						}
				#page #content #middle ul.dades {
					margin: 0 1.5em 1.5em 1.5em;
					padding: 0;
				}
					#page #content #middle ul.dades li {
						margin: 0;
						padding: 0;
						background: none;
					}


				#page #content #middle ul.noborder {
					border: 0;
					padding: 0;
				}
		/* contenidor específic per a la portada */
		#page #content #portada {
			padding: 40px 420px 110px 17px;
			background: url("../comu/foto_cataleg_portada.jpg") no-repeat 594px 0;
		}
			#page #content #portada h2 {
				margin-top: 0;
				border-top: 0;
			}
		/* contenidor empegat a la dreta */
		#page #content #right {
			display: inline; /* IE hack */
			clear: right;
			float: right;
			width: 376px;
			margin-right: 13px;
		}
			#page #content #right div.hidden {
				font-size: .9em;
			}
			#page #content #right h3 {
				border: 0;
				padding: 1.4em 0;
				color: #810000;
				font-size: 1em;
			}
			#page #content #right p.image {
				text-align: center;
			}
			#page #content #right span.copy {
				clear: both;
				width: 100%; /* loving IE */
				display: block;
				border-bottom: 1px dashed #ccc;
				padding-bottom: 1em;
				color: #8c8c8c;
				font-size: .9em;
			}
			#page #content #right span {
				display: inline; /* IE hack */
				float: left;
				margin-right: .4em;
			}
				#page #content #right span.expand {
					float: right;
					margin: 0 0 .8em .6em;
				}
					#page #content #right span.expand a {
						padding-left: 26px;
						background: url("../comu/expand.png") no-repeat left center;
					}
			#page #content #right ul {
				display: inline; /* IE hack */
				float: left;
				margin-bottom: .8em;
			}
				#page #content #right ul li {
					display: inline;
					margin-right: .4em;
				}
					#page #content #right ul li a.showing {
						color: #333;
						font-weight: bold;
					}
					#page #content #right ul li a .hidden_copy {
						display: none;
					}
		#page #content #selector { text-align: right; }
		/* pujar */
		#page #content #top {
			margin: 1.6em 0 .4em 0;
			border-top: 1px dashed #999;
			padding: .6em 0 .3em 0;
			font-size: .9em;
		}
			#page #content #top a {
				padding-left: 14px;
				background: url("../comu/fletxa_amunt.gif") no-repeat left center;
			}
			#page #content #top a.contact {
				background: url("../comu/icon_clip.gif") no-repeat left center;
			}
		/* utilitats (imprimir, cronologia, etc...) */
		#page #content #utils {
			padding-bottom: 1.9em;
			font-size: .8em;
		}
			#page #content #utils div.grey {
				clear: right;
				float: right;
				width: 785px;
				background: #ccc;
			}
				#page #content #utils div.grey p {
					margin: 0;
					padding: .8em 1.3em;
				}
					#page #content #utils div.grey a {
						color: #666;
					}
						#page #content #utils div.grey a:hover {
							color: #810000;
						}
					#page #content #utils div.grey p span {
						margin-right: .8em;
					}
						#page #content #utils div.grey p span.actual {
							color: #810000;
							font-weight: bold;
						}
			#page #content #utils div.print {
				clear: left;
				float: left;
				width: 198px;
				line-height: 3em;
			}
				#page #content #utils div.print span {
					padding: 0 1.3em;
				}
	/* peu de pàgina */
	#page #footer {
		padding: 15px;
		color: #fff;
		text-align: center;
		background: #9f9f9f;
	}
		#page #footer a {
			color: #fff;
		}

/* popup */
#popup {
	background: #fff;
}
	/* capçalera */
	#popup #header {
		background: #660000;
	}
		#popup #header h1 {
    	width: 75%;
    	margin: 0px auto;
			height: 114px;
			background: #660000 url("../comu/tit_cataleg.gif") no-repeat;
		}
			#popup #header h1 a {
				display: block;
				width: 594px;
				height: 114px;
			}
				#popup #header h1 span {
					position: absolute;
					top: -9999px;
				}
		#popup #header h1.es {
			background-image: url("../comu/tit_cataleg_es.gif");
		}
		#popup #header h1.en {
			background-image: url("../comu/tit_cataleg_en.gif");
		}
	/* contingut */
	#popup #content {
  	width: 75%;
  	margin: 0px auto;
	}
  	#popup #content h2 {
  		margin-bottom: 1.5em;
  		padding: 1.3em 0 .8em 0;
  		font-size: 1.2em;
  		color: #333;
  	}
    	#popup #content h2 span#original {
    	  font-weight: normal;
  			display:block;
  		}
  	#popup #content p {
  		margin: 0.5em 0;
  		padding: 0;
  	}