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

body { background:url(../images/cek.jpg) top center no-repeat ; padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#6d6d6d; }
h1,h2,h3,h4,h5{margin:0;}
h1 {font-size:18px; color:#FF8C00; text-align:left;}
h2 {font-size:18px; }
h3 {font-size:16px; font-weight:normal; }
h4 {font-size:14px; }
h5 {font-size:10px; }
a { color:#c90505;  text-decoration:none;}
a:hover { color:#6d6d6d;}
.clr{ clear:both;}


#container{ width:855px; margin:0 auto;  padding: 0 5.5px 0 5.5px ;background:url(../images/sadow.png) repeat-y center; }
#head{width:844px; margin:0 auto;}
#logo{ background:url(../images/logo.jpg) top left no-repeat; float:left; height:287px; width:174px;}
#silde{float:right; height:287px; width:670px;}


#menu{ background:url(../images/bg-menu.jpg) top center no-repeat; height:42px; width:844px; _width:850px; margin:0 auto; color:#000000;}
#menu ul{margin:0; padding:7px 0 0 10px; _padding:13px 0 0 10px; color:#000000;}
*+html #menu ul{padding:13px 0 0 10px;}
#menu li{display: inline;  padding:5px 11px 0 11px; _padding:5px 12px 0 12px; color:#666;}
*+html #menu li{padding:5px 12px 0 12px;}
#menu ul li.offline{ border-left:none;}
#menu ul li a{ text-decoration:none; color:#000000; font-size:14px; _font-size:14px;}
*+html #menu ul li a{font-size:14px;}
#menu ul li a:hover{ color:#666;}

.judul_kanan{margin-bottom:5px; padding: 0 0 8px 0; background: url(../images/sekatsampingkanan.jpg) bottom left no-repeat; font-size:16px; font-weight:bold; text-align:left;}

.room_menu{background: url(../images/bg_menu_room.jpg) top left no-repeat; font-size:12px; margin: 20px 0 0 0;}
.room_menu ul{margin:0; padding:0; list-style:none;}
.room_menu li{padding:0 0 0 5px; display: inline-block; _float:left; color:#666; font-size:12px; list-style:none;}
.room_menu li a{ padding:4px 5px 6px 0 ; text-decoration:none; color:#FF8C00; font-size:12px; display: inline-block;}
.room_menu li a:hover{ padding:4px 5px 6px 0 ;color:#b8a16d; display: inline-block;}


.lsit_apartement{ margin:10px 0 10px 0;}
.lsit_apartement img{padding:2px; border:1px #CCC solid;}
.lsit_apartement img{margin: 0 5px 0 0;}
.bojog{ margin:0 0 3px 0; font-weight:bold;}
.bojog,.lsit_apartement a{color: #FF8C00; text-decoration:none;}
.bojog,.lsit_apartement a:hover{color: #6d6d6d;}

.btn_ava input{margin: 10px 0 0 0;}

#isi{ background:#fff;width:844px;margin:0 auto;}
#isi_kanan{float:left; width:200px; padding:0 0 0 10px; margin-top:20px;}
#isi_kiri{float:right; width:600px; padding:10px 20px 0 5px; text-align:justify;}
#isi_kiri h1{padding-bottom:10px; _margin-bottom:-10px; _padding-bottom:0;}
*+html #isi_kiri h1{margin-bottom:-10px; padding-bottom:0;}

.listtesti{  background:url(../images/bg-koment.jpg) left bottom no-repeat; 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:500px;} 
.isicoment{ margin:0 0 10px 0;}

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

.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;} 

#footer{  background:url(../images/bgfooter.jpg) top center no-repeat; height:68px; padding: 10px;  text-align:right; font-size:10px;}

.foot_kanan{ float:left ;width:140px;}
.other_links { border-right:#FFFFFF solid 1px ; padding: 0 5px 0 0 ;}
.other_links a{ text-decoration:none; color:#FFF;}
.other_links a:hover{ text-decoration:none;color: #b8a16d;}


.foot_kiri{ float:left ;width:685px;}
.footer_bawah span{ font-weight:bold;}
.footer_bawah{ margin:10px 0 0 0; padding:10px; font-size:10px;border-top:#999 dashed 1px;}
.foot_kiri a, .footer_bawah a{ color:#FFFFFF; text-decoration:none;}
.foot_kiri a:hover, .footer_bawah a:hover{ color: #b8a16d; text-decoration:none;}

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

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

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

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

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

.news_cls{padding:5px 5px 5px 5px; }

.news_cls a{text-decoration:none; color:#FF8C00; font-weight:bold }

.news_cls a:hover{ text-decoration:none; color:#6d6d6d; font-weight:bold }

.news_introtext{text-align:justify;}
.news_introtext a{ttext-decoration:none; color:#FF8C00; font-size:10px;}
.news_introtext a:hover{text-decoration:none; color:#6d6d6d; font-size:10px;}

.News_images {

padding:3px 0 0 0;

	float: left;

	width: auto;

	margin-bottom: 0px;

}

.News_images img{

border:#CCCCCC 1px solid;

padding:2px;

margin:0 5px 0 0;

}



/*END NEWS*/
#dhtmltooltip{

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	line-height:1.4;

	position: absolute;

	width: 200px;

	text-align:center;

	border:1px solid #bababa;

	padding: 2px;

	background-color:#412304;

	visibility: hidden;

	z-index: 120;

	filter:transparent(alpha=90);

	opacity:0.9;

	-moz-opacity: 0.9;

}

.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;}


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



/*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;}
.AvibilityForm td{
	color:#C26A00;
}