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

*{ margin:0;
	padding:0;}

body {
	margin:0 auto;
	padding:0;
	width:100%;
	color:#000;	
	/*background-repeat:no-repeat;
	background-image:url(../images/cover_bg.jpg);*/
	background-size:100%;
	background-color:#FFF;
	text-align:justify;
	background-size:cover;
	font-family: myFirstFont;
	font-size:14px;
	min-height:500px;
	background-size:100%;
	
	
	
	
}
.clear{
	clear:both;
}

*{padding:0; margin:0; border:none; text-decoration:none; list-style:none;}
p,h1,h2,,h3,h4,h5,h6{ padding:0; margin:0;}
ul{ padding:0; margin:0;}
a{ text-decoration:none; }

header{ margin:0 auto; padding:0; width:100%; float:none; height:30px; background-color:#fff; border-bottom:2px solid #999;}
.left_header_bar{ width:100%; height:30px; font-size:12px; color:#999999; font-weight:bold; line-height:25px; }
.right_header_bar{ width:100%; height:30px; text-align:right;}
.right_header_bar a{ margin-left:10px; line-height:25px;}
.head{ margin:0 auto; padding:0; width:100%; float:none; height:80px; background-color:#FFF; box-shadow:2px 2px 3px 2px #999; position:relative; z-index:999;}
.logo{ width:100%; height:110px; background-color:#FFF; box-shadow:0px 5px 1px -1px #999; text-align:center; }
.logo img{ margin-top:20px;}
.menu{ margin:0 auto; padding:0; width:75%; float:right;}


@media (max-width:768px) {


header{ margin:0 auto; padding:0; width:100%; float:none; height:30px; background-color:#fff; border-bottom:2px solid #999;}
.left_header_bar{ width:100%; height:30px; font-size:12px; color:#999999; font-weight:bold; line-height:25px; }
.right_header_bar{ width:100%; height:30px; text-align:right;}
.right_header_bar a{ margin-left:10px; line-height:25px;}
.head{ margin:0 auto; padding:0; width:100%; float:none; height:80px; background-color:#FFF; box-shadow:2px 2px 3px 2px #999;}
.logo{ width:100%; height:110px; background-color:#FFF; box-shadow:0px 5px 1px -1px #999; text-align:center;}
.logo img{ margin-top:20px;}
.menu{ margin:0 auto; padding:0; width:75%; float:right;}
.telephone{ float:left; clear:both; margin-top:32px;}

}

#place_name h1{ text-align:left; font-size:70px; text-transform:uppercase; margin-top:-400px; text-shadow:2px 2px 2px #FFF;}


@media (max-width:768px) {

#place_name h1{ text-align:left; font-size:28px; text-transform:uppercase; margin-top:-480px; text-shadow:2px 2px 2px #FFF;}


}

#welcome_section{ margin:0 auto; padding:0; width:100%; float:none; margin-top:30px;}
#welcome_section img{ width:100%;}
#welcome_section p{ line-height:25px; width:80%; margin:0 auto; padding:0; text-align:center; margin-top:20px; height:95px; overflow:hidden;}

#destination_sec{ margin:0 auto; padding:0; width:100%; float:none; min-height:500px;  background-color:#e8e8e8; margin-top:40px; padding-bottom:40px;}

.left_des1{ margin:0 auto; padding:0; width:100%; height:244px; margin-top:40px;}
.left_des1 img{ width:100%; height:244px;}
.right_des1{ margin:0 auto; padding:0; width:100%; height:244px; background-color:#FFF; margin-top:40px; background-image:url(../images/map_bg.jpg); background-repeat:no-repeat; background-size:100%; }
.right_des1 h2{ font-family: myFirstFont1; padding:10px;}
.right_des1 p{ padding:0px 10px 0px 10px; height:140px; overflow:hidden;}
.details a{ margin:0 auto; padding:0; background-color:#CCC; padding:5px; text-decoration:none; color:#000; float:right; margin-right:10px; margin-top:-10px;}
.details a:hover{ background-color:#000; color:#CCC; text-decoration:none;}


@media (max-width:768px) {

#welcome_section{ margin:0 auto; padding:0; width:100%; float:none; margin-top:-300px;}
#welcome_section img{ width:100%;}
#welcome_section p{ line-height:25px; width:80%; margin:0 auto; padding:0; text-align:center; margin-top:20px; height:420px; overflow:hidden;}
.destination{ margin:0 auto; padding:0; width:100%;}
.destination img{ width:100%;}

}


#hotel_section{ margin:0 auto; padding:0; width:100%; background-image:url(../images/hotel_bg.jpg); background-repeat:no-repeat; height:550px;}
.hotel{ margin:0 auto; padding:0; width:100%; padding-top:40px;}
.hotel img{ width:100%;}




#sec2{ width:100%; height:380px; margin:0 auto; padding:0; }

#slide1{ margin:0 auto; padding:0; float:none; width:100%; height:400px; padding:10px; }
.left_content{ width:50%; float:left; height:320px; padding:10px; margin-top:30px; border:5px solid #FFF; text-align:center; padding-top:20px; margin-top:80px;}
.left_content h4{ color:#FFF; text-transform:uppercase; font-size:24px; border-bottom:2px solid #FFF; margin-top:20px; padding-bottom:20px;}
.left_content p{ color:#FFF; height:80px; overflow:hidden; width:80%; margin:0 auto; }
.right_img{ width:50%; float:right; height:350px; text-align:right; padding:10px; margin-top:50px; }
.right_img img{ width:90%; margin-top:20px; height:80%;}
.right_img p{ margin:0 auto; padding:0; width:90%; background-color:#719acd; float:right; height:60px; text-align:left; line-height:50px; }
.right_img p img{ width:10px; height:18px; margin-top:-5px; margin-left:10px;}
.right_img p span{ margin-left:10px; color:#FFF;}
.prevBtn, .nextBtn {display:block; width:22px; height:40px;position:absolute;left:-30px;top:220px; z-index:1;background:url(images/btn_prev.gif) no-repeat 0 0;cursor:pointer; font-size:0px;}	
.nextBtn{left:1120px; background:url(../images/next.png) no-repeat 0 0; }														
.prevBtn { right:50px; background:url(../images/previous.png) no-repeat 0 0;}

.link{ width:100%;}
.link a{ margin-left:3px;}

@media (max-width:768px) {

#slide1{ margin:0 auto; padding:0; float:none; width:100%; height:400px; padding:10px; }
.left_content{ width:50%; float:left; height:320px; padding:10px; margin-top:30px; border:5px solid #FFF; text-align:center; padding-top:20px; margin-top:80px;}
.left_content h4{ color:#FFF; text-transform:uppercase; font-size:24px; border-bottom:2px solid #FFF; margin-top:20px; padding-bottom:20px;}
.left_content p{ color:#FFF; height:80px; overflow:hidden; width:80%; margin:0 auto; }
.right_img{ width:50%; float:right; height:350px; text-align:right; padding:10px; margin-top:50px; }
.right_img img{ width:90%; margin-top:20px; height:80%;}
.right_img p{ margin:0 auto; padding:0; width:90%; background-color:#719acd; float:right; height:60px; text-align:left; line-height:50px; }
.right_img p img{ width:10px; height:18px; margin-top:-5px; margin-left:10px;}
.right_img p span{ margin-left:10px; color:#FFF;}
.prevBtn, .nextBtn {display:block; width:22px; height:40px;position:absolute;left:-30px;top:220px; z-index:1;background:url(images/btn_prev.gif) no-repeat 0 0;cursor:pointer; font-size:0px;}	
.nextBtn{left:260px; background:url(../images/next.png) no-repeat 0 0; }														
.prevBtn { right:50px; background:url(../images/previous.png) no-repeat 0 0;}

.link{ width:100%;}
.link a{ margin-left:3px;}

}

#up_foot{ margin:0 auto; padding:0; width:100%; float:none; height:230px; background-color:#e8e8e8;}
.up_foot_left{ width:100%; height:160px; margin-top:40px; color:#999;}
.up_foot_left h2{ text-transform:uppercase; font-size:24px; text-align:left;}
.up_foot_left p{ height:100px; overflow:hidden; font-weight:bold;}
.up_foot_middle{ width:100%; height:160px;  margin-top:40px; color:#999;}
.up_foot_middle h2{ text-transform:uppercase; font-size:24px;}
.up_foot_middle span{ width:90%; float:right; height:58px; overflow:hidden;}
.up_foot_middle strong{ width:90%; float:right; font-size:18px; margin-top:-5px;}
.up_foot_right{ width:100%; height:160px; margin-top:40px;  }
.up_foot_right h2{ text-transform:uppercase; font-size:24px; color:#999;}

input[type="text"]{
	margin:10px 0 0px;
	width:250%;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#707070;
	background:#fff;
	border:1px solid #ccc;
	font-style:italic;
	height:30px;
}
input[type="submit"]{
	float:right;
	margin-right:-150%;
	padding:5px;
	margin-top:10px;
	
}


@media (max-width:768px) {
	
	#up_foot{ margin:0 auto; padding:0; width:100%; float:none; height:630px; background-color:#e8e8e8;}
	input[type="text"]{
	margin:10px 0 0px;
	width:200%;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#707070;
	background:#fff;
	border:1px solid #ccc;
	font-style:italic;
	height:30px;
}
input[type="submit"]{
	float:right;
	margin-right:-100%;
	padding:5px;
	margin-top:10px;
	
}
	
	
	}
	
	
	#low_foot{ margin:0 auto; padding:0; float:none; width:100%; background-color:#5f6f80; height:100px; }
	.left_low_foot{ width:100%; height:60px; }
	.left_low_foot p{ color:#fff; line-height:40px; font-weight:bold; margin:15px 0 0 0;}
	.left_low_foot strong{ font-weight:300;}
	.left_low_foot span{ margin-left:10px; font-weight:bold;}
	.right_low_foot{ width:100%; height:60px; }
	.right_low_foot p{ color:#fff; line-height:80px; text-align:right; font-weight:bold;}
	
	
	#low_foot1{ margin:0 auto; padding:0; float:none; width:100%; background-color:#5f6f80; height:65px; }
	.left_low_foot1{ width:100%; height:40px; }
	.right_low_foot1{ width:100%; height:40px; }
	.right_low_foot1 p{ color:#fff; line-height:50px; text-align:right; font-weight:bold;}
	.right_low_foot1 a{ text-decoration:none; color:#FFF;}
	.right_low_foot1 a:hover{ text-decoration:none; color:#FFF;}
	
	
	@media (max-width:768px) {
		
		#low_foot{ margin:0 auto; padding:0; float:none; width:100%; background-color:#5f6f80; height:100px; padding-top:20px;}
	.left_low_foot{ width:100%; height:60px; }
	.left_low_foot p{ color:#fff; line-height:20px; font-weight:bold; text-align:center;}
	.left_low_foot strong{ margin-left:20px; font-weight:300;}
	.left_low_foot span{ margin-left:10px; font-weight:bold; text-align:center;}
	.right_low_foot{ width:100%; height:60px; }
	.right_low_foot p{ color:#fff; line-height:20px; text-align:center; font-weight:bold;}
	
	#low_foot1{ margin:0 auto; padding:0; float:none; width:100%; background-color:#5f6f80; height:100px; }
	.left_low_foot1{ width:100%; height:40px; }
	.right_low_foot1{ width:100%; height:40px; }
	.right_low_foot1 p{ color:#fff; line-height:20px; text-align:center; font-weight:bold;}
	.right_low_foot1 a{ text-decoration:none; color:#FFF;}
	.right_low_foot1 a:hover{ text-decoration:none; color:#FFF;}
		
		}
		
		
		#middle_sec{ margin:0 auto; padding:0; width:70%; float:none; margin-bottom:40px;}
		.left_middle_sec{ width:33%; float:left; height:200px; text-align:center; background-image:url(../images/border_bg.png); background-size:100%; background-repeat:no-repeat; background-position:bottom;}
		.middle_middle_sec{ width:33%; float:left; height:200px; margin-left:.5%; background-image:url(../images/border_bg1.png); background-size:100%; background-repeat:no-repeat; background-position:bottom;}
		.right_middle_sec{ width:33%; float:right; height:200px; background-image:url(../images/border_bg.png); background-size:100%; background-repeat:no-repeat; background-position:bottom;}
		
		
			@media (max-width:768px) {
		
			#middle_sec{ margin:0 auto; padding:0; width:100%; float:none; margin-bottom:40px;}
		.left_middle_sec{ width:100%; float:left; height:200px; text-align:center; background-image:url(../images/border_bg.png); background-size:100%; background-repeat:no-repeat; background-position:bottom; background:none;}
		.middle_middle_sec{ width:100%; float:left; height:200px; margin-left:.5%; background-image:url(../images/border_bg1.png); background-size:100%; background-repeat:no-repeat; background-position:bottom; background:none;}
		.right_middle_sec{ width:100%; float:right; height:200px; background-image:url(../images/border_bg.png); background-size:100%; background-repeat:no-repeat; background-position:bottom; background:none;}
		
		}
		
		
		.about_name{ width:100%; text-align:center; margin:0 auto; padding:0; text-align:center; margin-top:20px;}
		.about_name p{ width:80%; margin:0 auto; padding:0; margin-top:20px; margin-bottom:40px; line-height:25px; height:100px; overflow:hidden;}
		
		
			@media (max-width:768px) {
		
	.about_name{ width:100%; text-align:center; margin:0 auto; padding:0; text-align:center; margin-top:20px;}
	.about_name img{ width:100%;}
	.about_name p{ width:80%; margin:0 auto; padding:0; margin-top:20px; margin-bottom:40px; line-height:25px; height:420px; overflow:hidden;}
		
		}
		
		
.content_data{ margin:0 auto; padding:0; width:100%; float:none; margin-bottom:40px;}
.left_content_data{ width:100%; height:200px; }
.left_content_data img{ width:100%; height:100%;}

.right_content_data{ width:100%; height:200px; border:1px solid #999; padding:10px;}		
.right_content_data h3{ font-size:24px; margin:0 auto; padding:0; font-family: myFirstFont1;}	
.right_content_data p{ height:140px; overflow:hidden; margin-top:10px;}	

	@media (max-width:768px) {
		
.content_data{ margin:0 auto; padding:0; width:100%; float:none; margin-bottom:40px;}
.left_content_data{ width:100%; height:200px; }
.left_content_data img{ width:100%; height:100%;}

.right_content_data{ width:100%; height:500px; border:1px solid #999; padding:10px;}		
.right_content_data h3{ font-size:24px; margin:0 auto; padding:0; font-family: myFirstFont1;}	
.right_content_data p{ height:440px; overflow:hidden; margin-top:10px;}	
		
		}
		
		
		
		#middle_section{ margin:0 auto; padding:0; width:100%; min-height:500px; float:none;}
		
		#left_sec{ width:100%; text-align:center; }
		#middle_sec{ width:100%; text-align:center;}
		
#middle_sec a{ padding:5px; box-shadow:1px 1px 1px 1px #666; margin-left:2px; text-decoration:none; color:#666;}
#middle_sec a:hover{ padding:5px; box-shadow:1px 1px 1px 1px #666; margin-left:2px; text-decoration:none; background-color:#5f6f80; color:#FFF;}
		#right_sec{ width:100%; }
		
		
		
	@media (max-width:768px) {
		
	#left_sec{ width:100%; text-align:center; }
		#middle_sec{ width:100%; text-align:center; margin-top:10px;}
		
#middle_sec a{ padding:5px; box-shadow:1px 1px 1px 1px #666; margin-left:2px; text-decoration:none; color:#666;}
#middle_sec a:hover{ padding:5px; box-shadow:1px 1px 1px 1px #666; margin-left:2px; text-decoration:none; background-color:#5f6f80; color:#FFF;}
		#right_sec{ width:100%; margin-top:-20px; margin-bottom:20px; }
		
		}
		
		.left_middle_section{ width:100%; float:left; margin:0 auto; padding:0;}
		#hotel{ margin:0 auto; padding:0; width:100%; border:1px solid #999; min-height:240px; margin-bottom:20px; padding:10px;}
		.image{ width:35%; height:178px; float:left;}
		.image img{ width:100%; height:100%;}
		.data{ width:62%; height:178px; float:right;}
		.data h5{ font-weight:bold; height:15px; overflow:hidden; text-align:left;}
		.data p{ height:40px; overflow:hidden;}
		.data strong{ margin-left:10px; font-weight:100;}
		.link{ width:100%; text-align:right;}
        .link a{ margin-left:3px;}
		.right_middle_section{ width:100%; float:right; margin:0 auto; padding:0;}
		
		#part{ margin:0 auto; padding:0; width:100%; float:none; border-top:1px solid #999; margin-top:60px;}
		.left_part{ width:45%; float:left; text-align:center; height:40px; line-height:40px; border-right:1px solid #999;}
		.middle_part{ width:30%; float:left; height:40px;  margin-left:2.5%; line-height:40px; text-align:center;}
		.right_part{ width:20%; float:right; height:40px; border-left:1px solid #999; text-align:center; }
		.right_part a{ text-decoration:none; color:#000; line-height:40px; font-weight:bold;}
		.right_part a:hover{ text-decoration:none; color:#5f6f80;}
		.left_part img{ width:10px; height:15px; }
		
		@media (max-width:768px) {
		
	#hotel{ margin:0 auto; padding:0; width:100%; border:1px solid #999; min-height:260px; margin-bottom:20px; padding:10px;}
	.link{ width:100%;  }
	.link a img{ margin-left:0px; width:12%;}
	#part{ margin:0 auto; padding:0; width:100%; float:none; border-top:1px solid #999; margin-top:60px;}
	.left_part{ width:45%; float:left; text-align:center; height:40px; line-height:20px; border-right:1px solid #999;}
	.middle_part{ width:30%; float:left; height:40px;  margin-left:2.5%; line-height:20px; text-align:center;}
	.right_part{ width:20%; float:right; height:40px; border-left:1px solid #999; text-align:center; }
	.right_part a{ text-decoration:none; color:#000; line-height:20px; font-weight:bold;}
		}
		.pac_code{ text-align:center; color:#719acd; text-transform:uppercase; font-size:24px;}
		
.tab{ width:100%; margin:0 auto; padding:0; min-height:300px; margin-bottom:40px;}
.buttons{ margin:0 auto; padding:0; width:70%; float:left; margin-top:10px;}
.buttons a{ padding:10px; background-color:#FFF; box-shadow:1px 1px 1px 1px #999; text-decoration:none; color:#5f6f80;}
.buttons a:hover{ padding:10px; background-color:#5f6f80; text-decoration:none; color:#fff;}
.search{ margin:0 auto; padding:0; width:30%; height:40px; float:right;}
.tab_data{ margin:0 auto; padding:0; width:100%; min-height:300px; border:5px solid #5f6f80; background-color:#FFF; padding:10px;}
.tab_data h3{ font-family: myFirstFont1; font-weight:bold;}
.tab_data p{ margin-bottom:5px;}

	@media (max-width:768px) {
		.pac_code{ text-align:center; color:#719acd; text-transform:uppercase; font-size:24px; margin-bottom:50px;}
.tab{ width:100%; margin:0 auto; padding:0; min-height:300px; margin-bottom:40px;}
.buttons{ margin:0 auto; padding:0; width:100%; float:left; margin-top:10px; text-align:center;}
.buttons a{ padding:10px; background-color:#FFF; box-shadow:1px 1px 1px 1px #999; text-decoration:none; color:#5f6f80; line-height:40px; font-size:12px; text-align:left;}
.buttons a:hover{ padding:10px; background-color:#5f6f80; box-shadow:1px 1px 1px 1px #999; text-decoration:none; color:#fff;}
.search{ margin:0 auto; padding:0; width:100%; height:40px; float:right; margin-top:-200px; }
.tab_data{ margin:0 auto; padding:0; width:100%; min-height:300px; border:5px solid #5f6f80; background-color:#FFF; padding:10px;}
.tab_data h3{ font-family: myFirstFont1; font-weight:bold;}
.tab_data p{ margin-bottom:5px;}
		}
		
		
		#left{ width:100%; height:240px; border:1px solid #999;}
		
		
		#left h3{ text-transform:uppercase; text-align:left; padding:10px; font-size:18px; color:#5f6f80; margin:0 auto; padding-left:15px;}
		.img{ width:90%; height:60%; background-color:#090; margin:0 auto; padding:0;}
		.img img{ width:100%; height:100%;}
		
		#left p{ padding:10px; border-top:1px solid #999; margin-top:20px; color:#5f6f80;}
		#left span a{ float:right; text-decoration:none; color:#5f6f80;}
		#left span a:hover{ float:right; text-decoration:none; color:#000;}
		
		
			@media (max-width:768px) {
	#left{ width:100%; height:240px; border:1px solid #999;}
		
		
		#left h3{ text-transform:uppercase; text-align:left; padding:10px; font-size:16px; color:#5f6f80; margin:0 auto; padding-left:15px; font-weight:bold;}
		.img{ width:90%; height:60%; background-color:#090; margin:0 auto; padding:0;}
		.img img{ width:100%; height:100%;}
		
		#left p{ padding:10px; border-top:1px solid #999; margin-top:20px; color:#5f6f80; font-size:10px;}
		#left span a{ float:right; text-decoration:none; color:#5f6f80;}
		#left span a:hover{ float:right; text-decoration:none; color:#000;}
		}