/* dom */
html { font-size: 100%; } /* WinIE text resize correction */
body {
	display: block;
	margin: 0;
	padding: 0;
	font-family: verdana, helvetica, sans-serif;
	font-size: 0.75em; /* 12px */
	color: #333;
	background: #e57f00;
}
* { margin: 0; border: none; padding: 0; }
a { outline: 0; color: #e08101; text-decoration: none; }
	a:hover { color: #a85d02; text-decoration: underline; }
	a:visited { font-size:inherit; }
p { margin-bottom: 1em; line-height: 1.4em; }
ol, ul { list-style: none; }
		ul li.clear { clear: left; }
/* 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; }
	/* amagar d'IE mac \*/
	.clearfix { display:block; }

/* menú accessibilitat (ocult) */
#acc { position: absolute; top: -999em; }

/* wrapper */
#page {
	width: 950px;
	margin: 0 auto;
	background: #fff url('img/bg_page.png') repeat-y;
}
	/* barra superior */
	#page #misc {
		padding: .5em 20px;
		color: #fafafa;
		font-size: .83em;
		background: #000;
	}
		#page #misc #ilinks {
			display: inline;
			clear: right;
			float: right;
			margin: 0 0 0 1em;
		}
		#page #misc #languages {
			display: inline;
			clear: left;
			float: left;
			margin: 0 1em 0 0;
		}
		#page #misc a {
			padding: 0 0 0 12px;
			color: #fff;
			font-weight: bold;
			background: url('img/bg_misc_a.png') no-repeat 0 50%;
		}
	/* capçalera */
	#page #header {
		background-color: #ccc;
		background-position: 203px 0;
	}
		#page #header h1 {
			display: inline; /* ie6fh */
			overflow: hidden;
			clear: left;
			float: left;
			width: 203px;
			height: 122px;
			font-size: 1.25em;
			text-align: center;
			background: #fff;
		}
			#page #header h1 img {
				vertical-align: middle;
			}
	/* molla de pa */
	#page #breadcrumbs {
		border-bottom: 1px solid #343434;
		padding: 6px 0 6px 37px;
		font-size: .83em;
		background: #fff url('img/bg_breadcrumbs.png') no-repeat 13px 50%;
	}
		#page #breadcrumbs a {
			color: #333;
			text-decoration: underline;
		}
			#page #breadcrumbs a:hover {
				text-decoration: none;
			}
		#page #breadcrumbs p {
			margin: 0;
		}
	/* contenedor principal */
		/* cuerpo contenedor principal */
		#page #content #content_main {
			display: inline; /* ie6fh */
			clear: right;
			float: right;
			width: 703px;
			margin: 0 0 1em 0;
			padding: 19px 23px 5px 21px;
		}
				#page #content #content_main div.content_main_left {
					display: inline; /* ie6fh */
					clear: left;
					float: left;
					width: 400px;
				}
					#page #content #content_main div.content_main_left h5 {
						margin-left: 0;
					}
					#page #content #content_main div.content_main_left h6 {
						margin-left: 0;
					}
						#page #content #content_main div.content_main_left p.destacat {
							margin-left: 0;
						}
						#page #content #content_main div.content_main_left ul.llista_caixa {
							margin-left: 0;
						}
						#page #content #content_main div.content_main_left ul.llista_caixa2 {
							margin-left: 0;
						}
				#page #content #content_main div.content_main_right {
					display: inline; /* ie6fh */
					clear: right;
					float: right;
					width: 280px;
				}
		/* barra lateral contenido principal */
		#page #content #content_sidebar {
			display: inline; /* ie6fh */
			clear: left;
			float: left;
			width: 203px;
			margin: 0 0 1em 0;
			color: #666;
		}
				/* menú principal barra lateral */
				#page #content #content_sidebar ul.menu {
					margin: 0 0 .5em 0;
					padding: 15px 0;
					background: #f5cb99 url('img/bg_menu_taronja.png') repeat-x;
				}
					#page #content #content_sidebar ul.menu li {
						height: 1%;
						margin: 0;
						padding: 0;
						background: none;
					}
						#page #content #content_sidebar ul.menu li a {
							display: block;
							padding: .5em 35px;
							color: #333;
							font-weight: normal;
							background: url('img/bg_menu_li.gif') no-repeat 18px .75em;
						}
							#page #content #content_sidebar ul.menu li a:hover {
								color: #fff;
								text-decoration: none;
								background: #333 url('img/bg_menu_li_hover.png') repeat-y 100% 0;
							}
			#page #content #content_sidebar address {
				margin: 0 6px 1em 6px;
				border-bottom: 1px solid #fff;
				padding: 0 8px .75em 12px;
				font-size: .92em;
				font-style: normal;
			}
				#page #content #content_sidebar div.box {
					margin: 0 6px;
					border: 2px solid #fff;
					padding: 10px;
				}
						#page #content #content_sidebar div.box label span {
							display: block;
							float: none;
							margin: 0 0 .25em 0;
							font-size: .83em;
						}
						#page #content #content_sidebar div.box label input {
							width: 90%;
							margin: 0 0 .75em 0;
							border: 1px solid #676767;
							padding: 3px 6px;
							font-size: 1em;
							background: #fff;
						}
						#page #content #content_sidebar div.box input.send {
							cursor: pointer;
							padding: .333em .75em;
							color: #fff;
							font-weight: bold;
							background: #006599;
						}
				#page #content #content_sidebar form {
					margin: 0 0 1em 0;
					padding: 0 0 9px 0;
					background: url('img/bg_sidebar_box_bottom.jpg') no-repeat 50% 100%;
				}
			#page #content #content_sidebar h4 {
				margin: 0 6px;
				padding: .75em 10px;
				color: #5f666c;
				font-size: 1em;
				font-weight: bold;
				background: #fff;
			}
				#page #content #content_sidebar h4.search {
					padding: 17px 6px 6px 30px;
					background: #fff url('img/bg_sidebar_search.jpg') no-repeat 50% 0;
				}
				#page #content #content_sidebar h5.contact {
					margin: 0 6px 1em 6px;
					border-bottom: 1px solid #fff;
					padding: 6px 5px 8px 38px;
					font-size: .92em;
					font-weight: normal;
					background: url('img/bg_sidebar_contact.jpg') no-repeat 8px 50%;
				}
			#page #content #content_sidebar p {
				margin-left: 0;
			}
			#page #content #content_sidebar ul, ol {
				margin-left: 4px;
			}
		/* DOM */
		/* contenidors */
			/* vora inferior */
			#page #content div.border {
				margin: 0 0 1.25em 0;
				border-bottom: 1px dashed #ccc;
			}
			/* caixa personalitzada */
			#page #content div.custom {
				padding: 15px 17px 5px 17px;
				background: #eaeaea;
			}
				#page #content div.custom h5,
				#page #content div.custom h6,
				#page #content div.custom p,
				#page #content div.custom ul {
					margin: 0 0 1em 0;
				}
					#page #content div.custom p.image {
						margin: 0 auto .75em auto;
						padding: 0 0 9px 0;
						width: 245px;
						background: #fff url('img/bg_custom_img.png') no-repeat 50% 100%;
					}
					#page #content div.custom ul li {
						padding-left: 24px;
						background: url('img/ico_llistat_01_taronja.gif') no-repeat 0 .167em;
					}
			/* paginació */
			#page #content div.pager {
				margin: 1.5em 0;
				border-bottom: 1px solid #ccc;
				padding: 0 0 1.5em 0;
			}
					#page #content div.pager span.next, #page #content div.pager span.previous {
						display: inline; /* ie6fh */
						float: right;
						padding-top: .25em;
					}
					#page #content div.pager span.previous {
						float: left;
					}
				#page #content div.pager ul {
					margin: 0;
					padding: .25em 0;
					text-align: center;
				}
					#page #content div.pager ul li {
						display: inline;
						vertical-align: middle;
						margin-right: 5px;
						padding: .25em 0;
						background: none;
					}
							#page #content div.pager ul li.current a {
								border: 1px solid #ccc;
								font-weight: bold;
								background: #efefef;
							}
							#page #content div.pager ul li.transparent a {
								border: none;
								padding: 0;
								color: #333;
							}
						#page #content div.pager ul li a {
							border: 1px solid #ddd;
							padding: .167em .417em;
						}
							#page #content div.pager ul li a:hover {
								color: #000;
								text-decoration: none;
								background: #e0e0e0;
							}
						#page #content div.pager ul li img {
							vertical-align: middle;
						}
			/* imatges dreta/esquerra */
			#page #content div.txtImgDr, #page #content div.txtImgEsq {
				margin-left: 17px;
			}
				#page #content div.txtImgDr img, #page #content div.txtImgEsq img {
					display: inline; /* ie6fh */
					float: right;
					margin: 2px 0 8px 15px;
					max-width: 214px;
					width: auto !important;
					width: 214px;
				}
				#page #content div.txtImgDr p {
					margin: 0 229px 1em 0;
				}
			/* imatge esquerra */
				#page #content div.txtImgEsq img {
					float: left;
					margin: 2px 15px 8px 0;
				}
				#page #content div.txtImgEsq p {
					margin: 0 0 1em 229px;
				}
		/* capçaleres */
		#page #content h2 {
			margin: 0 0 .75em 0;
			padding: .75em 15px;
			color: #fff;
			font-size: 1.33em;
			line-height: 1em;
			background: #e28003 url('img/bg_h2.png') repeat-x 0 100%;
		}
			#page #content h2.nomargin {
				margin: 0 0 .25em 0;
			}
		#page #content h3 {
			margin: 1.25em 0 .75em 0;
			padding: .75em 12px .75em 40px;
			color: #fff;
			font-size: 1.167em;
			line-height: 1em;
			background: #333 url('img/ico_01_gris.gif') no-repeat 15px 50%;
		}
		#page #content h4 {
			margin: 1.25em 0 .75em 0;
			padding: .75em 18px;
			color: #fff;
			font-size: 1em;
			line-height: 1em;
			background: #e57f00;
		}
		#page #content h5 {
			margin: 1.25em 0 .75em 17px;
			padding: .75em 18px;
			color: #666;
			font-size: 1em;
			line-height: 1em;
			background: #ccc;
		}
		#page #content h6 {
			margin: 0 0 .75em 17px;
			font-size: 1em;
			line-height: 1.2em;
		}
		/* imatges */
			#page #content img.left {
				display: inline; /* ie6fh */
				float: left;
				margin: 0 18px .92em 0;
			}
			#page #content img.right {
				display: inline; /* ie6fh */
				float: right;
				margin: 0 0 .92em 18px;
			}
		/* paràgrafs */
		#page #content p {
			margin-left: 17px;
		}
			#page #content p.category {
				margin: 0 0 .5em 0;
				padding: 0 0 0 14px;
				color: #000;
				font-weight: bold;
				background: url('img/bg_menu_li.gif') no-repeat 0 .333em;
			}
			/* data */
			#page #content p.date {
				color: #888;
			}
			/* destacat */
			#page #content p.destacat {
				margin: 1.25em 0 1.25em 17px;
				padding: 13px 12px 13px 70px;
				color: #fff;
				font-size: 1.333em;
				background: #e57f00 url('img/quote_taronja.gif') no-repeat 12px 13px;
			}
			#page #content p.image {
				overflow: hidden;
				margin: 0 0 1em 0;
				line-height: 0;
				text-align: center;
			}
			/* amb vora inferior */
			#page #content p.linia {
				margin: 0 17px 1em 17px;
				border-bottom: 1px solid #ccc;
				padding-bottom: .75em;
			}
			/* localització, organització */
			#page #content p.location, #page #content p.organizers {
				padding: 0 0 0 12px;
				background: url('img/ico_04.gif') no-repeat 0 .5em;
			}
			/* més info */
			#page #content p.more {
				margin: 0 0 .75em 0;
				font-weight: bold;
			}
			/* punt inicial */
			#page #content p.primer {
				text-indent: 14px;
				background: url('img/ico_04.gif') no-repeat 0 .417em;
			}
			/* flotat dreta (sempre precedint H2) */
			#page #content p.right {
				display: inline; /* ie6fh */
				float: right;
				margin: 1em 1.25em;
				color: #fff;
			}
				#page #content p.right a {
					color: #fff;
				}
				#page #content p.right input {
					vertical-align: middle;
				}
			/* subir */
			#page #content p.top {
				clear: both;
				margin: 0;
				height: 1%;
			}
				#page #content p.top a {
					padding-left: 16px;
					color: #fff;
					background: url("img/icona_pujar.gif") no-repeat 0 .167em;
				}
			/* sense marge (no moure!) */
			#page #content p.nomargin {
				margin: 0;
			}
		/* llistes */
		#page #content ul {
			margin: 0 0 1.5em 22px;
		}
			#page #content ul li {
				margin: 0 0 .75em 0;
				padding: 0 0 0 20px;
				background: url('img/ico_02_taronja.gif') no-repeat 0 .167em;
			}
				#page #content ul li h5,
				#page #content ul li h6,
				#page #content ul li p {
					margin: 0 0 1em 0;
					padding: 0;
				}
				#page #content ul li ul {
					margin: .75em 0 .75em 4px;
				}
					#page #content ul li ul li {
						padding-left: 14px;
						background: url('img/ico_03_taronja.gif') no-repeat 0 .333em;
					}
							#page #content ul li ul li ul li {
								background: url('img/ico_04.gif') no-repeat 0 .333em;
							}
			/* dos columnes */
			#page #content ul.duesCol {
				margin: 0 0 1em 22px;
			}
				#page #content ul.duesCol li {
					display: inline; /* ie6fh */
					float: left;
					width: 48.5%;
					margin: 0 3% .5em 0;
					padding: 0 0 .75em 0;
					background: none;
				}
					#page #content ul.duesCol li.nomargin {
						margin-right: 0;
					}
						#page #content ul.duesCol li ul li {
							display: block;
							float: none;
							width: auto;
							margin: 0 0 .333em 4px;
							padding: 0 0 0 14px;
							background: url('img/ico_03_taronja.gif') no-repeat 0 .333em;
						}
			/* galeries */
			#page #content ul.galleries {
				margin: 0 0 1.25em 0;
				border-bottom: 1px dashed #ccc;
				padding: 0 0 .75em 0;
			}
				#page #content ul.galleries li.entry {
					display: inline; /* ie6fh */
					float: left;
					width: 315px;
					margin: 0 13px 14px 0;
					border: 1px solid #e47e01;
					padding:  14px;
					background: #eaeaea;
				}
					#page #content ul.galleries li.entry h3 {
						margin: 0 0 .5em 0;
						padding: 0;
						color: #333;
						font-size: 1em;
						background: none;
					}
						#page #content ul.galleries li.entry h3 a {
							color: #333;
						}
					#page #content ul.galleries li.entry p {
						font-size: .83em;
						line-height: 1.2em;
					}
						#page #content ul.galleries li.entry p.go {
							margin: 0;
							font-size: .92em;
							font-weight: bold;
							text-align: right;
						}
							#page #content ul.galleries li.entry p.go a {
								text-decoration: underline;
							}
								#page #content ul.galleries li.entry p.go a:hover {
									text-decoration: none;
								}
						#page #content ul.galleries li.entry p.image {
							display: inline; /* ie6fh */
							float: left;
							margin: 2px 14px 6px 0;
							line-height: 0;
							text-align: center;
						}
				#page #content ul.galleries li.nomargin {
					margin-right: 0;
				}
			/* galeria */
			#page #content ul.gallery {
				margin: 0 0 1.25em 0;
				border-bottom: 1px dashed #ccc;
				padding: 0 0 .75em 0;
			}
				#page #content ul.gallery li.entry {
					display: inline; /* ie6fh */
					float: left;
					width: 160px;
					margin: 0 21px 14px 0;
					padding: 0;
					background: none;
				}
						#page #content ul.gallery li.entry div.info {
							border-left: 1px solid #e47e01;
							padding: 10px 0 0 10px
						}
					#page #content ul.gallery li.entry h3 {
						margin: 0 0 .5em 0;
						padding: 0;
						color: #333;
						font-size: 1em;
						background: none;
					}
					#page #content ul.gallery li.entry p {
						font-size: .83em;
						line-height: 1.2em;
					}
						#page #content ul.gallery li.entry p.image {
							margin: 0;
							border: 1px solid #e47e01;
							padding: 15px 4px;
							text-align: center;
							background: #eaeaea;
						}
							#page #content ul.gallery li.entry p.image img {
								max-width: 130px;
								width: auto !important;
								width: 130px;
							}
				#page #content ul.gallery li.nomargin {
					margin-right: 0;
				}
			/* enllaços */
			#page #content ul.links {
				margin: 0 0 1.25em 0;
			}
				#page #content ul.links li {
					margin: 0 0 1em 0;
					border-bottom: 1px solid #e0e0e0;
					padding: 1em 14px .25em 14px;
					background: #efefef;
				}
					#page #content ul.links li h3 {
						margin: 0 0 .25em 0;
					}
						#page #content ul.links li ul {
							margin: 0 0 1em 0;
						}
							#page #content ul.links li ul li {
								margin: 0 0 .25em 0;
							}
								#page #content ul.links li ul li.last {
									border: none;
									padding-bottom: 0;
								}
								#page #content ul.links li ul li ul {
									margin: 0 0 .75em 6px;
								}
									#page #content ul.links li ul li ul li, #page #content ul.links li ul li ol li {
										margin: 0 0 .5em 0;
										border: none;
										padding: 0 0 0 16px;
										background: url('img/bg_menu_li.gif') no-repeat 0 .333em;
									}
					#page #content ul.links li h6 {
						margin: 0 0 .25em 0;
						padding-left: 14px;
						font-family: arial, helvetica, sans-serif;
						font-size: 1.25em;
						background: url('img/ico_04.gif') no-repeat 0 .333em;
					}
			/* agenda */
			#page #content ul.listing {
				margin: 0 0 1.25em 0;
			}
					#page #content ul.listing li.entry {
						margin: 0 0 1.25em 0;
						border-bottom: 1px dashed #ccc;
						padding: 0 0 .5em 0;
						background: none;
					}
							#page #content ul.listing li.entry div.image {
								display: inline; /* ie6fh */
								clear: left;
								float: left;
								width: 160px;
								margin: 0 15px 1px 0;
								color: #999;
								font-size: .92em;
								text-align: center;
							}
							#page #content ul.listing li.entry div.text {
								margin-left: 180px;
							}
						#page #content ul.listing li.entry h3 {
							margin: 0 0 .5em 0;
							border-bottom: 1px dotted #e0e0e0;
							padding: 0 0 .25em 0;
							color: #333;
							font-family: arial, helvetica, sans-serif;
							font-size: 1.667em;
							background: none;
						}
							#page #content ul.listing li.entry h3.noborder {
								border: none;
								padding: 0;
							}
			/* caixa amb títol */
			#page #content ul.llista_caixa {
				margin: 0 0 1.5em 17px;
				padding: 10px 15px;
				background: #eaeaea;
			}
				#page #content ul.llista_caixa li {
					margin: 0 35px 1em 0;
					border-bottom: 1px solid #e08101;
					padding: 0 0 1em 24px;
					background: url('img/ico_llistat_01_taronja.gif') no-repeat 0 .167em;
				}
					#page #content ul.llista_caixa li.caixaTitol {
						padding: 0 0 .75em 0;
						color: #e08101;
						font-size: 1.167em;
						font-weight: bold;
						background: none;
					}
					#page #content ul.llista_caixa li.last {
						margin-bottom: 0;
						border: none;
					}
			/* caixa amb títol 2 */
			#page #content ul.llista_caixa2 {
				margin: 0 0 1.5em 17px;
				padding: 10px 15px;
				background: #f8d8b2;
			}
				#page #content ul.llista_caixa2 li {
					margin: 0 35px 1em 0;
					border-bottom: 1px solid #e18202;
					padding: 0 0 1em 24px;
					background: url('img/ico_llistat_02_taronja.gif') no-repeat 0 .167em;
				}
					#page #content ul.llista_caixa2 li.caixaTitol {
						padding: 0 0 .75em 0;
						color: #e18202;
						font-size: 1.167em;
						font-weight: bold;
						background: none;
					}
					#page #content ul.llista_caixa2 li.last {
						margin-bottom: 0;
						border: none;
					}
			/* llistat amb fons */
			#page #content ul.llista_fons {
				margin: 0 0 1.25em 0;
				padding: 15px;
				background: #eaeaea;
			}
				#page #content ul.llista_fons li {
					margin: 0;
					border-bottom: 1px solid #ccc;
					border-top: 1px solid #fefefe;
					padding: 1em 0;
					background: none;
				}
					#page #content ul.llista_fons li.first {
						padding-top: 0;
						border-top: none;
					}
					#page #content ul.llista_fons li.last {
						padding-bottom: 0;
						border-bottom: none;
					}
			/* sense vora (no moure!) */
			#page #content ul.noborder {
				margin: 0 0 .5em 0;
				border: none;
				padding-bottom: 0;
			}
	/* peu plana */
	#page #footer {
		clear: both;
		height: 1%;
		padding: 25px 0 20px  225px;
	}
		#page #footer ul {
		}
			#page #footer ul li {
				display: inline;
				float: left;
				border-right: 1px solid #cecece;
				padding: 0 32px;
				line-height: 1em;
			}
				#page #footer ul li.last {
					padding-right: 0;
					border-right: 0;
				}
				
