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

* { padding:0px ; margin:0px ; } 
html , body { font-family: Arial,Verdana, Tahoma ; font-size:12px ; color:#5D5D5D ; 
              background:url(../images/footer.jpg) repeat-x bottom  }
a { color:#115390 ; text-decoration:none;  } 
a img { border:none;}
h1 { font-size:15px; font-family:arial ; color:#103550 } 
p { text-align:justify; margin:5px 0 0 0 ; } 
input { border:solid 1px #CACACA ; }

#black { width:100%; z-index:200; opacity:0.2;filter:alpha(opacity=40); background:#000000 ; 
         height:100% ; position:fixed}
#db { margin:0 auto ; min-height:150px ; width:400px ; background:#FFFFFF; margin-top:200px;
      padding:10px ;
      -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,1);
      -webkit-transition: -opacity 0.0s ease-out;
      -moz-border-radius:7px;
      -webkit-border-radius:7px;
      border-radius:7px;
      background:url(../images/logo_back.gif) #FFFFFF center no-repeat;
}
#db_wrap { position:absolute;  z-index:300 ; width:100%; }  

#down {
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,1);
    -webkit-transition: -opacity 0.0s ease-out;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
#menu #down a { display:block ; width:180px;height:18px; text-align:left ; padding:5px 0 5px 20px ;  }
#menu #down a:hover { background:#1A6295; }

#list_menu li { float:left; list-style:none; } 
#list_menu ul { float:none; position:absolute ; z-index:200; width:175px; top:105px; background:#104B73; display:none; 
                opacity:0.8;filter:alpha(opacity=90); }
#list_menu ul li a { display:block ; height:30px ; width:160px; text-align:left	 ; padding-left:10px;  }

.trans { opacity:0.2;filter:alpha(opacity=40); } .hijau { color:#52A41B ; } .gray { color:#999999; } .biru { color:#103550 ; } 
.green { color:#056746; } .bold{ font-weight:bold;}
.button { background:url(../images/button.gif) no-repeat ; width:102px ; height:22px ;  border:none; color:#FFFFFF ;
          cursor:pointer }
.bt { background-image:url(../images/logo_back.gif) ; background-position:center ;  background-repeat:no-repeat}
.list { margin-left:30px } 
.strong{ font-family:Arial, Helvetica, sans-serif ; font-weight:bold; } 
.batas { height:2px ; background:#BDC2C6 ; } 
.garis { height:2px ; background:#D6D8DB ; } 

#header-wraper { height:73px;  }
#header { width:910px ; margin:0 auto; } 
#sl { background:url(../images/sl.jpg) no-repeat ; width:24px ; height:21px; float:left; }
#sr { background:url(../images/sr.jpg) no-repeat ; width:6px ; height:21px ; float:left; }
#search input { float:left ; height:21px ; border:none ; background:url(../images/sc.jpg) repeat-x; width:270px; color:#999999  }
#search { height:21px; float:right ; width:300px ; margin:28px 0 0 0 ;  } 

#menu { height:33px ; width:910px ; margin:0 auto; } 
#menu a { width:70px ; float:left ; display:block ; height:18px ; padding:5px;margin-top:5px ;
          text-align:center   ; color:#FFFFFF; }
#menu a:hover , .hover { background:#144F78 ; }

#subhead_wraper { background:url(../images/subhead_backx.png) repeat-x ; height:233px ; }
#subhead { width:910px ; margin:0 auto ; }  
#flash { width:661px ; height:199px ; background:#FFFFFF; float:left; } 
#flash #image { z-index:1; height:199px ; position:absolute;  } 
#flash #box {  height:25px; background:#000000; margin-top:174px; z-index:100; position:absolute ; width:661px;
               color:#FFFFFF;  }
#flash #text { height:25px; margin:174px 0 0 0 ; z-index:100; position:absolute ; width:661px;
               color:#FFFFFF; padding:6px 0 0 20px ; font-size:11px;  }

#menu_service { float:right ; width:249px ; font-size:14px; color:#19527D ; background:#FBFCFE; height:199px;  }
#menu_service .tab1 { background:url(../images/mk_back.jpg) repeat-x ; height:24px ;  text-align:center ;
                      padding-top:6px;cursor:pointer;  }
#menu_service .tab { background:url(../images/mk_back2.jpg) #FAFBFD repeat-x ; height:27px ;  text-align:center ;
                     padding-top:8px; cursor:pointer; margin-top:1px; }
#cl_header{ background:url(../images/cl_back.jpg) repeat-x ; height:20px; color:#FFFFFF ; text-align:center;
            padding-top:5px ; font-size:12px; }

#body_content { background:url(../images/background.gif) no-repeat center top; min-height:240px ;  }
#content-wrap { margin:0 auto ; width:910px; }  
#content{ width:635px; float:left; margin:10px 0 0 10px; min-height:220px; } 
#maincontent { padding:5px 5px 20px 10px } 
.porto img { padding:5px; border:solid 1px #CCCCCC; width:100px; margin:0 4px 0 4px; cursor:pointer; } 


#modul_top , .modul { width:224px ; background:url(../images/md_back.gif) repeat-x ; height:89px; float:right;
                      padding:10px 0 0 20px ; color:#666666 ; margin:0 5px 0 0  ;  }
.modul { background:url(../images/md_back.jpg) repeat-x ; height:124px; margin:0 5px 0 0   }

#subfooter { background:url(../images/subfoot_back.jpg) repeat-x ; height:228px  ; margin:0 5px 0 5px ;  }
#subfooter .kotak { width:295px ; height:200px ; float:left ; margin-left:15px; margin:10px 0 0 0px ; 
                    border-right:solid 1px #BDC2C6 ; text-align:center  }
#subfooter .title { font-size:18px ; font-weight:bold ; color:#1B557B ; }
#subfooter p { margin:0 auto ; width:250px ; text-align:justify; margin-top:5px;  } 


#footer_wraper { background:url(../images/footer_back.gif) no-repeat bottom; height:300px ; }
#footer { margin:0 auto ; margin-top:5px ;  width:800px ; padding:10px 0 0 40px } 
#footer a { color:#999999; } 
#footer .box  { width:150px ; float:left; color:#C1C1CB ; line-height:19px; padding:0 0 0 10px ; } 
#box_fot { height:25px ; padding:15px 0 0 20px ; font-size:11px; }