/* DOM */
body {
	margin: 0;
	padding: 0;
	color: #333;
	font-family: verdana, helvetica, sans-serif;
	font-size: .7em;
}
a {
	outline: 0;
	color: #cc0000;
	text-decoration: none;
}
 a:hover {
	text-decoration: underline;
 }
.clearfix {
	display: block;
	clear: both;
}
h1, h2, h3, h4, fieldset, form, img, input, label, legend, table, tr, td, th {
	border: 0;
	margin: 0;
	padding: 0;
}
p {
	margin: 0 0 10px 0;
}
ul {
	list-style: square;
	margin: 0;
	padding: 0;
}
	ul li {
		margin: 0;
		padding: 0;
	}
span.red {
	color: #cc0000;
}

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

/* La pàgina */
#page {
	display: block;
	margin: 0 auto;
}
	#page div.send {
		margin: 0 0 6px 0;
		padding: 12px 0 0 0;
		background: transparent url("../comu/bg_top_download.png") no-repeat left top;
	}
		#page div.send p {
			margin: 0;
			padding: 0 0 12px 0;
			background:	transparent url("../comu/bg_bottom_download.png") no-repeat left bottom;
		}
			#page div.send p span {
				display: block;
				background: transparent url("../comu/bg_download.png") repeat-y left center;
			}
				#page div.send p span input {
					margin: 0 0 0 14px;
					padding: 0 12px 0 24px;
					color: #cc0000;
					font-weight: bold;
					cursor: pointer;
					background: transparent url("../comu/download_arrow.png") no-repeat left center;
				}
	#page fieldset {
		margin: 0 0 12px 0;
		border-bottom: 1px dashed #666;
		padding: 10px 0;
	}
		#page fieldset div.double label {
			display: inline; /* IE hack */
			float: left;
			width: 47%;
			margin: 0 3% 0 0;
		}
		#page fieldset div.triple label {
			display: inline; /* IE hack */
			float: left;
			width: 29%;
			margin: 0 3% 0 0;
		}
		#page fieldset label {
			display: block;
			vertical-align: middle;
		}
			#page fieldset label input {
				vertical-align: middle;
				display: block;
				width: 92%;
				margin: 0 0 10px 0;
				border: 1px solid #999;
				padding: 4px 2% 4px 2%;
				color: #777;
				font-size: 1em;
				background: #fff;
			}
		#page fieldset legend {
			margin: 0 0 6px 0;
			font-weight: bold;
		}
		#page fieldset span {
			display: block;
			margin: 0 0 4px 0;
			padding: 0 10px 0 0;
		}
		#page fieldset textarea {
			width: 94%;
			height: 200px;
			margin: 0 0 10px 0;
			border: 1px solid #999;
			padding: 4px 2% 4px 2%;
			color: #777;
			line-height: 1.8em;
			font-size: 1em;
			background: #fff;
		}
	#page #header {
		display: block;
		margin: 0;
	}
		#page #header #puntcat {
			display: none;
		}
		#page #header h1 {
			padding: 10px 10px 30px 10px;
			font-family: georgia, arial, serif;
			font-size: 2.4em;
			font-weight: normal;
			text-align: center;
		}
			#page #header a {
				color: #333;
			}
	#page #menu {
		display: none;
	}
	/* Barra lateral dreta */
	#page #sidebar-right {
		display: none;
	}
	#page #sidebar-left {
		display: none;
	}
	/* Contingut central */
	#page #content {
		display: block; /* IE hack */
		font-size: 1.1em;
		margin: 0 0 20px 0;
	}
		#page #content div.bordered {
			margin: 0 0 12px 0;
			font-family: georgia, arial, serif;
			font-size: 1.2em;
			font-style: italic;
		}
			#page #content div.bordered p {
				margin: 0;
				padding: 10px 15px 10px 15px;
				text-align: center;
			}
		#page #content div.send {
			background: transparent url("../comu/bg_top_content_download.png") no-repeat left top;
		}
			#page #content div.send p {
				background:	transparent url("../comu/bg_bottom_content_download.png") no-repeat left bottom;
			}
				#page #content div.send p span {
					background: transparent url("../comu/bg_content_download.png") repeat-y left center;
				}
		#page #content h2 {
			clear: both;
			margin: 0 0 10px 0;
			color: #000;
			font-family: georgia, arial, serif;
			font-size: 1.8em;
		}
			#page #content h2 span {
				margin: 0 0 0 6px;
				font-family: verdana, helvetica, sans-serif;
				font-size: 0.7em;
				font-weight: normal;
			}
		#page #content h3 {
			clear: both;
			border-top: 2px solid #fff;
			padding: 12px 0 10px 0;
			font-size: 1.1em;
			color: #cc0000;
		}
		#page #content h4 {
			clear: both;
			margin: 0 0 10px 0;
			border-top: 2px solid #fff;
			border-bottom: 2px solid #fff;
			padding: 20px 0 6px 0;
			font-size: 1.3em;
			font-family: georgia, arial, serif;
		}
		#page #content ul {
			margin: 0 0 10px 0;
			display: block;
		}
			#page #content ul li.klander {
				margin: 0 0 10px 10px;
				padding: 0 0 0 12px;
			}	
			#page #content ul.double li {
				display: inline;
				float: left;
				width: 46%;
				margin: 0 2% 0 0;
			}
				#page #content ul.double li span {
					display: block;
					padding: 0 0 0 12px;
					margin: 0 0 10px 0;
					color: #666;
				}
					#page #content ul.double li span.klander {
						margin: 0 0 2px 0;
						padding: 0 0 0 12px;
						color: #333;
						font-weight: bold;
					}
			#page #content ul.triple li {
				float: left;
				width: 30%;
				margin: 0 2% 0 0;
				border-top: 1px solid #b5ad8b;
				padding: 10px 0 0 0;
			}
				#page #content ul.triple li span {
					display: block;
					padding: 0 0 0 12px;
					margin: 0 0 10px 0;
					color: #666;
				}
					#page #content ul.triple li span.klander {
						margin: 0 0 2px 0;
						padding: 0 0 0 12px;
						color: #333;
						font-weight: bold;
					}
					#page #content ul.triple li span a {
						color: #666;
					}
	/* Portada */
	#page #frontpage {
		display: block;
		margin: 0 0 20px 0;
	}
		#page #frontpage h2 {
			clear: both;
			margin: 0 0 10px 0;
			color: #000;
			font-family: georgia, arial, serif;
			font-size: 1.8em;
		}
	/* Contingut central sense barra lateral */
	#page #main {
		display: block;
		margin: 0 0 20px 0;
	}
		#page #main h2 {
			clear: both;
			margin: 0 0 10px 0;
			color: #000;
			font-family: georgia, arial, serif;
			font-size: 2.4em;
		}
	/* Peu de pàgina */
	#page #footer {
		clear: both;
		padding: 15px;
		color: #fafafa;
		background: #333;
	}
		#page #footer a {
			color: #fceeb0;
		}
		#page #footer ul {
			display: none;
		}