@charset "utf-8";
/* CSS Document */

body { background:#000; font-size: 62.5%;}
h1 { font-size:3.0em; line-height:30px; margin-bottom:20px;}
h2 { font-size:2.4em; line-height:26px; margin-bottom:20px;}
h4 { font-size:1.8em; line-height:24px; margin-bottom:10px; font-weight:normal;}
h5 { font-size:1.4em; line-height:14px; margin-bottom:10px; font-weight:bold;}
label {font-size:1.4em;}
.blue { color:#06F;}
.mb { margin-bottom:50px;}
.mb2 { margin-bottom:20px;}
.kanan {float:left; width:350px; text-align:center; margin-top:68px;}
.konten {padding:20px 0;}
.konten2 { padding:20px; border:2px solid #7f7f7f;background:#3d3d3d; margin-bottom:20px;border-radius: 5px; -moz-border-radius: 5px;}
.konten p,.konten2 p,.konten2 td { font-size:1.4em; line-height:18px; margin-bottom:10px;}
hr { margin:20px 0; border:none; border-top: #666 dotted 1px;}
.ml { margin-left:145px;}
.mr { margin-right:142px;}
.fl { float:left;}
.center { text-align:center;}
.clr { clear:both;}
.header { padding-top:20px;}
.header,.wrap,.mid { position:relative; margin:0 auto; width:960px;}
.tab{width:630px; position:relative; margin:25px auto 0 auto;}
.tab2{position:relative; margin:10px auto 0 auto;}
.tab li,.tab2 li{font-weight:bold;display: block;padding: 5px 10px 5px 10px;background:#000;margin-bottom: -2px;border: 2px solid #7f7f7f;position: relative;cursor: pointer;float: left;margin-right: 5px; -moz-border-radius-topright: 5px;border-top-right-radius: 5px; -moz-border-radius-topleft: 5px;border-top-left-radius: 5px;}
.tab li.active,.tab2 li.active{background:#3d3d3d;top: 2px;border-bottom: none;}
.tab2 li.active2 {background:#3d3d3d;border-bottom: none;}
.tab li:hover,.tab2 li:hover {background:#3d3d3d;}
.tab li a,.tab2 li a { color:#FFF; font-size:1.4em;}
.slide { width:100%; height:288px; border-top:2px solid #7f7f7f;border-bottom:2px solid #7f7f7f;}
.tagline { width:350px; margin-top:50px;}
.tombol { width:160px; height:34px; background:url(../images/tombol.jpg) top left; display:block; font-size:1.4em; font-weight:bold; color:#000; text-align:center; padding-top:18px;}
.tombol:hover {background:url(../images/tombol.jpg) bottom left;}
.tombol2 { width:92px; height:22px; background:url(../images/small_tombol.jpg) top left; display:block; font-size:1em; color:#000; padding-top:6px; position:relative;margin:0 auto;}
.tombol2:hover {background:url(../images/small_tombol.jpg) bottom left;}
.box { width:300px; float:left; text-align:center; padding:20px 0;}
.box p { font-size:1.4em; margin:10px 0;}
.box2 { width:340px; float:left; padding:10px 0 0 20px;}
.berita {list-style:outside circle; padding-left:15px;}
.berita li { margin-bottom:15px;font-size:1.2em; color:#FFF; font-weight:bold;}
.berita li span {font-size:1em; display:block; font-weight:normal;}
.footer { width:100%; padding:20px 0 10px 0; border-top:2px solid #7f7f7f;}
.footer p { color:#CCC;}
.copyright { width:374px; position:relative; margin:20px auto 0 auto; display:block;color:#CCC;}