*{
	margin:0; 
	padding:0;
}

body {
	/*background:url(../images/red-body.jpg) fixed no-repeat top center;background-size:100% 100%;*/
	/*background: url(../images/body.jpg) repeat-y scroll center;*/
	background:url(../images/back-body-dot-trans.png) repeat-y center;
	
}
@font-face {
    font-family: 'zag_regular';
    src: url('zag_regular.eot');
    src: url('zag_regular.eot?#iefix') format('embedded-opentype'),
         url('zag_regular.woff2') format('woff2'),
         url('zag_regular.woff') format('woff'),
         url('zag_regular.ttf') format('truetype'),
         url('zag_regular.svg#zag_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'nulshock';
    src: url('nulshock_bd.eot');
    src: url('nulshock_bd.eot?#iefix') format('embedded-opentype'),
         url('nulshock_bd.woff2') format('woff2'),
         url('nulshock_bd.woff') format('woff'),
         url('nulshock_bd.ttf') format('truetype'),
         url('nulshock_bd.svg#nulshockbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'multicolore_regular';
    src: url('multicolore.eot');
    src: url('multicolore.eot?#iefix') format('embedded-opentype'),
         url('multicolore.woff2') format('woff2'),
         url('multicolore.woff') format('woff'),
         url('multicolore.ttf') format('truetype'),
         url('multicolore.svg#multicolore_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'espresso_dolceregular';
    src: url('espressodolce-webfont.eot');
    src: url('espressodolce-webfont.eot?#iefix') format('embedded-opentype'),
         url('espressodolce-webfont.woff2') format('woff2'),
         url('espressodolce-webfont.woff') format('woff'),
         url('espressodolce-webfont.ttf') format('truetype'),
         url('espressodolce-webfont.svg#espresso_dolceregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tgl_0-17_altregular';
    src: url('tgl_0-17_alt.eot');
    src: url('tgl_0-17_alt.eot?#iefix') format('embedded-opentype'),
         url('tgl_0-17_alt.woff2') format('woff2'),
         url('tgl_0-17_alt.woff') format('woff'),
         url('tgl_0-17_alt.ttf') format('truetype'),
         url('tgl_0-17_alt.svg#tgl_0-17_altregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'instructionregular';
    src: url('instruction.eot');
    src: url('instruction.eot?#iefix') format('embedded-opentype'),
         url('instruction.woff2') format('woff2'),
         url('instruction.woff') format('woff'),
         url('instruction.ttf') format('truetype'),
         url('instruction.svg#instructionregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'inglobalregular';
    src: url('inglobal.eot');
    src: url('inglobal.eot?#iefix') format('embedded-opentype'),
         url('inglobal.woff2') format('woff2'),
         url('inglobal.woff') format('woff'),
         url('inglobal.ttf') format('truetype'),
         url('inglobal.svg#inglobalregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'euphemia';
    src: url('euphemia.eot');
    src: url('euphemia.eot?#iefix') format('embedded-opentype'),
         url('euphemia.woff2') format('woff2'),
         url('euphemia.woff') format('woff'),
         url('euphemia.ttf') format('truetype'),
         url('euphemia.svg#euphemiaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.huruf-zag{
	font-family:'zag_regular';
}
.huruf-eup{
	font-family:'inglobalregular';
}

.huruf-inglo{
	font-family:'inglobalregular';
}
.huruf-ins{
	font-family:'instructionregular';
}
.huruf-tgl{
	font-family:'tgl_0-17_altregular';
}

.huruf-esdol{
	font-family:'espresso_dolceregular';
}
.huruf-multi{
	font-family:'multicolore_regular';
}


#header {
width: 100%; /* 1158 (originally 1280) / 960 */
height:160px;

}

.visi {
	font-family:'multicolore_regular';
	/*font-family:'espresso_dolceregular';
	font-size:2vw;;*/
	font-size:2.1rem;
	color:#FF0000;
	height:auto;
	text-shadow: 0.05px 0.05px 0.05px #1e1e02;
	text-decoration:none;
	padding-top:0px;
	padding-bottom:0px;
	font-weight:150;
	line-height:normal;
}
.visit {
	font-family:'multicolore_regular';
	/*font-family:'espresso_dolceregular';
	/*font-size:2vw;;*/
	font-size:2.1rem;
	color:#003333;
	height:auto;
	text-shadow: 0.05px 0.05px 0.05px #1e1e02;
	text-decoration:none;
	padding-top:0px;
	padding-bottom:0px;
	font-weight:150;
	line-height:normal;
}
#pengu{
	/*background-image:url(../images/bg-section2.jpg);
	background-image:url(../images/faceNew.png);
	background-repeat:repeat-x;*/
	/*border:1px solid #bbb;
	border-radius:0;*/
        padding:0;
	/*height:408px;
	height:447px;*/
	/*height:58.2vh;
	height:463px;*/
	height:500px;
	color:#FFFFFF;
	margin-top:10;
	margin-left:0;
	margin-bottom:10px;
	margin-right:0;        
	overflow:hidden;
    
}

#jadu{
	/*background-image:url(../images/bg-section2.jpg);
	background-image:url(../images/faceNew.png);
	background-repeat:repeat-x;
	border:1px solid #bbb;
	border-radius:0;*/
        padding:0;
	/*height:408px;
	height:576px;
	height:472px;
	height:77.4vh;*/
	height:586px;
	margin-top:10;
	margin-left:0;
	margin-bottom:0px;
	margin-right:0;       
	overflow:hidden;
    
}
.buton{
	/*background-image:url(../images/pengumuman%20bar.jpg);
	font-size:2vw;*/
	font-size:2.6rem;
	font-style:bold;
	color:#FFFFFF;
	border:1px solid #000000;
	text-align:left;
	font-family:'nulshock';
    border-radius:0;
	text-shadow: 0.1vw 0.1vw 0.1vw #000
}
.isi{
	margin-left:10px;
	margin-right:10px;
	padding-left:8px;
	color:black;
	overflow:hidden;
	/*font-size:2.45em;*/
	font-size:3.4rem;
	list-style:none;
	text-shadow:0.3px 0.3px 0.3px #000103;
	line-height:normal;
}

.dangers{
	/*background-image:url(../images/pengumuman%20bar.jpg);
	font-size:1.6vw;*/
	font-size:2rem;
	font-style:bold;
	border-radius:0;
	padding-left:10px;
	padding-right:0px;
	border:1px solid #000000;
	text-align:left;
	font-family:'nulshock';
	/*color:#FFFFFF;*/
	text-shadow: 0.1vw 0.1vw 0.1vw #000;
}
.visi2 {
	font-family:'espresso_dolceregular';
	/*font-size:1.8em;*/
	font-size:2rem;
	color:#FF0000;
	height:auto;
	text-shadow: 0.5px 0.05px 0.05px #1e1e02;
	text-decoration:none;
	padding-top:0px;
	padding-bottom:0px;
	line-height:normal;
}
.visit2 {
	font-family:'espresso_dolceregular';
	/*font-size:1.8em;*/
	font-size:2rem;
	color:#003333;
	height:auto;
	text-shadow: 0.5px 0.05px 0.05px #1e1e02;
	text-decoration:none;
	padding-top:0px;
	padding-bottom:0px;
	line-height:normal;
}

img{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: 0px none;
}
.pigura{
	border:2px solid #060606;
	box-shadow:2px 2px 3px rgba(0,0,0,0.5);
}

.pigura2{
	border:1px solid #060606;
	box-shadow:1px 1px 2px rgba(0,0,0,0.5);
}

#pengu .btn-large:hover, .btn:hover, .btn-block:hover{
	color:#FFFFFF;
}
#pengu a{
	color:inherit;
	text-decoration:none !important; 
	opacity: 1 !important;
}

.btn-danger{
	background-color:#4a5aaf;
	/*font-size:1.4em;*/
	font-style:bold;
	border-radius:0;
	border:0.2px solid #9e9fa2;
	text-align:left;
	font-family:Arial;
	text-shadow: 0.15vw 0.15vw 0.15vw #1e1e02
}
.isis{
	margin-left:10px;
	margin-right:10px;
	color:black;
	font-family:Arial;
	overflow:hidden;
	font-size:2.4em;
	list-style:none;
	text-shadow:1px 1px 1px #000103;
	height:49vh;
	line-height:normal;
}

.nama{
	font-size:0.65em;
	color:#F90600;
	/*text-shadow:0.1vh 0.1vw 0.1vh #201f1f;*/
}

.jama{
	margin-top:10px;
	margin-bottom:8px;
	font-family:'nulshock';;
	color:#FF3300;
	text-align:center;
	font-size:2em;
	text-shadow: 0.1vw 0.1vw 0.1vw #1e1e02;
}
.sadow{
box-shadow: 0px 2px 5px 2px rgba(141, 135, 135, 0.45);
-moz-box-shadow: 0px 2px 5px 2px rgba(141, 135, 135, 0.45);
-webkit-box-shadow: 0px 2px 5px 2px rgba(141, 135, 135, 0.45);
}
.absen{
	padding-left:0;
	padding-bottom: 3px	;
	padding-right: 0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
	height:212px;
	
}
.paspoto{
	width:110px;
	height:180px;
	border:1px solid #060606;
	box-shadow:1px 1px 2px rgba(0,0,0,0.5);
	margin-bottom:3px;
	margin-top:3px;
}

.absen .btn-large:hover, .btn:hover, .btn-block:hover{
	color:#FFFFFF;
}
.absen a{
	color:inherit;
	text-decoration:none !important; 
	opacity: 1 !important;
}
#kaki{
	margin-top:5px;
	margin-bottom:0px;
	padding-left:0px; padding-right:0px;
	height:auto;
	line-height:normal;

}
.bingkai_foto{
	margin:0;
	padding-left:5px;
	padding-top:5px;
	padding-right:3px;
	padding-bottom:3px;
}

.absen img{
	padding: 0;
	margin-bottom:0;
  	/*background-color: #c6c7c8;  	border: 1px solid #c6c7c8;
  	border: 1px solid rgba(0, 0, 0, 0.2);
  	-webkit-box-shadow: 0 1px 3px rgba(0, 1, 0, 1);
     -moz-box-shadow: 0 1px 3px rgba(0, 1, 0, 1);
          box-shadow: 0 1px 3px rgba(0, 1, 0, 1);*/

}

#myclock{
	padding-top:5px; 
}

@media screen and (min-width:240px){
#header {
width: 100%; 
height:auto;
}

#pengu{
	/*height:460px;*/
	height:395px;
	margin-top:5px;
}

