/* dom */
html { font-size: 100%; } /* WinIE text resize correction */
body {
	margin: 0;
	padding: 0;
	font-family: verdana, helvetica, sans-serif;
	font-size: 0.75em;
	color: #666;
	background: #303f68 url("../comu/bg.jpg") repeat-x fixed;
}
* {
	margin: 0;
	border: none;
	padding: 0;
}
a {
	color: #1c2749;
	text-decoration :none;
	outline: 0;
}
	a:hover {
		color: #354b8b;
		text-decoration: underline;
	}
p {
	margin-bottom: 1em;
}
ul {
	list-style: none;
}

/* esquerra i dreta */
.left {
	clear: left;
	float: left;
	width: 49%;
}
.right {
	clear: right;
	float: right;
	width: 49%;
}

.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 */
#page {
	width: 960px;
	margin: 0 auto;
}
	/* misc */
	#page #misc {
		padding: .86em 1.5em;
		color: #fafafa;
		font-size: .92em;
		font-weight: bold;
		background: #4e5b7e;
	}
		#page #misc a {
			color: #fff;
		}
				/* idiomes */
				#page #misc #languages ul li {
					display: inline;
					margin-right: 1.2em;
				}
					#page #misc #languages ul li.ca {
						padding-left: 22px;
						background: url("../comu/bandera_ca.gif") no-repeat left center;
					}
					#page #misc #languages ul li.es {
						padding-left: 22px;
						background: url("../comu/bandera_es.gif") no-repeat left center;
					}
			/* enllaços ràpids */
			#page #misc #quicklinks ul {
				text-align: right;
			}
				#page #misc #quicklinks ul li {
					display: inline;
					margin-left: 1.4em;
					padding-left: 14px;
					background: url("../comu/kland_menudalt.gif") no-repeat 0 .1em;
				}
	/* capçalera */
	#page #header {
		position: relative;
		display: block;
		height: 214px;
		padding: 0 20px;
		background: #8fba31 url("../comu/logo.jpg") no-repeat;
	}
		#page #header h1 {
			width: 436px;
			padding-top: 40px;
		}
			#page #header h1 a {
				display: block;
				width: 436px;
				height: 120px;
			}
				#page #header h1 a span {
					position: absolute;
					top: -999em;
				}
		#page #header ul {
			position: absolute;
			bottom: 0;
			left: 1%;
		}
			#page #header ul li {
				position: relative;
				display: inline; /* ie hack */
				float: left;
				width: 147px;
				margin: 0 5px;
			}
				#page #header ul li.last {
					margin-right: 0;
				}
				#page #header ul li a {
					display: block;
					height: 1%; /* ie7 hyper hack ¬_¬ */
					padding: .5em 0 .6em 0;
					color: #fff;
					text-align: center;
					background: #546c2e;
				}
					#page #header ul li a:hover {
						background: #141a2b;
					}
					#page #header ul li a.active {
						background: #141a2b;
					}
	/* menú */
	#page #menu {
		padding: .8em 1% .75em 1%;
		font-size: 1.1em;
		background: #141a2b; /*#303d67 url("../comu/fons_barra_menus.jpg") repeat-x;*/
	}
			#page #menu ul li {
				display: inline; /* ie hack */
				float: left;
				/*width: 13.2%;*/
        width: 15.5%;
				margin: 0 5px;
			}
				#page #menu ul li.last {
					/*width: 13.3%;*/
          width: 15.6%;
					margin-right: 0;
				}
				#page #menu ul li a {
					display: block;
					height: 1%; /* ie7 hyper hack ¬_¬ */
					padding: .5em 0 .6em 0;
					color: #fff;
					text-align: center;
					text-decoration: none;
					background: #4784bA url("../comu/fons_link_menu.jpg") repeat-x top;
				}
					#page #menu ul li a:hover {
						color: #ffcc00;
						background: #385d8a url("../comu/fons_link_menu_hover.jpg") repeat-x;
					}
					#page #menu ul li a.active {
						background: #385d8a url("../comu/fons_link_menu_hover.jpg") repeat-x;
					}
	/* submenú */
	#page #submenu {
		background: #fff url("../comu/fons_submenu") repeat-x bottom;
	}
		#page #submenu ul {
			border-right: 1px solid #999;
			padding: .8em 0 .8em 18px;
		}
			#page #submenu ul li {
				display: inline;
				border-left: 1px solid #999;
				padding: 0 1em;
			}

      #page #submenu ul li a.active {
        /* background: #385d8a url("../comu/fons_link_submenu.jpg") repeat-x; */
        text-decoration: underline;
      }

	/* subsubmenú_top */
	#page #subsubmenu_top {
		background: #fff repeat-x bottom;
	}
		#page #subsubmenu_top ul {
			border-right: 1px solid #999;
			padding: .8em 0 .8em 18px;
		}
			#page #subsubmenu_top ul li {
				display: inline;
				border-left: 10px solid #999;
				padding: 0 1em;
			}

	/* subsubmenú_bottom */
	#page #subsubmenu_bottom {
		background: #fff repeat-x bottom;
	}
		#page #subsubmenu_bottom ul {
			border-right: 1px solid #999;
			padding: .8em 0 .8em 18px;
		}
			#page #subsubmenu_bottom ul li {
				display: inline;
				border-left: 10px solid #999;
				padding: 0 1em;
			}

	/* contingut central */
	#page #content {
		padding: 13px;
		background: #fff url("../comu/fons_content.jpg") repeat-y right;
	}
			/* contenidors 'et a làs' */
			#page #content div.big {
				display: inline; /* ie hack */
				clear: left;
				float: left;
				width: 450px;
				border-right: 1px solid #ccc;
				padding-right: 15px;
			}
			#page #content div.calendar {
				margin-bottom: .8em;
				padding-bottom: 10px;
				background: #1f294c url("../comu/caixa_agenda_baix.jpg") no-repeat center bottom;
			}
				#page #content div.calendar div.caption {
					padding: .5em 0 .9em 0;
					text-align: center;
					color: #fff;
					font-weight: bold;
					background: #1f294c url("../comu/caixa_agenda_dalt.jpg") no-repeat center top;
				}
					#page #content div.calendar div.caption div.next {
						display: inline; /* ie hack */
						clear: right;
						float: right;
						width: 30px;
						height: 20px;
					}
					#page #content div.calendar div.caption div.prev {
						display: inline; /* ie hack */
						clear: left;
						float: left;
						width: 30px;
						height: 20px;
					}
						#page #content div.calendar div.caption div a {
							display: block;
							width: 30px;
							height: 20px;
						}
							#page #content div.calendar div.caption div a span {
								position: absolute;
								top: -999em;
							}
			#page #content div.highlight {
				margin-bottom: 1.5em;
				background: #ebecf0;
			}
				#page #content div.highlight h3 {
					margin: 5px .4em .4em 90px;
					border: none;
					padding: 0;
					font-size: 1.17em;
					background: none;
				}
				#page #content div.highlight h4 {
					padding: .6em .4em;
					font-size: 1em;
					background: #c8cad5;
				}
				#page #content div.highlight img {
					float: left;
					max-width: 70px;
					margin: 10px 10px 14px 10px;
				}
				#page #content div.highlight p {
					margin: 0 10px 10px 90px;
					font-size: .92em;
				}
					#page #content div.highlight span.more {
						display: block;
						margin: 0 .5em 1em 90px;
						padding-left: 20px;
						background: url("../comu/fons_mes.jpg") no-repeat left center;
					}
			#page #content div.image {
				display: inline; /* ie hack */
				clear: right;
				float: right;
				width: 200px;
				margin: 2px 0 1.2em 2.2em;
				font-size: .92em;
				text-align: center;
			}
				#page #content div.image img {
					margin-bottom: .6em;
				}
				#page #content div.image p {
					margin-bottom: .6em;
					text-align: left;
				}
					#page #content div.image span.more {
						display: block;
						padding: .3em 0 .3em 24px;
						text-align: left;
						background: url("../comu/more_image.jpg") no-repeat center left;
					}
						#page #content div.image span.more a {
							color: #830024;
						}

			#page #content div.fotocasa {
				display: inline; /* ie hack */
				clear: left;
				float: left;
				width: 700px;
				margin: 2px;
				font-size: .92em;
				text-align: center;
			}

			#page #content div.news {
				margin-bottom: 1.2em;
				border-bottom: 2px solid #999;
			}
				#page #content div.news ul {
					margin: 0;
				}
					#page #content div.news ul li {
						margin-bottom: .6em;
						border-bottom: 1px dashed #999;
						padding: 0 0 .6em 17px;
						font-size: 1.1em;
						background: url("../comu/bullet.png") no-repeat 0 .35em;
					}
						#page #content div.news ul li.last {
							border: none;
						}
			#page #content div.orangenews {
				margin-bottom: 1.2em;
				border-bottom: 2px solid #999;
				background: #ffedb9;
			}
				#page #content div.orangenews ul {
					margin: 0;
				}
					#page #content div.orangenews ul li {
						margin-bottom: .6em;
						border-bottom: 1px dashed #999;
						padding: 0 0 .6em 25px;
						font-size: 1.1em;
						background: url("../comu/bullet.png") no-repeat 8px .35em;
					}
						#page #content div.orangenews ul li.last {
							border: none;
						}
				#page #content div.orangenews h2 {
					padding-left: 22px;
					color: #000;
					background: url("../comu/fons_h2_blau.gif") no-repeat 8px 50%;
				}
			/* part dreta al dividir el contenidor central */
			#page #content div.small {
				display: inline; /* ie hack */
				clear: right;
				float: right;
				width: 215px;
			}
					#page #content div.small div.box {
						margin-bottom: 1em;
						border-bottom: 2px solid #999;
						padding-bottom: .7em;
					}
					#page #content div.small span.date {
						display: block;
						margin-bottom: .2em;
						color: #1c2749;
						font-weight: bold;
					}
				#page #content div.small ul {
					margin: 0;
				}
					#page #content div.small ul li {
						padding: .2em 0 .2em 16px;
						background: url("../comu/bullet.png") no-repeat 0 .45em;
					}

					#page #content div.small ul li.laboral {
						padding: .2em 0 .2em 16px;
						background: url("../comu/bullet_laboral.png") no-repeat 0 .45em;
					}

			/* hCard (microformat) */
			#page #content div.vcard {
				margin-bottom: 1.2em;
				padding: 12px 15px;
				background: #f2f2f2 url("../comu/fons_caixa_foto.jpg") repeat-y;
			}
				#page #content div.vcard h3 {
					margin: .1em 0 0 0;
					border: none;
					padding: 0;
					color: #3a6498;
					font-weight: bold;
				}
				#page #content div.vcard h4 {
					padding: 0;
					color: #333;
					font-size: 1.18em;
					background: none;
				}
					#page #content div.vcard img.photo {
						display: inline; /* ie hack */
						clear: left;
						float: left;
						margin: 2px 15px .6em 0;
						border: 7px solid #fff;
					}
		/* capçaleres */
		#page #content h2 {
			padding: .4em 0 .4em 14px;
			border-bottom: 1px solid #999;
			margin-bottom: .4em;
			font-size: 1.83em;
			font-weight: normal;
			letter-spacing: -1px;
			background: url("../comu/fons_h2.gif") no-repeat 0 .7em;
		}
		#page #content h3 {
			margin-bottom: .7em;
			border-bottom: 1px dashed #999;
			padding: .4em 0 .4em 14px;
			color: #396397;
			font-size: 1.45em;
			background: url("../comu/fons_h3.gif") no-repeat 0 .7em;
		}
		#page #content h4 {
			margin-bottom: .7em;
			padding: .5em .8em;
			font-size: 1.27em;
			background: #eee url("../comu/fons_caixa_h4.jpg") repeat-x;
		}
			#page #content h4 span {
				padding-left: 15px;
				color: #333;
				background: url("../comu/fons_h4.gif") no-repeat 0 .3em;
			}

			#page #content h4 span.preu {
				padding-left: 50px;
				color: black;
				background: url("../comu/fons_h4.gif") no-repeat 0 .3em;
			}

		#page #content h5 {
			margin-bottom: .7em;
			padding: .3em 0 .3em 17px;
			color: #3a6498;
			font-size: 1.17em;
			background: url("../comu/fons_h5.gif") no-repeat 0 .6em;
		}
			#page #content h5.blue {
				margin: 0;
				padding: .5em .8em .6em .8em;
				color: #fff;
				font-size: 1em;
				text-align: left;
				background: #4683b9 url("../comu/bg_blue.jpg") repeat-x;
			}
			#page #content h5.lines {
				border-top: 1px solid #999;
				border-bottom: 1px solid #999;
				padding: .5em 0;
				color: #333;
				font-weight: normal;
				background: none;
			}
		#page #content h6 {
			margin-bottom: .8em;
			color: #3a6498;
			font-size: 1.08em;
		}
		/* taules */
		#page #content table {
			width: 100%;
		}
			#page #content table.agenda {
				width: 88%;
				margin: 0 12px;
				color: #fff;
				font-size: .92em;
				font-weight: bold;
				text-align: center;
			}
				#page #content table.agenda a {
					color: 	#1E90FF;
				}

				#page #content table.agenda a.laboral {
					color: #ffcc00;
				}
					#page #content table.agenda a:hover {
						color: #222;
						background: #fff;
					}


				#page #content table.agenda th {
					padding: .3em 0;
					font-weight: normal;
				}
        
			#page #content div.localitzacio p{
        font-size: .92em;
      }

		/* contenidor portada */
		#page #content #frontpage {
			display: inline; /* ie hack */
			clear: left;
			float: left;
			width: 695px;
		}
			#page #content #frontpage h2 {
				font-size: 1.67em;
			}


		/* contenidor principal */
		#page #content #main {
			display: inline; /* ie hack */
			clear: left;
			float: left;
			width: 694px;
		}
				/* contenidors part central */
				#page #content #main div.bordered {
					margin-bottom: 1.2em;
					border-bottom: 1px dashed #999;
					padding-bottom: .5em;
				}
				#page #content #main div.boxed {
					display: inline; /* ie hack */
					clear: right;
					float: right;
					width: 200px;
					margin: 2px 0 1em 2.2em;
				}
					#page #content #main div.boxed ul {
						margin: 0;
						padding: 0 10px 10px 10px;
						background: #ebecf0;
					}
						#page #content #main div.boxed ul li {
							margin: 0;
							border-top: 1px solid #fff;
							border-bottom: 1px solid #999;
							padding: .7em 0 .7em 17px;
							background: url("../comu/kland_flecha_int.png") no-repeat 0 1.1em;
						}
				#page #content #main div.cite {
					margin-bottom: 1.2em;
					padding-bottom: 39px;
					background: url("../comu/exclama_baix.gif") no-repeat center bottom;
				}
					#page #content #main div.cite blockquote {
						padding-top: 39px;
						background: url("../comu/exclama_dalt.gif") no-repeat center top;
					}
						#page #content #main div.cite blockquote p {
							margin: 0;
							border-left: 2px solid #c2c2c2;
							border-right: 2px solid #c2c2c2;
							padding: 10px 16px;
							color: #444;
							font-family: georgia, arial, serif;
							font-size: 1.5em;
							font-style: italic;
							line-height: 1.2em;
							text-align: left;
						}
				#page #content #main div.minicite {
					display: inline; /* ie hack */
					clear: right;
					float: right;
					width: 202px;
					margin: 2px 0 1.2em 2.2em;
					padding-bottom: 31px;
					background: url("../comu/exclama_baix_lat.gif") no-repeat center bottom;
				}
					#page #content #main div.minicite blockquote {
						padding-top: 31px;
						background: url("../comu/exclama_dalt_lat.gif") no-repeat center top;
					}
						#page #content #main div.minicite blockquote p {
							margin: 0;
							border-left: 2px solid #c2c2c2;
							border-right: 2px solid #c2c2c2;
							padding: 10px 16px;
							color: #444;
							font-family: georgia, arial, serif;
							font-size: 1.42em;
							font-style: italic;
							line-height: 1.2em;
							text-align: left;
						}
				/* enllaços relacionats */
				#page #content #main div.related {
					padding: 10px 15px;
					background: #303f68 url("../comu/fons_enllacos_relacionats.jpg") repeat-x;
				}
					#page #content #main div.related a {
						color: #fff;
					}
					#page #content #main div.related h5 {
						padding: 4px 0 4px 24px;
						color: #a2a5ad;
						background: url("../comu/icon_clip.png") no-repeat 0 4px;
					}
					#page #content #main div.related ul {
						margin: 0;
						color: #999;
					}
						#page #content #main div.related ul li {
							display: block;
							padding: .8em 1em .8em 22px;
							background: #394d7f url("../comu/kland_related.jpg") no-repeat 10px 50%;
						}
			/* paràgrafs */
			#page #content #main p {
				text-align: justify;
			}
			/* llistes */
			#page #content #main ul {
				color: #000;
				margin: 0 1em 1.2em 1em;
			}
				#page #content #main ul li {
					margin: .4em 0;
					padding-left: 15px;
					background: url("../comu/kland_llista_niv_1.gif") no-repeat 0 .4em;
				}
					#page #content #main ul li ul {
						margin: .4em 0;
					}
						#page #content #main ul li ul li {
							background: url("../comu/kland_llista_niv_2.gif") no-repeat 0 .4em;
						}
								#page #content #main ul li ul li ul li {
									padding-left: 13px;
									color: #555;
									font-size: .92em;
									background: url("../comu/kland_llista_niv_3.gif") no-repeat 0 .4em;
								}
				/* adjunts */
				#page #content #main ul.attach {
					margin: 0 0 1em 0;
				}
					#page #content #main ul.attach li {
						padding: .8em;
						background: #f4f4f4 url("../comu/fons_caixa_pdf.jpg") repeat-x;
					}
							#page #content #main ul.attach li a.pdf {
								padding: .8em .3em .8em 30px;
								background: url("../comu/icon_pdf.gif") no-repeat left center;
							}
				#page #content #main ul.important {
					margin: 0 0 2em 0;
				}
					#page #content #main ul.important li {
						display: block;
						padding: .7em 1em .8em 30px;
						color: #666;
						background: #f5f5f5 url("../comu/kland_fletxa_llistats.jpg") no-repeat 8px .6em;
					}
			/* taules part central */
			#page #content #main table {
				margin: 1.4em 0;
        width: 450px;
			}
				#page #content #main table td {
					padding: 10px;
					text-align: left;
					background: #f0f0f0;
				}
					#page #content #main table td p {
						font-weight: normal;
					}

					#page #content #main table td.center {
						text-align: center;
					}
          
					#page #content #main table td.negreta {
						font-weight: bold;
					}
          
				#page #content #main table th {
					padding: 10px;
					color: #333;
					text-align: left;
					background: #cdd9e0;
				}
        
		/* barra lateral dreta */
		#page #content #sidebar-right {
			display: inline; /* ie hack */
			clear: right;
			float: right;
			width: 208px;
		}
				#page #content #sidebar-right div.ofiv {
					margin-bottom: 1.2em;
					border: 2px solid #fff;
					border-top: none;
					padding-top: 80px;
					font-size: .92em;
					text-align: left;
					background: url("../comu/fons_oficina_virtual.jpg") no-repeat center top;
				}
					#page #content #sidebar-right div.ofiv p {
						margin: 0;
						padding: .8em .6em .8em 23px;
						background: #c8cad5 url("../comu/bullet.png") no-repeat 8px 1.1em;
					}
				#page #content #sidebar-right div.box {
					margin-bottom: 1.2em;
					border-bottom: 1px dashed #999;
					text-align: center;
				}
					#page #content #sidebar-right div.box img {
						border: 2px solid #fff;
					}
						#page #content #sidebar-right div.box img.grey {
							border: 2px solid #ccc;
						}
			#page #content #sidebar-right h6 {
				margin: 0;
				border: 2px solid #fff;
				border-bottom: none;
				padding: .4em .6em .5em .5em;
				color: #fff;
				font-size: 1em;
				text-align: left;
				background: #303f68;
			}
				#page #content #sidebar-right h6 a {
					color: #fff;
				}
			#page #content #sidebar-right ul {
				margin-bottom: 1.2em;
				padding-bottom: .6em;
				background: #fff;
			}
				#page #content #sidebar-right ul li {
					display: block;
					margin: 0 8px;
					border-bottom: 1px solid #999;
					padding: .6em .4em .6em 16px;
					font-size: .92em;
					text-align: left;
					background: url("../comu/kland_flecha_int.png") no-repeat 0 .9em;
				}
					#page #content #sidebar-right ul li a {
						color: #333;
					}
          #page #content span.tel {color:black;}

