@charset "utf-8";
body{margin:10px 0 10px 0;padding:auto;background-color:#BAD7E4;font-family:"Trebuchet MS",Geneva,Tahoma,Verdana,Arial,sans-serif;font-size:12px;}
#log{width:320px; float:right; margin:-340px 0 0 0;}
#logo{width:320px;height:100px;float:right;background-color:#77c3e0;font-size:24px;text-align:center;padding:15px 0 0 0;color:#FFF; margin:5px 0 0 0;}
#login{width:320px;margin:10px 0 0 0px;height:150px;background:url(../images/logo.jpg);border:1px #ffffff solid;float:right;}
#back{width:100%;background-color:#06F;padding:0;margin:auto;border-bottom:#09F 7px solid;;}
#search{float:right;width:500px;height:10px;margin:10px -150px 0 0;}


.box input[type=text],
.box input[type=password]
{
    border:1px solid #F7F9FA;
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    border-radius:1px;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    display:block;
	padding:0 0 0 5px;
	height:20px;
}
.box input[type=text]:focus,
.box input[type=password]:focus
{
    border:1px solid #f0f7fc;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
	padding:0 0 0 5px;
	color:#0381c9;
}
#button{width:60px; height:22px; background-color:#FC0; border:1px solid #FFF;}
#button:hover{background-color:#F90;}
#button:active{background-color:#F00;}

#google{float:left;color:#03C;font-weight:bold;size:12px;}
#container{margin:auto;padding:10px 10px 0 10px;width:1000px;background-color:#fff;box-shadow:0 0 5px rgba(45,45,45,0.5);-webkit-box-shadow:0px 0px 5px rgba(45,45,45,0.5);}
#header{width:650px;height:300px;float:left;margin:auto;z-index:10;}
#gal{width:650px; height:110px; background-color:#77c3e0; float:left;}
#gal_isi{width:200px;margin:0 0 0 10px; display:block; float:left;}
#gal_isi_c{width:90px; float:right; margin:0 40px 0 0; font-size:9px;}
#gal_c{width:140px; float:left; margin:5px 0 0 0; color:#2D2C2C;}
#gal_tanggal{color:#FFF;}
#gal_title{color:#FFF; font-size:14px; margin:5px 0 5px 10px;}


#c_gall{width:600px; background-color:#2C8AAE; padding:20px;}
#judul_gallery{color:#E6D123;}
#isi_gallery{color:#fff; font-size:18px; margin:10px 0 0 0;}
#tanggal_gallery{color:#fff; font-size:11px; margin:5px 0 5px 0;}
#text_jalan{width:650px;float:left;margin:auto;z-index:10;}
#m_up{width:650px;height:30px;background-color:#D2EFFA;margin:auto;float:left;-moz-box-shadow:0px 4px 2px #d6d3d6;-webkit-box-shadow:0px 4px 2px #d6d3d6;box-shadow:0px 4px 2px #d6d3d6;}
#m_up ul{list-style:none;margin:3px 0 0 0;padding:0;}
#m_up ul li{float:left;display:block;height:30px;margin:0 0 0 0;position:relative;}
#m_up ul li a{text-decoration:none;float:left;display:block;height:13px;color:#000;margin:0 5px 0 0;padding:0 0 10px 5px;}
#m_up ul li a:hover{color:#000;text-decoration:underline;}
#m_up ul li .drop{display:none;position:absolute;z-index:99;margin:10px 0 0 0;}
#m_up ul li .down{height:20px;}
#m_up ul li:hover .drop{display:block;position:absolute;top:10px;}
#m_up ul li:hover .drop .down a{display:block;background-color:#D2EFFA;color:#000;width:149px;}
#m_up ul li:hover .drop li a:hover{color:#F60;}
#menu{width:1000px;height:40px;background-color:#03C;margin:auto;float:left;}
#menu ul{list-style:none;margin:0;padding:0;font-weight:bold;}
#menu ul li{float:left;display:block;height:40px;margin:auto;position:relative;}
#menu ul li a{text-decoration:none;float:left;display:block;height:10px;color:#ffffff;padding:20px 10px 10px 10px;text-align:center;}
#menu ul li a:hover{background-color:#06F;color:#FFF;}
#content{width:1000px;padding:20px 0 20px 0px;}
#c_gambar{width:648px;height:250px;background-color:#77c3e0;border:1px #ffffff solid;float:left;margin:5px 0 0 0;}
#gambar_m{width:300px;height:200px;margin:25px 10px 0 10px;border:#FFF 1px solid;float:left;}
#gambar_isi{width:315px;height:200px;background-color:#D2EFFA;margin:25px 0 0 0;float:left;}
#gambar_judul{width:315px;height:30px;background-color:#0381c9;text-align:center;color:#FFF;padding:5px 0 0 0;}
#m_text{text-align:justify;width:290px;padding:10px;}
#c_isi{width:630px;background-color:#F0F9FD;margin:10px 0 10px 0;float:left;text-align:justify;padding:0 10px 0 10px;}
#side{width:320px;float:right;margin:-290px 0 0 0;}
#s_side{width:320px;float:left; margin:0 0 10px 0;}
#j_side{width:320px;height:20px;margin:5px 0 5px 0;border-bottom:2px solid #BEE5F4;color:#EA5200;}

#download{color:#00F; width:600px; text-align:center;}

.c_s{width:320px;}
.c_s ul{list-style:none;padding:0;margin:auto;}
.c_s li{width:320px;margin:auto;padding:0;border-bottom:1px dotted #DBE1E6;display:block;}
.c_s a{text-align:justify;color:#213C5A;text-decoration:none;}
.c_s a:hover{text-align:justify;color:#213C5A;text-decoration:underline;}
#c_content{width:660px;padding:10px 10px 10px 10px;float:left;text-align:justify;color:#666; margin:0 0 10px 0;}
#gambar_content{width:200px;height:180px;float:left;margin:15px 10px 2px 0;border:#999 4px solid;}
#c_content2{width:300px;float:right;margin:0 0 10px 10px;}
#s_isi{width:270px;margin:10px 10px 10px 10px;color:#666;padding:10px; background-color:#F0F9FD; border-bottom:#CCC 2px solid;}
#s_isi_s{width:250px; display:block; height:30px; }
#s_isi_gal{width:270px;margin:10px 10px 10px 10px;color:#666; height:50px; background-color:#F0F9FD; padding:10px; border-bottom:#CCC 2px solid;}
#n_gambar{float:left; width:50px; height:50px; margin:0 10px 0 0;}
#n_tanggal{float:left; margin:0 0 0 5px; color:#2C8AAE;}
#link{float:left; width:200px; margin:0 0 0 5px; display:block;}
#link a{text-decoration:none; color:#000;}
#link a:hover{text-decoration:underline;}

#c_judul{height:300px;height:30px;padding:10px 0 0 10px;color:#000;font-weight:bold;font-size:18px;}
#sidebar{width:350px;background-color:#0CF;float:right;}
#footer{width:1000px;height:100px;font-weight:bold;margin:auto;font-style:normal;}
#isi_footer{height:50px;padding:30px 0 0 10px;color:#000;text-align:left;font-size:11px;}
#isi_footer a:hover{color:blue;}
#icon{width:500px;height:30px;float:right;margin:-60px 0 0 0;}
#cn{float:right;margin:-50px 0 0 0;}
#cn a{color:green;text-decoration:none;}