@charset "utf-8";
/* CSS Document */
* {
	padding:0;
	margin:0;
}
body {background:url(../image/ui/bgnew.jpg)}
@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:300px;
	min-width:960px;
	margin:auto;
	 box-shadow: 0px 0px 4px rgb(255, 255, 255);
}
#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);
}
.panel_flag {
	width:70px;
	height:30px;
	float:right;
	margin-top:5px;}
.img_logo {
	float:left;
	margin-left:10px;
	margin-top:9px;
}
.menu {
	float:right;
	margin-top:60px;
}
.menu li {
	float:left;
	list-style:none;
}
.menu li a {
	display:block;
	padding:10px 10px 10px 10px;
	height:35px;
	color:#000;
	text-decoration:none;
	-moz-transition:0.3s ease-in-out;
	font-family:gagat;
	color:#333;
	font-size:21px;
}
.menu li a:hover{
	background:#0099CC;
	color:#FFFFFF;
}



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

#nav li a, #nav li {
	float:left;
}

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

#nav li a {
display:block;
	padding:5px 10px 5px 10px;
	height:35px;
	color:#000;
	text-decoration:none;
	-moz-transition:0.3s ease-in-out;
	font-family:gagat;
	color:#333;

	font-size:18px;
}

#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:gagatcilik;
 font-size:16px;
 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:"Trebuchet MS", Arial, Helvetica, sans-serif;
	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:url(../image/ui/slide.png);
	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);
}
#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:"Trebuchet MS", Arial, Helvetica, sans-serif;
	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:18px;	
}
#sidebar {
	float:left;
	width:255px;
	padding-top:15px;
	margin-top:15px;
}
#footer {
	margin:auto;
	height:300px;
	width:960px;
}
#foot_nav {
	margin-top:15px;
}
#foot_nav li{
	float:left;
}
#foot_nav li a {
	text-decoration:none;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#fff;
	padding:10px 40px;
}
#foot_nav li a:hover{
	text-decoration:underline;
}
#foot_nav li ul {
	position:absolute;
	float: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;
	font-size:12px;
	padding:10px 40px;
	
}
#foot_nav li ul li a:hover{
	text-decoration:underline;
}

/* Css Untuk News */
.list_berita {
	float:left;
	width:760px;
	margin:auto;
	margin-left:10px;
	list-style:none;
	padding-top:5px;
	padding-bottom:10px;
}
.list_berita li {
	padding-top:20px;
	padding-bottom:20px;
	width:600px;
}
.news_img {
	float:left;
	padding:5px;
	margin-left:5px;
	border:solid 1px #0CF;
	padding-border:2px;
	margin-right:5px;
	margin-bottom:3px;
}
.panel_news{
	float:left;
	width:480px;
	margin-left:5px;
	padding-bottom:10px;
}
.panel_news_home{
	float:left;
	width:420px;
	margin-left:15px;
	padding-bottom:10px;
}
.judul_news {
	float:left;
	color:#000;
	font-family: Geneva, sans-serif;
	font-size:18px;
	font-weight:bold;
}
.judul_news home {
	float:left;
	color:#000;
	font-family:Calibri;
	font-size:14px;
	font-weight:bold;
}
.tgl_news {
	float:left;
	color:#000;
	font-family:Calibri;
	font-size:12px;
	margin-bottom:10px;
	text-align:justify;
}
.isi_news {
	float:left;
	text-indent:30px;
	color:#000;
	font-family:Calibri;
	font-size:14px;
	width: 650px;
	text-align:justify;
	margin-top:15px;
}
.isi_news_home {
	float:left;
	text-indent:0px;
	color:#000;
	font-family:Calibri;
	font-size:14px;
	width: 500px;
	text-align:justify;
}
.link_news {
	color:#F00;
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
}




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

.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:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:600;
	margin-left:10px;
	margin-top:10px;
}
.plant {
	margin-left:10px;
	margin-top:10px;
	font-family:Calibri;
	font-size:14px;
	padding-bottom:15px;
}
.plant td {

}
.estabilished {
	margin-left:10px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:13px;padding-bottom:15px;
}
.klien {
	margin-left:30px;
	list-style:decimal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:13px;
	padding-bottom:15px;
}
#gambar_about {
	float:left;
	width:99%;
	margin-left:45px;
	margin-right:45px;
}
#tengah_zoom {
	margin-left:5px;
	float:left;
	padding-bottom:45px;
}
#panel_zoom{
	width:220px;
	height:140px;
	float:left;
	margin-left:0px;
	margin-top:40px;
}
.img_about {
	width:200px;
	height:130px;
	border-radius:2px;
	-moz-transition:0.5s;
	float:left;
	border-radius:2px;
	border:solid 1px #CCC;
	padding-left:5px
	
}
.img_about:hover {
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
   	-moz-transform: scale(1.7);
  	 -webkit-transform: scale(1.7);
    opacity: 1;
	padding:5px;
	background:#666;
	border:solid 5px #333;
	border-radius:10px;
}
#panel_zoom:nth-child(3n+0){
margin-left:0px;	
}
#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:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	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:"Trebuchet 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;
	margin-top:220px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
}