/* uneix-te */
#page #content #main form {
	border-bottom: 1px solid #cea504;
	margin-bottom: 2em;	
}

	#page #content #main fieldset {
		border: none;
		border-bottom: 1px solid #cea504;
		margin-bottom: 1em;
		background: url('../comu/border_form.gif') 0 1.1em repeat-x;
	}
		#page #content #main fieldset#adjunt {
			border-bottom: none;
		}
		#page #content #main fieldset .error {
			background: #fff url('../comu/icon_alert.gif') 100% 50% no-repeat;
	    	padding: .2em 2.3em .2em 0;
		}
		#page #content #main legend {
			color: #000;
			font-size: 1.1em;
			font-weight: bold;
			background: url('../comu/kland_gris.gif') 0 50% no-repeat;
			padding: 0 1em 0 10px;
		}
		#page #content #main legend .maxim {
			font-weight:normal;
		}
		#page #content #main label {
			font-family: Verdana, Helvetica, sans-serif;
			font-size: .77em;
		}
		#page #content #main input,
		#page #content #main textarea {
			border: 1px solid #999;
			width: 30%;
			padding: .2em;
		}
		#page #content #main textarea {
			display: block;
			width: 100%;
			margin-top: .8em;
		}
			#page #content #main input#nom {
				margin-right: 1%;
			}
			#page #content #main input.boto {
				width: auto;
			}
	#page #content #main form p {
		margin: 1.2em 0 1em 0;
	}

	#page #content #main p span.llati {
		font-style: italic;
	}

#page #content #main p.consulta {
	background: url('../comu/ico_text.gif') 0 .3em no-repeat;
	font-weight: bold;
	text-indent: 15px;
}


/* peu */
#footer {
	width: 960px;
	margin: 0 auto;
	padding: 1.5em 0;
	text-align: center;
	color: #fafafa;
	font-size: .92em;
	background: #4e5b7e;
}
	#footer a {
		color: #fff;
		text-decoration: underline;
	}
		#footer a:hover {
			text-decoration: none;
		}
	#footer span {
		display: block;
		padding: 0 1em;
	}