@charset "utf-8";
/* CSS Document */
* {
	padding:0;
	margin:0;
}
body {background:url(../image/ui/bgnew.jpg)}
body,td,div{font-family:arial;font-size:14px}
a img{border:0px none}
@font-face {font-family:gagat;src: url("font/YanoneKaffeesatz-Bold.ttf") format("truetype");}
@font-face {font-family:gagatcilik;src: url("font/YanoneKaffeesatz-Light.ttf") format("truetype");}
#bg {
	background:url(../image/ui/bg_body_top_baru.jpg);
	width:100%;
	float:left;
	left:0;
	top:0;
	background-repeat:repeat-x;
	min-width:960px;
	margin:auto;
	 box-shadow: 0px 0px 4px rgb(255, 255, 255);
}
#bgfooter {
	background:#000;
	width:100%;
	float:left;
	border-top:solid 5px #00FFFF;
	height:120px;
	min-width:960px;
	margin:auto;
	 box-shadow: 0px 0px 4px rgb(255, 255, 255);
z-Index:10;
}
#main {
	margin:auto;
	width:960px;
	background:#FFF;
	box-shadow: 0px 0px 4px rgb(184, 184, 184);
}
#header {
	float:left;
	width:100%;
	height:85px;
	background:url(../image/ui/header.png);
	border-bottom:solid 5px #0099CC;
	background-size:cover;
	box-shadow: 0px 0px 4px rgb(184, 184, 184);
	-moz-box-shadow: 0px 0px 4px rgb(184, 184, 184);

/* filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=0,strength=1);
	zoom: 1;*/
}
.panel_flag {display:none}

.img_logo {
	float:left;
	margin-left:10px;
	margin-top:9px;
}
.menu {
	float:right;
	margin-top:60px;
}
.menu li {
	float:left;
	list-style:none;
}
/*adds*/
table{border-collapse:collapse;border:0px;margin:0px}
table td,table th{border:0px;margin:0px}
.titlediv{float:left;width:400px;height:50px}
.search{}
.searchdiv{margin-top:2px;_height:27px;overflow:hidden;}
#menuatas{float:right;margin-top:2px}

.menu li a {
	display:block;
	padding-left:10px;
padding-right:10px;
	height:35px;
	color:#000;
	text-decoration:none;
	color:#333;
	float:left;

}
.menu li a:hover{
	background:#0099CC;
	color:#FFFFFF;
}



#nav {
	float:right;
	margin-top:10px;
	margin-right:0px;
padding:0px;
}

#nav li a, #nav li {

}

#nav li {
 list-style: none;
float:left;
position:relative;
}

#nav li a {
float:left;
	padding:5px 10px 5px 10px;
	height:35px;line-height:35px;
	color:#000;
	text-decoration:none;
	-moz-transition:0.3s ease-in-out;
font-size:12px;
font-family:arial;font-weight:bold

}

#nav li a:hover {
 background:#F90;
	color:#FFFFFF;
}
.active {
	 background:#F90;
	color:#FFFFFF;
}

#nav ul {

 background:#0099CC;
	color:#FFFFFF;
}
/* Submenu */

.hasChildren {
	position: absolute;
	width: 5px; height: 5px;
	background: black;
	right : 0;
	bottom: 0;
}

#nav li ul {
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; margin: 0;
 z-index:9999;
 background:rgba(0,153,255,0.4);
}

#nav li:hover > ul {
 display: block;
}

#nav li ul li, #nav li ul li a {
 float: none;
}

#nav li ul li {
 _display: inline; /* for IE6 */
}

#nav li ul li a {
 width: 150px;
 height:10px;
 padding-bottom:15px;
 display: block;
 font-family:arial;
 font-size:12px;
 border-bottom:dotted 1px #FFF;
 color:#FFF;
}

/* SUBSUB Menu */

#nav li ul li ul {
 display: none;
}

#nav li ul li:hover ul {
 left: 70%;
 top: 50%;
 box-shadow: 0px 0px 4px rgb(184, 184, 184);
}