#jadu{
	margin-top:10px;
	height:180px;
}

.absen{
	height:auto;
}

.paspoto{
	/*width:110px;
	height:140px;*/
	width:48.2px;
	height:60px;
}

.buton{
	font-size:11px;
	padding-top:2px;
	padding-bottom:2px;
}
.isi{
	/*font-size:35px;*/
	font-size:14.9px;
	font-weight:normal;
	text-shadow:none;
}

.dangers{
	font-size:11px;
	padding-bottom:2px;
	padding-top:2px;
	
}
}
@media screen and (min-width:320px){
#header {
width: 100%; 
height:auto;
}

#pengu{
	/*height:460px;*/
	height:360px;
	margin-top:5px;
}

#jadu{
	margin-top:10px;
	height:180px;
}

.absen{
	height:auto;
}

.paspoto{
	/*width:110px;
	height:140px;*/
	width:52px;
	height:65px;
}

.buton{
	font-size:11px;
	padding-top:2px;
	padding-bottom:2px;
}
.isi{
	/*font-size:35px;*/
	font-size:14.8px;
	font-weight:normal;
	text-shadow:none;
}

.dangers{
	font-size:11px;
	padding-bottom:2px;
	padding-top:2px;
	
}
}

@media screen and (min-width:480px){
#header {
width: 100%; 
height:auto;
}

