body{ margin: 0 auto;  padding:0; background:url(../images/bg_body.jpg) top center no-repeat;}
/*#container{ margin:170px auto 0 auto; width:780px; padding:0 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#807e7e; }*/
#container{ margin:0px auto 0 auto; width:780px; padding:0 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#807e7e; }
#container_room{ /*margin:140px auto 0 auto;*/ margin:0px auto 0 auto; width:780px; padding:0 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#807e7e; }

.clr{clear:both}
h1,h2,h3,h4,h5{ padding:5px 0 5px 0; margin:0;}
h1{ font-size:20px;}
h2{ font-size:16px;}
h3{
	font-size:12px;
}
h4{
	font-size:10px;
}
h5{ font-size:8px;}

.up{height:170px; text-align:right;vertical-align:text-top;}
.uptesti{float:right; background:url(../images/teti-up.jpg) ; width:112px; height:60px;}
.uptesti a{background:url(../images/teti-up.jpg) ; width:112px; height:60px; display:block; text-decoration:none;}
.uptesti a:hover{background:url(../images/teti-up_hover.jpg) ; width:112px; height:60px; display:block; text-decoration:none;}
.uphot{float:right; background:url(../images/hot-up.jpg) ; width:109px; height:52px;}
.uphot a{float:right; background:url(../images/hot-up.jpg) ; width:109px; height:52px; display:block; text-decoration:none;}
.uphot a:hover{float:right; background:url(../images/hot-up-hover.jpg) ; width:109px; height:52px; display:block; text-decoration:none;}


/*-------------------------------------------
-------------------KIRI----------------------
--------------------------------------------*/
#kiri{ width:200px; float:left;}
/*.menu ul{ padding:0 0 0 10px; margin:0 0 10px 0; list-style:none;}
.menu li{ padding:5px 0 5px 0; text-decoration:none; }
.menu li a{color:#807e7e;  overflow:hidden; text-decoration:none;  }
.menu li a:hover{color: #e31b25;}*/

.tree_menu{background-color:#eee;}
.tree_menu ul{ padding:100px 0 0 0; }
.tree_menu li { list-style:none;}
.tree_menu li a{ color:#807e7e;}
.tree_menu li a:hover{}
.image img {border: #807e7e solid 1px; margin: 5px 5px -5px 0;}

#judul_booking{ padding:0 0 0 5px;font-size:13px; font-weight:bold; background:url(../images/bg_booking_tex.png) top left no-repeat;height:17px}
#booking_kiri{ margin:0 0 10px 0; padding: 10px 0 0 13px; background:url(../images/bg_booking.png)  bottom left no-repeat; height:110px; font-size:11px;}
form{ padding:0; margin:0;}
#booking_kiri tr td img{vertical-align:sub}



#pkg_kiri{ margin:0 0 10px 0; padding: 10px 0 0 13px; background:url(../images/bg_booking.png)  bottom left no-repeat; height:152px}
#pkg_kiri img{border:none;}

#judul_pkg{ padding:5px 0 0 5px;font-size:13px; font-weight:bold; background:url(../images/bg_specialpkg_tex.png) top left no-repeat;height:17px}



/*------------------------------------------
-------------------KANAN--------------------
-------------------------------------------*/
#kanan{ width:570px; float:right; }

.list{ border-bottom:#999999 solid 1px;}
.list_kiri,.list_kanan{margin:10px 0;}
.list_kiri{ float:left; width:130px;}
.list_kanan{ float:left; width:440px;}
/*------------------------------------------
-------------------FOOTER-------------------
-------------------------------------------*/
#footer{ background:#efefef; padding:10px 5px 20px 5px; font-size:10px; text-align:right; color:#807e7e;}
#adv{ margin:60px 0 15px 0; text-align: center; width:auto;}
#adv img{ margin:0 0 0 15px; border:none;}

#slide_images{ position:relative; margin-bottom:20px; width:546px; height:290px;   /* */}
#slide_images DIV{ padding:10px; background:url(../images/bingkai.png) top left no-repeat;
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slide_images DIV.active {
    z-index:10;
    opacity:1.0;
}

#slide_images DIV.last-active {z-index:9;}

#slide_images DIV IMG {display: block; border: 0;}
#ui-datepicker-div {
	font-size: 10px; top:-999px;
	z-index:999;
	display:inline;
}
dateform img{ margin:5px 0 0 0;}




.slide {padding:10px; padding:10px; background:url(../images/bingkai.png) top left no-repeat; margin-bottom:20px; width:546px; height:290px;}

.slideimages{ /*height:244px; width:408px;*/ }

.slideimages ul{padding:0px; margin:0px; list-style:none; }

.slideimages li{ list-style:none; display:none;}

.loading{ background:  url(/assets/js/loading.gif) center no-repeat #FFF;  /*height: 244px;*/ }

.booknow{text-align:right; padding-right:20px;}
.booknow a{color:#000;}
.booknow img{border:none;}

.roommenu{margin-left:240px; margin-bottom:10px; clear:both;}
.roommenu ul{ padding:0px; margin:0px; list-style:none; clear:both; display:block;}
.roommenu ul li{display:inline-block; float:left; list-style:none; padding:0px; margin:0px; font-size:11px;}
.roommenu ul li a{color:#666; font-weight:bold; text-decoration:none; border-right:1px solid #666; padding: 0px 13px 0px 10px; display:block;}
.roommenu ul li a:hover{color:#F00;}
.roommenu ul li.last a{border:none;color:#666; }
.roommenu ul li.last a:hover{color:#F00;}
.roommenu ul li.active a{color:#999999; }

/*--------------------form contac us--------------------*/

.input,.inputbook{font-size:12px;  background-color:#FFF; border:1px #ffc22f solid; margin:2px; padding:2px;}

.textarea,.textareabook{font-size:12px;  background-color:#FFF; border:1px #ffc22f solid; margin:2px; padding:2px;}

.textalert{color:#F00; font-weight:bold; display:none;}

#contactbutton, #buttonSend, #buttonclear{ font-size:12px; background: url(../images/bg-button.jpg) repeat-x; padding:0 15px 5px 15px; font-weight:bold ;color:#fff; text-decoration:none; float:none; border:none; height:20px;}