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

body { position:relative; background:url(../images/bg-body.jpg) top center repeat-x; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#524d48;}
h1,h2,h3,h4,h5{margin:0;}
h1 {font-size:20px; }
h2 {font-size:18px; }
h3 {font-size:16px;  }
h4 {font-size:14px; }
h5 {font-size:10px; }
a { color:#524d48;  text-decoration:none;}
a:hover { color:#6d6d6d;}
.clr{ clear:both;}


.container{ width:735px; margin:0 auto;  padding: 0 5.5px 132px 5.5px ;background:url(../images/sadow.png) repeat-y center; }

#isi{ background:#fff;width:735px;margin:0 auto;}
.conten{padding:0 10px; text-align:justify;}
.kiri{float:left; width:178px; padding:0 0 0 0;}
.kanan{float:right; width:557px; padding:0 0 0 0;}
.kanan_dalam{float:left; width:359px; padding:0 0 0 0; text-align:justify;}
.kanan_luar{float:right; width:178px; padding:0 0 0 0;}

.godel{margin:0 0 10px 0;}
.logo{}
.silde{margin:0 0 10px 0;}
.tophome{margin:0 0 15px 0;}
.tophome a {color:#fff; text-decoration:none;}
.tophome a:hover {color:#8c7b55;}
.tophome img,.ceak img{border:none;vertical-align:bottom; margin:0 5px 0 0;}

.ceak{ background:url(../images/bg-menu.jpg) top center no-repeat; float:right; height:30px}
.ceak ul{margin:0; padding:0;}
.ceak li{list-style:none; display:inline; padding:0px 10px ; width:150px; }
.ceak li a{ text-decoration:none; color:#524d48; font-size:12px;padding:5px 0px;}
.ceak li a:hover{ color:#8c7b55; padding:7px 0px; width:150px}

.listroom{ /*background:url(../images/bglist-roo.jpg) top left no-repeat; */  border-bottom:#f2ede6 solid 1px;margin:0 0 20px 0; height:20px;padding:8px 0 0 0}
.listroom ul{margin:0; padding:0;}
.listroom li{list-style:none; display:inline; padding:0px 10px ; }
.listroom li a{ text-decoration:none; color:#524d48; font-size:12px;padding:7px 0px 7px 15px;background: url(../images/bglist.jpg) no-repeat;}
.listroom li a:hover{ color:#8c7b55; padding:7px 0px 7px 15px; background:url(../images/bglist_over_list.jpg) no-repeat; }

.AvibilityForm{font-size:12px; font:Arial;}


.menu{ margin:0 0 10px 0; font:Arial;font-size:11px;}
.menu ul{margin:0; padding:0;}
.menu li{list-style:none;}
.menu li a{ text-decoration:none; color:#524d48; display:block; height:20px; padding:7px 0 0 10px; background: url(../images/bglist.jpg) no-repeat;  border-bottom:#f2ede6 solid 1px; }
.menu li a:hover{ background:#f0ebe5 url(../images/bglist_over.jpg) no-repeat;}

.iklan{margin:0 0 10px 0; width:178px;  text-align:center;}

.box{margin:0 0 10px 0; background:#f7f3e8;padding:10px 5px 10px 5px; border: #d5cfbe solid 1px;}
.box_judu{ background:url(../images/bg-bar.jpg) repeat-x;  height:17px; color:#fff; padding: 4px 5px; text-align:center;font-weight:bold;}

.box_room{position:relative;margin:0 0 10px 0; background:#f7f3e8; border: #d5cfbe solid 1px; text-align:center; padding:5px;}

.box_room_judu{ position:absolute; bottom:5px; left:6px; background: #000; width:165px; height:20px;
filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;}
.box_room_judu_text{position:absolute; bottom:3px; color:#fff; width:165px; height:20px;}
.box_room_judu_text a{color:#fff; text-decoration:none;}
.reser_form{margin:0;}
.judul{margin:0 0 10px 0;padding:0 0 5px 0; font-size:18px;  border-bottom:#f2ede6 solid 1px;}
.btnunava{ width:170px; text-align:center;margin: 5px 0 0 0; }
.input{ font-size:10px; }
.footer{ position:absolute; bottom:0; width:100%;   background:url(../images/bgfoter.jpg)  top center repeat-x; height:112px; padding: 20px 0 0 0 ;  text-align:left; font-size:10px; color:#fff;}
.footer_tengah{ width:735px; margin:0 auto;}

#sadobotom{ height:20px; width:855px; margin:0 auto;background: url(../images/sadobotom.jpg) no-repeat center top;}
#sadotop{ height:10px; width:855px; margin:0 auto;;background: url(../images/sadotop.jpg) no-repeat center bottom;}

/*slide image*/
#slide {
    position:relative;
    height:190px;
	/*margin-left:174px;*/
	margin-bottom:10px;
}

#slide DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 190px;
    background-color: #FFF;
}

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

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

#slide DIV IMG{
    height: 190px;
	width:557px;
    display: block;
    border: 0;
    /*margin-bottom: 10px;*/
}


.input{font-size:12px; background-color:#FFF; border:1px #069 solid; margin:3px; padding:2px;}
.textarea{font-size:12px; background-color:#FFF; border:1px #069 solid; margin:3px; padding:2px;}

#ui-datepicker-div{display:none;}


/*gallery */
div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	/*float:left;*/
	width:550px; 
	height:375px;
	border:#CCC 1px solid;
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}

div.loader {
	background-color:#FFF;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 375px;
	
}
div.slideshow {
	clear: both;
	
}
div.slideshow span.image-wrapper {
	float: left;
	/*padding-bottom: 12px;*/
}
div.slideshow a.advance-link {
	/*padding: 2px;*/
	display: block;
	/*border: 1px solid #ccc;*/
}
div.slideshow img {
	border: none;
	display: block;
	width:550px;
	height:375px;
}
div.download {
	float: right;
}
div.embox {
	clear: both;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 3px 10px 3px 0;
	list-style: none;
	background: #000;
}
a.thumb {
	padding: 1px;
	display: block;
	border: 1px solid #ccc;
	background: #000;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
/*div.navigation div.top {
	margin-bottom: 12px;

	height: 11px;
}
*/
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
	background:#CCC;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}

div.navigation{width:530px;float: left; padding:5px 5px 5px 20px;}
div.content{display:block;}

.listtesti{/*background:url(../images/bg-koment.jpg) left bottom no-repeat*/border-bottom:#f2ede6 solid 1px; margin:
0 0 20px 0;}
.bgcomet{float:left; width:70px; height:50px; background:url(../images/koment.jpg) top center no-repeat}
.contencomet{ float:left; padding:0  10px 0 0;  width:250px;} 
.isicoment{ margin:0 0 10px 0;font-size:11px;}
.isicoment span {font-family:Arial, Helvetica, sans-serif;  }
.isicoment p{margin:0}

.ButtonBook{background:url(../images/booking.png) no-repeat 0; width:42px; height:16px; margin-bottom:10px;}
.ButtonBook a{width:42px; height:16px; display:block;}

.masuk_code{ background:url(../images/bg_input_code.jpg) top left no-repeat; height:38px; vertical-align:middle;}
.code_text{ background:url(../images/bg_input_txt.jpg) top left no-repeat; border:none; height:20px; width:90px; padding:4px 0 0 10px; color:#FF8C00;} 


.table_1{background:#f8f7f6;}
.table_2{background:#f7f3e8;}
.title_room{background:#aa9568;height:30px; color:#333333;}