/* dom */
html { font-size: 100%; } /* WinIE text resize correction */
body {
	margin: 0;
	padding: 0;
	font-family: verdana, helvetica, sans-serif;
	font-size: 0.75em; /* 12px */
	color: #000;
	background: #fff;
}
* {
	margin: 0;
	border: none;
	padding: 0;
}
a {
/* 	outline: 0; */
	color: #0f5c15;
	text-decoration :none;
}
	a:active {
		font-size: 1em;
	}
	a:hover {
		color: #000;
		text-decoration: underline;
	}
	a:visited {
		font-size: 1em;
	}
p {
	margin-bottom: 1em;
}
ol, ul {
	list-style: none;
}
/* 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;}
	/* End hide from IE Mac */

/* menú accessibilitat (ocult) */
#acc {
	position: absolute;
	top: -999em;
}
/* wrapper (normal i portada) */
#page {
	width: 896px;
	margin: 0 auto;
}
	/* capçalera + menu + idiomes */
	#page #header {
		margin: 15px 0;
		padding-bottom: 20px;
		background: url("../comu/separador.gif") repeat-x left bottom;
	}
		/* capçalera */
		#page #header h1 {
			display: inline; /* ie6 float hack */
			clear: left;
			float: left;
			width: 260px;
			height: 82px;
			margin-top: 18px;
		}
			#page #header h1 a {
				display: block;
				width: 260px;
				height: 82px;
				background: url("../comu/logo_les_obagues.gif") no-repeat center bottom;
			}
				#page #header h1 a span {
					position: absolute;
					top: -999em;
				}
		/* menu */
		#page #header #highlight {
			display: inline; /* ie6 float hack */
			clear: right;
			float: right;
			width: 585px;
			height: 116px;
			background: url("../comu/llegenda_obagues.jpg") no-repeat;
		}
			#page #header #highlight h4, #page #header #highlight p {
				position: absolute;
				top: -9999px;
			}

	/* contingut */
	#page #content {
	}
			/* contenidor destacat de cita (amb cometes grans) */
