/* 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.8125em; /* 13px */
	color: #444;
	background: #fcc000 url('img/bg.jpg') repeat-y 50% 0;
}
* { margin: 0; border: none; padding: 0; }
a { outline: 0; color: #6a2a00; text-decoration: none; }
	a:hover { color: #986340; 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: 960px;
	margin: 0 auto;
	padding: 3px 0 0 0;
	background: #fff url('img/bg_page.png') repeat-x;
}
	/* capçalera */
	#page #header {
		position: relative;
		padding: 10px 25px;
		background: url('img/bg_header.png') repeat-x 0 100%;
	}
		#page #header h1 {
			display: inline; /* ie6fh */
			clear: left;
			float: left;
			width: 190px;
			height: 95px;
			margin-right: 50px;
			background: url('img/logo.png') no-repeat;
		}
			#page #header h1 a {
				display: block;
				width: 190px;
				height: 95px;
			}
				#page #header h1 a span {
					position: absolute;
					top: -999em;
					left: -999em;
				}
			#page #header p#banner_h {
				display: inline;
				clear: right;
				float: left;
				margin: 10px 0 0 0;
			}
			#page #header p#logo_carros {
				display: inline;
				clear: right;
				float: right;
				width: 130px;
				height: 44px;
				margin: 10px 0 0 0;
				background: url('img/logo_carros.jpg') no-repeat;
			}
				#page #header p#logo_carros a {
					display: block;
					width: 130px;
					height: 44px;
				}
					#page #header p#logo_carros a span {
						position: absolute;
						top: -999em;
						left: -999em;
					}
		#page #header #languages {
			position: absolute;
			bottom: 0;
			right: 0;
			background: #8b2d09 url('img/bg_languages.png') repeat-x;
		}
			#page #header #languages ul {
				display: block;
/* 				border-bottom: 1px solid #49230a; */
				padding: 7px 0 7px 15px;
				font-size: .769em;
				background: url('img/bg_languages_ul.png') no-repeat;
			}
				#page #header #languages ul a {
					color: #fafafa;
				}
				#page #header #languages ul li {
					display: inline;
					padding: 7px 1em 7px 0;
					text-shadow: #271307 1px 1px 1px;
				}
						#page #header #languages ul li.catalan a {
							padding: 2px 0 2px 22px;
							background: url('img/catala.jpg') no-repeat 0 50%;
						}
						#page #header #languages ul li.castillian a {
							padding: 2px 0 2px 22px;
							background: url('img/castellano.jpg') no-repeat 0 50%;
						}
						#page #header #languages ul li.english a {
							padding: 2px 0 2px 22px;
							background: url('img/english.jpg') no-repeat 0 50%;
						}
						#page #header #languages ul li.french a {
							padding: 2px 0 2px 22px;
							background: url('img/french.jpg') no-repeat 0 50%;
						}
	/* menú */
	#page #menu {
		border-bottom: 1px solid #333;
		font-family: arial, helvetica, sans-serif;
		background: #573c2c url('img/bg_menu.png') repeat-x;
	}
		#page #menu ul {
			display: inline;
			float: left;
			width: auto;
			margin: 0 25px;
			border-left: 1px solid #411a00;
			border-right: 1px solid #985223;
			font-size: 1.15em;
/* 			font-weight: bold; */
			text-align: center;
		}
			#page #menu ul li {
				position: relative;
				display: inline; /* ie6fh */
				float: left;
				white-space: nowrap;
				background: #573c2c url('img/bg_menu.png') repeat-x;
			}
					#page #menu ul li.current a {
						color: #444;
						text-decoration: none;
						text-shadow: 0.1em 0.1em 0.2em #985223;
						background: #fff url('img/bg_page.png') repeat-x;
					}
								#page #menu ul li.current ul li a {
									padding: .417em 1.167em .4em 1.167em;
									color: #fff;
									background: none;
								}
				#page #menu ul li a {
					position: relative;
					display: inline; /* ie6fh */
					float: left;
					border-left: 1px solid #985223;
					border-right: 1px solid #411a00;
					padding: .583em 1.167em;
					color: #fff;
					line-height: 1.4em;
					text-shadow: #271307 1px 1px 1px;
				}
					#page #menu ul li a:hover {
						color: #fff;
						text-decoration: none;
						text-shadow: 1px 1px 1px #bbb;
						background: #8e7463 url('img/bg_menu_hover.png') repeat-x;
					}
					#page #menu ul li a:focus, #page #menu ul li a:active {
						color: #444;
						background: #fff url('img/bg_page.png') repeat-x;
					}
					#page #menu ul li span {
