@charset "utf-8";
/* CSS Document */

body{background:#e9e9e9;padding:0;margin:0;font:normal 12px arial; background-image:url(../images/background.png); background-repeat:repeat-x;}
font{font-family:Tahoma,Verdana,Arial,Helvetica,Sans-Serif;font-size:8pt;}
.bg_utama {background:url(../images/image-background-header1.jpg) no-repeat top center; height:236;}
.bg_utama_bahaya {background:url(../images/bg_peringatan_bahaya.png) no-repeat top center; height:228; width:230; color:#fff;}
.bg_info_cuaca {background:url(../images/bg_info_cuaca.png) no-repeat top center; height:228; width:230;}
.bg_info_iklim {background:url(../images/bg_info_iklim.png) no-repeat top center; height:228; width:230;}
.bg_info_gempa {background:url(../images/bg_info_gempa.png) no-repeat top center; height:228; width:230;}


hr{color:#666;}
.clearit{clear:both;margin:0;padding:0;}
.sp_v_left{background:url(../images_data/vertical_spacer.gif) left repeat-y;}
.sp_v_right{background:url(../images_data/vertical_spacer.gif) right repeat-y;}

/* Cangkang */
.cangkang_master{width:1000px; background:#fff;}


/*header */
.head {background:url(../images/image-header.jpg) no-repeat top;
     height:79;}
.menu_header {background:url(../images/image-header-menu.gif) repeat-x top; height:42;}
.spacer_menu_header{background:url(../images/image-header-spacer.gif) no-repeat left top;}
.spacer_menu_header2{background:url(../images/image-header-spacer.gif) repeat-x left bottom;}

/* TITLE */
.title_info{background:url(../images_data/title_info.png) 0 -0px no-repeat #FFF; height:45; width:250;}
.title_terkini{background:url(../images_data/title_terkini.png) 0 -0px no-repeat #FFF; height:45;}
.title_daerah{background:url(../images_data/title_daerah.png) 0 -0px no-repeat #FFF; height:45;}
.title_gemparasa{background:url(../images_data/tittle_gempa-dirasakan.png) 0 -0px no-repeat #FFF; height:45;}
.sub_title{background:url(../images_data/bg_sub_title.png) 0 -0px no-repeat #FFF; height:35;}

/*tata letak */
.left{float:left;}
.right{float:right;}

/*WIDTH */
.w250 {width:250px;}
.w300{width:300px;}
.w420 {width:420px;}
.w480 {width:480px;}
.w500 {width:500px;}
.w580 {width:580px;}

/*height */
.h31 { height:31px;}
.h42 { height:42px;}
.h45 { height:45px;}
.h79 { height:79px;}
.h236 { height:236px;}


/* Padding */
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pr3 {padding-right:3px;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pt3 {padding-top:3px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt35 {padding-top:35px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}

.pd5{padding:5px;}
.pd10{padding:10px;}

/* Margin */
.ml30{margin-left:30px;}

/* IMAGE */
.img150 img{width:150px;border:0;}
.img310 img{width:310px;border:0;}

/* FONT */
.ft10{font-size:10px;}
.ft11{font-size:11px;}
.ft12{font-size:12px;}
.ft14{font-size:14px;}
.fb{font-weight:bold;}
.txt{font-variant:small-caps;}
.headline {font-family: Georgia, Tahoma, serif;}
.shadow {text-shadow: 0.1em 0.1em 0.2em black}
.c_orange{color:#386a99;}.c_orange a{text-decoration:none;color:#386a99;}.c_orange a:hover{text-decoration:underline;color:#F00;}
.c_abu{color:#999;}.c_abu a{text-decoration:none;color:#999;}.c_abu a:hover{text-decoration:underline;color:#666;}
.c_black{color:#000;}.c_black a{text-decoration:none;color:#000;}.c_black a:hover{text-decoration:underline;}

/* Text-Align */
.taj {text-align:justify;}
.tac {text-align:center;}


.list_2 ul{list-style:none;padding:0;margin:0;}.list_2 ul li{padding:5px 0 0 10px;background:url(../images_data/bg_master.gif) 0 -1343px no-repeat;}

/* FOOTER */
.footer_add{background:url(../images/bg_footer.jpg) no-repeat bottom center; height:58; }
.menu_footer{background-color:#e7e7e7; border:#666 solid; border-width:1px; text-align:left;}

/* BOX */
.box_jumpmenu{border:1px solid #666; font-family:Tahoma, Geneva, sans-serif; background-color:#CCC;}
.box_footer{border:1px solid #E5E5E5;padding:8px;min-height:20px;background:#CCC; font-weight:bold;}
.box_link{width:980px;border:1px solid #E5E5E5;padding:8px;min-height:20px;background:#f1f1f1;}