/* CSS Document */
.search {
	float:right;	
}
.btn_search{
	background:#09C;
	border:none;
	height:22px;
	font-family:arial;
	color:#FFF;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	font-weight:600;
	margin-left:0;
	width:30px;
}
.search td {
	height:20px;
}
.text {
	width:150px;
	height:20px;
	padding-right:5px;
}
#bendera {
	float:left;
	height:22px;
	width:100%;
		
}
#bendera img {
	float:right;
	margin-right:5px;

}
#slide{
	float:left;
	width:100%;
	height:300px;
	background:white url(../asset/image/ui/baner1.jpg) no-repeat;
	background-size:cover;
	border-bottom:solid 5px #0099FF;
	margin-top:5px;
	margin-bottom:5px;
	box-shadow: 0px 0px 4px rgb(184, 184, 184);
}

#konten {
	float:left;
	width:100%;
	background:#FFF;
	box-shadow: 0px 0px 4px rgb(184, 184, 184);
padding-bottom:20px;
}
#isi{
	width:700px;
	float:left;
}
.panel_judul{
	width:960px;
	float:left;
	background:url(../image/ui/bg_panel.jpg);
	border-bottom:solid 3px #4abcde;
	
}
.judul_page {
	font-family:arial;
	padding-bottom:5px;
	padding-top:5px;
	text-indent:10px;
	color:#000;
	text-indent:10px;
	float:left;
	background:rgba(204,204,204,0.5);
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	background-size:cover;
	padding-right:15px;
	padding-left:5px;
	font-size:16px;	
	font-style:bold;
	
}

#sidebarmet {
	float:right;
	width:255px;
	padding-top:15px;
	margin-top:15px;
}

#sidebar {
	float:left;
	width:255px;
	padding-top:15px;
	margin-top:15px;
}

#footer {
	margin:auto;

	width:960px;
}
#foot_nav {
	margin-top:15px;
	list-style:none;
}
#foot_nav li{
	float:left;
	list-style:none;
        width:auto;
        padding:0px 5px;
}
#foot_nav li a {
	text-decoration:none;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#fff;
	padding:10px 20px;
	
}
#foot_nav li a:hover{
	text-decoration:underline;
}
#foot_nav li ul {
	list-style:none;
}
#foot_nav li ul li {
	float:none;
}
#foot_nav li ul li a{
	text-decoration:none;
	color:#09c;
	font-family:Verdana, Geneva, sans-serif;
        padding:10px 15px;
	
	
}
#foot_nav li ul li a:hover{
	text-decoration:underline;
}

/* Css Untuk News */
.list_berita {
	float:left;
	width:760px;
	margin:auto;
	list-style:none;
	padding-top:5px;
	padding-bottom:10px;
}
.list_berita li {
	padding-top:15px;
	width:600px;
clear:both;
}
.news_img {
	float:left;
	padding:5px;
	margin-left:20px;
	border:solid 1px #0CF;
	padding-border:2px;
	margin-right:5px;
	margin-bottom:10px;
}
.news_img2 {
	float:left;
	padding:5px;
	border:solid 0px #0CF;
	padding-border:2px;
	margin-right:5px;
}
.panel_news{
	float:left;
	width:480px;
	margin-left:5px;
	padding-bottom:10px;
}
.panel_news_home{
	float:left;
	width:420px;
	margin-left:15px;
	padding-bottom:30px;
	
}
.judul_news {
	float:left;
	color:#000;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	margin-left:20px;
	padding-top:5px;
	width:500px;
}
.judul_news home {
	float:left;
	color:#000;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
}
.tgl_news {
	float:left;
	color:#000;
	font-family:arial;
	font-size:12px;
	margin-bottom:10px;
	text-align:justify;
	padding-left:15px;
}
.isi_news {
	float:left;
	color:#000;
	font-family:arial;
	font-size:14px;
	width: 680px;
	text-align:justify;
	margin-bottom:15px;
	margin-left:20px;
}
.isi_news_home {
	float:left;
	text-indent:0px;
	color:#000;
	font-family:arial;
	font-size:14px;
	width: 500px;
	text-align:justify;
}
.isi_news_home p {
	float:left;
	text-indent:0px;
	color:#000;
	font-family:arial;
	font-size:14px;
	width: 500px;
	text-align:justify;
}
.link_news {
	color:#F00;
	text-decoration:none;
	font-family:arial;
	font-size:12px;
	float:left;
}




