/* 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: #333;
	background: #a5a5a5 url("img/degradat_fons.jpg") repeat-x;
}
* { margin: 0; border: none; padding: 0; }
a { outline: 0; color: #be213d; text-decoration: none; }
	a:hover { color: #000; text-decoration: underline; }
	a:visited { font-size: inherit; }
p { margin-bottom: 1em; line-height: 1.3em; }
ul { list-style: none; }
		ul li.clear { clear: left; }
/* esquerra, dreta i centrar */
div.left, label.left { float: left; width: 49%; }
div.right, label.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 (normal i portada) */
#page {
	width: 950px;
	margin: 0 auto;
	background: #fff url("img/fons_pagina.jpg") repeat-y;
}

	/* capçalera + menu + idiomes */
	#page #header {
		display: block;
		height: 182px;
		background: url("img/capsal_comercos.jpg") repeat-x left bottom;
	}
		/* capçalera */
		#page #header h1 {
			display: inline; /* ie6 float hack */
			clear: left;
			float: left;
			width: 685px;
			height: 146px;
			margin: 20px 0 0 27px;
		}
			#page #header h1 a {
				display: block;
				width: 685px;
				height: 146px;
			}
				#page #header h1 a span {
					position: absolute;
					top: -999em;
				}
		/* logo consell comarcal */
		#page #header #consell_comarcal {
			display: inline; /*ie6fh */
			clear: right;
			float: right;
			width: 118px;
			height: 63px;
			margin: 39px 18px 0 0;
		}
			#page #header #consell_comarcal a {
				display: block;
				width: 118px;
				height: 63px;
			}
				#page #header #consell_comarcal a span {
					position: absolute;
					top: -999em;
				}

	/* menú lateral esquerra */
	#page #menu {
		display: inline; /* ie6fh */
		clear: left;
		float: left;
		width: 221px;
		padding-bottom: 220px;
		background: url("img/fons_menu.jpg") repeat-x;
	}
		#page #menu ul {
			padding: 15px 11px 20px 10px;
		}
			#page #menu ul li {
				display: block;
				height: 1%;
				margin: 0 0 12px 0;
				padding: 0 0 10px 0;
				background: url("img/boto_menu_baix.png") no-repeat center bottom;
			}
				#page #menu ul li span {
					display: block;
					padding-top: 10px;
					background: url("img/boto_menu_dalt.png") no-repeat center top;
				}
					#page #menu ul li span a {
						display: block;
						min-height: 1.4em; height: auto !important; height: 1.4em;
						padding: 0 10px;
						font-weight: bold;
						background: url("img/fons_boto.jpg") repeat-y center top;
					}

	/* contingut */
	#page #content {
		display: inline; /* ie6fh */
		clear: right;
		float: right;
		width: 690px;
		padding: 30px 20px 20px 19px;
		background: url("img/fons_partcentral.jpg") repeat-x;
	}

		/* DOM */
		/* contenidors */
			/* molla de pa */
			#page #content div.breadcrumbs {
				padding: 0 10px 15px 10px;
				font-size: 1.083em; /* 13px */
				font-weight: bold;
				line-height: 1.25em;
			}
				#page #content div.breadcrumbs a {
					margin: 0 3px 0 0;
					padding: 0 14px 0 0;
					background: url('img/bg_breadcrumbs.gif') no-repeat 100% .425em;
				}
					#page #content div.breadcrumbs a.noicon {
						margin: 0;
						padding: 0;
						background: none;
					}
			/* contenidor amb fons gris */
			#page #content div.gray {
				margin-bottom: 1.4em;
				color: #333;
				background: #f4f4f4 url("img/inici_caixa.jpg") no-repeat center top;
			}
				/* contenidor addicional per a l'arrodoniment de baix del contenidor (afegit per javascript) */
				#page #content div.grayfade {
					min-height: 250px; height: auto !important; height: 250px;
					padding: 14px 18px 12px 18px;
					background: url("img/final_caixa.jpg") no-repeat center bottom;
				}
					#page #content div.gray div.adr {
						padding-left: 50px;
						background: url("img/icona_casa.png") no-repeat;
					}
					#page #content div.gray div.border {
						margin-bottom: 1em;
						border-bottom: 1px dotted #999;
						padding-bottom: .5em;
					}
				#page #content div.gray h2 {
					padding-bottom: .348em;
					border-bottom: 1px dotted #999;
					color: #000;
					font-size: 2.166em; /* 26px */
				}
					#page #content div.gray h2.dotted {
						border-bottom: 1px dotted #999;
					}
				#page #content div.gray h3 {
					border-bottom: 2px solid #fff;
					padding-bottom: .3em;
				}
					#page #content div.gray h3.categories {
						margin-bottom: .4em;
						padding: 2px 0 .4em 21px;
						background: url("img/tag_gran.png") no-repeat 0 .1em;
					}
					#page #content div.gray h3.small {
						margin-bottom: .8em;
						padding-top: 4px;
						font-size: 1.333em;
					}
					#page #content div.gray img.right {
						margin: 0 0 1em 1.6em;
						border: 1px solid #d7d7d7;
						padding: 15px;
						background: #fff;
					}
					#page #content div.gray span.right a {
						color: #006633;
					}
			/* contenidor imatge gran contingut */
			#page #content div.image {
				color: #999;
				font-size: .92em;
			}
				#page #content div.image img {
					margin-bottom: .4em;
				}
			/* paginació */
			#page #content div.pager {
				margin: 0 0 10px 0;
				padding: 15px;
				line-height: 1.2em;
			}
					#page #content div.pager span.next {
						display: inline; /* ie6fh */
						float: right;
						margin: 0 0 0 1em;
						padding: .25em 25px 0 0;
						background: url('img/bg_pager_next.png') no-repeat 100% 50%;
					}
					#page #content div.pager span.previous {
						display: inline; /* ie6fh */
						float: left;
						margin: 0 1em 0 0;
						padding: .25em 0 0 25px;
						background: url('img/bg_pager_prev.png') no-repeat 0 50%;
					}
				#page #content div.pager ul {
					margin: 0;
					text-align: center;
				}
					#page #content div.pager ul li {
						display: inline;
						padding: .25em 0;
					}
								#page #content div.pager ul li.current a {
									color: #fff;
									background: #be213d;
								}
								#page #content div.pager ul li.transparent a {
									background: none;
								}
						#page #content div.pager ul li a {

							padding: .25em .667em;
							color: #333;
							background: #d7d7d7;
						}
							#page #content div.pager ul li a:hover {
								color: #fff;
								text-decoration: none;
								background: #be6579;
							}
			/* entrada d'editora */
			#page #content div.post {
				margin-bottom: 1em;
			}
					/* contenidor imatge de l'entrada */
					#page #content div.post div.image {
						display: inline; /* ie6fh */
						clear: left;
						float: left;
						width: 100px;
						margin: 0 1.15em .7em 0;
						color: #666;
						font-size: .92em;
						text-align: right;
					}
						#page #content div.post div.image p {
							margin-bottom: .7em;
							line-height: 1.2em;
						}
			/* contenidor cercador */
			#page #content div.search {
				margin-bottom: 1.25em;
				background: #aac238 url("img/cercador_baix.gif") no-repeat center bottom;
			}
				#page #content div.search fieldset {
					padding: 18px 12px;
					background: url("img/cercador_dalt.gif") no-repeat center top;
				}
				#page #content div.search label {
					display: inline; /* ie6fh */
					float: left;
					margin: 0;
					padding: 5px 0;
				}
					#page #content div.search label.keywords {
						width: 25%;
						font-size: .917em; /* 11px */
					}
					#page #content div.search label input, #page #content div.search label select {
						display: inline; /* ie6fh */
						width: 180px;
						margin: 0 5px 0 0;
						font-size: .833em;
					}
					#page #content div.search label select {
						max-width: 170px; width: auto !important; width: 170px;
					}
					#page #content div.search label span {
						width: auto;
						padding: 5px 5px 5px 0;
						color: #000;
						font-size: .917em; /* 10px */
					}
				#page #content div.search input {
					float: left;
				}
					#page #content div.search input.btn {
						padding: 2px 0 0 6px;
					}
		/* formularis */
				#page #content form div.textarea {
					margin: 0 0 1.25em 0;
				}
					#page #content form div.textarea label {
						display: inline; /* ie6fh */
						float: left;
						width: 20%;
						margin: 0;
						padding: 2px 0;
					}
					#page #content form div.textarea textarea {
						display: inline; /* ie6fh */
						float: left;
						width: 55%;
						height: 150px;
						border: 1px solid #999;
						padding: 3px 5px;
						background: #fff;
					}
						#page #content form div.textarea textarea.small {
							height: 70px;
						}
					#page #content form fieldset label.mglass {
						padding-left: 35px;
						background: url("img/icon_lupa.gif") no-repeat left center;
					}
					#page #content form fieldset label.error {
						background: #ccc;
					}
					#page #content form fieldset label input, #page #content form fieldset label select {
						display: inline; /* ie6fh */
						float: left;
						width: 55%;
						border: 1px solid #999;
						padding: 4px 5px;
						font-size: 1em;
						background: #fff;
					}
					#page #content form fieldset label select {
						cursor: pointer;
						width: auto;
					}
						#page #content form fieldset label input.auto {
							display: inline;
							float: none;
							vertical-align: middle;
							width: auto;
							margin: 0 .3em 0 0;
							border: none;
							padding: 0;
						}
						#page #content form fieldset label input:focus, #page #content form fieldset label select:focus, #page #content form div.textarea textarea:focus {
							border: 1px solid #333;
						}
						#page #content form fieldset label input.error, #page #content form fieldset label select.error, #page #content form div.textarea textarea.error {
							border: 1px solid #ef0101;
							background: #ffecf5;
						}
						#page #content form fieldset label input.success, #page #content form fieldset label select.success, #page #content form div.textarea textarea.success {
							border: 1px solid #4d9a41;
							background: #c5f0c9;
						}
						#page #content form fieldset label input.short, #page #content form fieldset label select.short {
							width: 20%;
						}
					#page #content form fieldset label span {
						display: inline; /* ie6fh */
						float: left;
						vertical-align: middle;
						width: 20%;
						padding: 4px 0;
					}
						#page #content form fieldset label span em, #page #content form div.textarea label em {
							color: #cc0000;
						}
						#page #content form fieldset span.error {
							float: right;
							width: 16%;
							margin-right: 10px;
							padding: 4px 0 4px 24px;
							color: #cc0000;
							font-weight: bold;
							background: url("img/formulari_error.png") no-repeat left center;
						}
						#page #content form fieldset span.success {
							float: right;
							width: 16%;
							margin-right: 10px;
							padding: 4px 0 4px 24px;
							background: url("img/formulari_ok.png") no-repeat left center;
						}
			#page #content form label {
				display: block;
				margin: 0 0 1em 0;
			}
				#page #content form input.send {
					cursor: pointer;
					padding: .6em .9em;
					color: #fff;
					font-weight: bold;
					background: #1f794c;
				}
					#page #content form input.send:hover {
						background: #114229;
					}
				#page #content form input.transparent {
					cursor: pointer;
					margin: 0;
					border: none;
					padding: 0;
					color: #be213d;
					background: none;
				}
					#page #content form input.transparent:hover {
						color: #114229;
					}
				#page #content form div.send {
					margin: 0 0 .5em 20%;
				}
					#page #content form div.send input {
						margin-right: 1.2em;
					}
		/* capçaleres */
		#page #content h2 {
			margin: 0 0 .5em 0;
			font-family: arial, serif;
			font-size: 2em; /* 24px */
			font-weight: normal;
			line-height: 1em;
		}
		#page #content h3 {
			margin: 0 0 .667em 0;
			color: #006633;
			font-family: arial, serif;
			font-size: 1.75em; /* 21px */
			font-weight: normal;
			line-height: 1.1em;
		}
			#page #content h3.klander {
				margin: 0 0 .5em 10px;
				padding: 0 0 0 34px;
				background: url("img/kland_conca.gif") no-repeat 0 .1em;
			}
		#page #content h4 {
			margin: 0 0 .667em 0;
			font-size: 1.25em; /* 15px */
			font-weight: normal;
			line-height: 1.2em;
		}
		#page #content h5 {
			margin: 0 0 .667em 0;
			font-size: 1.167em; /* 14px */
			line-height: 1.2em;
		}
		#page #content h6 {
			margin: 0 0 .5em 0;
			color: #666;
			font-size: 1.083em; /* 11px */
			line-height: 1.3em;
		}
		/* imatges */
			#page #content img.left {
				float: left;
				width: auto;
				margin: 0 15px .75em 0;
			}
			#page #content img.right {
				float: right;
				width: auto;
				margin: 0 0 .75em 15px;
			}
		/* llistes ordenades */
		#page #content ol {
			margin: 0 10px 1.25em 30px;
			list-style: decimal;
		}
			#page #content ol li {
				margin-bottom: .75em;
			}
		/* paràgrafs */
		#page #content p {
			line-height: 1.4em;
		}
			/* cerca sense resultats */
			#page #content p.cerca_noresult, #page #content p.warning {
				border: 1px solid #cc0000;
				padding: .75em 1.5em;
				color: #cc0000;
				font-weight: bold;
				text-align: center;
				background: #ffeeee;
			}
			/* mostrant... */
			#page #content p.showing {
				border-bottom: 1px solid #fff;
				padding: 0 0 1em 0;
			}
		/* spans */
			/* kland categoria */
			#page #content span.category {
				display: block;
				padding: .333em 0 .333em 12px;
				font-size: .833em; /* 10px */
				background: url("img/tag_petit.png") no-repeat left center;
			}
			/* text ressaltat cerca */
			#page #content span.cerca-ressaltat {
				background: #f0ffac;
			}
			/* flotat dreta */
			#page #content span.right {
				display: inline; /* ie6fh */
				float: right;
				margin: 0 0 .75em 1em;
			}
		/* llistes desordenades */
		#page #content ul {
			margin: 0 0 1.25em 12px;
		}
			/* llistat categories i subcategories */
			#page #content ul.categories {
				margin: 0 0 .25em 0;
				padding: 0 1%;
			}
				#page #content ul.categories li {
					display: inline; /* ie6fh */
					float: left;
					width: 31.5%;
					margin-right: 2.5%;
					padding: .25em 0;
					text-indent: 14px;
					background: url("img/tag_petit.png") no-repeat 0 .333em;
				}
					#page #content ul.categories li a {
						color: #333;
						font-size: 1.083em; /* 13px */
						font-weight: bold;
					}
					#page #content ul.categories li.nomargin {
						margin-right: 0;
					}
					#page #content ul.categories li ul {
						margin: .25em 0 0 0;
					}
						#page #content ul.categories li ul li {
							width: auto;
							height: auto;
							margin: 0 0 .25em 0;
							border: none;
							border-left: 1px solid #999;
							padding: 0 .75em;
							font-size: 1em;
							line-height: 1.083em;
							text-indent: 0;
							/*white-space: nowrap;*/
							background: none;
						}
							#page #content ul.categories li ul li a {
								color: #be213d;
								font-size: 1em;
								font-weight: normal;
							}
								#page #content ul.categories li ul li a:hover {
									color: #fff;
									text-decoration: none;
									background: #be213d;
								}
			/* misc */
			#page #content ul.misc {
				margin: 1.5em -15px 0 -15px;
				padding: .75em 15px;
				background: #d7d7d7;
			}
				#page #content ul.misc li, #page #content ul.shops li ul.misc li {
					display: inline; /* ie6fh */
					float: left;
					margin: 0 30px 0 0;
					border: 0;
					padding: 0;
					background: none;
				}
						#page #content ul.misc li.gmap a {
							padding: 0 0 0 20px;
							background: url('img/bg_ul_shops_misc_gmap.gif') no-repeat 0 50%;
						}
						#page #content ul.misc li.social a {
							padding: 0 0 0 20px;
							background: url('img/bg_ul_shops_misc_social.gif') no-repeat 0 50%;
						}
						#page #content ul.misc li.url a {
							padding: 0 0 0 20px;
							background: url('img/bg_ul_shops_misc_webpage.gif') no-repeat 0 50%;
						}
			/* llistat comerços */
			#page #content ul.shops {
				margin: 0 0 2px 0;
			}
				#page #content ul.shops li {
					height: 1%;
					margin: 0 0 15px 0;
					border: 1px solid #bbb;
					border-bottom: 1px solid #666;
					padding: 10px 15px 0 15px;
					background: #fff;
				}
						#page #content ul.shops li div.adr {
							margin: 0 135px .75em 0;
						}
							#page #content ul.shops li div.adr p {
								margin: 0 0 .25em 0;
							}
						#page #content ul.shops li div.intro {
							margin: 0 135px .75em 0;
							border-bottom: 1px dotted #999;
						}
					#page #content ul.shops li h4 {
						margin: 0 0 .357em 0;
						padding: .357em 0;
						font-size: 1.167em; /* 14px */
						font-weight: bold;
					}
						#page #content ul.shops li h4 a {
							padding: .286em 24px .286em 0;
							text-decoration: underline;
							background: url('img/bg_ul_shops_h4.gif') no-repeat 100% 50%;
						}
					#page #content ul.shops li img {
						display: inline; /* ie6fh */
						clear: right;
						float: right;
						margin: 0 0 .75em 14px;
						padding: 10px 0 0 0;
					}
			/* llistat subcategories */
			#page #content ul.subcategories {
				margin: 0 0 1em 0;
			}
				#page #content ul.subcategories li {
					display: block;
					height: 1%;
					margin: 0 0 .75em 0;
					border-bottom: 1px dotted #999;
					padding: 0 0 .75em 26px;
					font-size: 1.083em; /* 13px */
					line-height: 1.5em;
					background: url('img/bg_subcategories.png') no-repeat 0 .077em;
				}
			#page #content ul li {
				margin-bottom: .5em;
				padding-left: 8px;
				background: url("img/bg_ul_li.gif") no-repeat 0 .5em;
			}
/* peu de pàgina */
#footer {
	width: 950px;
	margin: 0 auto;
	text-align: center;
	font-size: .917em; /* 11px */
	color: #fff;
	background: #be213d;
}
	#footer a {
		color: #fff;
		text-decoration: underline;
	}
		#footer a:hover {
			text-decoration: none;
		}
	#footer p {
		margin: 0;
		padding: 1.25em;
	}