@charset "utf-8";
/* atsiri style.css */

@font-face {
    font-family: "Interstate-Regular_0";
    src: url('../font/interstate-regular_0-webfont.eot');
	src: local('☺'), url('../font/interstate-regular_0-webfont.woff') format('woff'), url('../font/interstate-regular_0-webfont.ttf') format('truetype'), url('../font/interstate-regular_0-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
	margin:0;
	padding:0;
	background:#fff;
	font-size:12px;
	line-height:18px;
	font-family:"Interstate-Regular_0",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	color:#333;
}

::selection { background: #76a4f0; color: white; }
::-moz-selection { background: #76a4f0; color: white; }


.left{ float:left; } /**/ .right{ float:right; } /**/ .clear{ clear:both; } /**/ .hidden{ display:none; }

img{ border:none; }

a{ text-decoration:none; color:#F7AC3B; }
a:hover{ color:#999; }
:focus{ outline: 0; }

p{ margin:0 0 15px; }

p.date{ font-size:11px; color:#F7AC3B; margin:0 0 5px; }

h1, h2, h3, h4{ margin:0 0 10px; padding:0; font-weight:normal; }

h1{ font-size:28px; color:#F7AC3B; border-bottom:1px solid #F7AC3B; padding-bottom:5px; line-height:32px; } /**/ h2{ font-size:16px; line-height:20px; } /**/ h3{ font-size:14px; } /**/ h4{ font-size:14px; }



/* begin form */

.text-box{
	padding:3px 5px;
	background:#fff;
	border:1px solid #c5c5c5;
	width:200px;
	position:relative;
	top:-4px;
	*top:-17px;
	font-size:12px;
	vertical-align:text-top;
}

.text-box-lil{
	padding:3px 5px;
	background:#fff;
	border:1px solid #c5c5c5;
	width:100px;
	position:relative;
	font-size:12px;
}

.text-field{
	padding:3px 5px;
	background:#fff;
	border:1px solid #c5c5c5;
	width:200px;
	font-size:12px;
}

.text-field2{
	padding:3px 5px;
	background:#fff;
	border:1px solid #c5c5c5;
	width:210px;
	font-size:12px;
}

/*.submit{
	background:#00B0D8;
	color:#fff;
	padding:3px 5px;
	border:none;
	cursor:pointer;
}*/

.submit{ background:#00B0D8 url(../images/alert-overlay.png) repeat-x; line-height: 1; color:#fff; font-weight:bold; text-shadow: 0pt -1px 1px rgba(0, 0, 0, 0.25); border:none; cursor:pointer; padding:3px 15px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); }
.submit:hover{ background:#00B0D8; }

.rounded{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

.login-box{
	padding:25px;
	width:320px;
	margin:20px 0 0 0;
	border:1px solid #c5c5c5;
}

.login-box ul{
	margin:0;
	padding:0;
	list-style:none;
}

.login-box ul li{
	line-height:25px;
}

.login-box ul li .label{
	float:left;
	width:100px;
}

.login-box ul li .form{
	float:left;
	width:220px;
}



/* begin structure */

#wrapper{
	width:890px;
	margin:0 auto;
	border:1px solid #fff;
	position:relative;
}

#header{
	/*height:180px;*/
	background:#fff;
	color:#000;
}

	.login{
		width:350px;
		float:right;
		position:relative;
		top:10px;
		right:20px;
		text-transform:capitalize;
	}
	
	.login ul{ margin:0; padding:0; float:right; list-style:none; }
	.login ul li{ display:inline; float:left; line-height:21px; margin:0 8px; }
	
	#language-menu{ position:absolute; top:98px;; right:0; }
	#language-menu ul{ margin:0; padding:0; float:right; list-style:none; }
	#language-menu ul li{ display:inline; float:left; line-height:21px; margin:0 8px; }
		#language-menu ul li a{ color:#4d4d4d; }
		#language-menu ul li a:hover{ color:#999; }

		#menu-atas ul{ list-style:none; margin:15px 0; padding:0; }
		#menu-atas ul li{ float:left; }
		#menu-atas ul li a{ padding:5px 11px; color:#4D4D4D; display:block; }
		#menu-atas ul#eng li a{ padding:5px 15px; }
		#menu-atas ul li.list{ padding:5px 0px; }
#menu-atas ul li.on a,#menu-atas ul li:hover > a {
		background:url(../images/trans.png) repeat;
		color:#fff;
}	

#menu-atas ul ul li{
	height:20px;
	line-height:20px;
}

#menu-atas ul ul li a{
	padding:2px 5px;
	color:#fff;
}
	
#menu-atas ul ul li:hover a, #menu-atas ul li:hover li a {

	border: none;
	color: #fff;

}
#menu-atas ul ul a:hover {
	background: #fff !important;
	color:#241709 !important;

}

/* dropdown */
#menu-atas ul li:hover > ul {
	display: block;
}

/* level 2 list */
#menu-atas ul ul {
	display: none;
	margin: 0;
	padding: 5px 5px 10px;
	width: 185px;
	position: absolute;
	top: 1;
	left: 1;
	background:url(../images/trans.png) repeat;
	color:#000;
	height:auto;
	z-index:99;

}
#menu-atas ul ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#menu-atas ul ul a {
	font-weight: normal;
}

