body{color:#333;margin:0;padding:0;background:url(../icon/noise.png);}
@font-face {font-family: 'DigifaceWide';src: url('../../inc.config/font/Digiface.ttf');}
#header {
    position:fixed;
    height: 90px;	
	padding:0px;
    background-image: -webkit-gradient(linear, left bottom, left top,color-stop(0.47, #f3f3f4), color-stop(0.74, #f4f4f5),color-stop(0.87, #fbfbfb));
    background-image: -moz-linear-gradient(center bottom, #f3f3f4 47%, #f4f4f5 74%, #fbfbfb 87%);
    left:0;top:0;float:left;width:100%;
    -ms-transition:     all 0.3s ease-out;
    -moz-transition:    all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition:      all 0.3s ease-out;
    transition:         all 0.3s ease-out;
	z-index:101;
	margin:0;
	clear:both;
	width:100%;	
}
#header img {
    width:480px;
     -ms-transition:    all 0.3s ease-out;
    -moz-transition:    all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition:      all 0.3s ease-out;
    transition:         all 0.3s ease-out;
	padding:6px 5px 0 5px;
	margin-bottom:0px;
}
#header.small {height:65px;}
#header.small img{width:350px;}
#header .search{float:right;margin-top:-60px;margin-right:50px;-ms-transition:     all 0.3s ease-out;
    -moz-transition:    all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition:      all 0.3s ease-out;
    transition:         all 0.3s ease-out;
}
#header .searchsmall{margin-top:-60px;
    -ms-transition:    all 0.3s ease-out;
    -moz-transition:    all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition:      all 0.3s ease-out;
    transition:         all 0.3s ease-out;}
#header .search button{padding:8px;border:1px solid #7a2696;color:#fff;background-color:#9231b2;cursor:pointer;}
#header .search button:hover{background-color:#7a2696;}
#header .search input{width:300px;padding:8px;border:1px solid #dcdcdc;}
.main-layout{padding:0;}