/*			#page #content div.cite {
				margin: 0 0 18px 0;
				color: #fff;
				background: url("../comu/cita_fons.jpg") repeat-y center top;
			}
				#page #content div.cite a {
					color: #fff;
				}
					#page #content div.cite a:hover {
						color: #4c2d03;
					}
				#page #content div.cite h2 {
					padding-bottom: 1px;
					text-align: center;
					background: url("../comu/cita_baix_fons.jpg") no-repeat center bottom;
				}
					#page #content div.cite h2 span {
						display: block;
						padding: 12px 50px 14px 50px;
						background: url("../comu/cita_dalt_fons.jpg") no-repeat center top;
					}*/
			/* contenidor flash */
			#page #content #flash {
				text-align: center;
				margin-bottom: 12px;
			}
			/* contenidor amb 3 caixes informatives */
			#page #content div.boxes {
				margin-bottom: 12px;
				font-size: .92em;
				background: url("../comu/caixes_fons.jpg") repeat-y center top;
			}
				#page #content div.boxes div.boxes-bg {
						background: url("../comu/caixes_baix.jpg") no-repeat center bottom;
				}
				#page #content div.boxes div.box {
					display: inline; /* ie6fh */
					float: left;
					width: 292px;
					margin-right: 10px;
					padding-bottom: .8em;
				}
				#page #content div.boxes div.last {
					margin: 0;
				}
				#page #content div.boxes h3 {
						height: 72px;
						padding: 25px 18px 0 18px;
						color: #0f5c15;
						background: url("../comu/caixes_h3_fons.jpg") no-repeat center top;
				}
					#page #content div.boxes h3.eines {
						padding-left: 110px;
						background: url("../comu/caixa_eines_fons.jpg") no-repeat center top;
					}
					#page #content div.boxes h3.juneda {
						padding-left: 103px;
						background: url("../comu/caixa_camp_juneda_fons.jpg") no-repeat center top;
					}
					#page #content div.boxes h3.secanet {
						padding-left: 170px;
						background: url("../comu/caixa_secanet_fons.jpg") no-repeat center top;
					}
				#page #content div.boxes p {
					padding: 0 18px;
				}
					#page #content div.boxes span.more {
						display: block;
						margin: 0 18px 1em 18px;
						padding-left: 20px;
						font-size: 1.08em;
						background: url("../comu/boto_mes.gif") no-repeat left center;
					}
			#page #content div#images {
				display: block;
				height: 275px;
				margin-bottom: 12px;
				background: url("../comu/conjunt_fotos.jpg") no-repeat center top;
			}
		/* capçaleres */
		#page #content h2 {
			font-size: 1.75em;
			font-weight: normal;
			line-height: 1em;
		}
			#page #content h2.newsletter {
				padding: 5px 0 5px 55px;
				background: url("../comu/logo_newsletter.jpg") no-repeat;
			}
		#page #content h3 {
			margin-bottom: .4em;
			font-family: arial, serif;
			font-size: 1.42em;
			line-height: 1em;
		}
		#page #content h4 {
			margin-bottom: .7em;
			font-size: 1.25em;
			font-weight: normal;
			letter-spacing: -1px;
			line-height: 1.2em;
		}
		#page #content h5 {
			margin-bottom: .6em;
			font-size: 1.16em;
			letter-spacing: -1px;
			line-height: 1.1em;
		}
		#page #content h6 {
			margin-bottom: .5em;
			font-size: 1.08em;
			line-height: 1.2em;
		}
		/* 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 {
			line-height: 1.4em;
		}
		/* spans */
			#page #content span.more {
				display: block;
				margin-bottom: .4em;
				font-weight: bold;
			}
	/* peu de pàgina */
	#page #footer {
		margin: 0 6px 12px 5px;
		color: #fff;
		font-size: .92em;
		background: #0f5c15 url("../comu/peu_baix.jpg") no-repeat center bottom;
	}
			#page #footer div.bordered {
				margin-bottom: 8px;
				padding-bottom: 12px;
				background: url("../comu/bordered_fons.jpg") repeat-x left bottom;
			}
					#page #footer div.bordered div.supporters {
						display: inline; /* ie6fh */
						clear: right;
						float: right;
						width: 275px;
					}
							#page #footer div.bordered div.supporters span.small {
								display: block;
								margin-bottom: .5em;
								color: #87ad8a;
								font-size: .83em;
							}
				#page #footer div.bordered div.vcard {
					display: inline; /* ie6fh */
					clear: left;
					float: left;
					width: 530px;
				}
			#page #footer div.footer-bg {
				padding: 15px 27px 15px 20px;
				background: url("../comu/peu_dalt.jpg") no-repeat center top;
			}
				#page #footer div.info span {
					margin: 0 55px 10px 0;
					color: #87ad8a;
				}
					#page #footer div.info span.map {
						margin-right: 0;
						padding: 4px 0 4px 32px;
						background: url("../comu/mapa_situa.gif") no-repeat left center;
					}
		#page #footer a {
			color: #ffcc00;
		}
		#page #footer img {
			vertical-align: middle;
			margin: 5px;
		}
			#page #footer img.margin {
				margin: 0 20px 0 0;
			}
			#page #footer img.nomargin {
				margin: 0;
			}
		#page #footer ul {
			display: inline; /* ie6fh */
			float: left;
			width: 140px;
			margin: 0;
		}
			#page #footer ul.big {
				width: 160px;
			}
			#page #footer ul.highlight {
				width: auto;
				margin-top: 5px;
				padding: 10px 15px;
				color: #fff;
				font-size: 1.75em;
				font-weight: bold;
				background: #0c4c11;
			}
			#page #footer ul li {
				clear: left;
				float: left;
				width: 100%;
			}