/* level 3+ list */
#menu-atas ul ul ul {
	left: 181px;
	top: 80px;
}



/* clearfix */
#menu-atas ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#menu-atas ul {
	display: inline-block;
} 	

	
	
	
	

#head-banner{
	width:890px;
	height:250px;
	
}

.satu{background:url(../dai-bg/bg11.jpg) no-repeat;}
.dua{background:url(../dai-bg/bg10.jpg) no-repeat;}
.tiga{background:url(../dai-bg/bg09.jpg) no-repeat;}
.empat{background:url(../dai-bg/bg08.jpg) no-repeat;}
.lima{background:url(../dai-bg/bg07.jpg) no-repeat;}
.enam{background:url(../dai-bg/bg06.jpg) no-repeat;}
.tujuh{background:url(../dai-bg/bg05.jpg) no-repeat;}
.lapan{background:url(../dai-bg/bg04.jpg) no-repeat;}
.sembilan{background:url(../dai-bg/bg03.jpg) no-repeat;}
.sepuluh{background:url(../dai-bg/bg02.jpg) no-repeat;}
.sebelas{background:url(../dai-bg/bg01.jpg) no-repeat;}

	#menu{
		background:rgba(0,0,0,0.5);
		width:115px;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius-topright:5px;
		-moz-border-radius-bottomright:5px;
		position:relative;
		top:128px;
		font-size:14px;
		padding:13px;
	}
	
		#menu ul{
			margin:0;
			padding:0;
			list-style:none;
			line-height:20px;
		}
		
		#menu ul li a{
			color:#fff;
			display:block;
		}
		
		#menu ul li a:hover{
			color:#c5c5c5;
		}

#stripper{
	height:11px;
	background:url(../images/bg-footer.png) repeat-x;
}