#pengu{
	/*height:460px;*/
	height:370px;
	margin-top:5px;
}

#jadu{
	margin-top:10px;
	height:180px;
}

.absen{
	height:auto;
}

.paspoto{
	/*width:110px;
	height:140px;*/
	width:50px;
	height:60px;
}

.buton{
	font-size:15px;
	padding-top:3px;
	padding-bottom:3px;
}
.isi{
	/*font-size:35px;*/
	font-size:18.7px;
	font-weight:normal;
	text-shadow:none;
}

.dangers{
	font-size:14px;
	padding-bottom:3px;
	padding-top:5px;
	
}
}

@media screen and (min-width:560px){
#header {
width: 100%; 
height:auto;
}

#pengu{
	/*height:460px;*/
	height:368px;
	margin-top:5px;
}

#jadu{
	margin-top:10px;
	height:190px;
}

.absen{
	height:auto;
}

.paspoto{
	/*width:110px;
	height:140px;*/
	width:60px;
	height:75px;
}

.buton{
	font-size:16px;
	padding-top:3px;
	padding-bottom:3px;
}
.isi{
	/*font-size:35px;*/
	font-size:19.9px;
	font-weight:normal;
	text-shadow:none;
}

.dangers{
	font-size:15px;
	padding-bottom:3px;
	
}
}

