body {







	background: #FFF url(images/bg.png) repeat-x;







	color:#333333;







	font-family: Verdana, Arial, Sans-Serif;







	font: 11px Verdana, Arial, Sans-Serif;







	padding: 0;







	margin: 0 0 0 0px;







}















/* ##### Header ##### */























/* ##### Main Content ##### */















.main {



  color: black;



  background: #FFF url(images/cool_fade.png) repeat-x;



  text-align: justify;



  line-height: 1.5em; 



  margin: 0 0 0 10em;



  padding: 3mm 4mm 4mm 4mm;



  border-left: 1px	solid #cbeaff;



 /* border-left: 1px solid rgb(153,153,153); */







}















.normal {







  color: black;







  text-align: justify;







 }















a {







	text-decoration: none;







	color: #015792;







}















a:hover {







	color: #c90000;







}















a img {







	border: 0;







}















h1 {







	font-size: 1.7em; color: #0e6aa8;







	margin: 0 0 6px 0;







	padding: 2px 0px 0px 0px;







}























h2 {







	font-size: 1.5em; color: #64bbf6;







	margin: 0 0 6px 0;







	padding: 2px 0px 0px 0px;







}























h3 {



	color: #0e6aa8;



	font-size: 1.4em; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif







	margin: 0 0 5px 0;







	padding: 2px 0px 0px 0px;







}















.linkhtl {







	font-size: 14px; font-family: Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif;







	color: #666666;







	}















#bg { 







	width: 760px;







	margin: 0 auto;







	padding: 5px 10px 10px 10px;







	background: url(images/bg.gif) top left no-repeat;







}











#navigasi {



	clear: left;



	float: left;



	width: 161px;



	margin: 0 0 10px 0;



	padding: 0;



	font-size: 11px;







}







#navigasi ul {	



	list-style: none;



	width: 161px;



	margin: 0 0 3px 0;



	padding: 0;



	font-size: 12px; font-weight: bold;







}	







#navigasi li {



	margin-bottom: 2px;







}







#navigasi li a, #navigasi li a:visited {



	text-align: right;



	height: 20px;



	text-decoration: none;



	color: #fff;



	display: block;



	padding: 6px 8px 0 10px;



	background: #0e6aa8;







}	







	







#navigasi li a:hover {







	background: #A9CAEB;







	color: #286ea0;







}























.tabelkiri {border-left: #BCE2F0 1px solid; margin: 0 0 0 0}







.tabelkanan {border-right: #BCE2F0 1px solid;  margin: 0 0 0 0}















.navil {







	text-align: left; font-weight:bold; font-size: 12px;







	height: 18px;







	text-decoration: none;







	color: #fff;







	display: block;







	padding: 3px 4px 0 10px;



	border-bottom: 1px solid #FFF;



	background: #0e6aa8 url(images/boxtitle.gif) repeat-x;







}















.navil a {







	display: block;







	text-decoration: none;







	margin: 0 0 0 0;







	color: #fff;







	}















.navil a:hover {







	color: #cae9fe; text-decoration: underline;







}















.subnavil {







	text-align:left; 







	padding: 3px 0 5px 0;







	border-top: 1px solid #c9deec;







	color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;







	background: #cbeaff;







	







}















.subnavil a {







	padding: 3px 10px 3px 10px; display: block;







	text-decoration: none;







	margin: 0 0 0 0; font-weight: bold;







	border-bottom: 1px solid #8bccf9; 







}







.subnavil a:hover { background: #f9fac3; color: #333;}







.subnavil a:visited {







	text-decoration: none;







}















.subnav {







	margin: 2px 0 10px 0;







	padding: 3px 10px 5px 10px;







	width: 140px;







	border-top: 1px solid #8bccf9;







	/* border-bottom: 1px solid #AFCEED; */







	color: #000; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif;







	background: #E5EFF9 url(images/plavo.gif) repeat-x;







}















.subnavlink a {







	display: block;







	height: 10px;







	padding-bottom: 2px;







	margin-bottom: 2px;







	border-bottom: 1px solid #ccc;







}







.subnav a:visited {







	text-decoration: none;







}















.kanan {







	margin: 0 0 5px 0;







	padding: 5px 5px 10px 5px;







	border-top: 1px solid #DDD;







	border-bottom: 1px solid #DDD;







	background: #eee url(images/lijevo.gif) repeat-x;







	color: #5D5D5D;







	line-height: 1.5em;







}







.bgmenu { color: #0e6aa8; font-size:13px;







	border-bottom: 2px solid #0e6aa8; padding: 5px 0px 0px 0px;







	}







	







.bgmenu2 { color: #FFF; font-size:13px; background-color: #77c4f7;







	border-bottom: 2px solid #0e6aa8; border-top: 1px solid #0e6aa8; padding: 5px 0px 0px 0px;







	}







	







.bgmenu3 { color: #666666; border-top: 1px solid #ccc;







	border-bottom: 2px solid #ddd; padding: 1px 0px 1px 0px;







	}







.bgmenu4 { color: #0e6aa8; font-size:13px; background-color: #cbeaff;







	border-bottom: 2px solid  #8bccf9; border-top: 1px solid #8bccf9; padding: 5px 0px 0px 0px;







	}







	







#podaci {







	margin: 5px 0 0 0; font-size:11px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;







	border: 2px solid #fff;







	background: #E5EFF9 url(images/plavo.gif);







	padding: 3px 3px 3px 3px;







	color: #70C256;







}















#podaci a, #podaci a:visited {







	display: inline;







	border: none;	







}















#clanci {







	margin:  0 0 5px 155px;







	padding: 0 10px 5px 6px;







	line-height: 1.4em;







	background: url(images/clanak.gif) repeat-x bottom left;







}















