/*
	CSS Styles for Bikevasion.com
	Copyright 2009 Miguel Angel Sánchez aka. Xtencil.com
*/

html, body { margin: 0; padding: 0; background: #FFFFFF; }
.clear { clear: both; }
a { text-decoration: none; outline: none; }



/* ++++++++++++++++ LAYOUT ++++++++++++++++ */

#header { background: #352c23; }
#content { background: #f0eeeb; border-bottom: 1px solid #e5e1dc; }
#footer { background: #ffffff; }

.box { width: 980px; margin: 0px auto; font-size: 0.7em; position: relative; }

#header .box { height: 150px; overflow: hidden; }
#content .box { padding: 35px 0 10px 0;}
#footer .box { padding: 35px 0 15px 0; }

.col1, .col2, .col3, .col4, .col5 { float: left; margin: 0 10px 25px 0; padding: 0; }
.col1end, .col2end, .col3end, .col4end, .col5end { float: left; margin: 0 0 25px 0 !important; padding: 0; }
.col1, .col1end { width: 188px; }
.col2, .col2end { width: 386px; }
.col3, .col3end { width: 584px; }
.col4, .col4end { width: 782px; }
.col5, .col5end { width: 980px; }

.col2end .white { padding: 10px; }



/* ++++++++++++++++ TYPOGRAPHY ++++++++++++++++ */
body { font-family:"Lucida Grande", Verdana, Georgia, serif; font-size: 1em; }
p, ul, ol, table, li { font-size: 1em; line-height: 1.6em; margin: 0 0 10px 0; padding: 0; }
ul { list-style: none; }
.col3 ol, .col2end ol { list-style: decimal outside; padding: 0 0 0 25px; }
.col3 ol li, .col2end ol li { margin: 0 0 6px 0; }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; padding: 0; line-height: 1.4em; }