@media screen and (min-width:600px){
#header {
width: 100%; 
height:auto;
}

#pengu{
	/*height:460px;*/
	height:368px;
	margin-top:5px;
}

#jadu{
	margin-top:10px;
	height:190px;
}

.absen{
	height:auto;
}

.paspoto{
	/*width:110px;
	height:140px;*/
	width:63px;
	height:75px;
}

.buton{
	font-size:16px;
	padding-top:3px;
	padding-bottom:3px;
}
.isi{
	/*font-size:35px;*/
	font-size:21px;
	font-weight:normal;
	text-shadow:none;
}

.dangers{
	font-size:15px;
	padding-bottom:3px;
	
}
}
@media screen and (min-width:640px){
#header {
width: 100%; 
height:auto;
}

#pengu{
	/*height:460px;*/
	height:368px;
	margin-top:5px;
}

#jadu{
	margin-top:10px;
	height:160px;
}

.absen{
	height:auto;
}

.paspoto{
	/*width:110px;
	height:140px;*/
	width:63px;
	height:75px;
}

.buton{
	font-size:16px;
	padding-top:3px;
	padding-bottom:3px;
}
.isi{
	/*font-size:35px;*/
	font-size:21px;
	font-weight:normal;
	text-shadow:none;
}

.dangers{
	font-size:15px;
	padding-bottom:3px;
	
}
}
@media screen and (min-width:800px){
#header {
width: 100%; 
height:auto;
}

#pengu{
	/*height:460px;*/
	height:422px;
	margin-top:5px;
}

#jadu{
	height:515px;
	margin-top:5px;
	width:229px;

}

.absen{
	height:auto;
}

.paspoto{
	/*width:110px;
	height:140px;*/
	width:28.6px;
	height:38px;
}

.buton{
	font-size:13px;
	padding-top:5px;
	padding-bottom:5px;
}
.isi{
	/*font-size:35px;*/
	font-size:20px;
	font-weight:normal;
	text-shadow:none;
}

.dangers{
	font-size:12px;
	padding:5px;
}
}
@media screen and (min-width:960px){
#header {
width: 100%; 
height:auto;
}