/* 						display: block; */
						position: absolute;
						background: #8e7463 url('img/bg_menu_hover.png') repeat-x;
					}
				#page #menu ul li ul {
					position: absolute;
					top: -9999em;
					left: 0;
					width: 250px;
					margin: 0;
					padding: 0 0 .5em 0;
					font-size: 1em;
					text-align: left;
					background: #6a2a00 url('img/bg_menu_dropdrown.png') repeat-x;
				}
					#page #menu ul li:hover ul, #page #menu ul li.hover ul {
						z-index: 999;
						top: 2.5em;
					}
					#page #menu ul li ul li {
						clear: left;
						width: 100%;
						white-space: normal;
						background: none;
					}
							#page #menu ul li ul li.current a {
								color: #444;
								background: #fff url('img/bg_page.png') repeat-x;
							}
							#page #menu ul li ul li.first a {
								border-top: 0;
							}
							#page #menu ul li ul li.last a {
								border-bottom: 0;
							}
						#page #menu ul li ul li a {
							display: block;
							float: none;
							border-top: 1px solid #7c5033;
							border-bottom: 1px solid #57341c;
							padding: .417em 1.167em .4em 1.167em;
							color: #fff;
							background: none;
						}
							#page #menu ul li ul li a:hover {
								color: #fff;
								background: #8e7463 url('img/bg_menu_hover.png') repeat-x;
							}
	/* contenedor principal */
	#page #content {
		padding: 0 0 300px 0;
		background: #5c68a7 url('img/bg_content.jpg') no-repeat 50% 100%;
	}
			#page #content div.cwrapper {
				padding: 20px 20px 0 20px;
				background: url('img/bg_content_wrapper.png') repeat-x;
			}
		#carros #page #content {
			padding-bottom: 500px;
			background: #535a78 url('img/bg_content_carros.jpg') no-repeat 50% 100%;
		}
				#carros #page #content div.cwrapper {
					padding: 20px 20px 0 20px;
					background: url('img/bg_content_carros_wrapper.png') repeat-x;
				}
		#climbing #page #content {
			padding-bottom: 500px;
			background: #bfc4d1 url('img/bg_content_climbing.jpg') no-repeat 50% 100%;
		}
				#climbing #page #content div.cwrapper {
					padding: 20px 20px 0 20px;
					background: url('img/bg_content_climbing_wrapper.png') repeat-x;
				}
		#ferrata #page #content {
			padding-bottom: 600px;
			background: #223462 url('img/bg_content_ferrata.jpg') no-repeat 50% 100%;
		}
				#ferrata #page #content div.cwrapper {
					padding: 20px 20px 0 20px;
					background: url('img/bg_content_ferrata_wrapper.png') repeat-x;
				}
		#guides #page #content {
			padding-bottom: 350px;
			background: #293641 url('img/bg_content_guides.jpg') no-repeat 50% 100%;
		}
				#guides #page #content div.cwrapper {
					padding: 20px 20px 0 20px;
					background: url('img/bg_content_guides_wrapper.png') repeat-x;
				}
		#mountaineering #page #content {
			padding-bottom: 450px;
			background: #0c3a92 url('img/bg_content_mountaineering.jpg') no-repeat 50% 100%;
		}
				#mountaineering #page #content div.cwrapper {
					padding: 20px 20px 0 20px;
					background: url('img/bg_content_mountaineering_wrapper.png') repeat-x;
				}
		#ski #page #content {
			padding-bottom: 550px;
			background: #1e588a url('img/bg_content_ski.jpg') no-repeat 50% 100%;
		}
				#ski #page #content div.cwrapper {
					padding: 20px 20px 0 20px;
					background: url('img/bg_content_ski_wrapper.png') repeat-x;
				}
		#snowshoes #page #content {
			padding-bottom: 550px;
			background: #24508d url('img/bg_content_snowshoes.jpg') no-repeat 50% 100%;
		}
				#snowshoes #page #content div.cwrapper {
					padding: 20px 20px 0 20px;
					background: url('img/bg_content_snowshoes_wrapper.png') repeat-x;
				}
		#trekking #page #content {
			padding-bottom: 320px;
			background: #3a6ba5 url('img/bg_content_trekking.jpg') no-repeat 50% 100%;
		}
				#trekking #page #content div.cwrapper {
					padding: 20px 20px 0 20px;
					background: url('img/bg_content_trekking_wrapper.png') repeat-x;
				}
		#trips #page #content {
			padding-bottom: 350px;
			background: #6f7c8c url('img/bg_content_trips.jpg') no-repeat 50% 100%;
		}
				#trips #page #content div.cwrapper {
					padding: 20px 20px 0 20px;
					background: url('img/bg_content_trips_wrapper.png') repeat-x;
				}
		/* contenido unicolumna */
		#page #content div.content_big {
			margin: 0 0 15px 0;
			padding: 20px;
			background: #fff;
		}
			#page #content div.content_big a {
				text-decoration: underline;
			}
				#page #content div.content_big a:hover {
					text-decoration: none;
				}
		/* contenido doscolumnas */
		#page #content div.content_main {
			display: inline; /* ie6fh */
			clear: left;
			float: left;
			width: 610px;
			padding: 20px 30px 20px 20px;
			margin: 0 0 15px 0;
			background: #fff url('img/bg_content_main.png') no-repeat 100% 100%;
		}
			#page #content div.content_main a {
				text-decoration: underline;
			}
				#page #content div.content_main a:hover {
					text-decoration: none;
				}
		/* barra lateral doscolumnas */
		#page #content div.content_sub {
			display: inline; /* ie6fh */
			clear: right;
			float: right;
			width: 230px;
			margin: 0 0 15px 0;
			padding: 20px 0 0 30px;
			background: url('img/bg_content_sub.png') no-repeat;
		}
				#page #content div.content_sub div.wrapper {
					padding: 0 20px 15px 20px;
					background: #fff;
				}
				#page #content div.content_sub div.box {
					margin: 0 0 1em 0;
					padding: 0 0 2px 0;
				}
			#page #content div.content_sub p {
				margin: 0 0 .75em 0;
				border: 1px solid #ccc;
				padding: .5em .75em .5em 40px;
				color: #333;
				font-size: .846em;
				line-height: 1.2em;
				background: #d3d3d3 url('img/base.png') no-repeat;
			}
				#page #content div.content_sub p.image {
					margin: 0;
					border: 0;
					padding: 4px 0;
					line-height: 0;
					text-align: center;
					background: none;
				}
				#page #content div.content_sub ul.submenu {
					margin: 0;
				}
					#page #content div.content_sub ul.submenu li {
						margin: 0;
						padding: 0;
						font-weight: bold;
						line-height: 1.2em;
						background: none;
					}
							#page #content div.content_sub ul.submenu li.current a {
								color: #fff;
								background: #6a2a00;
							}
						#page #content div.content_sub ul.submenu li a {
							display: block;
							border-bottom: 1px solid #efefef;
							padding: .5em 24px .5em 12px;
							color: #444;
							text-decoration: none;
							background: #fff url('img/bg_submenu_li.png') no-repeat 99% 50%;
						}
							#page #content div.content_sub ul.submenu li a:hover {
								color: #fff;
								background: #986442;
							}
		/* DOM */
		/* cita */
		#page #content blockquote {
			margin: 1.5em 0;
			border: 1px solid #d3d3d3;
			background: url('img/bg_blockquote_top.jpg') no-repeat 15px 15px;
		}
			#page #content blockquote p {
				margin: 0 0 .1em 0;
				padding: 15px 68px;
				color: #333;
				font-family: georgia, helvetica, serif;
				font-size: 1.583em;
				font-style: italic;
				text-align: center;
				background: url('img/bg_blockquote_bottom.jpg') no-repeat 98% 92%;
			}
		/* contenedores */
			/* vora inferior */
			#page #content div.border {
				margin: 0 0 1em 0;
				border-bottom: 1px solid #ccc;
				padding: 0 0 1px 0;
			}
			/* vora puntejada */
			#page #content div.broken {
				border-bottom: 1px dotted #ccc;
			}
			/* events duration */
			#page #content div.dates, #page #content div.duration, #page #content div.groups, #page #content div.prices {
				margin: 0 0 1em 0;
				border: 1px solid #c3c3c3;
				padding: 12px 15px 5px 15px;
				color: #222;
				background: #d3d3d3 url('img/bg_grey_round.jpg') 50% 50%;
			}
			#page #content div.dates {
				background: #d3d3d3 url('img/bg_dates.png') no-repeat;
			}
			#page #content div.duration {
				background: #d3d3d3 url('img/bg_duration.png') no-repeat;
			}
			#page #content div.groups {
				background: #d3d3d3 url('img/bg_groups.png') no-repeat;
			}
			#page #content div.prices {
				background: #d3d3d3 url('img/bg_prices.png') no-repeat;
			}
				#page #content div.dates h5, #page #content div.duration h5, #page #content div.groups h5, #page #content div.prices h5 {
					padding-left: 26px;
				}
			/* separador puntejat inferior */
			#page #content div.separator {
				margin: 0;
			}
			/* slider portada */
			#page #content div.slider {
				width: 610px;
				margin: 0;
			}
				#page #content div.slider ul {
					margin: 0;
					height: 250px;
				}
					#page #content div.slider ul li {
						width: 610px;
						height: 250px;
						margin: 0;
						line-height: 0;
						padding: 0;
						background: none;
					}
			#page #content ol#controls {
				display: block;
				clear: both;
				height: 1%;
				margin: 0 20px 20px 20px;
				padding: 0;
				list-style: none;
			}
				#page #content ol#controls li {
					display: inline; /* ie6fh */
					float: left;
					margin: 0;
					padding: 0;
				}
						#page #content ol#controls li.current a {
							color: #fff;
							background: #573c2c url('img/bg_menu.png') repeat-x;
						}
					#page #content ol#controls li a {
						display: block;
						height: 1%;
						border: 1px solid #ccc;
						padding: .25em .5em;
						color: #666;
						font-size: .92em;
						text-decoration: none;
						background: #fff url('img/bg_input.png') repeat-x 0 100%;
					}
						#page #content ol#controls li a:hover {
							color: #000;
							text-decoration: none;
							background: #fafafa;
						}
		/* formularis */
		#page #content form {
			margin: 0 0 1.5em 0;
		}
					#page #content div.textarea label {
						margin: 0 0 .333em 0;
					}
			#page #content form label {
				display: block;
				margin: 0 0 1em 0;
			}
				#page #content form label.error {
					display: block;
					width: 86.5%;
					border-left: 1px solid #cc0000;
					padding: .417em 10px .417em 35px;
					color: #fff;
					font-weight: bold;
					background: #cc0000 url('img/bg_validator.jpg') no-repeat 9px 50%;
				}
				#page #content form label span {
					display: block;
					margin: 0 0 .333em 0;
				}
				#page #content form label input, #page #content form label select, #page #content form textarea {
					width: 93%;
					border: 1px solid #999;
					padding: .25em 5px;
					font-family: arial, helvetica, sans-serif;
					font-size: 1em;
					background: #fff url('img/bg_input.png') repeat-x 0 100%;
				}
					#page #content form label input:focus, #page #content form label select:focus, #page #content form textarea:focus {
						border: 1px solid #222;
						background: #fff;
					}
					#page #content form label input.error, #page #content form label select.error, #page #content form textarea.error {
						border: 1px solid #cc0000;
						background: #ffe5f1;
					}
					#page #content form label input.short, #page #content form label select.short, #page #content form textarea.short {
						width: 40%;
					}
				#page #content form input.send {
					overflow: visible; /* ie bug fix */
					width: auto;
					margin-top: 1em;
					border: 1px solid #999;
					padding: .667em 1.5em;
					color: #222;
					font-weight: bold;
					background: url('img/bg_input.png') repeat-x 0 100%;
				}
					#page #content form input.send:hover {
						cursor: pointer;
						border: 1px solid #333;
						color: #666;
						text-decoration: none;
						background: #fff;
					}
			#page #content form textarea {
				width: 96%;
				height: 175px;
				background: #fff url('img/bg_textarea.png') repeat-x 0 100%;
			}
		/* capçaleres */
		#page #content h2 {
			margin: 0 0 .75em 0;
			border-bottom: 1px solid #c67832;
			padding: .5em .75em;
			color: #fff;
