@charset "utf-8";
/* CSS Document */
html, body{
  height:100%;
  font-family: 'Pontano Sans', sans-serif;
	font-size: 14px;
}

body {
	margin-top: 50px;
	margin-bottom: 50px;
	background: none;
}
.c_white { color:#FFF !important;}
.but_bulet {text-decoration:none; font-size:11px; color:#fff;}
#jarum_panjang {z-index:2; position:absolute; left:242px; top:54px;}
#jarum_pendek {z-index:2; position:absolute; left:242px; top:54px;}

.full {
  background: url(../images/freeport7.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.full2 {
  background: url(../images/peluru.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.posisi_notes {width:120px; height:122px; position:absolute; left:-25px; top:440px;}
.sz11 { font-size:11px;} .sz12{ font-size:12px;} .sz13{ font-size:13px;}
.wrap_body_page { width:100%; position:relative; top:100px; height: auto; z-index:1}
.bgwrap {background-color:#000; opacity: 0.8; filter: alpha(opacity=80); height: 100%; width:100%; position:absolute; top:0px; left:0px; z-index:-1;}
.filter100 {opacity:1.0; filter:alpha(opacity=100); color:#FFF;}	
.bulet_kompas {width:508px; height:482px ; background-image:url(../images/kompas_sejarah.png); left:-20px; 
                position:relative;opacity:1.0 !important; filter:alpha(opacity=100) !important; margin-top:30px;}