/* DOM */
body {
	margin: 0;
	padding: 0;
	font-family: verdana, helvetica, sans-serif;
	font-size: .75em; /* 12px */
	color: #333;
	background: #cfcfcf;
}
* { margin: 0; border: 0; padding: 0; }
a {
	color: #e16c0f;
	text-decoration: none;
}
	a:hover {
		color: #000;
		text-decoration: underline;
	}
img { border: 0; }
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	ul li {
		margin: 0;
		padding: 0;
	}
/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix { display: inline-block; }
	/* amagar d'IE mac \*/
	.clearfix { display: block; }

/* Cascade */
#page {
	width: 800px;
	margin: 0 auto;
	background: #fff url("../images/pagina-fondo-gris.png") repeat-y top left;
}
	#header {
		position: relative;
		min-height: 99px;
		margin: 0 25px;
		padding: 15px 0 0 0;
		background: #fff;
	}
		#header h1 {
			width: 322px;
			height: 79px;
			margin: 0 15px;
			background: #fff url("../images/logo.png") no-repeat top left;
		}
			#header h1 span {
				position: absolute;
				top: -9999em;
			}
		#header #configuration {
			position: absolute;
			right: 0;
			bottom: 0;
			width: 220px;
			margin: 0;
			padding: 0 0 22px 0;
			font-size: .927em; /* 11px */
			background: url('../images/config-bottom.png') no-repeat 100% 100%;
		}
			#header #configuration a {
				color: #fff;
				text-decoration: none;
			}
				#header #configuration a:hover {
					color: #e16c0f;
					text-decoration: none;
				}
			#header #configuration ul {
				display: block;
				margin: 0 0 0 14px;
				padding: 12px 10px 0 10px;
				color: #aaa;
				text-align: center;
				background: #15100d url('../images/config-top.png') no-repeat;
			}
				#header #configuration ul li {
					display: inline;
					margin: 0;
					padding: 0 8px;
				}
					#header #configuration ul li.en {
						padding-left: 20px;
						background: url('../images/english.png') no-repeat 0 50%;
					}
					#header #configuration ul li.es {
						padding-left: 20px;
						background: url('../images/castellano.png')  no-repeat 0 50%;
					}
	#menu {
		margin: 0 25px;
		background: #000;
	}
		#menu ul {
			border-left: 1px solid #454545;
			border-right: 1px solid #454545;
			list-style: none;
			margin: 0;
			padding: 0 10px;
			background: url("../images/menu-fondo.png");
		}
			#menu ul li {
				display: inline;
				margin: 0 0 0 15px;
				padding: 0;
				line-height: 3em;
			}
				#menu ul li a {
					color: #fafafa;
					font-size: 1.1em;
					font-family: tahoma, arial, sans-serif;
					font-weight: bold;
					font-variant: small-caps;
					letter-spacing: 2px;
					text-shadow: 1px 1px 1px #000;
					text-decoration: none;
				}
					#menu ul li a:hover {
						color: #e3a879;
					}
	#content {
		display: inline; /* IE hack */
		clear: left;
		float: left;
		width: 505px;
		margin: 0 0 0 25px;
		padding: 20px 5px 10px 20px;
		background: #fff url("../images/contenido-fondo.png") repeat-x top left;
	}
			#content div.left {
				clear: left;
				float: left;
				width: 48%;
				margin: 0 0 1em 0;
			}
			#content div.right {
				clear: right;
				float: right;
				width: 48%;
				margin: 0 0 1em 0;
			}
				#content #lifestyle {
					background: #00a9e3 url("../images/catalogue/lifestyle.jpg") no-repeat 50% 50%;
				}
				#content #mountaineering {
					background: #91add8 url("../images/catalogue/mountanering.jpg") no-repeat 50% 50%;
				}
				#content #running {
					background: #e65425 url("../images/catalogue/trailrunning.jpg") no-repeat 50% 50%;
				}
				#content #hunter {
					background: #7a9950 url("../images/catalogue/hunter.jpg") no-repeat 50% 50%;
				}
				#content #ski {
					background: #b7b2ac url("../images/catalogue/skiing.jpg") no-repeat 50% 50%;
				}
				#content #junior {
					background: #ffec26 url("../images/catalogue/junior.jpg") no-repeat 50% 50%;
				}
				#content #hiking {
					background: #e96b2c url("../images/catalogue/hiking.jpg") no-repeat 50% 50%;
				}
				#content #nordic-walking {
					background: #27509d url("../images/catalogue/nordicwalking.jpg") no-repeat 50% 50%;
				}
				#content #security {
					background: #fff url("../images/catalogue/security.jpg") no-repeat 50% 50%;
				}
				#content #backpacking {
					background: #92aa3a url("../images/catalogue/trecking.jpg") no-repeat 50% 50%;
				}
				#content #travel {
					background: #fac255 url("../images/catalogue/travel.jpg") no-repeat 50% 50%;
				}
				#content div.box {
					min-height: 250px !important;
					-khtml-border-radius: 3px;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
					padding: 5px;
					color: #fff;
					font-weight: bold;
					text-shadow: 1px 1px 1px #000;
					text-align: center;
					-moz-box-shadow: 2px 2px 3px #999;
					-webkit-box-shadow: 2px 2px 3px #999;
					box-shadow: 2px 2px 3px #666;
				}
					#content div.box a,
					#content div.box p {
						display: block;
						-khtml-border-radius: 3px;
						-moz-border-radius: 3px;
						-webkit-border-radius: 3px;
						border-radius: 3px;
						padding: 10px;
						background: rgb(0,0,0);
						background: rgba(0,0,0,0.4);
					}
						#content div.box a:hover {
							text-decoration: none;
							background: rgba(0,0,0,0.8);
						}
				#content div.unmatched {
					background: #444 /*url("../images/catalogue/econatur.png") no-repeat bottom right*/;
				}
		/* headers */
		#content h2 {
			clear: both;
			margin: 0 0 .5em 0;
			font-size: 1.5em; /* 18px */
			color: #333;
			text-shadow: 1px 1px 1px #ababab;
		}
			#content h2.category-name {
				margin: 0 0 .25em 0;
				font-size: 2em; /* 24px */
				color: #fff;
				text-shadow: 1px 1px 1px #000;
			}
				#content h2.category-name a {
					color: #fff;
				}
		#content h3 {
			clear: both;
			margin: 0 0 .75em 0;
			border-top: 1px solid #aaa;
			border-bottom: 1px solid #aaa;
			padding: 7px 0 8px 0;
			font-size: 1.167em; /* 14px */
			color: #444;
			text-shadow: 1px 1px #ababab;
		}
		/* forms */
			#content form div.left, #content form div.right {
				margin: 0;
			}
			form label, form div.textarea {
				display: block;
				margin: 0 0 1em 0;
			}
				form label input, form label select, form textarea {
					width: 90%;
					border: 1px solid #ddd;
					padding: 6px 10px;
					background: #fafafa;
				}
				form textarea {
					width: 95%;
					height: 120px;
				}
					form label input:focus, form label select:focus, form textarea:focus {
						border: 1px solid #666;
						background: #fff;
					}
				form label span, form div.textarea label {
					display: block;
					margin: 0 0 .25em 0;
				}
					form label span em, form div.textarea label em {
						color: #999;
						font-size: .917em; /* 11px */
						font-style: normal;
					}
				form input.send, #sidebar input.send {
					cursor: pointer;
					padding: 10px 18px;
					color: #fff;
					font-weight: bold;
					text-shadow: 1px 1px 1px #5a300e;
					background: #e16c0f;
				}
					form input.send:hover, #sidebar input.send:hover {
						color: #5a300e;
						text-shadow: 1px 1px 1px #fff;
						background: #e16c0f url("../images/submit-fondo.png") repeat-x top left;
					}
		/* paragraphs */
		#content p {
			margin: 0 0 1em 0;
			padding: 0;
		}
			#content p img.material {
				float: right;
				margin: 2px 2px 6px 8px;
			}
			#content p span.imagen {
				display: inline; /* IE hack */
				width: 145px;
				clear: right;
				float: right;
				margin: 2px 0 5px 15px;
				border: 0;
				text-align: center;
			}
				#content p span.imagen a {
					display: block;
					font-size: .9em;
					color: #ababab;
					text-decoration: none;
				}
					#content p span.imagen a:hover {
						color: #444;
					}
				#content p span.imagen img {
					margin: 0 0 5px 0;
				}
				#content p span.imagen span {
					display: block;
					clear: both;
					text-align: center;
				}
			#content p span.enlarge {
				display: block;
				margin: 0;
				padding: 2px 0 5px 0;
				color: #ababab;
				font-size: .8em;
			}
		#content p.more {
			margin: 0 0 1.5em 0;
			font-weight: bold;
		}
		/* lists */
		#content ul {
			margin: 0 0 1em 20px;
			list-style: square;
			color: #444;
		}
			#content ul li {
				margin: 0 0 .333em 0;
				line-height: 1.25em;
			}
			#content .cab {
				color: #e16c0f;
				list-style: outside circle;
				}
				#content ul li span {
					margin: 0 0 0 15px;
					color: #ababab;
					font-weight: normal;
				}
	#footer {
		width: 800px;
		clear: both;
		margin: 0 auto;
		padding: 25px 0;
		font-size: .917em; /* 11px */
		font-style: normal;
		color: #a0a0a0;
		text-align: center;
		background: #cfcfcf url("../images/footer-bg.png") no-repeat top center;
	}
		#footer a {
			color: #666;
			text-decoration: none;
		}
			#footer a:hover {
				color: #222;
				text-decoration: underline;
			}
		#footer p {
			margin: 0 0 .5em 0;
		}
	#sidebar {
		display: inline; /* IE hack */
		clear: right;
		float: right;
		width: 220px;
		margin: 0 25px 0 0;
		padding: 0 0 10px 0;
		background: url("../images/menu-derecha-fondo.png") no-repeat top left;
	}
			#sidebar a:hover {
				color: #fff;
			}
			#sidebar div.wrapper {
				margin: 24px 0 0 14px;
				padding: 0 15px 15px 15px;
				color: #eaeaea;
				background: #15100d url("../images/menu-derecha-final-fondo.png") no-repeat bottom left;
			}
		#sidebar h2 {
			margin: 0 0 .75em 0;
			font-size: 1.25em; /* 15px */
		}
		#sidebar h3 {
			margin: 0 0 .75em 0;
			font-size: 1.25em; /* 15px */
		}
		#sidebar input {
			border: 1px solid #555;
			padding: 3px 5px;
			width: 120px;
			color: #444;
			background: #edeced url("../images/input-fondo.png") repeat-x top left;
		}
			#sidebar input:hover, #sidebar input:focus {
				background: #fff;
			}
			#sidebar input.send {
				width: 100px;
				padding: 3px 5px;
			}
		#sidebar select {
			cursor: pointer;
			border: 1px solid #555;
			padding: 3px 0 3px 5px;
			width: 120px;
			color: #444;
			background: #edeced url("../images/input-fondo.png") repeat-x top left;
		}
			#sidebar select:hover, #sidebar select:focus {
				background: #fff;
			}
		#sidebar p {
			margin: 0 0 .75em 0;
		}
		#sidebar label {
			margin: 0 0 8px 0;
		}

