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

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

#wrapper_utama{position: relative; z-index: 5;width:1200px; margin:10px auto; padding:5px 0.5% 0px 0.5%; border:1px #eee solid; border-radius:8px; overflow:hidden;box-shadow: 0px 0px 30px #ccc; }
#wrapper_menu{width:100%; height:32px; margin-bottom:10px; margin-top:3px;
background:transparent linear-gradient(#d45810, #a7450c) repeat scroll 0% 0%;
}
#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:20.5%; margin-right:2%; margin-left:1%; float:left; box-shadow: 0px 0px 10px #ccc; border:1px #eee solid;
background:#ffffff;}
#wrapper_modul_tengah0{width:61%;float: left; margin-right:0%; border:1px #eee solid; border-radius:7px; }
#wrapper_modul_tengah1{width:100%;float: left; border-radius:7px; padding:10px 5px 5px 2px;box-shadow: 0px 0px 5px #ccc; border:1px #eee solid;
background:#ffffff; /* background:rgba(red,green,blue,Aplha); */ }
#wrapper_modul_kanan{ width:36%; margin-left:2.3%; float:left;box-shadow: 0px 0px 10px #ccc; border:1px #eee solid;
background:#ffffff;}
.wrapper_modul_tengah2{width:54%;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:98%;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{width:100%; height:400px; margin-bottom:0px; position:relative; overflow:hidden;}
#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_slide_utama{width:100%; height:500px; margin-bottom:5px; float:left; }
#gambar_header {width:960px; height:100px; margin:0 auto; position:relative}
#menu_utama { width:960px; margin:-2px auto;}

.w_50 {position:relative;float:left; width:47.2%; min-height:50px; margin:5px 0.5% 0px 5px;}
.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;}
.w_100_1 {position:relative;float:left; width:98.2%; min-height:50px; margin:10px 0.5% 0px 5px;}

.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:100%; margin-bottom:5px;}
.judul_modul{ width:112%; padding:6px 0px 10px 0px ; color:#FFFFFF; font-size:16px; text-shadow:2px 2px 2px #111; background-image:url(../images/kop_mod.png); background-repeat:no-repeat; margin-left:-11px; margin-right:30px; font-weight:normal; }

.isi_modul{ padding:2% 2% 2% 2% ; width:96%; min-height:50px;margin-top:-12px}
.isi_modul2{ padding:2% 2% 2% 2% ; width:96%; 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:2% ; width:96%; min-height:50px; background: #ffffff; border-top:1px #eee solid; border-bottom:1px #eee solid}
.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:500px;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:700px; 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:96%; min-height:50px; background: #ddd; border-radius:10px; border:2px #eee solid}


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:16px; 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{padding:0px 1px;}
img.link_gbr1:hover{border-right: #990000 1px solid; border-left:#990000 1px solid; padding:0px;}

.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-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}



.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:15.5%; 
min-height:50px;border:1px #E5E5E5 solid; border-radius:10px; text-decoration:none; clear: right;
background:transparent linear-gradient(#FFFFFF,#FFFFFF,#DDDDFF) repeat scroll 0% 0%;
}
.modul_kotak_kelas_ditunjuk{ 
float:left; margin-bottom:5px;padding-top:8px; margin-left:5px; overflow:hidden; width:15.5%; 
min-height:50px;border:1px #E5E5E5 solid; border-radius:10px; text-decoration:none; clear: right;
background:transparent linear-gradient(#FFFFFF,#FFFFFF,#FFCC66) repeat scroll 0% 0%;
}
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:80%; 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;}





.menu {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
}
.menu li {
	float: left;
	padding: 0;
	position: relative;
}
.menu a {
		border-bottom:none;
}
.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: 31px;
	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;
}
.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 {
}