#clanci h2 {







	margin: 0px;







	padding: 4px 0 4px 0;







	font-size: 12pt;







}















#clanci p {







	margin: 0;







}















.datum {







	padding-top: 2px;







	height: 30px;







	margin: 5px 0 6px 0;







	border-top: 1px solid #eee;







	font-size: 80%;







	text-transform: uppercase;	







	color: #808080;







}















.kolom1 { 







	margin: 0 0px 0px 0px;







	border-top: 1px solid #AFCEED;







	border-bottom: 1px solid #AFCEED;







	background: #E5EFF9 url(images/plavo.gif) repeat-x;







	padding: 5px 6px 5px 6px;







	line-height: 1.6em;







	text-align: left;







	color: #5D5D5D;







}















.kolom2 { 







	margin: 0 0px 0px 0px;







	border-top: 1px solid #ddd;







	border-bottom: 1px solid #ddd;







	background: #eee url(images/lijevo.gif) repeat-x;







	padding: 5px 6px 5px 6px;







	line-height: 1.6em;







	text-align: left;







	color: #5D5D5D;







}















.footer {







  color: #FFF;







  margin: 0; background: #63bbf6 url(images/footerbg.gif) repeat-x;







  padding: 4px; font-size: 11px; font-family: verdana, Geneva, Arial, Helvetica, sans-serif; 







  border-top: 1px solid  #cbeaff;







}







.footer a {







  color: #FFF;







  text-decoration: none;







  font-weight: normal;







  margin: 0;







  padding: 0 0.2ex 0 0.2ex;







}  















.footer a:hover {







  text-decoration: none; color: #EEE;







}