#content{
	background:#fff;
	padding-bottom:20px;
}
	
	#sidebar{
		width:235px;
		float:left;
		padding:10px;
		font-size:11px;
	}
	
		#sidebar h3 a{
			color:#29A7DE;
			font-size:11px;
			margin-bottom:0;
			padding:0;
		}
		
		#sidebar h3, #right-content  h3{
			color:#29A7DE;
		}
		
		#sidebar h3 a:hover{
			color:#F7AC3B;
		}
		
		#sidebar p{ margin:-8px 0 10px; padding:0;}
		
		.sidebar{
			font-family:Arial, Helvetica, sans-serif;
		}
		

	
	#right-content{
		width:610px;
		float:right;
		padding:10px;
	}
	
		.post{
			margin-bottom:10px;	
			font-family:Arial, Helvetica, sans-serif;
			border-bottom:2px solid #F2F2F2;
			font-weight:normal;
			font-style:normal;
		}
		
		.post h3 a{
			color:#29A7DE;
			font-size:14px;
		}
		
		.post h3 a:hover{
			color:#F7AC3B;
		}
		
		ul.table{
			margin:0;
			padding:0;
			list-style:none;
			font-size:12px;
			width:610px;
			clear:both;
		}
		
			ul.table.head{
				background:#000;
				color:#fff;
				clear:both;
				padding:5px 0;
				
			}
		
		ul.table li{
			float:left;
			margin:5px;
			padding:0;
		}
		
			ul.table li.minyak, ul.table li.sentra, ul.table li.harga{
				width:130px;
			}
			
			ul.table li.vol,ul.table li.date{
				width:70px;
			}
			
			ul.table li.no{
				width:20px;
			}
			
			
		ul.table-inter{
			margin:0;
			padding:0;
			list-style:none;
			font-size:12px;
			width:610px;
			clear:both;
		}
		
			ul.table-inter.head{
				background:#000;
				color:#fff;
				clear:both;
				padding:5px 0;
				
			}
		
		ul.table-inter li{
			float:left;
			margin:5px;
			padding:0;
		}
		
			ul.table-inter li.minyak, ul.table-inter li.harga{
				width:195px;
			}
			
			ul.table-inter li.vol,ul.table-inter li.date{
				width:70px;
			}
			
			ul.table-inter li.no{
				width:20px;
			}
		
		
		.page{
			margin-bottom:10px;	
			font-family:Arial, Helvetica, sans-serif;
		}
		
		.page h1{ font-size:30px; color:#F7AC3B; border-bottom:1px solid #F7AC3B; padding-bottom:5px; text-transform:capitalize;font-family:"Interstate-Regular_0",Verdana,Arial,"Bitstream Vera Sans",sans-serif; position:relative; top:-2px; }
		
#footer{
	background:url(../images/bg-footer.png) repeat-x;
	height:15px;
	color:#fff;
	padding:15px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}


	ul.add{
		line-height:30px;
		list-style:none;
		margin:0 0px 10px;
		padding:0;
		clear:both;
	}
	
	ul.add li{
		float:left;
	}
	
	ul.add li.judul{
		width:270px;
	}
	
	ul.add li.field{
		width:340px;
	}

.tambahan-reg{ padding:0 0 0 10px; margin:20px 0; }

	.tambahan-reg ul.add li{
		float:left;
	}
	
	.tambahan-reg ul.add li.judul{
		width:270px;
	}
	
	.tambahan-reg ul.add li.field{
		width:330px;
	}