/* 			font-family: arial, serif; */
			font-size: 1.307em;
			line-height: 1.2em;
			text-shadow: #271307 1px 1px 1px;
			background: #573c2c url('img/bg_menu.png') repeat-x;
		}
		#page #content h3 {
			margin: 0 0 .25em 0;
			color: #990000;
			font-size: 1.833em;
			line-height: 1.2em;
		}
		#page #content h4 {
			margin: 0 0 .333em 0;
			color: #000;
			font-size: 1.333em;
			line-height: 1.2em;
		}
		#page #content h5 {
			margin: 0 0 .75em 0;
			color: #000;
			font-size: 1.25em;
			line-height: 1.2em;
		}
		#page #content h6 {
			margin: 0 0 .75em 0;
			color: #000;
			font-size: 1.167em;
			line-height: 1.4em;
		}
		/* 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;
			}
		/* párrafos */
			/* icono pdf */
			#page #content p.pdf {
				border: 1px solid #bbb;
				font-size: 1.154em;
				line-height: 1em;
				background: #cfcfcf url('img/bg_pdf_p.png') repeat-y 100% 50%;
			}
				#page #content p.pdf a {
					display: block;
					padding: 1em 1.25em 1em 60px;
					color: #555;
					font-weight: bold;
					text-decoration: none;
					background: url('img/bg_pdf.png') no-repeat 20px 50%;
				}
					#page #content p.pdf a:hover {
						color: #000;
						background: #cfcfcf url('img/bg_pdf.png') no-repeat 20px 50%;
					}
			/* subir */
			#page #content p.top {
				clear: both;
				margin: 0;
				height: 1%;
			}
				#page #content p.top a {
					padding: 2px 0 2px 14px;
					background: url("img/bg_top.png") no-repeat 0 .307em;
				}
			/* més info */
				#page #content p.more a {
					display: block;
					padding: .5em 1em;
					font-size: 1.083em;
					font-weight: bold;
					background: #e0e0e0;
				}
					#page #content p.more a:hover {
						color: #fff;
						text-decoration: none;
						background: #990000;
					}
			/* link destacat */
			#page #content p.url {
				border: 1px solid #ccc;
				padding: 10px 14px;
				background: #efefef;
			}
			/* sense marge (no moure!) */
			#page #content p.nomargin {
				margin: 0;
			}
		/* spans */
			#page #content span.red {
				color: #990000;
			}
		/* llistes */
		#page #content ul {
			margin: 0 0 1.25em 12px;
		}
			#page #content ul li {
				margin: 0 0 .333em 0;
				padding: 0 0 0 12px;
				background: url('img/bg_ul_li.png') no-repeat 0 .5em;
			}
				#page #content ul li ul {
					margin: .5em 0 .75em 10px;
				}
			/* dos columnes */
			#page #content ul.double {
				margin: 0 0 1em 0;
			}
				#page #content ul.double li {
					display: inline; /* ie6fh */
					float: left;
					width: 48.5%;
					margin: 0 3% .5em 0;
					padding: 0 0 .75em 0;
					background: none;
				}
					#page #content ul.double li.nomargin {
						margin-right: 0;
					}
						#page #content ul.double li ul li {
							display: block;
							float: none;
							width: auto;
							margin: 0 0 .333em 0;
							padding: 0 0 0 10px;
							background: url('img/kland_fonsblanc.gif') no-repeat 0 .5em;
						}
			/* dos columnes */
			#page #content ul.links {
				margin: 0 0 1em 0;
			}
				#page #content ul.links li {
					display: inline; /* ie6fh */
					float: left;
					width: 44.5%;
					margin: 0 3% .75em 0;
					border-bottom: 1px solid #ccc;
					padding: 0 2% 1px 2%;
					background: #fff url('img/bg_ul_links_li.png') repeat-x 0 100%;
				}
					#page #content ul.links li.nomargin {
						margin-right: 0;
					}
						#page #content ul.links li ul li {
							display: block;
							float: none;
							width: auto;
							margin: 0 0 .333em 0;
							padding: 0  0 10px;
							background: url('img/kland_fonsblanc.gif') no-repeat 0 .5em;
						}
			/* lilstat viatges */
			#page #content ul.trips {
				margin: 0 0 1em 0;
			}
				#page #content ul.trips li {
					padding: 0;
					background: none;
				}
					#page #content ul.trips li a {
							display: block;
							padding: .75em 0 .75em 35px;
							text-decoration: none;
							background: #f0f0f0 url('img/bg_submenu_li.png') no-repeat 15px 50%;
						}
						#page #content ul.trips li a:hover {
							color: #fff;
							background: #573c2c url('img/bg_menu.png') repeat-x;
						}
			/* 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: 15px 20px 5px 20px;
		color: #fff;
		font-size: .846em;
		background: #49230a url('img/bg_footer.png') repeat-x;
	}
		#page #footer  a {
			color: #fff;
			text-decoration: underline;
		}
			#page #footer  a:hover {
				text-decoration: none;
			}
		#page #footer ul {
			padding: 0 0 .75em 0;
			text-align: center;
		}
			#page #footer ul li {
				display: inline;
				border-right: 1px solid #b8520e;
				padding: 0 .5em;
				line-height: 1em;
				word-spacing: 0;
			}
				#page #footer ul li.last {
					border-right: 0;
				}
				#page #footer ul li img {
					vertical-align: middle;
				}