div.taca_grisa {
	background-color: #F5F5F5;
	padding:1em;
	margin:1em 0 2em;
}
#page #content div.taca_grisa img {
	margin-left: 17px;
}
#page #content ul#fotos {
	list-style-type:none;
	margin:1em 0;
	padding:0;	
}
	#page #content ul#fotos li {
		background:none;
		width:22%;
		float:left;
		/*overflow:hidden;*/
		padding-top: 1em;
	}
	#page #content ul#fotos li img {
		width: 155px;
	}
	#page #content ul#fotos li p{
		font-size:.9em;
		margin-top:.8em;
	}				
	
/* Estils del calendari */
#calendari{
	background-color:#e57f00;
	width:187px;
}
	#calendari table{
		border-spacing: 3px;
		font-size:1.1em;
		color:#FFF;
		padding:0px 5px 5px 5px;
		width:187px;
	
	}
		#calendari table thead tr.dies {
			height: 23px;
			font-size:.8em;
		}
		
		#calendari table td.normal{
			background-color:#f2bf80;
			text-align: center;
			font-size:.9em;
			color:#000;
			padding:2px;
		}
		
		#calendari table td.eventDay{
			background-color:#333333;
			text-align: center;
			font-size:.9em;
			color:#FFF;
			padding:2px;
		}
		
		#calendari table td.today{
			background-color:#FFF;
			text-align: center;
			font-size:.9em;
			color:#000;
			padding:2px;
			font-weight: bolder;
		}
	
	
	#calendari a{
		text-decoration:none;
		color:#FFF;
	}
	#calendari caption{
		background-color:#000;
		font-size:.9em;
		padding:2px;
		height:20px;
		margin: 7px 7px 0 7px;
	}
		#calendari caption img.anterior{
		float:left;
		padding:2px;
		}
		#calendari caption img.seguent{
		float:right;
		padding:2px;
		}