/* CSS image sidebar */
.image_sidebar {
	list-style:none;
	margin-top:8px;
	background:#d9f3f9;
	height:355px;
}

.image_sidebar li {
padding-right:0px;
background:#d9f3f9;
padding-top:0px;
}
.image_sidebar li.atasatas{
padding-top:0;
}
.image_sidebar img {
	width:224px;
	height:74px;
	padding-top:10px;
	padding-left:16px;
	padding-right:10px;
	margin-bottom:0px;
	border-left:1px;
	
}



/* CSS About US */
.judul_aboutus {
	font-family:Arial;
	font-size:16px;
	
	margin-left:12px;
	margin-top:10px;
	
}
.plant {
	margin-left:10px;
	margin-top:10px;
	font-family:arial;
	font-size:16px;
	padding-bottom:15px;
}
.plant td {

}
.estabilished {
	margin-left:10px;font-family:"arial";font-size:16px;padding-bottom:15px;
}
.klien {
	margin-left:30px;
	list-style:decimal;
	font-family:"arial";font-size:14px;
	padding-bottom:15px;
}
#gambar_about {
	float:left;
	width:99%;
	margin-left:10px;
	margin-right:35px;
	margin-top:25px;
	margin-bottom:25px;
}
#tengah_zoom {
	margin-left:5px;
	float:left;
	padding-bottom:40px;
}
#panel_zoom{
	width:230px;
	height:140px;
	float:left;
	
}
.img_about {
	width:210px;
	height:130px;
	border-radius:5px;
	padding:5px 5px 5px 5px;
	float:left;
	border:solid 0px #CCC;
}
.img_about2 {
	width:370px;
	height:130px;
	float:right;
	border:solid 1px #CCC;
	
}

#panel_zoom:nth-child(2n+0){
margin-left:1px;	
}
#company_about_us img {
	width:100%;
	height:100%;
}
#company_about_us{
	float:left;
	width:100%;
	height:150px;
	background:url(../image/ui/about%20us.png);
	background-size:cover;
}


.history {
	margin-left:10px;
	margin-top:10px;
	font-family:"arial";
	font-size:14px;
	padding-bottom:15px;
}
.history td {
	padding-top:5px;
	padding-bottom:5px;
}
.history td:first-child{
	padding-right:25px;
}


/* Contact CSS */
#contact_plan {
	float:left;
	width:480px;
	height:300px;
}
#panel_contact p{
	font-family:"arial MS", Arial, Helvetica, sans-serif;
	font-size:13px;
}
#panel_contact img {
	width:100%;
	height:200px;
	margin-top:10px;
}
#panel_contact {
	float:left;
	width:460px;
	margin-left:10px;
	height:280px;
	margin-top:10px;
}


/* Sidebar menus*/
.sidebar {
			list-style:none;
			margin-left:25px;
		}
		.sidebar li a{
			padding-left:10px;
			width:200px;
			display:block;
			height:20px;
			padding-bottom:10px;
			padding-top:5px;
			background:#999;
			border-bottom:solid 1px #FFF;
			text-decoration:none;
			color:#FFF;
			font-family:Verdana, Geneva, sans-serif;
			font-size:14px;
			
		}
		.sidebar li a:hover{
		background:#09C;
		}
		.sub_samping {
			list-style:none;
			text-indent:20px;
		}
		.child_sub {
			text-indent:40px;
			list-style:none;
		}
		.panel_sub{
		list-style:none;
		}

.copyright{
	color:#FFF;
	float:right;
clear:both;
	margin:0px;
	font-family:arial;
	font-size:14px;
}