table.table_exim{ width:100%; }
.table_exim_th{ background:#000; color:#F7AC3B; text-align:left; padding:5px; }
.table_exim_th a{ background:#000; color:#F7AC3B;}
.table_exim_td{ text-align:left; padding:5px; border-bottom:1px solid #c5c5c5; }

table.exim-class{ width:100%; }
.exim-class th{ background:#f5f5f5; }



/* sentra-produksi */
table#sentra-produksi{ width:100%; margin-bottom:50px; }
table#sentra-produksi tr th{ background:#000; padding:5px 10px; color:#fff; }
table#sentra-produksi tr td{ padding:5px 10px; }




ul.tab-search{
	margin:10px 0 0;
	padding:0;
	list-style:none;
}

ul.tab-search li{
	float:left;
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin:0 1px;
	border:1px solid #F7AC3B;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}

ul.tab-search li:hover{
	background:#F7AC3B;
	color:#fff;
	border:1px solid #000;
}

/* sitemap */
ul.site{ list-style:square; line-height:20px; }
ul.site ul{ list-style:disc; }

ul.site a{ color:#666; }
ul.site a:hover{ color:#F7AC3B; }

/* ads banner */

#ads ul{
	margin:10px 0;
	padding:0;
	list-style:none;
}

#ads ul li{ text-align:center; margin:10px 0; }


/* transaksi */

ul.tab-trans{
	margin:10px 0 0;
	padding:0;
	list-style:none;
	position:relative; top:1px;
}

ul.tab-trans li{ float:left; padding:5px 10px; background:#00B0D8; border:1px solid #00B0D8; color:#fff; margin:0 2px 0 0; font-family:Arial, Helvetica, sans-serif; cursor:pointer; }
ul.tab-trans li:hover, ul.tab-trans li.on{ background:#fff; border:1px solid #000; border-bottom:1px solid #fff; color:#00B0D8; }

.trans-pet{ width:590px; padding:10px; margin:0 auto; background:#fff; color:#4D4D4D; border:1px solid #000; }
	.trans-pet ul.add{ line-height:30px; list-style:none; margin:0 0px 10px; padding:0; clear:both; }
	.trans-pet ul.add li{ float:left; }
	.trans-pet ul.add li.judul{ width:250px; }
	.trans-pet ul.add li.field{ width:340px; }
.trans-pet .text-field, .trans-pet .text-box{ padding:3px 5px; background:#fff; border:1px solid #c5c5c5; width:320px; font-size:12px; }
.trans-pet .submit{ background:#00B0D8; color:#fff; }
.trans-pet .text-field2{ padding:3px 5px; background:#fff; border:1px solid #c5c5c5; width:330px; font-size:12px; }
.trans-pet .submit{ background:#00B0D8; color:#fff; }
.trans-pet h2{ text-align:right; border-bottom:3px solid #000; padding-bottom:5px; color:#000; }

.trans-pem{ width:590px; padding:10px; margin:0 auto; background:#fff; color:#4D4D4D; border:1px solid #000; /*border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;*/ }
	.trans-pem ul.add{ line-height:30px; list-style:none; margin:0 0px 10px; padding:0; clear:both; }
	.trans-pem ul.add li{ float:left; }
	.trans-pem ul.add li.judul{ width:250px; }
	.trans-pem ul.add li.field{ width:340px; }
.trans-pem .text-field, .trans-pem .text-box{ padding:3px 5px; background:#fff; border:1px solid #c5c5c5; width:320px; font-size:12px; }
.trans-pem .text-field2{ padding:3px 5px; background:#fff; border:1px solid #c5c5c5; width:330px; font-size:12px; }
.trans-pem .submit{ background:#00B0D8; color:#fff; }
.trans-pem h2{ text-align:right; border-bottom:3px solid #4D4D4D; padding-bottom:5px; color:#000; }


.trans-koperasi{ width:590px; padding:10px; margin:0 auto; background:#fff; color:#4D4D4D; border:1px solid #000; /*border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;*/ }
	.trans-koperasi ul.add{ line-height:30px; list-style:none; margin:0 0px 10px; padding:0; clear:both; }
	.trans-koperasi ul.add li{ float:left; }
	.trans-koperasi ul.add li.judul{ width:250px; }
	.trans-koperasi ul.add li.field{ width:340px; }
.trans-koperasi .text-field, .trans-koperasi .text-box{ padding:3px 5px; background:#fff; border:1px solid #c5c5c5; width:320px; font-size:12px; }
.trans-koperasi .text-field2{ padding:3px 5px; background:#fff; border:1px solid #c5c5c5; width:330px; font-size:12px; }
.trans-koperasi .submit{ background:#00B0D8; color:#fff; }
.trans-koperasi h2{ text-align:right; border-bottom:3px solid #4D4D4D; padding-bottom:5px; color:#000; }


ul.nolist{ list-style:none; }


/* slide show */

#slideshow-container2, #slideshow-container1, #slideshow-container3 {

    width:235px;
	margin:20px 0; background:#fff;
	min-height:150px;
}



#slideshow2, #slideshow1, #slideshow3{

	position:relative;

}



#slideshow2 DIV.active, #slideshow1 DIV.active, #slideshow3 DIV.active {

    z-index:10;

    opacity:1.0; background:#fff;

}



#slideshow2 DIV, #slideshow1 DIV, #slideshow3 DIV {

    position:absolute;

    top:0;

    left:0;

    z-index:8;

    opacity:0.0;

	background:#fff; height:150px;

}

#slideshow2 DIV img, #slideshow1 DIV img, #slideshow3 DIV img{ vertical-align:middle; background:#fff; }

#slideshow2 DIV.last-active, #slideshow1 DIV.last-active, #slideshow3 DIV.last-active {

    z-index:9; background:#fff;

}



/* works-carousel */
#works-carousel { margin:20px auto 10px;width:825px; height:130px; overflow:hidden;  }
#works-carousel ul{ padding:0; list-style:none; margin:0; }
#works-carousel ul li{ float:left; display:inline; margin:0 5px; }






.list-photo{ margin:0; padding:0; list-style:none; }
.list-photo li{ float:left; width:200px; margin:0 5px; }