h1 { font-size: 3.5em;  padding: 0 0 10px 0; letter-spacing: -0.05em; }
h2 { font-size: 1.8em;  padding: 0 0 10px 0; }
h3 { font-size: 1.3em;  padding: 0 0 10px 0; color: #ac763a; }
h4 { font-size: 0.9em;  padding: 0 0 10px 0; }
h5 { font-size: 0.7em;  padding: 0 0 6px 0; text-transform: uppercase; letter-spacing: 1px; color: #3e606f; }
h6 { font-size: 0.6em;  padding: 0 0 10px 0; }

hr { color: #e5e1dc; background-color: #e5e1dc; height: 1px; border: 0; margin: 0 0 35px 0; clear: both; }
#entry hr { margin: 15px 0; }
.right { text-align: right; }
a img { border: 0 none; }

/* Header Typographic Styles */
h1#logo { margin: 32px 0 0 0; padding: 0; }
h1#logo a { width: 253px; height: 58px; display: block; position: relative; cursor: pointer; color: #b9b98b; }
h1#logo a:hover { border-bottom: none 0px; color: #fafafa; }
h1#logo a span { width: 253px; height: 58px; position: absolute; top: 0px; left: 0px; background: url(../img/logo.jpg) no-repeat left top; display: block; z-index: 9; }

#menu { position: absolute; width: 720px; height: 31px; left: 0; bottom:0px; }
#menu ul { font-size: 0.9em; }
#menu li { float: left; margin: 0 45px 0 0; padding: 0; font-size: 1.3em; }
#menu li a { color: #7f923b; height: 31px; display: block; text-indent: 3px; }
#menu li a:hover { color: #e48b00 }

#menu li#menu_inicio a { width: 48px; position: relative; }
#menu li#menu_inicio a span { position: absolute; width: 48px; height: 32px; left: 0; top: 0; background: url(../img/menu/inicio.jpg) no-repeat left -31px; z-index: 10; }
#menu li#menu_inicio a:hover span { background-position: left 0px; }

#menu li#menu_servicios a { width: 75px; position: relative; }
#menu li#menu_servicios a span { position: absolute; width: 75px; height: 32px; left: 0; top: 0; background: url(../img/menu/servicios.jpg) no-repeat left -31px; z-index: 10; }
#menu li#menu_servicios a:hover span { background-position: left 0px; }

#menu li#menu_faq a { width: 43px; position: relative; }
#menu li#menu_faq a span { position: absolute; width: 43px; height: 32px; left: 0; top: 0; background: url(../img/menu/faq.jpg) no-repeat left -31px; z-index: 10; }
#menu li#menu_faq a:hover span { background-position: left 0px; }

#menu li#menu_bikevasion a { width: 89px; position: relative; }
#menu li#menu_bikevasion a span { position: absolute; width: 89px; height: 32px; left: 0; top: 0; background: url(../img/menu/bikevasion.jpg) no-repeat left -31px; z-index: 10; }
#menu li#menu_bikevasion a:hover span { background-position: left 0px; }

#menu li#menu_contacto a { width: 78px; position: relative; }
#menu li#menu_contacto a span { position: absolute; width: 78px; height: 32px; left: 0; top: 0; background: url(../img/menu/contacto.jpg) no-repeat left -31px; z-index: 10; }
#menu li#menu_contacto a:hover span { background-position: left 0px; }

#Inicio #menu li#menu_inicio a span,
#Servicios #menu li#menu_servicios a span,
#Faq #menu li#menu_faq a span,
#Reserva #menu li#menu_bikevasion a span,
#Contacto #menu li#menu_contacto a span { background-position: left 0px; color: #7f923b; }

#presupuesto { position: absolute; right: 0; bottom: 0px; width: 251px; height: 47px; }
#presupuesto a span { width: 251px; height: 47px; position: absolute; top: 0; left: 0; background: url(../img/menu/presupuesto.jpg) no-repeat left top; z-index: 9; } 
#presupuesto a:hover span { background-position: left bottom; }

#options { text-align: right; margin: 0; padding: 0; color: #7f923b; position: absolute; right: 0; top: 45px; }
#options a { color: #b9b98b; }
#options a:hover { color: #e48b00; }


/* Content Typographic Styles */
#content p, #content ul, #content ol, #content td { color: #73615b; }
#content a { color: #7f923b; }
#content p a { font-weight: bold; }
#content a:hover { color: #ac763a; }
#content ul.list { list-style: square; list-style-position: outside; margin: 0 0 10px 18px; line-height: 1.1em;  }
#content ul.list li { margin: 0 0 2px 0; padding: 0; color: #777; }

#content .title { padding: 0 0 5px 0; color: #7f923b; font-size: 3em; margin: 0 0 10px 0; letter-spacing: -1px; }
#content .title a { color: #912d0a; }
#content .title a:hover { color: #3a1806; }

/* Footer Typographic Styles */
#footer p { color: #999; }
#footer a { color: #7f923b; }
#footer a:hover { color: #ac763a; }

/* Image Styles 
.photo a img, .col3 img { border: 1px solid #e5e1dc; background: white; display: block; margin: 0 0 5px 0; padding: 5px; }
.photo a:hover img { border: 2px solid #dddcd9; padding: 4px; } */

.photo-bg { width: 100px; height: 85px; background-position: center; display: block; border: 0px none; float: right; }

/* Other Typographic Styles */
.separator { color: #888; }

blockquote { background:#f6f6f6;	padding:10px; border:1px solid #eee; color: #444; line-height: 1.4em; margin: 0px 0 12px 25px; }
abbr, acronym {font-style: normal;border-bottom: 1px dotted #dbd5c5;cursor: help;}
a abbr {border: none;}
em {font-style: italic;}
strong {font-weight: bold; }
del {text-decoration: line-through;color: #777777;}
ins { text-decoration: none;font-style: italic;}
select {width: 210px;margin-bottom: 20px;}
address {font-style: normal;	margin-left: 10px;	padding-left: 10px;	border-left: 2px solid #c0cda6;}
iframe {	border: none;	margin: 0;	padding: 0;}

a.button {
	background: #73615b;
	padding: 7px 18px;
	color: #eee !important;
	font-weight: bold;
	border: 0px none;
}
a.button:hover { color: white !important; background: #7f923b; }

.hide {display: none;}
.precios { padding: 12px 35px 5px 35px; font: 1.2em Georgia; margin: 6px 0 10px 0; }
.precios li { line-height: 1.1em !important; background: url(../img/tick.gif) no-repeat left 3px; padding-left: 14px; }
.precios { background: #f6ffd6; border: 1px solid #c0cda6; }
#entry small {color:#666; font-family: Verdana, sans-serif;}
#entry small:before { content: "Nota: "; font-weight: bold; }



/* Tarifas - TABLAS */
table { border-spacing: 0px 0px; border-collapse: collapse; width:100%; border:0; font-size: 1em; padding:0; margin: 0;}
th { color: #7f923b;	border-bottom: 2px solid #e5e1dc;padding:0 0 5px 0; text-align: left; }
td { border-bottom: 1px solid #e5e1dc; padding: 5px 8px 5px 0; margin: 0; text-align:left; }
tr { padding: 0; margin: 0; }
tr.oferta {  }
tfoot td { border-bottom: 0px none; color: #919191 !important; }
table.tarifas { margin: 5px 0 25px 0;  }



/* Pricing tabs */
.pricing-plans { width: 560px; }
#formula-libre, #formula-guiada { width: 530px; padding: 15px; background: white; border-bottom: 2px solid #DDD; }

.pricing-tabs { padding: 0; background: transparent; }
.pricing-tabs ul { float: left; width: 100%; margin: 0; padding: 0; }
.pricing-tabs ul li { float: left; margin: 0; list-style: none; }
.pricing-tabs li a,
.pricing-tabs li strong {display: block; padding: 6px 15px; margin: 0 5px 0 0; background: #e5e1dc; }
.pricing-tabs #n-libre { width: 250px; }
.pricing-tabs #n-libre strong { background: #FFF; }

.pricing-tabs #n-guiado { width: 250px; }
.pricing-tabs #n-guiado strong { background: #FFF;}




/* Slideshow
------------------------------ */

.slideshow {
	position: relative;
	width: 980px;
	height: 321px;
	margin: 0;
	background: url(../img/bg-slideshow.jpg) no-repeat 0 100%;
	color: #FFF;
	overflow: hidden;
}
.slideshow .container {
	width: 4900px;
	height: 321px;
	overflow: hidden;
}
	.slideshow .slide-1,
	.slideshow .slide-2,
	.slideshow .slide-3,
	.slideshow .slide-4 {
		position: relative;
		float: left;
		width: 980px;
		height: 321px;
	}

	/* Slides headers */

	.slideshow h2 {
		position: relative;
		width: 350px;
		margin: 28px 0 15px 22px;
		overflow: hidden;
		padding: 0px;
	}
		.slideshow h2 span {
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
			background-image: url(../img/h-slide.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
		}
		.slideshow .slide-2 h2 span { background-position: 0 -25px; }
		.slideshow .slide-3 h2 span { background-position: 0 -50px; }
		.slideshow .slide-4 h2 span { background-position: 0 -75px; }

	/* Slides content */

	.slideshow p {
		width: 350px;
		margin: 0 0 1em 22px;
		line-height: 1.5;
		font-size: 1.2em;
		color: #352c23 !important;
		font-family: Georgia;
	}
	.slideshow ul.check { width: 350px; margin: 0 0 0 22px; font-size: 1.2em; color: #352c23 !important; font-family: Georgia; }
	.slideshow ul.check li { background: url(../img/check.gif) no-repeat left 5px; padding: 0 0 5px 19px; margin: 0 !important; line-height: 1.3em; }
	.slideshow ul.check a { color: #352c23 !important; text-decoration: underline; }
	.slideshow ul.check a:hover { text-decoration: none; }
	
	.slideshow .screenshot {
		position: absolute;
		top: 0; right: 0;
		width: 594px;
		height: 321px;
	}
		.slideshow .screenshot img {
			display: block;
		}

	/* "Next" and "Sign Up" button */

	.slideshow a.next,
	.slideshow a.signup {
		position: absolute;
		bottom: 140px; right: 0;
		height: 28px;
		padding: 12px 0 0;
		color: #3C4B58;
		text-align: center;
		cursor: pointer;
	}
	.slideshow a.next {
		width: 154px;
	}
	.slideshow a.signup {
		width: 239px;
	}
		.slideshow a.next span {
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
			background-image: url(../img/next.png);
			background-repeat: no-repeat;
		}
		.slideshow a.signup span {
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
			background-image: url(../img/signup.png);
			background-repeat: no-repeat;
		}
		.slideshow a.next span         { background-position: 0 -40px; }
		.slideshow a.next:hover span   { background-position: 0 0; }
		.slideshow a.signup span       { background-position: -0 -40px; }
		.slideshow a.signup:hover span { background-position: 0 0; }



/* Slideshow Navigation
------------------------------ */

.slideshow-nav {
	height: 31px;
	background: url(../img/bg-subslider.jpg) no-repeat left top;
	padding: 0 0 30px 0;
}
	.slideshow-nav ol {
		margin: 0;
		background: url(../img/bg-slideshow-nav.gif) no-repeat 0 0;
		overflow: hidden;
	}
		.slideshow-nav li {
			float: left;
			height: 15px;
			margin: 0;
			padding: 7px 0;
			list-style: none;
		}
			.slideshow-nav li a {
				position: relative;
				display: block;
				height: 18px;
				overflow: hidden;
			}
				.slideshow-nav li a span {
					position: absolute;
					top: 0; left: 0;
					width: 100%; height: 100%;
					background: url(../img/slideshow-nav.jpg) no-repeat 0 0;
				}

			.slideshow-nav li.slide-1 a { width: 80px; margin: 0 185px 0 22px; color: #000 !important; }
			.slideshow-nav li.slide-1 a span		{ background-position: -20px -6px; }

			.slideshow-nav li.slide-2 a { width: 125px; margin: 0 168px 0 0; }
			.slideshow-nav li.slide-2 a span		{ background-position: -286px -6px; color: #000 !important; }
			.slideshow-nav li.slide-2 a:hover span	{ background-position: -286px -36px;  }

			.slideshow-nav li.slide-3 a { width: 105px; margin: 0 194px 0 0; }
			.slideshow-nav li.slide-3 a span		{ background-position: -578px -6px; }
			.slideshow-nav li.slide-3 a:hover span	{ background-position: -578px -36px; }

			.slideshow-nav li.slide-4 a { width: 80px; margin: 0; }
			.slideshow-nav li.slide-4 a span		{ background-position: -877px -6px; }
			.slideshow-nav li.slide-4 a:hover span	{ background-position: -877px -36px; }


	/* Current slide */

	.current-1 ol { background-position: 0 0; }

	.current-2 ol { background-position: 0 -30px; }
	.current-2 ol li.slide-2 a span { background-position: -286px -36px; }

	.current-3 ol { background-position: 0 -60px; }
	.current-3 ol li.slide-2 a span { background-position: -286px -36px; }
	.current-3 ol li.slide-3 a span { background-position: -578px -36px; }

	.current-4 ol { background-position: 0 -90px; }
	.current-4 ol li.slide-2 a span { background-position: -286px -36px; }
	.current-4 ol li.slide-3 a span { background-position: -578px -36px; }
	.current-4 ol li.slide-4 a span { background-position: -877px -36px; }