#pengu{
	/*height:460px;*/
	height:416px;
	margin-top:5px;
}

#jadu{
	height:535px;
	margin-top:5px;
	width:288px;

}

.absen{
	height:auto;
}

.paspoto{
	/*width:110px;
	height:140px;*/
	width:36px;
	height:46px;
}

.buton{
	font-size:20px;
}
.isi{
	/*font-size:35px;*/
	font-size:22px;
	font-weight:normal;
	text-shadow:none;
}

.dangers{
	font-size:18px;
}
}


@media screen and (min-width:1024px){
#header {
width: 100%; 
height:auto;
}
#myclock{
	padding-left:65px; 
}
#pengu{
	/*height:460px;*/
	height:550px;
	margin-top:5px;
}

#jadu{
	height:676px;
	margin-top:5px;
	width:229px;

}

.absen{
	height:auto;
}

.paspoto{
	/*width:110px;
	height:140px;*/
	width:44.5px;
	height:55px;
}

.buton{
	font-size:17px;
}
.isi{
	/*font-size:35px;*/
	font-size:26.5px;
	font-weight:normal;
	text-shadow:none;
}

.dangers{
	font-size:16px;
}
}
@media screen and (min-width:1280px){
#header {
width: 100%; 
height:auto;
}
#myclock{
	padding-left:75px; 
}
#pengu{
	/*height:460px;*/
	height:494px;
	margin-top:5px;
}

#jadu{
	height:654px;
	margin-top:5px;
	width:300px;

}

.absen{
	height:auto;
}

.paspoto{
	/*width:110px;
	height:140px;*/
	width:57.3px;
	height:82px;
}

.buton{
	font-size:24px;
}
.isi{
	/*font-size:35px;*/
	font-size:30.7px;
	font-weight:bold;
	text-shadow:none;
}

.dangers{
	font-size:20px;
}

}
@media screen and (min-width:1360px){
#header {
width: 100%; 
height:auto;
}
#myclock{
	padding-left:85px; 
}
#pengu{
	/*height:460px;*/
	height:480px;
	margin-top:5px;
}

#jadu{
	height:637px;
	margin-top:5px;
	width:318px;

}

.absen{
	height:auto;
}

.paspoto{
	/*width:110px;
	height:140px;*/
	width:61.6px;
	height:80px;
}

.buton{
	font-size:23px;
}
.isi{
	/*font-size:35px;*/
	font-size:30px;
	font-weight:bold;
	text-shadow:none;
}

.dangers{
	font-size:20px;
}
}

@media screen and (min-width:1600px){
#header {
width: 100%; 
height:auto;
}
#myclock{
	padding-left:120px; 
}
#pengu{
	/*height:460px;*/
	height:590px;
	margin-top:5px;
}

#jadu{
	height:763px;
	margin-top:5px;
	width:382px;

}

.absen{
	height:auto;
}

.paspoto{
	/*width:110px;
	height:140px;*/
	width:73.3px;
	height:90px;
}

.buton{
	font-size:28px;
}
.isi{
	/*font-size:35px;*/
	font-size:37.8px;
	font-weight:bold;
	text-shadow:none;
}

.dangers{
	font-size:25px;
}

}

@media screen and (min-width:1920px){
#header {
width: 100%; 
height:auto;
}
#myclock{
	padding-left:120px; 
}
#pengu{
	/*height:460px;*/
	height:719px;
	margin-top:5px;
}

#jadu{
	height:912px;
	margin-top:5px;
	width:450px;

}

.absen{
	height:auto;
}

.paspoto{
	/*width:110px;
	height:140px;*/
	width:88.9px;
	height:110px;
}

.buton{
	font-size:30px;
}
.isi{
	/*font-size:35px;*/
	font-size:46.5px;
	font-weight:bold;
	text-shadow:none;
}

.dangers{
	font-size:25px;
}


}