/* colorbox */
/* core */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/* user */
#cboxOverlay{background:#fff;}
#colorBox{}
	#cboxTopLeft{width:25px; height:25px; background:url('../images/colorbox/border1.png') no-repeat 0 0;}
	#cboxTopCenter{height:25px; background:url('../images/colorbox/border1.png') repeat-x 0 -50px;}
	#cboxTopRight{width:25px; height:25px; background:url('../images/colorbox/border1.png') no-repeat -25px 0;}
	#cboxBottomLeft{width:25px; height:25px; background:url('../images/colorbox/border1.png') no-repeat 0 -25px;}
	#cboxBottomCenter{height:25px; background:url('../images/colorbox/border1.png') repeat-x 0 -75px;}
	#cboxBottomRight{width:25px; height:25px; background:url('../images/colorbox/border1.png') no-repeat -25px -25px;}
	#cboxMiddleLeft{width:25px; background:url('../images/colorbox/border2.png') repeat-y 0 0;}
	#cboxMiddleRight{width:25px; background:url('../images/colorbox/border2.png') repeat-y -25px 0;}
	#cboxContent{font-size: .75em;background:#fff;}
		#cboxLoadedContent{margin-bottom:20px;}
		#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
		#cboxCurrent{position:absolute; bottom:0px; left:30px; color:#999;}
		#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
		#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
		#cboxNext{position:absolute; bottom:0px; left:14px; color:#444;}
		#cboxLoadingOverlay{background:#fff url('../images/colorbox/loading.gif') no-repeat 5px 5px;}
		#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}
/* ie fixes */
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}