/* CSS Document */
* {margin:0px; padding:0px;}
body { background:#0e6287 url(topbali_bg.jpg) repeat-y center; margin:0; font-size:10px; color:#595854; font-family: Tahoma, Arial, Helvetica, sans-serif; }
.box { position: relative; border:1px solid #799E3F;  background: #4A6C15; margin: 10px auto; width: 650px; padding: 10px; text-align: justify; }		

h1 { font-family: Tahoma, Arial 'Times New Roman', Times, serif; color:#FFF; padding:0px; font-weight:normal; font-size: 11px; margin:0 0 0 10px; margin-top: -7px;
	text-align: left; }
h2 { margin: 0px; padding: 0px 0px 0px 0px; font: normal 28px Tahoma, Helvetica, Arial, sans-serif; color: #595854; display:block; }
h3 { margin: 0px; padding: 0px 0px 0px 0px; font: normal 28px Tahoma, Helvetica, Arial, sans-serif;	color: #595854; display:block; }
h4 { margin: 0px; padding: 0px 0px 0px 0px; font: normal 28px Tahoma, Helvetica, Arial, sans-serif;	color: #A7BD47; display:block; }
h5 { margin: 0px; padding:0px; font: normal 20px Tahoma, Helvetica, Arial, sans-serif; color: #A7BD47; display:block; }
h6 { margin: 0px; padding:0px; font: normal 16px Tahoma, Helvetica, Arial, sans-serif; color: #595854; display:block; }

/* -------------------Form---------------------- */
.xinput { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#333535; background:#FFF; border:1px solid #d6d6d6; padding:6px; margin: 0 0 5px 10px;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; }
.inputxx{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color:#333535;background:#FFF;border:1px solid #d6d6d6; padding:5px; margin: 0 0 0 10px;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; }
.inputbook{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color:#D6ECB4;background:#6d6c66;border:1px solid #565550;padding:3px;arrow-color: #12406F;
	margin: 3px 0; }
.inputsub { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border:2px solid #83d2f5; color:#FFFFFF; background:#36BAF5; margin:0 0 0 6px; padding:3px 6px; cursor: pointer; margin: 5px 0 0 5px;
	-moz-border-radius: 8px; -webkit-border-radius: 8px;  }
.inputcon {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 11px;border:2px solid #3f94ba;color:#FFFFFF;background:#36BAF5;margin:0 8px;padding:1px 4px;
	cursor: pointer;}
.select {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#464646;
	text-align:center;
	border:1px solid #C9C9C9;
	
}
.gbr2 {border:1px solid #DDDFD1;margin: 2px 5px 2px 0;padding:4px;widows:200px;height:200px; width: 265px; overflow: hidden; background: #FFF;}
.gbrdpn {width:80px;padding:7px;height:80px;background:#FFF; border: 1px solid #DDDFD1;}
.gbrpaket {width:80px;padding:7px;margin-right:7px;height:80px;background:#FFF;}
.gbrpaketdetail {width:140px;padding:7px;margin-right:7px;height:140px;background:#FFF;border:1px solid #DDDFD1; overflow: hidden; 
	margin-right: 90%; margin-bottom: 20px; }
/* -------------------End Form---------------------- */

/* -------------------CSS body---------------------- */
.welcome { margin: 0px; padding: 0px 0px 8px 0px; font: normal 24px Arial, Helvetica, sans-serif; color: #424242; display:block; }
.judul { margin: 0px; padding: 0px 0px 8px 0px; font: bold 18px Tahoma, Arial, Helvetica, sans-serif; color: #595854; display:block; text-align: center; }
.recomen, .recomen_villa { margin: 15px 0 0 0; padding: 8px 0px 8px 0px; font: normal 24px Tahoma, Helvetica, Arial, sans-serif; color: #E84200; display:block; }
#bodi{ width:800px; text-align:center;margin:1px auto; }
#container{ width:800px; text-align:center;margin:0px auto; }
#container-right{ float:right; width:560px; margin: 6px 0px 0px 0px; padding:12px; text-align:left; font-size:11px; background:#FBFBF7; border: 1px solid  #E7E8E1;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; }
#container-left{ float:left; width:200px; padding-top:0px; padding-left:0px; }
#deskrip { width:100%; margin: 9px 0px; text-align:left; }
#produkdepan { width:585px; height:auto; padding:0px;  position: relative; float: left; }
#produkdepan #kotak { float:left; margin: 5px; width:260; padding: 5px; position:relative; background:#E7E8E1; border:1px solid #DDDFD1; height:105px; }
#produkdepan #kotak #kiri{float:left;width:100px;height:auto;padding:0px;margin:0px;text-align:left;}
#produkdepan #kotak #kanan{float:right;width:160px;height:auto;padding:0px;margin:0px;text-align:left;}
#kotaktopic { height:95px;  background:#E7E8E1; border:1px dotted #fff; padding:6px; margin-bottom:5px; }
#kotaktopicnopic { height:95px;  background:#E7E8E1; border:1px dotted #fff; padding:6px; margin-bottom:5px; }
#kotaknopicnopic a { border: none; }

/* ----------------End body ------------------------*/

/* ----------------Blog banner----------------------*/

#blank {}
#blogban.banner {width:200px; height:70px;overflow:hidden; position: relative; margin: 10px 0 0 0;}
 a.blogbanner {width:200px; height:70px; position: absolute; top:0; left:0; background: url(blogbanner.png) no-repeat 0px -70px;}
 a.blogbanner:hover{width:200px; height:70px; position: absolute; top: 0; left:0; background: url(blogbanner.png) no-repeat 0px 0px;}



/* -----------------Sidebar -----------------------*/
#sidebar {
	float: left;
	width: 200px;
	text-align:left;
	padding: 0; margin: 0;		
	display: inline;
	font-size:11px;
}	
#tourpack { float: left; width: 185px; text-align:left; padding: 6px; display: inline; font-size:11px; }
#news { float: left; width: 188px; text-align:left; background:#fff; padding: 6px; margin: 0 0 5px 0 ; display: inline; font-size:11px; 
border-top:1px solid #EDEDED; border-bottom:1px solid #EDEDED; }
#sidebar h3 {
	margin-top: 10px;
	padding: 15px 5px 10px 5px; 
	font: normal 18px Tahoma, Helvetica, Arial, sans-serif;	
	background: url(images/back-side.gif) no-repeat center top; border-bottom:2px solid #1A1A1A;	
	color: #C68700;
}
#sidebar ul {
	text-align: left;
	margin: 0px 5px 8px 0px; padding: 0;				
}
#sidebar ul li {
	list-style: none;
	padding: 4px;
	margin: 0;		
	border-bottom: 1px solid #111;
}
* html body #sidebar ul li {
	height: 1%;
	list-style-type:none;
}
#sidebar ul li a {
	text-decoration: none;	
	border: none;
	color: #5d5d5d; 	
	background:  url('images/bullet.gif') no-repeat bottom left; 
	font-weight: bold;		
	font-family: Tahoma, Helvetica, Arial, Sans-serif;
	font-size: 11px;	
	padding-left:25px;
	list-style-type:none;
}
#sidebar ul li a span {
	color: #444;	
	font-family: Tahoma, 'Times New Roman', Times, serif;
	font-style: italic;
	font-weight: normal;	
	font-size: 11px;
}
#sidebar ul li a:hover,
#sidebar ul li a:hover span {	
	color: #fff;	
}
#sidebar ul ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul ul li { border: none; }

/* ONLINE SUPPORT  */
#support {width:100%;padding:0;margin:0;height:auto; padding: 0 0 40px 0; }
#support #kiri {float:left;text-align:center;width:50%;padding:0;height:23px;margin:0;}
#support #kanan {float:right;text-align:left;width:50%;padding:0;height:23px;margin:0;}
#newsd {padding:3px 5px;}
.packagetourhead { margin: 0px; padding: 0px 0px 15px 6px; font: normal 20px Arial, Helvetica, Tahoma sans-serif; color: #171717; display:block; }
.support {margin: 6px;padding: 12px 0px 8px 0px;font: normal 20px  Arial, Tahoma, Helvetica, sans-serif; color: #171717;display:block;}
.newshead {margin: 0px 0px 10px 0px;padding: 0px 0px 0px 6px;font: normal 20px Arial, Tahoma, Helvetica,  sans-serif; color: #171717;display:block;}

/* ---------------End Sidebar------------------- */

/* -----------------Header---------------------- */
#boxcari{ width:228px; background:#BDBDBD url(images/index_18.jpg) no-repeat; padding:50px 0px 20px 0px; text-align:center; margin: 0 0 0 0; border-style:none; 
	vertical-align: middle; }
#boxcari-kiri { width:150px; float:left; }
#boxcari-kanan { float:right; width:80px; }
#headera{ width:800px; text-align:center;margin:0px auto; }
#header{ width:800px; height:25px; text-align:center;margin:0 auto 5px auto; }
#header-right{ float:right; width:460px; margin: 0px; padding:0 0 0 0; text-align:left; }
#header-left{ float:left; width:335px; height:85px; visibility: hidden; }
#head{ width:100%;; font-size:11px; color:#939393; height:10px; padding:6px 0px 10px 0px; margin: 0 0 10px 0; 
	-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border: 1px solid #1c9ad2;
	background-color: #36BAF5; /* fallback color */
    background-image: -moz-linear-gradient(100% 100% 90deg, #1a84b4, #36BAF5);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#36BAF5), to(#1a84b4)); }
#head-kiri{ width:100%; height:10px; text-align:left; font-size:11px; color:#939393; padding-top:6px; float:left; }
/* #head-kanan{ width:400px; height:10px; text-align:right; font-size:11px; color:#939393; float:right; padding-top:0px; } */
#menu{ width:800px; height: 32px; text-align:center;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #1c9ad2; 
	background-color: #36BAF5; /* fallback color */
    background-image: -moz-linear-gradient(100% 100% 90deg, #1a84b4, #36BAF5);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#36BAF5), to(#1a84b4))}
#menu li{ width: auto; float: left; list-style: none; font-family: Tahoma,Arial, Helvetica, sans-serif; text-decoration: none; color:#FFF; display:block;
	margin:4px 15px; padding: 5px 8px; font-weight:bold; font-size:11px; text-transform: uppercase; }	
#banner{ width:800px; height:230px; padding:5px 0px; text-align:center; margin:0px auto 0px auto; }

/* --------------------End Header------------------- */

.tgl {
margin:0px;
font-size:10px;
padding:0px;
color:#000;
}
.clear {
clear:both;
width:800px;
height:1px;
}
.clear1 {
clear:both;
width:100%;
}
#searchform { text-align:left; padding-right:0px; vertical-align:bottom; margin: 10px 0 15px 0; }
/* --------------------Footer------------------- */
#footercon{
	width:100%;
	background:#314B0A;
}
#footeratase{ width:100%; }
#footer{
	padding:20px 20px 5px 20px;
	width:760px;
	height:72px;
	margin:0 auto 10px auto;
	font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #606060;
	text-align:right;
	background: #EFEFEF; -moz-border-radius: 10px ; -webkit-border-radius: 10px; border: 1px solid #DFDFDF;
}
#footer a{
	font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #606060;
}
#footer a:hover{
	font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
}
#footer-left{
	float:left;
	text-align:center;
	width:200px;
	padding:0px 8px 20px 0px;
	font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#878A5B;
	font-size: 11px;
	font-weight:bold;
}
#footer-right{
	float:right;
	width:560px;
	padding:0px 8px 20px 0px;
	font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#878A5B;
	font-size: 11px;
}
/* --------------------End Footer------------------- */

/* --------------------tabel and link------------------- */
#contact
{
padding:1px;
}
td.con { background:#828079; font-size:11px; color:#FFF; padding: 0 8px; }
td.consubmit { background:#595854; font-size:11px; color:#FFF; padding: 0 0 0 10px; }
#harga
{
padding:1px;
}
tr.warna1 td
{
background:#595854;
font-size:11px;
padding:4px;
color:#FFF;
}
tr.warna2 td
{
background:#2E4509;
font-size:11px;
padding:4px;
color:#FFF;
}
tr.warna3 td
{
background:#828079;
font-size:11px;
padding:4px;
color:#FFF;
}
tr.warna4 td
{
background:#828079;
font-size:11px;
padding:4px;
color:#FFF;
}
td.warna1
{
background:#595854;
font-size:11px;
padding:4px;
color:#FFF;
}
td.warna2
{
background:#595854;
font-size:11px;
padding:4px;
color:#FFF;
}
td.warna3
{
background:#828079;
font-size:11px;
padding:4px;
color:#FFF;
}
td.warna4
{
background:#828079;
font-size:11px;
padding:4px;
color:#FFF;
}
a.atas{ font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#FFF; display:block; margin:0px; font-weight:bold; font-size:12px; }
a.atas:hover { font-family: Arial, Helvetica, sans-serif; text-decoration:none; color:#000; font-size:12px }
a.samping { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#FFF; font-size:11px; display:block; padding:6px 6px 6px 9px; background: #368DAF;
	border-bottom: 1px solid #FFF; }
a.samping:hover { background-color: #FF6600; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color: #FFF; font-size:11px; border-bottom: 1px solid #FFF;}

a { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color:#247CAA; border-bottom: 1px solid #247CAA; }
a:hover{ font-family:  Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color:#247CAA; border: none; }

a.booknow{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:#FFE50B;
	border: none;
}
a.booknow:hover{
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:#FFF; border: none;
}
a.paket{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color:#FF5400; border-bottom: 1px solid #FF5400; }
a.paket:hover{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color:#FF5400; border: none; }

a.allnews{font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color:#32647D;
	display:block;
	width:auto;
	text-align:right;
	margin-top:10px;
	padding:6px 10px;
	border: none;
}
a.allnews:hover{
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:#32647D;
}
a.moredetail { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color:#32647D; font-weight:bold; border-bottom: 1px solid #32647D; }
a.moredetail:hover { font-family:  Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color:#32647D; font-weight:bold; border: none; }
a.book { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color:#5d5d5d; font-weight:bold; border-bottom: 1px solid #5d5d5d; }
a.book:hover{ font-family:  Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color:#5d5d5d; font-weight:bold; border: none; }

/* --------------------End Table dan link------------------- */
#google_translate_element { display: inline-block; padding: 10px 0px 15px 10px;  width: 190px; }
#converter { display: inline-block; padding: 10px 0px 0px 0px;  width: 190px; text-align: left; }

#sidebar a#subctg { padding:6px 6px 6px 20px; color: #888888; }
#sidebar a#subctg:hover { color: #FF6600; }

#kiri a, .tgl a, #footer a, #menu a  { border: none; }


/* --------------------Widget Sidebar start----------------- */
#box.widget, #box.widget_rate { width: 200px; border: 1px solid #EDEDED; margin: 10px 0 0 0; padding: 10px 0; background: #FBFBF7;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; position: relative; float: left; }
#google_translate_element { display: inline-block; padding: 10px 0px 15px 10px;  width: 190px; }
#converter { display: inline-block; padding: 10px 0px 0px 0px;  width: 190px; text-align: left; }
.gotiny { padding: 3px 0; }
span.widget-text { font: 16px bold Arial, sans-serif; padding: 0 0 0 10px; font-weight: bold; }

#sidebar a#subctg { padding:6px 6px 6px 20px; color: #888888; }
#sidebar a#subctg:hover { color: #FF6600; }

a.goog-logo-link, #box.widget #converter td a { border-bottom: none; } 
.inputsub { cursor: pointer; }
#produkdepan { width:585px; height:auto; padding:0px;  position: relative; float: left; }
.recomen, .recomen_villa { margin: 15px 0 0 0; padding: 8px 0px 8px 0px; font: normal 24px Tahoma, Helvetica, Arial, sans-serif; color: #E84200; display:block; }

/* rate dropdown */
select#rate { margin: 0 0 0 10px; float: left; padding: 3px 0; } input.findrate { margin: 0 5px; float: left; }
/* /* --------------------Widget Sidebar end----------------- */

/* the dropdown style*/
#box.widget_rate li { border: none;  width:160px;  }
#box.widget_rate a.samping {
	font-family: Arial, Helvetica; font-size: 12px; font-weight: normal; background-color: #FBFBF7; color: #595854; border: none; }
#box.widget_rate a.samping:hover { 
	background-color: #FBFBF7; border: none;
	font-family:Arial, Helvetica,; font-size:12px; font-weight: normal; text-decoration:none; color: #595854;}
#box.widget_rate li.top a.samping:hover { background-color: #d6d6d6; color: #000; }
/* end-the dropdown style */

#container-right ul{
	margin:20px;
	padding:20px;
}