.style1 {color: #FF0000; text-decoration:line-through}







.style2 {







	color: #006600;







	font-weight: bold;







}















/***** hotels page css style *****/















.right_left {







	float: left;







	width: 275px;







	padding: 7px;







	background: #fafafa;







	color: #626262;







}















.right_right {







	float: right;







	width: 275px;







	padding: 7px;







	background: #fafafa;







	color: #626262;







}















.skiri {







	float: left; width: 280px; padding: 5px; background: #FFFFFF; color: #626262;







	}















.skanan {







	float: right; width: 280px; padding: 5px; background: #FFFFFF; color: #626262;







    }























.tbgr { /* clear:both; */







		background: #F2F2F2 url(images/td-bg.gif);







		margin-top: 4px; padding: 2px 0 2px 0;







		font-size:12px; font-weight:bold;







		height: 20px;







		}







.tgl { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:italic; color: #999999;}







.tgl2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:italic; color: #008000; }















.vld { font-family: Arial, Verdana,  Helvetica, sans-serif; font-size:11px; color: #0e6aa8;}







.mn { margin: 0; padding: 0 5px 0 6px; font-size:12px; }







.introdes { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:0; }







.line { 







	height: 2px;







	margin: 2px 0 2px 0;







	background: url("/images/dotted.gif") repeat-x;







	color: #000;







	}







	







.batas { 







	margin: 1px 0 1px 0;







	color: #000;







	}







	







	







.garis { clear:both;







	height: 2px;







	margin: 0 0 0 0;







	background: url("/images/dotted.gif") repeat-x;







	color: #000;







	}	























.htlmenu { clear:both; padding: 1px 0 4px 0; 







		font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight:bold;







        color: #003399; text-align:center;}















	







.hapusdiv {







clear: both;







}







.gal {







background:#fafbfc;







border:1px solid #b0b0b0;







margin: 10px 0px 10px 0px;







padding:4px; 







	}







.gbr {







border:1px solid #b0b0b0;







float:left;







margin: 2px 5px 2px 0;







padding:4px;







	}







	







.gbr2 {







border:1px solid #b0b0b0;







background:#f7f7f7;







margin: 2px 3px 2px 0;







padding:3px;







	}







.gbr3 {







border:1px solid #b0b0b0;







float:left; background:#f7f7f7;







margin: 2px 2px 2px 0;







padding:2px;







	}	







	







.judulitem { clear:both; 







		border-top: 1px solid  #eee; background: url(/images/clanak.gif) repeat-x bottom left;







		 font-weight:bold; 	font-size:14px; color: #666; padding: 2px 0 2px 5px; 







		 margin: 4px 0 0 0; } 















FORM  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;







      font-weight: normal; margin-bottom: 0; margin-top: 0;        }















SELECT  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;







      font-weight: normal;  background: #f8f8f8;







       border-left: 1px solid #7D82A2;







        border-right: 1px solid #7D82A2;







        border-top: 1px solid #7D82A2;







        border-bottom: 1px solid #7D82A2;    }







.boxcari {







border:1px solid #b0b0b0;







margin: 0; background: #FFFFFF url(/images/clanak.gif) repeat-x bottom left;







padding: 2px; text-align:center;







	}	







.box { position: relative;







border:1px solid #b0b0b0; background: #FFFFFF url("/images/bg-tabel.gif") repeat-x;







margin: 10px auto; width: 650px; 







padding: 10px; text-align: justify;







	}		







.contcari { margin: 0; padding: 0 1px 0 1px; }















#lmenu 







    {







	font-size: 11px; margin: 0 0 0 0;







    border-bottom: 1px solid #E6EEF0;







    display: block;







    padding: 4px 5px 5px 5px;







	background: #eee url(/images/lijevo.gif) repeat-x;







    }







#lmenu h3.lmenu







    {







    background: #666666; text-align:center;







    font-size: 10pt; 







    color: #fff;







    margin: 0 0 0 0; padding: 2px 0 2px 0;







    }







.grss { border-bottom: 1px solid #ddd; margin: 0 0 0 0; padding: 0 0 1px 0; display:block; }







.grss2 { clear:both; border-bottom: 1px solid #ddd; margin: 0 0 0 0; padding: 0 0 0 0; display:block; }	







	







/*** list item dengan bulet image  <ul class="lis"> ***/







.lis {	







	list-style: none;







	margin: 0 0 0 0;







	padding: 0 0 0 0;







	font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif;







}	















.lis li {







	margin-bottom: 10px;







	padding: 0 0 0 2px;







}















.lis li a, .lis li a:visited {







	text-align: left;







	text-decoration: none;







	color: #0000FF;







	padding: 0 0 0 0;







	/* background: url(/images/bullet1.gif) left top no-repeat; */







}	







	







.lis li a:hover {







	color: #FF6600;







}	







/*** list end **/







.box1, .box1 a, .box1 a:hover, .box1 a:visited {







background: #2489DB url(images/boxtitle.gif) repeat-x;







margin: 2px 0 2px 0; color:#FFFFFF;







padding: 3px; 







	}	















.box2 {







border:1px solid #FFBD24;







background:  #FFF0CE;







margin: 2px 0 2px 0; 







padding: 3px; 







	}







.box3 {







border:1px solid #F3B6B6;







background: #FFE6E6;







margin: 2px 0 2px 0; 







padding: 3px; 







	}







.box4 {







border:1px solid #8FD1D1;







background: #D7EEEE;







margin: 2px 0 2px 0; 







padding: 3px; 







	}















.box5 {







border:1px solid #cbeaff;







background: #e9f6ff;







margin: 2px 0 2px 0; text-align: center;







padding: 3px; 







	}		







	







.box6 {







border:1px solid #CC0000;







background: #CC0000;







margin: 2px 0 2px 0; 







padding: 3px; color:#FFF2F2; 







	}







.box7 {







border:1px solid  #C68EC6;







background:  #F1E2F1;







margin: 2px 0 2px 0; 







padding: 3px; 







	}







.breadcomb {







border-bottom:1px solid  #0e6aa8;







background: #e5f4fe;







padding: 1px; 







	}		







	







#navigasir {







	clear: left;







	float: left;







	width: 165px;







	margin: 0 0 10px 0;







	padding: 0;







	font-size: 11px;







}















#navigasir ul {	







	list-style: none;







	width: 165px;







	margin: 0 0 3px 0;







	padding: 0;







	font-size: 12px; font-weight: bold;







}	















#navigasir li {







	margin-bottom: 2px;







}















#navigasir li a, #navigasi li a:visited {







	text-align: right;







	height: 20px;







	text-decoration: none;







	color: #fff;







	display: block;







	padding: 6px 8px 0 10px;







	background: #64bbf6;







}	







	







#navigasir li a:hover {







	background: #cbeaff;







	color: #000000;







}	







	

.tablebawah {

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

	font-size: 10px;

	font-weight: normal;

	color: ##66ccss;

	text-align: left;

	margin-right: 10px;

	margin-left: 10px;

	text-decoration: none;

}





a.tablelink:link {

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

	font-size: 10px;

	font-weight: normal;

	color: ##66ccss;

	text-decoration: none;

	text-align: justify;

	

}



a.tablelink:visited {

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

	font-size: 10px;

	font-weight: normal;

	color: #66ccss;

	text-decoration: none;

}



a.tablelink:hover {

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

	font-size: 10px;

	font-weight: normal;

	color: #66ccss;

	text-decoration: none;

	

}



.tableframe {

	border: 1px solid #CBEAFF;

}