.btn{background-color:#e53310;}
.content{color:#333;padding:0 50px;margin-top:145px;}
.detail{margin:0px 10px;padding:5px;}
.detail h3{color:#fff;padding:0;margin:5px 0;}
.spasi-menu{margin-top:0px;margin-bottom:0px;clear: both;}
.spasi{margin-top:10px;margin-bottom:10px;clear: both;}
.lambang{margin:0 auto;width:100%;text-align:center;}
.lambang img{margin:0;padding:10px;width:30%;}
a{text-decoration:none;}
.berita-kiri{float:left;width:68%;margin:10px 0;padding:0;}
.berita-kiri h1{margin:0;padding:0;color:#3c3631;border-bottom:1px solid #e8eaea;padding:10px 8px;font-size:20px;font-family: Comic Sans MS;}
.berita-kiri .sub{float:left;width:100%;padding:0 0 10px 10px;background-color: white;box-shadow: inset 0 0 2px 0 #9b9d9d;clear:both;}
.berita-kiri .sub img{float:left;margin:0 10px 0 0;background-color: white;width:400px;height:180px;padding:5px;margin-top:10px;box-shadow: inset 0 0 2px 0 #979898;border-radius:3px;}
.berita-kiri .sub h2{color:orangered;margin:10px 10px 0 0;font-size:20px;}
.berita-kiri .sub p{color:#444;margin:5px 15px 0 0;text-align:justify;font-size:18px;}
.berita-kiri .sub .tgl{color:#666;margin:5px 0 0 0;font-size:15px;}

.berita-kiri .detail-sub h1{text-align:left;margin:5px 0;padding:0;color:#3c3631;border-bottom:1px solid #e8eaea;padding:10px 8px;font-size:20px;font-family: Comic Sans MS;}
.berita-kiri .detail-sub{float:left;text-align:center;width:100%;padding:5px;background-color: white;box-shadow: inset 0 0 2px 0 #9b9d9d;clear:both;}
.berita-kiri .detail-sub img{margin:0 auto;background-color: white;width:500px;height:100%;padding:5px;margin-top:10px;box-shadow: inset 0 0 2px 0 #979898;border-radius:3px;}
.berita-kiri .detail-sub h2{text-align:left;color:orangered;margin:8px 10px 0 10px;font-size:20px;}
.berita-kiri .detail-sub p{color:#444;margin:5px 10px 0 10px;text-align:justify;font-size:18px;}
.berita-kiri .detail-sub p img{margin:10px 20% 10px 20%;background-color: white;width:500px;height:100%;padding:5px;box-shadow: inset 0 0 2px 0 #979898;border-radius:3px;}

.berita-kiri .detail-sub .tgl{text-align:left;color:#666;margin:5px 0 0 10px;font-size:15px;}

.berita-kiri .sub-lainnya{float:left;width:100%;margin:10px 0;padding:0 5px 10px 5px;background-color: white;box-shadow: inset 0 0 2px 0 #9b9d9d;clear:both;}
.berita-kiri .sub-lainnya .item{float:left;width:49%;margin:10px 8px 0 0;padding: 0 0 10px 0;border-bottom:1px solid #eee;}
.berita-kiri .sub-lainnya .item img{float:left;margin:0 10px 0 0;background-color: white;width:150px;height:100px;padding:5px;margin-top:0px;box-shadow: inset 0 0 2px 0 #979898;border-radius:3px;}
.berita-kiri .sub-lainnya .item h2,a{color:#555;margin:0px 0 0 0;font-size:18px;}
.berita-kiri .sub-lainnya .item p{color:#444;margin:5px 0 0 0;text-align:justify;font-size:16px;}
.berita-kiri .sub-lainnya .item .tgl{color:#666;margin:5px 0 0 0;font-size:14px;}

.berita-kiri .informasi{float:left;width:100%;margin:0;padding:0 5px 10px 5px;background-color: white;box-shadow: inset 0 0 2px 0 #9b9d9d;clear:both;}
.berita-kiri .informasi .pengumuman{float:left;width:48%;margin:0 8px 0 0;padding: 0 0 10px 5px;}
.berita-kiri .informasi .pengumuman .item{background:#fff;padding:5px 0;border-bottom:1px solid #eee;}
.berita-kiri .informasi .pengumuman .no{border:1px solid #eee;width:30px;margin:0 10px 0 0;font-weight:bold;padding:7px 3px;text-align:center;background:#eee;float:left;}
.berita-kiri .informasi .pengumuman   h2{margin:-7px 0 0 0;color:red;}
.berita-kiri .informasi .pengumuman .tgl{color:#666;margin:0px 0 0 0;font-size:14px;}
.berita-kiri .informasi .pengumuman  p{color:#444;margin:0px 0 0 0;text-align:justify;font-size:16px;}

.berita-kiri .informasi .agenda{float:left;width:48%;margin:0 8px 0 0;padding: 0 0 10px 5px;}
.berita-kiri .informasi .agenda .item{background:#fff;padding:5px 0;border-bottom:1px solid #eee;}
.berita-kiri .informasi .agenda .no{border:1px solid #eee;width:30px;margin:0 10px 0 0;font-weight:bold;padding:7px 3px;text-align:center;background:#eee;float:left;}
.berita-kiri .informasi .agenda   h2{margin:-7px 0 0 0;color:red;}
.berita-kiri .informasi .agenda .tgl{color:#666;margin:0px 0 0 0;font-size:14px;}
.berita-kiri .informasi .agenda  p{color:#444;margin:0px 0 0 0;text-align:justify;font-size:16px;}

.berita-kiri .kontak{float:left;width:100%;margin:10px 0;padding:0 5px 10px 5px;background-color: white;box-shadow: inset 0 0 2px 0 #9b9d9d;clear:both;}
.berita-kiri .kontak h1{margin:5px 0;color:#3c3631;border-bottom:1px solid #e8eaea;padding:10px 8px;font-size:20px;font-family: Arial, Helvetica, sans-serif;}


.berita-kanan{float:right;width:30%;margin:10px 0;background-color:#fff;box-shadow: inset 0 0 2px 0 #a8a8a8;}
.berita-kanan .sub-berita{padding: 10px 10px;}
.berita-kanan .sub-berita h1{padding: 5px 0 5px 0;margin:0;background-color:#9e49b0;color:#fff;width:100%;font-family: "Times New Roman", Times, serif;font-size:20px;}
.berita-kanan .sub-berita .item{width:100%;margin:0;clear:both;padding:0 0 5px 0;border-bottom:1px solid #eee;}
.berita-kanan .sub-berita .item h2{float:left;width:100%;margin:0;padding:0;}
.berita-kanan .sub-berita .item .tgl{color:#666;margin:0px 0 0 0;font-size:14px;}
.berita-kanan .sub-berita .item p{color:#333;margin:3px 0;font-size:18px;text-align:justify;}
.berita-kanan .sub-berita .item h2 a{font-size:18px;margin:0;padding:0;color:#a64c1f;}
.berita-kanan .sub-berita .item h2 a:hover{color:orangered;}

.moto-left{float:left;width:30%;margin-top:15px;background:#fff;padding:0;}
.moto-left h2{margin:0;padding:10px 10px;background-color: #4c6e93;color:#fff;font-size: 20px;font-family: tahoma;}
.moto-left ul{margin:0;padding:0;}
.moto-left ul li{border:1px solid #eee;padding:10px 0;}
.moto-left ul li a{padding:10px 10px;color:#444;font-size: 20px;text-decoration: none;}
.moto-right{float:right;width:66%;margin-top:15px;background:#fff;padding:10px;}
.moto-right h2{margin:0;padding:0;}

.tugas-fungsi-left{float:left;width:70%;}
.tugas-fungsi-left img{width:200px;height:260px;}
.tugas-fungsi-left .box-pegawai{width:100%;border:1px solid #eee;width:780px;height:310px;background:#fff;padding:10px;margin:0 0 10px 0;}
.tugas-fungsi-left .foto{float:left;width:200px;height:260px;padding:0;margin:0 20px 0 0;}
.tugas-fungsi-left .foto img{width:100%;height:100%; border:1px solid #eee;padding:5px;}
.tugas-fungsi-left .data{float:left;width:560px;background:#fff;padding:0;margin:0;}
.tugas-fungsi-left .data li{list-style:none;margin:0 0 10px 0;font-family: Calibri;font-size:17px;}
.tugas-fungsi-left .box-pegawai h2{color:#555;font-family: Comic Sans MS;font-size:20px;padding:0;margin:0 0 10px 0;}

.pimpinan-left{float:left;width:70%;}
.pimpinan-left img{width:200px;height:260px;}
.pimpinan-left .box-pimpinan{width:100%;border:1px solid #eee;width:780px;height:310px;background:#fff;padding:10px;margin:0 0 10px 0;}
.pimpinan-left .foto{float:left;width:200px;height:260px;padding:0;margin:0 20px 0 0;}
.pimpinan-left .foto img{width:100%;height:100%; border:1px solid #eee;padding:5px;}
.pimpinan-left .data{float:left;width:560px;background:#fff;padding:0;margin:0;}
.pimpinan-left .data li{list-style:none;margin:0 0 10px 0;font-family: Calibri;font-size:17px;}
.pimpinan-left .box-pimpinan h2{color:#555;font-family: Comic Sans MS;font-size:20px;padding:0;margin:0 0 10px 0;}

.pimpinan-left .detail-riwayat{width:100%;border:1px solid #eee;width:780px;background:#fff;padding:10px;margin:0 0 10px 0;}
.pimpinan-left .detail-riwayat h2{color:#555;font-family: Calibri;font-size:20px;padding:0;margin:0 0 10px 0;}
.pimpinan-left .detail-riwayat li{list-style:none;border-bottom:1px solid #eee;padding:8px 0 8px 0;font-family: Calibri;font-size:17px;}

.sejarah{float:left;width:100%;padding:10px;background:white;margin:10px 0 10px 0;height:450px;}

.footer{border:0;width:100%;margin-top:20px;padding:12px 0;background:#8d31ac;text-align:center;color:#fff;border-top:1px solid #72228d;}
.footer a{text-decoration:none;color:#fff;}

/* style mobile */
@media (max-width: 767px) {
#header img { width:350px;}
#header.small {height:65px;}
#header.small img{width:350px;}
#header .search{float:right;margin-top:0px;margin-bottom:3px;margin-right:5px;}
#header .searchsmall{margin-top:1px;}
#header .search button{padding:8px;cursor:pointer;}
#header .search button:hover{background-color:#7a2696;}
#header .search input{width:200px;padding:8px;border:1px solid #dcdcdc;}

.content{color:#333;padding:0 10px 0 10px;margin-top:175px;}

.berita-kiri .sub{float:left;padding:10px;background-color: white;box-shadow: inset 0 0 2px 0 #9b9d9d;clear:both;}
.berita-kiri .sub img{float:left;margin:0;width:98%;height:180px;padding:0;margin-top:0;}
.berita-kiri .sub h2{color:orangered;margin:10px 10px 0 0;font-size:20px;}
.berita-kiri .sub p{color:#444;margin:5px 15px 0 0;text-align:justify;font-size:18px;}
.berita-kiri .sub .tgl{color:#666;margin:5px 0 0 0;font-size:15px;}


.berita-kiri{float:left;width:100%;margin:10px 0;padding:0;}
.berita-kiri .detail-sub h1{text-align:left;margin:5px 0;padding:0;}
.berita-kiri .detail-sub img{float:left;width:100%;margin:0;padding:0;}
.berita-kiri .detail-sub{float:left;text-align:center;width:100%;padding:5px;}

.berita-kiri .sub-lainnya{width:100%;padding:0 5px 10px 5px;}
.berita-kiri .sub-lainnya .item{width:100%;}

.berita-kiri .informasi{width:100%;margin:0;}
.berita-kiri .informasi .pengumuman{width:100%;margin:0;padding: 0 0 10px 0;}
.berita-kiri .informasi .pengumuman .item{padding:5px 0;}

.berita-kiri .informasi .agenda{width:100%;padding: 0 0 10px 0;}
.berita-kiri .informasi .agenda .item{background:#fff;padding:5px 0;}


.berita-kanan{float:left;width:100%;}

}