@charset "utf-8";
.Book{
	display:none;
	height:100%;
	width:100%;
	/*background-color:rgba(242,238,238,0.9);*/
	background-color:rgba(250,250,250,0.95);
	
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
}

.Book > form{
	display:block;
	height:600px;
	width:800px;
	
	margin-left:-400px;
	
	position:absolute;
	top:50%;
	left:50%;
	
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	
	background-position:50% 50%;
	background-repeat:no-repeat;
	
	
	-webkit-transition:all 0.5s ease-in-out;
	   -moz-transition:all 0.5s ease-in-out;
		 -o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;
}

.Book > form.Send{
	background-image:url(../Imagenes/Forms/Form_Send.gif);
}
.Book > form.Ok{
	background-image:url(../Imagenes/Forms/Form_Ok.png);
}
.Book > form.Error{
	background-image:url(../Imagenes/Forms/Form_Error.png);
}

.Book > form.Send > p,
.Book > form.Send > h3,
.Book > form.Ok > p,
.Book > form.Ok > h3,
.Book > form.Error > p,
.Book > form.Error > h3,
.Book > form.Confirm > p,
.Book > form.Confirm > h3{
	display:none;
}

.Book > form > a{
	display:block;
	height:35px;
	line-height:30px;
	width:35px;
	
	position:absolute;
	top:0px;
	right:-10%;
	
	font-family:"museo_sans100";
	font-size:35px;
	color:#178157;
	text-align:center;
	border-radius:40px;
	border:#178157 solid 1px;
	
	cursor:pointer;
}
.Book > form > a:hover{
	background-color:#178157;
	color:#FFF;	
}

