@charset "utf-8";
/* CSS Document */

#booking-form{
	margin-top:-100px;
}
#BEboxBg{
	/*background:rgba(0,0,0,0.6);*/	
	/*background-color:#4b392c;*/
	/*width:1046px;*/
	width:90%;
	height:70px;
	margin:auto;
}

#BEbox{
	width:100%;	
	margin:auto;
	border-top:1px solid #cccccc;
}

#BEbox1{
	width:100%; 
	margin:0 auto;
	padding:5px 0;	
}

#BEbox2{
	width:100%; 
	margin:auto;
	clear:both;
}

#BEbox3{
	width:100%; 
	margin:auto;
	padding-top: 5px;
}

#BEmobile{
	display:none;	
}


#ckIn{
	width:125px; 
	float:left;	
	margin-top: 5px;
}
	#ChkInStr{
		font-family:Arial; font-size:12px; color:#000; cursor:pointer; padding:5px; width:120px; height:30px; border:1px solid #fff; border-radius:5px; background:#FFF url(../images/calendar.png) no-repeat scroll right 3px center;	
	}

#ckOut{
	width:125px; 
	float:left;	
	margin-top: 5px;
}
	#ChkOutStr{
		font-family:Arial; font-size:12px; color:#000; cursor:pointer; padding:5px; width:120px; height:30px; border:1px solid #fff; border-radius:5px; background:#FFF url(../images/calendar.png) no-repeat scroll right 3px center;	
	}

#adult{
	width:105px; 
	float:left;	
	margin-top: 5px;
}
	#Adults{
		font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #fff; width:100px; height:30px; background-color:#fff; color:#000; border-radius:5px;	line-height:1.6;
	}

#children{
	width:105px; 
	float:left;	
	margin-top: 5px;
	margin-left:-2px;
}
	#Childs{
		font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #fff; width:100px; height:30px; background-color:#fff; color:#000; border-radius:5px;	line-height:1.6;
	}

#promo{
	width:134px; 
	float:left;	
	margin-top: 5px;
}
	#ATACode{
		width:125px; height:30px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; /*margin-bottom:0px;*/ padding:5px; border:1px solid #fff; background-color:#fff; border-radius:5px;	
	}

#booknowbox{
	width:125px; 
	float:left;	
	margin-top: 5px;
}
	#booknow{
		width:120px; background:url(../images/bg.booknow.png); /*background-color:#d5963f;*/ border-radius:5px; height:30px; /*border:1px solid #35929e;*/		
	}
		#TextBOOKNOW{
			font-weight:bold; cursor:pointer; text-decoration:none; color:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:2.3; /*text-shadow: 0px -1px 0px #000;*/	
		}

#modifybox{
	width:145px; 
	float:left;	
	margin-top: 5px;
}
	#modify{
		width:140px; float:left; background:url(../images/bg.booknow.png); /*background-color:#d5963f;*/ border-radius:5px; height:30px;	/*border:1px solid #35929e;*/
	}
		#TextModify{
			font-weight:bold; cursor:pointer; text-decoration:none; color:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:2.6; /*text-shadow: 0px -1px 0px #000	*/
		}

#ckvaibox{
	width:164px; 
	float:left;	
	margin-top: 5px;
}
	#ckvai{
		width:163px; float:left; background:url(../images/bg.booknow.png); /*background-color:#d5963f;*/ border-radius:5px; height:30px;	/*border:1px solid #35929e;*/
	}
		#TextCkvai{
			font-weight:bold; cursor:pointer; text-decoration:none; color:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:2.6; /*text-shadow: 0px -1px 0px #000	*/
		}

#Reserv{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	width:200px;
	font-weight:bold;
	text-align:left;
	color:#d3c620;
	float:left;
}

#answer{
	width:543px; 
	text-align:center; 
	/*line-height:1.8;*/ 
	float:left;	
}
	#imgans1 img{
		vertical-align:middle;
	}
	#imgans2 img{
		vertical-align:middle;
	}
	#imgans3 img{
		vertical-align:middle;
	}
		#ans1{
			font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;
		}
		#ans2{
			font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;
		}
		#ans3{
			font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;	
		}

#power{
	width:126px; 
	float:right; 
	/*line-height:2;*/
	/*margin-right:10px;*/
}
	#TextPower{
		font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-align:right;	
	}
#BEbutton{
	display:none;	
}

<!-- BE Vertical -->

#BEboxVerticalA{
	width:100%;
	margin:auto;
}
#BEboxVerticalB{
	width:100%;
	margin:auto;
}


#blank{
	width:100%	
}

#line{
	height:5px;	
}

#ckInVertical{
	text-align: center;
	margin-top:5px;
}
	#ChkInStrVer{
		font-family:Arial; font-size:13px; color:#000; cursor:pointer; padding:5px; width:85%; height:10px; border:1px solid #000; border-radius:5px; background:#FFF url(/images/calendar.png) no-repeat scroll right 3px center;	
	}

#ckOutVertical{
	text-align: center;
	margin-top:5px;
}
	#ChkOutStrVer{
		font-family:Arial; font-size:13px; color:#000; cursor:pointer; padding:5px; width:85%; height:10px; border:1px solid #000; border-radius:5px; background:#FFF url(/images/calendar.png) no-repeat scroll right 3px center;	
	}
	
