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


/*--------------------Reseter Css--------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:normal}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

/*--------------------Page--------------------*/

body { padding:0; margin:0; font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;  color:#b1e9fc;; font-size:13px;  height:100%; position:relative; overflow:hidden}
#supersize{position:fixed; z-index:-1;text-align:center; }
#supersize img, #supersize a{width:100%;display:none; }
#supersize .activeslide, #supersize .activeslide img{display:inline;}
body.welcomPage{position:inherit !important;}

h1,h2,h3,h4,h5{margin:0 0 10px 0; color:#424242;  }
h1 {font-size:16px; }
h2 {font-size:13px; }
h3 {font-size:12px; }
h4 {font-size:11px; }
h5 {font-size:10px; }


.clr{ clear:both;}
.alert {color:#f45700; margin:0 0 20px 0;}
.alignright{text-align:right;}
a{text-decoration:none; color:#000; transition: color 0.25s ease-in-out; -webkit-transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; }
a:hover{color:#6D6C6C;}


.form{ margin:0px; padding:0px;}
.form label{margin:0 0 3px 0;display:inline-block; width:103px;}
.form input{border:#989898 solid 1px; background:#f7f7f7; padding:5px ; margin:0 0 10px 0;  font-size:12px; color:#989898;}
.form select{border:#989898 solid 1px; background:#f7f7f7; padding:5px ; margin:0 0 10px 0;  font-size:12px; color:#989898;}
.form textarea{border:#989898 solid 1px; background:#f7f7f7; padding:5px ; margin:0 0 5px 0;  font-size:12px; color:#6D6C6C989898}
.form img{border:#989898 solid 1px; margin:0 0 5px 0;}
.form .inputerror{border:#FF0000 solid 1px;}


.container{}

.header{background:url(../images/black-60.png) repeat; height:68px; margin:0 0 30px 0;}
	.naviHeader{margin:0 auto; width:980px;}
			.logo{float:left; width:255px; background: rgba(255, 255, 255, 0.9); padding:13px 0; text-align:center; position: absolute;  z-index: 100;}
		.menu{float:right; width:725px;}
			.menu ul{ margin:0px; }
			.menu ul li{ display:inline; margin:0 5px 0 0 ; position:relative;}
			.menu ul li a{padding:9px 4px; display:inline-block; color:#fff;  font-size:12px; text-transform:uppercase;}
			.menu ul li a:hover{color:#b1e9fc ; }
			.menu ul.menutop{background:url(../images/sparator-menu-biru.png) bottom left no-repeat;}
				.menu ul li ul{ position:absolute; width:200px; background:url(../images/black-60.png) repeat;padding:15px; top:24px; left:0px; z-index:999;}
				.menu ul li ul li{ display:list-item; padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:#333 dotted 1px; text-align:left;}
				.menu ul li ul li a{padding:0 5px; }
				
				
/*.header{ background:url(../images/black-60.png); padding:0 0 0 0; }
	.naviHeader{background: position:relative; z-index:3;  margin:0 auto; width:965px;}
		.logo{text-align:center; margin:0px auto; padding:10px 0; width:965px; position:relative;}
			.bbHeader{display:inline-block; background:#000; padding:5px 15px; color:#fff; text-transform:uppercase; position:absolute; top:0px; right:0px; font-size:11px;}
		.menu{background:url(../images/bg-menu.png) no-repeat bottom center; padding:2px 0 0 0; margin:0 auto; width:965px; position:relative;}
		.menu ul{ text-align:center;}
		.menu ul li{  display:inline-block; margin:0 5px 0 0 ; position:relative;}
		.menu ul li a{padding:10px 5px; display:inline-block; color:#b1e9fc;  font-size:12px;}
		.menu ul li a:hover{color:#fff; }
			.menu ul li ul{ position:absolute; width:200px; background:url(../images/black-60.png) repeat;padding:15px; z-index:10;}
			.menu ul li ul li{ display:list-item; padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:#333 dotted 1px; text-align:left;}
			.menu ul li ul li a{padding:0 5px;}*/
			
		.bsoHeader{background:#000; padding:5px 15px; color:#fff; text-transform:uppercase; position:absolute; top:38px; right:0px; font-size:11px; z-index:10;}
		.bsoHeader img{margin:0 7px 0 0; vertical-align:top;}
	.slide{height:608px; width:1447px; margin:-106px 0 0 -241px; position:relative; z-index:1;}
	
.content{ margin:0 auto; padding:0px 0 50px 0;width: 980px;}
	body.welcomPage .content a{color:#fff;}
	body.welcomPage .content a:hover{color:#B1E9FC;}

	.listImg{ background:url(../images/black-60.png); padding:35px 35px 0px 35px; margin: 0; position:relative; height:550px;}

		.listImg ul{}
		.listImg ul li{position:relative; width:276px; float:left; margin:0 42px 28px 0;}
		.listImg ul li.noMrg{margin-right:0px;}
		.listImg ul li img{display:block;}
		.listImg ul li .lides{position:absolute; bottom:5px; left:5px; background:#000; width:238px; padding:5px 10px;}
		
			.listImg ul li .lides h2{color:#fff; display:inline;}
			.listImg ul li .lides a{float:right; font-size:11px;color:#fff; }
			.listImg ul li .lides a:hover{color:#b1e9fc;}
.tripimg img {
  width: 90px;
	margin-right:5px;
}			
	.desArea{background:url(../images/black-60.png); color:#fff; width:300px; padding:0 0 15px 0; float:left; position:relative;}
		.daHeader{padding:10px; }
			.daHeader h1{color:#fff; display:inline;}
			.daHeader a{font-size:10px ; float:right; color:#a9ddee;}
		.daConten{margin:20px ; height:200px; overflow:auto; /*display:none;*/}
		.daConten .jspContainer{}
		.daConten .jspContainer .jspPane{}
			.daConten ul{ margin:10px 0 0 20px;}
			.daConten ul li{margin:0 0 3px 0; list-style:disc;}
			.daNavi{text-align:right; padding:0 20px; margin:0 0 10px 0;}
			.daBtn{display:inline-block; background:#000; padding:5px 15px; color:#fff !important; text-transform:uppercase; font-size:11px;}
			.daBtn:hover{color:#fff}
		.daGallery{}
			.daGallery ul{padding:0  7px;}
			.daGallery ul li{float:left; margin:0 5px 0 0;}
			.daGallery ul li img{border:#635f5f solid 1px;}
		.daFooter{padding:10px; background:url(../images/black-60.png); font-size:11px; /*display:none;*/}
			.dafKiri{float:left; width:100px;}
			.dafKanan{float:right; text-align:right; width:150px;}
			
		.menusub{ margin:60px 0 0 0;}
			.menusub ul{}
			.menusub ul li{display:inline; margin:0 20px 0 0 ; font-size:12px;}
			.menusub ul li a{display:inline-block; padding:5px 40px; background:url(../images/black-60.png); color:#fff;}
			.menusub ul li a:hover{background:url(../images/blue-60.png); color:#fff;}
	.daDesBig{float:right; padding:15px;  width:615px;  background:url(../images/black-60.png)}
		.daDesKiri{ display:inline; float:left; margin:142px 0 0 0; background:url(../images/btn-spr-caro-arrows.png) bottom left no-repeat; display:block; width:30px; height:54px;}
		.daDesKanan{display:inline; float:right; margin:142px 0 0 0; background:url(../images/btn-spr-caro-arrows.png) top left no-repeat; display:block; width:30px; height:54px;}
		.dadmain{margin:0 50px;}
		.dadmain img{border:#635f5f solid 1px; margin:0 0 10px 0;}
		.dadmain span{display:block; text-align:center;}
		
.footer{ background:url(../images/black-60.png); padding:0 0 0 0;  font-size:11px; position:fixed; width:100%; bottom:0px;}
	.innerfooter{background:url(../images/bg-menu.png) top center no-repeat; margin:0 auto; width:965px; padding:5px 0;}
		.footerKiri{float:left; width:400px;}
		.footerKiri ul{}
		.footerKiri ul li{display:inline; margin:0 10px 0;}
		.footerKiri ul li a{color:#fff;}
		.footerKiri ul li a:hover{color:#b1e9fc;}
		.footerKanan{float:right; width:400px; text-align:right;color:#b1e9fc;}
		.footerKanan a{color:#fff;}
		.footerKanan a:hover{color:#b1e9fc;}

.loadingroom{position:absolute; background:#000000; padding:5px 10px; top:45%; left:35%;}

body.welcomPage div.header{margin:0 0 30px 0;}
	body.welcomPage div.content{background:url(../images/black-60.png); text-align:left; padding:
		30px; position:absolute; bottom:20px; right:20px;}
body.welcomPage div.content h1{color:#b1e9fc}
body.welcomPage div.content p{margin:0 0 20px 0;}

	
body .resernativ {padding:5px; background:rgba(255,255,255,0.5);
    bottom: 10px;
    position: absolute;
    right: 10px;
    z-index: 999999; padding:10px;}
	
body .listImg .resernativ {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5); height:88px;
    padding: 10px;
    position: absolute;
    right: 10px;
    top: -117px;
    width: 300px;
    z-index: 999999;}
	body .resernativ form.courier {background:#fff; padding:10px;}
	body .resernativ form.courier input{margin:0 0 5px 0; color:#CCC; font-style:italic; width:108px;}
	body .resernativ form.courier input:focus{color:#333; font-style:normal;}
	body .resernativ form.courier input[type="submit"]{font-style:normal;float:right;cursor:pointer; background:#FFFFFF; padding:3px 5px; color:#F00; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}.resernativ 
	
	body .cokanan{float:right; width:147px;}
	body .cokiri{float:left; width:147px;}

.live-chat{position:relative; left:770px; top:0px; z-index:100;}
body.welcomPage .live-chat {top:70px;}

.formvertical fieldset{background:none repeat scroll 0 0 rgba(0, 0, 0, 0); border:medium none; padding:0;}
.formvertical{}
.formvertical fieldset{background:none;border-radius:0px; padding:0px; border:none;}
.formvertical fieldset ul{}
.formvertical fieldset ul li{float:left; margin:0  10px 0 0; width:inherit;}
.formvertical fieldset ul li img{border:none; vertical-align:middle; margin:0 0 0 5px;cursor:pointer; }
.formvertical fieldset input{width:275px; margin:0px; padding:3px; border:#CCC solid 1px;  color:#000}
.formvertical fieldset label{display:block;width:inherit;}
.formvertical fieldset select{width:inherit;margin:0px; padding:2px 2px 2px 2px;  border:#CCC solid 1px;  color:#000}
.formvertical fieldset select option{padding:0px 30px 0px 0px;}
.formvertical fieldset input[type=submit]{padding:2px  15px; width:inherit;  border:#396b99 solid 1px; cursor:pointer; color:#fff; background:#001e5a ;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; -khtml-border-radius: 3px;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) }
.barReser{background:rgba(255, 255, 255,  0.9); border:#ccc solid 1px; padding:10px; margin:2px 0 0 255px; -moz-border-radius: 0 0 3px 3px;-webkit-border-radius:  0 0 3px 3px ;border-radius:  0 0 3px 3px; -khtml-border-radius: 0 0 3px 3px;  width:703px;}
.barReser ul{}
.barReser ul li{display:inline;}

body .barReserFooter2{position:fixed; bottom:24px; width:100%;}
body .barReserFooter{position:fixed; bottom:24px; width:100%;}
body .barReserFooter ul{background:rgba(255, 255, 255,  0.9); border:#ccc solid 1px; padding:10px; margin:2px 0 0 255px; -moz-border-radius: 0 0 3px 3px;-webkit-border-radius:  0 0 3px 3px ;border-radius:  0 0 3px 3px; -khtml-border-radius: 0 0 3px 3px;  width:958px; margin:0 auto;}
body .barReserFooter ul li{display:inline; width:auto; float:inherit;}
input[placeholder], [placeholder], *[placeholder]  {  color:#000 !important;}

.slidePromotion{position:absolute; bottom:235px; right:20px; padding:5px; background:#222222;}
.slidePromotion img{border-radius:10px;}

.scIcon ul li{display:inline-block;}

.formhorizon fieldset{background:none repeat scroll 0 0 rgba(0, 0, 0, 0); border:medium none; padding:0;}
.formhorizon{}
.formhorizon fieldset{background:none;border-radius:0px; padding:0px; border:none;}
.formhorizon fieldset ul{padding:0px; margin:0px;}
.formhorizon fieldset ul li{float:left; margin:0  10px 10px 0; width:inherit;}
.formhorizon fieldset ul li:last-child{margin-right:0px;}
.formhorizon fieldset ul li img{border:none; vertical-align:middle; margin:0 0 0 5px;cursor:pointer; }
.formhorizon fieldset input{width:220px; margin:0px; padding:3px; border:#CCC solid 1px;  color:#000; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; -khtml-border-radius: 3px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.formhorizon fieldset input{width:220px;}}
.formhorizon fieldset label{display:block;width:inherit;}
.formhorizon fieldset select{width:inherit;margin:0px; padding:2px 2px 2px 2px;  border:#CCC solid 1px;  color:#000; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; -khtml-border-radius: 3px;}
.formhorizon fieldset select option{padding:0px 30px 0px 0px;}
.formhorizon fieldset input[type=submit]{padding:2px  15px; width:inherit;  border:#396b99 solid 1px; cursor:pointer; color:#fff; background:#001e5a  ;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; -khtml-border-radius: 3px;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) }

.holidaycheck img{ border-radius:16px; }

.blink_me{color:#ff9c00; font-weight:bold;}