.Book > form > h2{
	display:block;
	height:100px;
	line-height:100%;
	
	font-family:"chunkfive_exregular";
	font-size:40px;
	color:#178157;
	font-weight:normal;
	text-align:right;
	background-image:url(/Recursos/Imagenes/Menu/biking_logo.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:auto 100px;
	
	margin-bottom:2%;
}

.Book > form > h3{
	display:block;
	height:30px;
	line-height:30px;
	width:100%;
	
	font-family:"chunkfive_exregular";
	font-size:24px;
	color:#178157;
	font-weight:normal;

	border-bottom:#519c84 dotted 1px;
	float:left;
	
	margin:3% 0px 1.5% 0px;
}
.Book > form > p{
	display:block;
	height:auto;
	width:400px;
	float:left;
	
	
	font-family:"museo_sans300";
	font-size:14px;
	color:#666;
}
.Book > form > p > b{
	font-family:"museo_sans700";
	font-size:18px;
	font-weight:normal;
	color:#666;
}
.Book > form > p > label{
	display:block;
	height:30px;
	line-height:30px;
	
	font-family:"museo_sans300";
	font-size:12px;
	color:#666;
}
.Book > form > p > select,
.Book > form > p > textarea,
.Book > form > p > [type=text],
.Book > form > p > [type=date]{
	display:block;
	height:28px;
	width:80%;
	
	padding:0px 10px;
	border:#178157 solid 1px;
	background-color:#f7f3f2;
	
	font-family:"museo_sans300";
	font-size:12px;
	color:#666;
	
	float:left;
	
	outline:none;
}
.Book > form > p > select{
	padding:0px 0px 0px 10px;
	height:30px;
}
.Book > form > p > textarea{
	line-height:20px;
	width:780px;
	height:40px;
	padding:10px;
}

.Book > form > p > [type=button]{
	display:block;
	height:40px;
	line-height:40px;
	margin:20px auto;
	padding:0px 20px;
	
	background-color:transparent;
	
	border:#178157 solid 1px;
	font-family:"museo_sans700";
	font-size:15px;
	color:#178157;
	text-transform:uppercase;
	
	cursor:pointer;
	outline:none;
}
.Book > form > p > [type=button]:hover{
	background-color:#178157;
	color:#FFF;
}
.TxtError{
	border:#F00 solid 1px !important;
	/*background-image:url(../Imagenes/Forms/Form_TxtError.png);*/
	background-color:#fff2f2 !important;
	color:#F00 !important;
}



.Book > form > span{
	display:none;
	height:auto;
	line-height:16px;
	width:500px;
	
	font-family: 'museo_sans300';
	font-weight:normal;
	font-size:14px;
	color:#666;
	text-align:left;
	
	-webkit-transform:translate(-50%,-50%);
	   -moz-transform:translate(-50%,-50%);
		 -o-transform:translate(-50%,-50%);
			transform:translate(-50%,-50%);
	
	position:absolute;
	top:50%;
	left:50%;
}
.Book > form.Confirm > span{
	display:block;
}

.Book > form > span > h2{
	display:block;
	height:auto;
	
	font-family: 'chunkfive_exregular';
	font-weight:normal;
	font-size:30px;
	color:#00b53a;
	text-align:center;
	
	padding:80px 0 20px 0;
	
	background-image:url(../Imagenes/Forms/Form_Check.png);
	background-repeat:no-repeat;
	background-position:top center;
}

@media only screen and (max-width:1024px) {
	.Book{
		display:none;
		height:100%;
		width:100%;

		
		overflow-x:hidden;
		overflow-y:auto;
	}
	
	.Book > form{
		display:table;
		height:auto;
		min-height:300px;
		width:calc(100% - 40px);
		
		margin-left:0px;
		margin-top:0px;
		
		position:static;
		top:0;
		left:0;
		
		padding:50px 20px 20px 20px;
		
		transform:translateY(0%);
		-webkit-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-o-transform:translateY(0%);
	}
	
	.Book > form.Send{
		height:100%;
		background-image:url(../Imagenes/Forms/Form_Send.gif);
	}
	.Book > form.Ok{
		height:100%;
		background-image:url(../Imagenes/Forms/Form_Ok.png);
	}
	.Book > form.Error{
		height:100%;
		background-image:url(../Imagenes/Forms/Form_Error.png);
	}
	
	.Book > form.Send > p,
	.Book > form.Send > h3,
	.Book > form.Ok > p,
	.Book > form.Ok > h3,
	.Book > form.Error > p,
	.Book > form.Error > h3{
		display:none;
	}
	
	.Book > form > a{
		display:block;
		
		position:absolute;
		top:10px;
		right:10px;
		
	}
	

	
	.Book > form > h2{
		display:block;
		height:auto;
		line-height:100%;
		width:90%;
		
		background-position:top center;
		
		font-size:30px;
		text-align:center;
		
		padding:120px 0 0 0;
		
		margin:0 5% 20px 5%;
	}
	
	.Book > form > h3{
		display:block;
		float:none;
		
		margin:3% auto 1.5% auto;
	}
	.Book > form > p{
		display:block;
		height:auto;
		width:80% !important;
		float:none;
		
		margin:0 auto;
	}
	.Book > form > p > label{
		display:block;
		height:30px;
		line-height:30px;
		width:100%;
		
		margin:0 auto;
	}
	.Book > form > p > select,
	.Book > form > p > textarea,
	.Book > form > p > [type=text],
	.Book > form > p > [type=date]{
		display:block;
		height:28px;
		width:100% !important;
		
		padding:0px 10px;
		border:#3a2320 solid 1px;
		background-color:#f7f3f2;
		
		font-family:"museo_sans300";
		font-size:12px;
		color:#666;
		
		float:none;
		
		outline:none;
	}
	.Book > form > p > select{
		padding:0px 0px 0px 10px;
	}
	.Book > form > p > textarea{
		line-height:20px;
		width:780px;
		height:40px;
		padding:10px;
	}
	
	.Book > form > p > [type=button]{
		display:block;
		height:40px;
		line-height:40px;
		margin:20px auto;
		padding:0px 20px;
	}
	
	
	
	.Book > form > span{
		display:none;
		height:auto;
		line-height:16px;
		width:90%;
		
		margin:20px auto;
		
		-webkit-transform:none;
		   -moz-transform:none;
			 -o-transform:none;
				transform:none;
		
		position:static;
		top:auto;
		left:auto;
	}
}