body {


	background: #F0F0F0 url(images/bg.jpg);


	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-color: white;


  text-align: justify;


  line-height: 1.5em; 


  margin: 0 0 0 10em;


  padding: 3mm 4mm 4mm 4mm;


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


}





.normal {


  color: black;


  text-align: justify;


 }





a {


	text-decoration: none;


	color: #447825;


}





a:hover {


	color: #98B404;


}





a img {


	border: 0;


}





h1 {


	font-size: 1.6em; color: #4A6129;


	margin: 0 0 6px 0;


	padding: 2px 0px 0px 0px;


}








h2 {


	font-size: 1.4em; color: #505535;


	margin: 0 0 6px 0;


	padding: 2px 0px 0px 0px;


}








h3 {


	font-size: 1.3em; 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: #2489DB;


}	


	


#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;


	background: #81970C url(images/boxtitle.gif) repeat-x;


}





.navil a {


	display: block;


	text-decoration: none;


	margin: 0 0 0 0;


	color: #fff;


	}





.navil a:hover {


	color: #505535;


}





.subnavil {


	text-align:left; 


	padding: 3px 0 5px 0;


	border-top: 1px solid #D6DAAD;


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


	background: #CCCCCC;


	


}





.subnavil a {


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


	text-decoration: none;


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


	border-bottom: 1px solid #D6DAAD; 


}


.subnavil a:hover { background: #D3D79B; color: #3A9E18;}


.subnavil a:visited {


	text-decoration: none;


}





.subnav {


	margin: 2px 0 10px 0;


	padding: 3px 10px 5px 10px;


	width: 140px;


	border-top: 1px solid #AFCEED;


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


	color: #6B6B6B; 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: #3A5C18; font-size:13px;


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


	}


	


.bgmenu2 { color: #C86206; font-size:13px; background-color: #FBE8AE;


	border-bottom: 2px solid #F3CC98; border-top: 1px solid #F3CC98; 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: #3C7221; font-size:13px; background-color: #EEFAE7;


	border-bottom: 2px solid  #B8D062; border-top: 1px solid #C8CB8D; 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: #d0d0d0;


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


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


  border-top: 1px solid  #FFFFFF;


}


.footer a {


  color: #d0d0d0;


  text-decoration: none;


  font-weight: normal;


  margin: 0;


  padding: 0 0.2ex 0 0.2ex;


}  





.footer a:hover {


  text-decoration: none; color: #FFFFFF;


}


.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: #FF6600;}


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





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


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


	}


	


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


height:12px; 


width:1px;


}


.gal {


background:#fafbfc;


border:1px solid #b0b0b0;


margin: 10px 5px 10px 10px;


padding:5px; 


	}


.gbr {


border:1px solid #b0b0b0;


float:left;


margin: 2px 5px 2px 0;


padding:4px;


	}


	


.gbr2 {


border:1px solid #b0b0b0;


background:#f7f7f7;


margin: 2px 5px 2px 0;


padding:4px;


	}


.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 #A5AD7E;


background: #F0F1E2;


margin: 2px 0 2px 0; 


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  #F5D165;


background: #FCF1CF;


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: #7C581E;


}	


	


#navigasir li a:hover {


	background: #BE8F50;


	color: #000000;


}