*{
	margin:0;
	padding:0;
	font-family:"Open Sans",arial,helvetica,sans-serif;
	font-size:14px;
	line-height:18px;
	color:#666;
}
#body {}

.pc {display:none}
.mb {display:block}

.wrapper_utama{position: relative; width:100%; margin:10px auto 0 auto; overflow:hidden; min-height:350px}
#wrapper_menu_atas{ width:100%; margin:0 auto 5px auto; min-height:80px; padding-bottom:10px; box-shadow: 0px 0px 8px 0px #999; overflow:hidden; position:relative; display:block}
.logo_atas{float:left; margin-top:20px; padding-bottom:5px;}
.wrap_menu_tombol{float:left; display:block; width:100%; background:transparent linear-gradient(#0725db, #051996) repeat scroll 0% 0%; margin-bottom:-6px;}
#wrapper_header{width:100%; background:#f4f4f4; margin-top:5px;}
#wrapper_copyright{width:100%; height:40px; padding-top:5px; float:left; margin:20px 0 20px 0; font-size:12px; text-align:center}
.judul{font: 20px "Open Sans",Helvetica,Arial,Verdana,sans-serif; text-align:center; color:#FFFFFF}
.kotak_web{ float:left; margin-bottom:10px;padding-top:8px; margin-left:7px; overflow:hidden; width:95%; text-align:center;
min-height:280px;border:1px #cccccc solid; border-radius:10px; text-decoration:none; clear: right;}
.kotak_web:hover {background:#e6ffff;}
.kotak_web3{ padding-top:8px; margin:0px auto 20px auto; overflow:hidden; width:92%; text-align:center;
min-height:280px;border:1px #cccccc solid; border-radius:10px; text-decoration:none; clear: right; box-shadow: 0px 0px 20px #999; background:#FFFFFF;}
.kotak_web3:hover {background:#e6ffff;}
.judul2{font: 16px "Open Sans",Helvetica,Arial,Verdana,sans-serif; font-weight:bold }
.judul3{color:#003399; font-size:20px; margin-top:30px; text-align:center; margin-bottom:20px;}

.tulisan1{color:#777}
.kotak_tulisan{ margin:0px auto 5px auto; padding:1%; overflow:hidden; width:90%; text-align:left;
border:1px #cccccc solid; border-radius:10px; text-decoration:none; clear: right; box-shadow: 0px 0px 5px #999; background:#FFFFFF;
}
.kotak_biru{ padding:5px; width:96%; background: #003399; border:2px #eee solid; margin:15px auto 10px auto; overflow:hidden;}
.kotak_detail{ 
float:left; margin-bottom:5px;padding:1%; margin-left:5px; overflow:hidden; width:95%; text-align:center; border:1px #E5E5E5 solid; border-radius:10px; text-decoration:none; clear: right;
}

.isi_text2 { height:35px;text-align:left; padding-left:9px; border: 1px #c3c3c3 solid; border-radius:4px; text-align:center; box-shadow:0px 0px 8px #b9beff;}
.isi_text { height:30px;text-align:left; padding-left:9px; border: 1px #999999 solid; border-radius:4px}
.isi_text_panjang { text-align:left; padding-left:9px; border: 1px #999999 solid; border-radius:4px}
.isi_list { height:30px;text-align:left; padding-left:4px;padding-right:4px; border: 1px #999999 solid; border-radius:4px; cursor:pointer}

img.g80{ display:inline-block;padding:40px;background-image: url(../images/sprite80.png); align:absmiddle; margin-right:3px}
img.g80_1{ background-position:0px 0px;}
img.g80_2{ background-position:160px 0px;}
img.g80_3{ background-position:80px 0px;}
img.g80_4{ background-position:0px 160px;}
img.g80_5{ background-position:160px 160px;}
img.g80_6{ background-position:80px 160px;}















.kotak_tulisan2{ 
margin:0px auto 5px auto; padding:1%; overflow:hidden; width:90%; text-align:left;
border:1px #cccccc solid; border-radius:10px; text-decoration:none; clear: right; box-shadow: 0px 0px 5px #999; background:#FFFFFF;
}
.kotak_tulisan3{ 
margin:0px auto 5px auto; padding:1%; overflow:hidden; width:90%; text-align:left;
border:1px #cccccc solid; border-radius:10px; text-decoration:none; box-shadow: 0px 0px 5px #999; background:#FFFFFF;
}
.kotak_cetak1{ width:800px; min-height:50px; margin:0 auto;border:2px #ccc solid; padding:20px; border-radius:10px; }

.menu_atas{border-right:1px #0066CC solid; padding:8px; float:left; text-decoration:none; cursor:pointer; color:#FFFFFF; }
.menu_atas_tunjuk{border-right:1px #0066CC solid; padding:8px; float:left; text-decoration:none; cursor:pointer; color:#FFFFFF; background:#0099FF; }
.menu_atas_tunjuk:hover{color:#FFFFFF;}
.menu_atas:hover{color:#0066FF;}

.menu_atas2{color:#FFFFFF; padding:0px 15px 0px 15px; line-height:50px; float:left; text-decoration:none; margin: 0px; cursor:pointer }
.menu_atas2:hover{color:#FFFFFF; text-decoration:none; cursor:pointer; background:#0099FF; }
.menu_atas_tunjuk2{color:#000000; padding:0px 15px 0px 15px; line-height:50px; float:left; text-decoration:none; margin: 0px; cursor:pointer; background:#DED8FA }
.menu_atas_tunjuk2:hover{color:#FFFFFF; text-decoration:none; cursor:pointer; background:#0099FF; }

.tombol1{border:1px #ffffff solid; border-radius:5px; padding:6px 10px 6px 10px; text-decoration:none; color:#FFFFFF; cursor:pointer; background:transparent linear-gradient(#0058C9, #024498) repeat scroll 0% 0%; margin:10px 4px;}
.tombol1:hover{ background:#0066FF; color:#FFFFFF; cursor:pointer}
a { color: #74A4C9;}
a:hover {color:#990000}
.link_kecil{ font-family:Arial, Helvetica, sans-serif;font-size:12px;}

img.g16{ display:inline-block;padding:8px;background-image: url(../images/sprite16.png); align:absmiddle; margin-right:3px}
img.ceklis16{ background-position:0px 0px;}
img.tambah16{ background-position:144px 0px;}
img.stop16{ background-position:128px 0px;}
img.eror16{ background-position:128px 16px;}
img.gembok16{ background-position:112px 16px;}
img.hapus16{ background-position:112px 0px;}
img.back16{ background-position:96px 0px;}
img.edit16{ background-position:80px 0px;}
img.setting16{ background-position:64px 0px;}
img.ceklis_abu16{ background-position:48px 0px;}
img.lihat_situs16{ background-position:32px 0px;}
img.home16{ background-position:16px 0px;}

img.list1{ display:inline-block; padding:15px;background-image: url(../images/list1.png); align:absmiddle;}