*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:15px;
	color:#444;
}
#body {}

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

.menu a {padding: 6px 7px 6px 7px;}
#wrapper_utama{position: relative; z-index: 5;width:100%; margin:0px auto; overflow:hidden;}
#wrapper_footer{padding:10px 2% 10px 2%;}
#wrapper_menu{width:100%; height:auto; margin-bottom:12px; padding-top:0px; border-top:2px #FFFFFF solid;}
#wrapper_copyright{width:100%; height:40px; padding-top:5px; float:left; margin-top:5px; font-size:10px; text-align:center; font-weight:normal;}
#wrapper_modul_kiri{width:100%; margin-right:2%; margin-left:1%; float:left; box-shadow: 0px 0px 10px #ccc; border:1px #eee solid;
background:#ffffff;}
#wrapper_modul_tengah0{width:100%;float: left; margin-right:0%; border:1px #eee solid; border-radius:7px; }
#wrapper_modul_tengah1{width:100%;float: left; padding:10px 5px 5px 2px; background:#ffffff; /* background:rgba(red,green,blue,Aplha); */ }
#wrapper_modul_kanan{ width:100%; margin-left:2.3%; float:left;box-shadow: 0px 0px 10px #ccc; border:1px #eee solid;
background:#ffffff;}
.wrapper_modul_tengah2{width:95%;float: left; background:#FFFFFF; border-radius:7px; box-shadow: 0px 0px 5px #ccc; padding:14px 10px; margin-top:0px; border:1px #eee solid;}
.wrapper_modul_tengah3{width:94%;float: left; background:#FFFFFF; border-radius:7px; box-shadow: 0px 0px 5px #ccc; padding:10px 10px; margin-top:0px; border:1px #eee solid; min-height:300px;}
#header_logo{width:60%; height:85px; margin-bottom:5px; position:absolute; bottom:2px;left:10px; background-image:url(../images/header_logo.png); background-repeat:no-repeat;}
#header_waktu{width:230px; height:18px; position:absolute; top:0px;right:0px; background-image:url(../images/tempat_jam.png); background-repeat:no-repeat; text-align:right; padding-top:1px; color:#FFFFFF;}
#header{width:100%; height:130px; margin-bottom:0px; position:relative;}
#header_slide_utama{width:100%; height:130px; margin-bottom:0px; margin:0 auto;}
#slideshow_mb {margin: 0px auto; position: relative;width:100%; height:100px;}
#slideshow_mb div {position: absolute;top: 0px;left: 0px;}
#gambar_header {width:960px; height:100px; margin:0 auto; position:relative}
#menu_utama { width:960px; margin:-2px auto;}

.lengkap{ text-shadow:2px 2px 2px #111; background-image:url(../images/lengkap.png); background-repeat:no-repeat; color:#FFFFFF; height:20px; padding:0px 20px 5px 7px; text-decoration:none; font-size:11px; line-height:20px}
.lengkap:hover{ color: #F5F724; cursor:pointer}

.modul{ width:48%; margin-bottom:20px; position:relative; overflow:hidden; float:left; padding:0px; margin-top:0px; margin-right:1.5%;}
.modul_100_kecil{ width:98%; margin-bottom:10px; position:relative; overflow:hidden; float:left; padding:0px 0px 10px 0px; margin-top:0px;}
.modul_100{ width:100%; margin-bottom:20px;}
.judul_modul{ width:105%; padding:5px 0px 12px 0px ; color:#FFFFFF; font-size:14px; font-weight:normal; text-shadow:2px 2px 2px #111; background-image:url(../images/kop_mod_mb.png); background-repeat: repeat-x; margin-left:-11px; margin-right:30px;}
.isi_modul{ padding:2% 2% 2% 2% ; width:96%; min-height:50px;margin-top:-12px}
.isi_modul2{ padding:0px ; width:100%; min-height:50px;}
.kotak_putih{ padding:2% ; width:96%; margin-top:5px; overflow:hidden; border-bottom:1px solid #ddd}

.kotak_komen{ padding:2% ; width:96%; min-height:50px; background: #ffffff; border-top:1px #eee solid; border-bottom:1px #eee solid}

.kotak_berita{ padding:3% ; width:94%; min-height:350px; background: #ffffff; border-top:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; margin-bottom:10px; }
.kotak_berita ol{ margin-left:15px}
.kotak_berita ul{ margin-left: 15px}
.kotak_berita p{ margin: 10px 0px 10px 0px; line-height:20px}
.kotak_berita table {max-width:99%;border:1px #ccc solid; border-spacing:0px}
.kotak_berita table p {margin-top:0px;margin-bottom:0px;margin-left:5px; margin-right:5px}
.kotak_berita tr {border:1px #ccc solid;}
.kotak_berita td {border:1px #ccc solid;}
.kotak_berita img { max-width:99%; height:auto}

.kotak_abu{ padding:5px 2% 5px 2% ; width:96%; min-height:50px; background: #eee; border-radius:10px; border:2px #eee solid}
.kotak_komentar{ padding:5px 2% 5px 2% ; width:94%; min-height:50px; background: #ddd; border-radius:10px; border:2px #eee solid; margin-bottom:35px;padding-bottom:15px;}


input {padding:0px 5px 0px 5px; color:#555555;}
select {padding:4px 5px 4px 3px; color:#555555; cursor:pointer;}
option {padding-left:4px; color:#555555; cursor:pointer;}
textarea {padding-left:4px; color:#555555;}
a { color: #003399;}
a:hover {color:#990000}


.npsn{ font-family:Arial, Helvetica, sans-serif;font-size:24px; color:#666; text-shadow:2px 2px 2px #999; font-weight:bold}
.agenda_tgl{ font-family:Arial, Helvetica, sans-serif; margin: 4px 0px 4px 0px;font-size:24px; color:#666; text-shadow:2px 2px 2px #999; font-weight:bold}
.arial_10{ font-family:Arial, Helvetica, sans-serif;font-size:10px;}
.arial_11{ font-family:Arial, Helvetica, sans-serif;font-size:12px;}
.arial_10_miring{ font-family:Arial, Helvetica, sans-serif;font-size:10px; font-style:italic}
.arial_16{ font-family:Arial, Helvetica, sans-serif;font-size:16px;}
.judul_tengah1{ font-family:Arial, Helvetica, sans-serif;font-size:18px; font-weight:bold; margin:0px 5px 20px 0px;}
.tulis_visitor{ width:40%; background:#666; font-family:Arial, Helvetica, sans-serif;font-size:16px; font-weight:bold; color:#FFFFFF; padding:6px 5px 0px 5px; text-align:center; margin:0 auto; height:20px; border-radius:20px; box-shadow:0px 0px 8px #999}
.link_kecil{ font-family:Arial, Helvetica, sans-serif;font-size:10px;}
.judul_modul_tulisan{ font-family:Arial, Helvetica, sans-serif;font-size:20px; font-weight:bold; color: #fff; margin-bottom: 10px; margin-left:15px;text-shadow:2px 2px 2px #111;}
.judul_tampil_menu{ font-family:Arial, Helvetica, sans-serif;font-size:30px; font-weight:bold; color: #fff; margin-bottom: 10px;text-shadow:2px 2px 2px #111;}
.link_judul_berita{ font-family:Arial, Helvetica, sans-serif;font-size:15px; font-weight:bold; color: #3366CC; line-height:20px; text-decoration:none;}
a.link_judul_berita:hover{ color:#990000; text-decoration:underline}
.link_judul_tampil_menu{ font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color: #3366CC; line-height:20px; text-decoration:none;}
a.link_judul_tampil_menu:hover{ color:#990000; text-decoration:underline}
.link_biasa1{ font-family:Arial, Helvetica, sans-serif; color: #3366CC; text-decoration:none;}
a.link_biasa1:hover{ color:#990000; text-decoration:underline}
img.link_gbr1:hover{border-right: #990000 1px solid; border-left:#990000 1px solid}

.link_fitur{ font-family:Arial, Helvetica, sans-serif;font-size:10px; background:#CCFF00; }
a.link_fitur:hover{background:#99FF66}

img.pin1{ display:inline-block; margin:-30px -15px -18px -5px; padding:25px;border:none; background-image: url(../images/pin1.png); align:absmiddle; background-repeat:no-repeat;}

img.k16{ display:inline-block;padding:8px;background-image: url(../images/sprite_utama1.png); align:absmiddle;}
img.pin{ background-position:16px 0px;}
img.org1{ background-position:0px 0px;}
img.org2{ background-position:80px 0px;}
img.org3{ background-position:32px 0px;}

img.depan{ display:inline-block;padding:16px; background-repeat:no-repeat;background-image: url(../images/hal_dpn1.png); align:absmiddle;}
img.youtube{ background-position:-64px 0px;}
img.twitter{ background-position:-32px 0px;}
img.fb{ background-position:0px 0px;}

img.depan2{ display:inline-block;padding:10px; background-repeat:no-repeat;background-image: url(../images/hal_dpn2.png); align:absmiddle;}
img.telp{ background-position:-20px 0px;}
img.email{ background-position:0px 0px;}


img.fitur{ display:inline-block;padding: 25px 96.5px ;background-image: url(../images/fitur.png); align:absmiddle;}
img.tes_online{ background-position:0px 0px;}
img.dokumen{ background-position:193px 0px;}
img.form_online{ background-position:386px 0px;}
img.pengumuman{ background-position:579px 0px;}

img.dir{ display:inline-block;padding:16px;background-image: url(../images/dir_pac1.png); align:absmiddle;}
img.kelas{ background-position:0px 0px;}
img.p{ background-position:32px 0px;}
img.g_all{ background-position:64px 0px;}
img.s_all{ background-position:96px 0px;}
img.s_l{ background-position:128px 0px;}
img.g_l{ background-position:160px 0px;}

.isi_text { height:25px;text-align:left; padding-left:9px; border: 1px #999999 solid; border-radius:4px}
.isi_text_panjang { text-align:left; padding:5px 5px 5px 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}



.grafik_pil1{background:#00CC00; width:3px; height:20px; float:left;}
.grafik_pil2{background: #0033CC; width:3px; height:20px; float:left}
.grafik_pil3{background: #FFFF00; width:3px; height:20px; float:left}
.grafik_pil4{background: #FFCC00; width:3px; height:20px; float:left}
.grafik_pil5{background: #FF0000; width:3px; height:20px; float:left}
.grafik_pil6{background: #990000; width:3px; height:20px; float:left}


.kotak_list_dokumen{ margin:auto ; width:95%; background: #ffffff; border-top:#ddd 1px solid; padding:10px}
.judul_list_dokumen{ font-family:Arial, Helvetica, sans-serif;font-size:15px; font-weight:bold; color: #666666;}
img.ip_16{ display:inline-block;padding:8px;background-image:url(../images/icon_program16.png); align:absmiddle; margin-right:3px}
img.xls{ background-position:0px 0px;}
img.xlsx{ background-position:0px 0px;}
img.ppt{ background-position:64px 0px;}
img.pptx{ background-position:64px 0px;}
img.doc{ background-position:48px 0px;}
img.docx{ background-position:48px 0px;}
img.jpg{ background-position:32px 0px;}
img.jpeg{ background-position:32px 0px;}
img.png{ background-position:32px 0px;}
img.gif{ background-position:32px 0px;}
img.bmp{ background-position:32px 0px;}
img.video16{ background-position:16px 0px;}
img.zip{ background-position:0px 16px;}
img.rar{ background-position:0px 16px;}
img.pdf{ background-position:64px 16px;}
img.download{ background-position:48px 16px;}


.tombol_download{ border: #999999 1px solid; border-radius:5px; background:#F0FFBA; padding:3px 5px 3px 5px; font-size:12px; color:#666666;  text-decoration:none}
.tombol_download:hover{ background: #FAFFE7; text-decoration:none}
.tombol_1{ border: #999999 1px solid; cursor:pointer; border-radius:5px; background:#ffffff; padding:5px 5px 4px 5px; font-size:12px; color:#666666;  text-decoration:none}
.tombol_1:hover{ background: #FAFFE7; text-decoration:none}
.tombol_2{ border: #999999 1px solid; cursor:pointer; border-radius:5px; background: #006633; padding:7px 7px 6px 7px; font-size:14px; color:#ffffff;  text-decoration:none}
.tombol_2:hover{ background: #FAFFE7; text-decoration:none; color:#333333}
.menu_panjang_biasa{border-bottom:1px #CCCCCC solid; padding-top:5px;
	background: -moz-linear-gradient(top, #F9F9F9 0%, #dddddd 100%);
}


.modul_kotak_kelas{ 
float:left; margin-bottom:5px;padding-top:8px; margin-left:5px; overflow:hidden; width:30%; 
min-height:50px;border:1px #E5E5E5 solid; border-radius:10px; text-decoration:none; clear: right;
background: -moz-linear-gradient(top,#FFFFFF 0%,#FFFFFF 40%, #DDDDFF 100%);
}
.modul_kotak_kelas_ditunjuk{ 
float:left; margin-bottom:5px;padding-top:8px; margin-left:5px; overflow:hidden; width:30%; 
min-height:50px;border:1px #E5E5E5 solid; border-radius:10px; text-decoration:none; clear: right;
background: -moz-linear-gradient(top,#FFFFFF 0%,#FFFFFF 40%, #FFCC66 100%);
}
a.modul_kotak_kelas:hover {border:1px #7FD000 solid; }
.baris_nama{width:100%; border-top:1px #CCCCCC solid;}
.baris_nama:hover{ background: #E8F6FE}

.judul_pengumuman{ font-family:Arial, Helvetica, sans-serif;font-size:20px; font-weight:bold; color: #eee; margin-bottom: 10px;text-shadow:2px 2px 2px #111; text-align:center}
.kotak_info{ margin:auto ; width:90%; background: #ffffff; text-align:center; border:#ddd 1px solid; border-radius:10px; padding:10px}

.kotak_isinya{border:1px #CCCCCC solid; padding:10px 10px 10px 10px; border-radius:15px; background:#ffffff}
.no_perpage{border:1px #CCCCCC solid; background:#FFFFFF; padding:3px; border-radius:5px; text-decoration:none}
.no_perpage:hover{background: #F4F8E0;border:1px #999999 solid;}
.no_perpage_tunjuk{border:1px #CCCCCC solid; background: #D7FFAE; padding:3px; border-radius:5px; text-decoration:none}

img.econ{ display:inline-block;padding:24px; background:url(../images/econ.png);align:absmiddle; margin-right:3px;}
img.econ1{ background-position:0px 0px;}
img.econ2{ background-position:48px 0px;}
img.econ3{ background-position:96px 0px;}
img.econ4{ background-position:1440px 0px;}
img.econ5{ background-position:192px 0px;}
img.econ6{ background-position:0px 48px;}
img.econ7{ background-position:48px 48px;}
img.econ8{ background-position:96px 48px;}
img.econ9{ background-position:144px 48px;}
img.econ10{ background-position:192px 48px;}

.list_umum{background:#f4f4f4;}
tr.list_umum:hover{background:#D3EFF8;}




.w_gfoto {position:relative;float:left; width:48%; min-height:50px; margin:3px 0px 0px 3px; overflow:hidden; position:relative;border:1px #ffffff solid;}
.w_gfoto:hover {border:1px #FF9900 solid;}
.w_gfoto2 {position:relative;float:left; width:32%; min-height:50px; margin:3px 0px 0px 3px; overflow:hidden; position:relative;border:1px #ffffff solid;}
.w_gfoto2:hover {border:1px #FF9900 solid;}

img.pin1_mb{ display:inline-block; margin:-30px -15px -18px -5px; padding:25px;border:none; background-image: url(../images/pin1_mb.png); align:absmiddle; background-repeat:no-repeat;}
img.pin2_mb{ display:inline-block; margin:90px 0px 0px 0px; padding:18px 16px;border:none; background-image: url(../images/pin2_mb.png); align:absmiddle; background-repeat:no-repeat;}



.menu li {
	float: left;
	padding: 0;
	position: relative;
}
.menu li:hover > ul {
	display: block;
}
.menu:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	top: 27px;
	left: 0;
	z-index: 9999;
	background: #E0E999;
}
.menu ul li {
	float: none;
	margin: 0;
	padding: 0;
	display: block;
}
.menu ul a {
	padding: 9px 10px 9px 10px;
	height: auto;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
		color: #000000; border-bottom:none;
}
.menu ul a:hover {
color: #000000;
background: #F2F9BE;	
}
.menu ul li:first-child a {
	min-width:180px;
}
.menu ul li:first-child a:after {
	content: " ";
	position: absolute;
	left: 30px;
	top: -7px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #E0E999;
}
.menu ul li:first-child a:hover:after {
	border-bottom-color: #F2F9BE;
}
.menu ul li:last-child {
	box-shadow: none;
}
.menu ul li:last-child a {
}