#adultVertical{
	width:45%;
	float:left;
	margin-left:8px;
	margin-top:5px;
}
	#AdultsVer{
		font-family:Arial, Helvetica, sans-serif; font-size:13px; border:1px solid #000; width:100%; height:22px; background-color:#fff; color:#000; border-radius:5px;	line-height:1.6;
	}

#childrenVertical{
	width:45%;
	float:right;	
	margin-right:8px;
	margin-top:5px;
}
	#ChildsVer{
		font-family:Arial, Helvetica, sans-serif; font-size:13px; border:1px solid #000; width:100%; height:22px; background-color:#fff; color:#000; border-radius:5px;	line-height:1.6;
	}
	
#promoVer{
	width:91%;
	margin:auto;
}
	#ATACodeVer{
		width:97%; height:22px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; border:1px solid #000; background-color:#fff; border-radius:5px;	margin-top:5px; padding-left:3px;
	}
	
#answerVer{
	width:95%; 
	text-align:left; 
	/*line-height:1.8;*/ 	
	margin-top:10px;
	margin-left:5%;
}
	#imgans1Ver{
		font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#453428; font-weight:bold;	
	}
		#imgans1Ver img{
			vertical-align:baseline;	
		}
	#imgans2Ver{
		font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#453428; font-weight:bold;	
	}
		#imgans2Ver img{
			vertical-align:baseline;	
		}
	#imgans3Ver{
		font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#453428; font-weight:bold;	
	}
		#imgans3Ver img{
			vertical-align:baseline;	
		}
	
		#ans1Ver{
			font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; font-weight:bold;
		}
		#ans2Ver{
			font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; font-weight:bold;
		}
		#ans3Ver{
			font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; font-weight:bold;	
		}
	
#booknowboxVer{
	width:91%; 
	margin:auto;
	margin-top:5px;
}
	#booknowVer{
		width:99%; /*background-color:#775f51;*/ background:url(/Images/bg.booknow.png); border-radius:5px; height:20px; border:1px solid #000;		
	}
		#TextBOOKNOWVer{
			cursor:pointer; text-decoration:none; color:#fff; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:14px; line-height:1.4;
		}

#modifyboxVer{
	width:91%; 
	margin:auto;
	margin-top:5px;
}
	#modifyVer{
		width:99%; /*background-color:#775f51;*/ background:url(/Images/bg.booknow.png); border-radius:5px; height:20px; border:1px solid #000;		
	}
		#TextModifyVer{
			cursor:pointer; text-decoration:none; color:#fff; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:1.5;
		}
		
#ckvaiboxVer{
	width:91%; 
	margin:auto;
	margin-top:5px;
}
	#ckvaiVer{
		width:99%; /*background-color:#ab9d90;*/ background:url(/Images/bg.chkvai.png); border-radius:5px; height:20px; border:1px solid #000;		
	}
		#TextCkvaiVer{
			cursor:pointer; text-decoration:none; color:#000; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:1.5;
		}		
		
#powerVer{
	width:100%; 
	float:left; 
	margin-top:5px;
	text-align:center;
	/*line-height:2;*/
	/*margin-right:10px;*/
}
	#TextPowerVer{
		font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#515151; text-align:center;	
	}
	
#BEVertical{
	width:185px;
	border:1px solid #000;
	margin:auto;
	height:310px;
}
	
#ReservVertical{
	background:#b4a99f;	
	height:30px;
	width:185px;
	margin:auto;
}
	#TextReservVertical{
		font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-align:center; font-weight:bold; line-height:2.5;	
	}
	
@media screen
	and (max-width : 1200px) {
#answer{
	width:520px; 
}		
	
#ckIn{
	width:110px; 
}
	#ChkInStr{
		width:105px;	
	}

#ckOut{
	width:110px; 
}
	#ChkOutStr{
		 width:105px;	
	}
	
#adult{
	width:80px; 
}
	#Adults{
		width:75px;
	}

#children{
	width:88px; 
}
	#Childs{
		width:80px;
	}

#promo{
	width:119px; 
	margin-left:-3px;
}
	#ATACode{
		width:110px;	
	}
	
#booknowbox{
	width:95px; 
}
	#booknow{
		width:90px;	
	}
		#TextBOOKNOW{
			font-size:12px; line-height:2.7;	
		}

#modifybox{
	width:110px; 
}
	#modify{
		width:105px;
	}
		#TextModify{
			font-size:11px; line-height:3; /*text-shadow: 0px -1px 0px #000	*/
		}

#ckvaibox{
	width:100px; 
}
	#ckvai{
		width:138px;
	}
		#TextCkvai{
			font-size:11px; line-height:3; /*text-shadow: 0px -1px 0px #000	*/
		}
}

@media screen
	and (max-width : 990px) {
	#BEbox{
		display:none;	
	}
	#booking-form{
		margin-top:-70px;	
	}
	#BEmobile{
		display:block;
		position:relative;
		width:100%;
	}
	#booknowbox1{
		width:100%;
		margin:auto;
		float:none;
		cursor:pointer;
	}
	#booknow1{
		margin:auto;
		width:100%;
		height:30px;
	}
	#TextBOOKNOW1{
		font-size:24px;
		line-height:1.3;
		color:#FFF;
	}
}

@media screen
	and (max-width : 770px) {

}

@media screen
	and (max-width : 480px) {

}