@charset "utf-8";
/* CSS Document */
body{
		margin:auto;
		padding: auto;
		max-width:  100%;
		background-color:#00210F; 
}

/*----------------------------------------------------------------------------*/

.header{
		margin: 0;
		width: 100%;
		height: 15%;
		float: left;
} 

/*----------------------------------------------------------------------------*/

#navbar{
  			background-color: #002A03;/* Black background color */
  			position: fixed; /* Make it stick/fixed */
			top: 50%;  /* Hide the navbar 50 px outside of the top view */
  			width: 100%; /* Full width */
			height: 8.5%;
  			transition: top 0.3s; /* Transition effect when sliding down (and up) */
}
#navbar a{
  			float: left;
  			display: block;
  			color: white;
  			text-align: center;
  			padding: 1.5% 4%;
			margin:auto;
  			text-decoration: none;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			font-size: 80%;
}
#navbar a:hover{
  			background-color: #EDF927;
  			color: black;
}

#navbar2 {
  					background-color: #002A03;/* Black background color */
  					position:static; /* Make it stick/fixed */
					width: 100%; /* Full width */
					height: 5%;
					float: left;
  					}
#navbar2 a {
  					float: left;
  					display: block;
  					color: white;
  					text-align: center;
  					padding: 1.5% 4%;
					margin:auto;
  					text-decoration: none;
					font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
					font-size: 80%;
					}
#navbar2 a:hover {
			
  					background-color: #EDF927;
  					color: black;

		}

/*----------------------------------------------------------------------------*/

#halaman1{
			min-height: 120vh;
}

.panel1{
			margin: 0;
			padding: 2% 0 3% 0;
			width: 50%;
			height: 55vh;
			background-color: #EDFCEB;
			float: left;	
			
}
.panel2{
			margin: 0;
			padding: 2% 0 3% 0;
			width: 50%;
			height: 55vh;
			background-color: #EDFCEB;
			float: left; 
			
}

.ppdb1{
			margin: 1% 0 0 24% ;
			width: 90%;
}
.ppdb02{
			margin: 1% 0 0 24% ;
			width: 100%;
}
#ppdb2{
			border: outset #000000;
			border-top-left-radius: 1em; 
			border-top-right-radius: 1em; 
			border-bottom-right-radius: 1em;
			border-bottom-left-radius: 1em;
			background-color: #EDFCEB;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			font-size: 100%;
			float: left;
			width: 50%;
			margin: 1% 0 0 24%;
}
#ppdb2 a{
  			display: block;
  			color: black;
  			text-align: center;
  			padding: 2%;
			margin:auto;
  			text-decoration: none;
}
#ppdb2 a:hover{
			color: black;
			border-top-left-radius: 1em; 
			border-top-right-radius: 1em; 
			border-bottom-right-radius: 1em;
			border-bottom-left-radius: 1em;
			background-color: yellow;
			margin: 0;
}
#infowa {
			border: outset #000000;
			border-top-left-radius: 1em; 
			border-top-right-radius: 1em; 
			border-bottom-right-radius: 1em;
			border-bottom-left-radius: 1em;
			background-color: #EDFCEB;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			font-size: 100%;
			width: 50%;
			margin: 1% 0 0 24%;
			
}
#infowa a{
  			display: block;
  			color: black;
  			text-align: center;
  			text-decoration: none;
			padding: 2% 0 2% 0;
}
#infowa a:hover{
			color: black;
			border-top-left-radius: 1em; 
			border-top-right-radius: 1em; 
			border-bottom-right-radius: 1em;
			border-bottom-left-radius: 1em;
			background-color: yellow;
			margin: 0;
}
.imgwa{
			width: 4%;
			margin: 0;
}


/*----------------------------------------------------------------------------*/

#halaman2{
			min-height: 100vh;
}

.panel3{
			margin: 0;
			padding: 2% 0;
			width: 50%;
			height: 90vh;
			background-color: #00210F;
			float: left;	
			
}
.panel4{
			margin: 0;
			padding: 2% 0;
			width: 50%;
			height: 90vh;
			background-color: #00210F;
			float: left; 
			
}

.prg1{
			margin: 2% 10% 0 10%;
			color: white;
			text-align: justify;
			font-size: 100%;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			float: left;
}

.prg6{
			margin: 4% 0 0 10%;
			align-content: center;
			text-align:center;
			float: left;
			font-size: 100%;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			word-spacing: 1pt;
			border:#EDFCEB ;
			border-top-left-radius: 0.5em; 
			border-top-right-radius: 0.5em; 
			border-bottom-right-radius: 0.5em;
			border-bottom-left-radius: 0.5em;
			display: block;
			text-decoration: none;
			background-color: white;
			padding: 1%;
			color: #002A03;
			width: 78%;
	
}

.logo1{
			margin: 4% 15%;
			width: 75%;
	
}

/*----------------------------------------------------------------------------*/

#halaman3{
			min-height: 200vh;
}

.panel5{
			margin: 0;
			padding: 3% 0 ;
			width: 50%;
			height: 185vh;
			background-color: #EDFCEB;
			float: left;
}
.panel6{
			margin: 0;
			padding: 3% 0;
			width: 50%;
			height: 185vh;
			background-color: #EDFCEB;
			float: left;
}

.prg2{
			margin: 2% 10% 0 10%;
			padding: 0 1% 0 0;
			width: 80%;
			align-content: center;
			text-align:justify;
			float: none;
			color: black;
			column-count: 1;
			font-size: 100%;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			word-spacing: 1pt;
}
.prg5{
			margin: 1% 0 0 10%;
			width: 78%;
			align-content: center;
			text-align:center;
			float: none;
			font-size: 100%;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			word-spacing: 1pt;
			border:#EDFCEB ;
			border-top-left-radius: 0.5em; 
			border-top-right-radius: 0.5em; 
			border-bottom-right-radius: 0.5em;
			border-bottom-left-radius: 0.5em;
			display: block;
			text-decoration: none;
			background-color: #002A03;
			padding: 1%;
			color: white;
	
}
.prg7{
			margin: 2% 0 0 15%;
			width: 50%;
			text-align:left;
			float: left;
			color: black;
			font-size: 85%;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			word-spacing: 1pt;
}
.prg8{
			width: 17%;
			float: left;
}
.prg9{
			color: black; 
			float: left; 
			margin: 3%;
			font-size: 100%;
}

/*----------------------------------------------------------------------------*/

#halamanG{
			min-height: 75vh;
}

.panel_ganjil1{
	
			margin: 0;
			padding: 3% 0 4% 0;
			width: 100%;
			height: 60vh;
			background-color: #00210F;
			float: left;
	
}

.prg60{
			margin: 1% 0 0 10%;
			align-content: center;
			text-align:center;
			float: left;
			font-size: 100%;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			word-spacing: 1pt;
			border:#EDFCEB ;
			border-top-left-radius: 0.5em; 
			border-top-right-radius: 0.5em; 
			border-bottom-right-radius: 0.5em;
			border-bottom-left-radius: 0.5em;
			display: block;
			text-decoration: none;
			background-color: white;
			padding: 1%;
			color: #002A03;
			width: 78%;
	
}
.prg70{
			margin: 2% 0 0 10%;
			width: 40%;
			text-align:left;
			float: left;
			color: white;
			font-size: 85%;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			word-spacing: 1pt;
			align-content: center;
}
.prgg8{
			width: 10%;
			float: left;
}
.prg4{
			float: left;
			margin: 3% 0 3% 2%;
}

/*----------------------------------------------------------------------------*/

#halaman5{
			min-height: 180vh;
}

.panel9 {
			margin: 0;
			padding: 3% 0;
			width: 50%;
			height: 170vh;
			background-color: #EDFCEB;
			float: left;
		}
.panel10 {
			margin: 0;
			padding: 3% 0;
			width: 50%;
			height: 170vh;
			background-color: #EDFCEB;
			float: left;
}

/*----------------------------------------------------------------------------*/

#halaman6{
			min-height: 120vh;
}

.panel11{
			margin: 0;
			padding: 3% 0;
			width: 50%;
			height: 100vh;
			background-color: #00210F;
			float: left;
}
.panel12{
			margin: 0;
			padding: 3% 0;
			width: 50%;
			height: 100vh;
			background-color: #00210F;
			float: left; 
}

.prg20{
			margin: 1% 10% 0 10%;
			color: white;
			text-align: justify;
			font-size: 70%;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			float: left;
			
}
.prg21{
			margin: 2% 10% 0 10%;
			color: white;
			text-align: justify;
			font-size: 80%;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			float: left;
}

.logo3{
			margin: 2% 0 2% 10%;
			width: 80%
}

/*----------------------------------------------------------------------------*/

#halaman7{
			min-height: 150vh;
}

.panel13{
			margin: 0;
			padding: 4% 0;
			width: 50%;
			height: 135vh;
			background-color: #fff;
			float: left;
}
.panel14{
			margin: 0;
			padding: 4% 0;
			width: 50%;
			height: 135vh;
			background-color: #fff;
			float: left;
}

.kerjasama1{
			width: 80%;
			height:10%;
			margin: 4% 10% 0 10%;
			padding: 2% 0 0 5%;
			float: left;
			align-content: center;
}
.kerjasamafoto{
	width: 20%;
	margin: 0 12% 0 0;
}

/*----------------------------------------------------------------------------*/

#halaman8{
			min-height: 85vh;
}

.panel15{
			margin: 0;
			padding: 3% 0;
			width: 50%;
			height: 70vh;
			background-color: #00210F;
			float: left;
			
}
.panel16{
			margin: 0;
			padding: 3% 0;
			width: 50%;
			height: 70vh;
			background-color: #00210F;
			float: left; 
}

.logo2{
			margin: 2% 0 0 20%;
			width: 60%
}

.kerjasama2{
			width: 70%;
			margin: 2% 0 0 18%;
			padding: 2%;
			float: left;
			align-content: center;
}

.kerjasama3{
			width: 70%;
			margin: 0 0 2% 9%;
			padding: 2% 0 0 10%;
			float: left;
			align-content: center;
}
.prg18{
			width: 15%;
			align-content: center;
			padding: 0 7%;
			float: left;
}
.prg19{
			color: white;
			align-content: center;
			font-size: 75%;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			float: left;
			margin: 0 5%
			
}

/*----------------------------------------------------------------------------*/

#halaman9{
			min-height: 160vh;
}

.panel17{
			margin: 0;
			padding: 3% 0;
			width: 50%;
			height:165vh;
			background-color: #EDFCEB;
			float: left;
}
.panel18{
			margin: 0;
			padding: 3% 0;
			width: 50%;
			height: 165vh;
			background-color: #EDFCEB;
			float: left;
}

.ppdb4{
			border: outset #000000 ;
			border-top-left-radius: 0.5em; 
			border-top-right-radius: 0.5em; 
			border-bottom-right-radius: 0.5em;
			border-bottom-left-radius: 0.5em;
			margin: 2% 10% 0 ;
			padding: 2% 0;
			background-color: #E0FBAF;
}
.ppdb5{
			border: outset #000000;
			border-top-left-radius: 0.5em; 
			border-top-right-radius: 0.5em; 
			border-bottom-right-radius: 0.5em;
			border-bottom-left-radius: 0.5em;
			margin:  2% 10% 0;
			padding: 2% 0;
			background-color:#F0FC2B;
}
.ppdb6 {
			border: outset #000000 ;
			border-top-left-radius: 0.5em; 
			border-top-right-radius: 0.5em; 
			border-bottom-right-radius: 0.5em;
			border-bottom-left-radius: 0.5em;
			margin: 2% 10% 0 ;
			padding: 2% 0;
			background-color: #FFFFFF;
}
.prg30{
			font-family: Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', 'monospace'; 
			font-size:100%; 
			margin: 0 0 0 3%;
}
.prg31{
			font-family: Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', 'monospace'; 
			font-size:90%; 
			margin: 1% 0 0 3%;
}
.prg32{
			font-family: Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', 'monospace'; 
			font-size:90%; 
			margin: 1% 0 0 7%;
}
.prg33{
			font-family: Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', 'monospace'; 
			font-size:90%; 
			margin: 1% 0 0 5%;
}

.logo4{
			margin: 2% 10%;
			align-content: center;
			width: 78%;
}

/*----------------------------------------------------------------------------*/

#halaman10{
			min-height: 90vh;
}

.panel19{
			margin: 0;
			padding: 2% 0;
			width: 50%;
			height: 85vh;
			background-color: #00210F;
			float: left; 
}
.panel20{
			margin: 0;
			padding: 2% 0;
			width: 50%;
			height: 85vh;
			background-color: #00210F;
			float: left; 
}

.prg24{
			margin: 2% 0 0 10%;
			width: 100%;
			text-align:left;
			align-content: center;
			float: left;
			font-size: 90%;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			word-spacing: 1pt;
}
.prgg12{
			width: 6%;
			float: left;
			align-content: center;
		}
.prgg14{
			color: white; 
			float: left; 
			margin: 1% 2%;
			align-content: center;
}
.prg10{
			font-family: Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', 'monospace'; 
			font-size:100%; 
			text-align: center;
			margin: 2%;
			color: white;
}
.prg11{
			font-family: Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', 'monospace'; 
			font-size:90%; 
			text-align: center;
			margin: 2%;
			color: white;
}

.lokasi{
			margin: 10% 0 0 14%;
			width: 90%;
			height: 65%;
}

.map{
			margin: auto;
			width: 80%;
			height: 100%;
}

/*----------------------------------------------------------------------------*/

.prg25{
			margin: 0;
			width: 100%;
			padding: 0;
			background-color:black;
			text-align: center;
			float: left; 
			color: white;
}
.prg13{
			font-family: Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', 'monospace'; 
			font-size:65%; 
			text-align: center;
			margin: 1%;
			color: white;
}

/*----------------------------------------------------------------------------*/

@media only screen and (max-width:480px){
	
body{
		margin:auto;
		padding: auto;
		max-width:  90%;
		background-color:#EDFCEB ; 
}

/*----------------------------------------------------------------------------*/

	
#navbar{
  			background-color: #002A03;/* Black background color */
  			position: fixed; /* Make it stick/fixed */
			top: 100%;  /* Hide the navbar 50 px outside of the top view */
  			width: 100%; /* Full width */
			height: 15.5%;
  			transition: top 0.3s; /* Transition effect when sliding down (and up) */
}
#navbar a{
  			float: left;
  			display: block;
  			color: white;
  			text-align: center;
  			padding: 1.5% 4%;
			margin:auto;
  			text-decoration: none;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			font-size: 80%;
}
#navbar a:hover{
  			background-color: #EDF927;
  			color: black;
}

#navbar2 {
  					background-color: #002A03;/* Black background color */
  					position:static; /* Make it stick/fixed */
					width: 100%; /* Full width */
					height: 5%;
					float: left;
  					}
#navbar2 a {
  					float: left;
  					display: block;
  					color: white;
  					text-align: center;
  					padding: 1.5% 4%;
					margin:auto;
  					text-decoration: none;
					font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
					font-size: 80%;
					}
#navbar2 a:hover {
			
  					background-color: #EDF927;
  					color: black;

		}

/*----------------------------------------------------------------------------*/

	
#halaman1{
			min-height: 100vh;
}

.panel1{
			margin: 0;
			padding: 2% 0 3% 0;
			width: 100%;
			height: 100%;
			background-color: #EDFCEB;
			float: left;	
			
}
.panel2{
			margin: 0;
			padding: 2% 0 3% 0;
			width: 100%;
			height: 100%;
			background-color: #EDFCEB;
			float: left; 
			
}

.ppdb1{
			margin: 1% 0 0 24% ;
			width: 50%;
}
.ppdb02{
			margin: 1% 0 0 24% ;
			width: 50%;
}
#ppdb2{
			border: outset #000000;
			border-top-left-radius: 1em; 
			border-top-right-radius: 1em; 
			border-bottom-right-radius: 1em;
			border-bottom-left-radius: 1em;
			background-color: #EDFCEB;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			font-size: 100%;
			float: left;
			width: 50%;
			margin: 1% 0 0 24%;
}
#ppdb2 a{
  			display: block;
  			color: black;
  			text-align: center;
  			padding: 2%;
			margin:auto;
  			text-decoration: none;
}
#ppdb2 a:hover{
			color: black;
			border-top-left-radius: 1em; 
			border-top-right-radius: 1em; 
			border-bottom-right-radius: 1em;
			border-bottom-left-radius: 1em;
			background-color: yellow;
			margin: 0;
}
#infowa {
			border: outset #000000;
			border-top-left-radius: 1em; 
			border-top-right-radius: 1em; 
			border-bottom-right-radius: 1em;
			border-bottom-left-radius: 1em;
			background-color: #EDFCEB;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			font-size: 100%;
			width: 50%;
			margin: 1% 0 0 24%;
			
}
#infowa a{
  			display: block;
  			color: black;
  			text-align: center;
  			text-decoration: none;
			padding: 2% 0 2% 0;
}
#infowa a:hover{
			color: black;
			border-top-left-radius: 1em; 
			border-top-right-radius: 1em; 
			border-bottom-right-radius: 1em;
			border-bottom-left-radius: 1em;
			background-color: yellow;
			margin: 0;
}
.imgwa{
			width: 7%;
			margin: 0;
}


/*----------------------------------------------------------------------------*/

#halaman2{
			min-height: 145vh;
}

.panel3{
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			background-color: #00210F;
			float: left;	
			
}
.panel4{
			
			margin: 0;
			width: 100%;
			height: 100%;
			background-color: #00210F;
			float: left; 
			
}

.prg1{
			margin: 2% 10% 4% 10%;
			color: white;
			text-align: justify;
			font-size: 80%;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			float: left;
}

.prg6{
			margin: 4% 0 0 10%;
			align-content: center;
			text-align:center;
			float: left;
			font-size: 100%;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			word-spacing: 1pt;
			border:#EDFCEB ;
			border-top-left-radius: 0.5em; 
			border-top-right-radius: 0.5em; 
			border-bottom-right-radius: 0.5em;
			border-bottom-left-radius: 0.5em;
			display: block;
			text-decoration: none;
			background-color: white;
			padding: 1%;
			color: #002A03;
			width: 78%;
	
}

.logo1{
			margin: 4% 20% 0 35%;
			width: 30%;
	
}

/*----------------------------------------------------------------------------*/

#halaman3{
			min-height: 360vh;
}

.panel5{
			margin: 0;
			padding: 3% 0 ;
			width: 100%;
			height: 100%;
			background-color: #EDFCEB;
			float: left;
}
.panel6{
			margin: 0;
			padding: 3% 0;
			width: 100%;
			height: 100%;
			background-color: #EDFCEB;
			float: left;
}

.prg2{
			margin: 2% 10% 0 10%;
			padding: auto;
			width: 80%;
			align-content: center;
			text-align:justify;
			float: none;
			color: black;
			column-count: 1;
			font-size: 85%;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			word-spacing: 1pt;
}
.prg5{
			margin: 1% 0 0 10%;
			width: 78%;
			align-content: center;
			text-align:center;
			float: none;
			font-size: 100%;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			word-spacing: 1pt;
			border:#EDFCEB ;
			border-top-left-radius: 0.5em; 
			border-top-right-radius: 0.5em; 
			border-bottom-right-radius: 0.5em;
			border-bottom-left-radius: 0.5em;
			display: block;
			text-decoration: none;
			background-color: #002A03;
			padding: 1%;
			color: white;
	
}
.prg7{
			margin: 2% 0 0 15%;
			width: 80%;
			text-align:left;
			float: left;
			color: black;
			font-size: 75%;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			word-spacing: 1pt;
}
.prg8{
			width: 10%;
			float: left;
}
.prg9{
			color: black; 
			float: left; 
			margin: 3%;
}

/*----------------------------------------------------------------------------*/

#halamanG{
			min-height: 60vh;
}

.panel_ganjil1{
	
			margin: 0;
			padding: 3% 0 4% 0;
			width: 100%;
			height: 100%;
			background-color: #00210F;
			float: left;
	
}

.prg60{
			margin: 1% 0 0 10%;
			align-content: center;
			text-align:center;
			float: left;
			font-size: 100%;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			word-spacing: 1pt;
			border:#EDFCEB ;
			border-top-left-radius: 0.5em; 
			border-top-right-radius: 0.5em; 
			border-bottom-right-radius: 0.5em;
			border-bottom-left-radius: 0.5em;
			display: block;
			text-decoration: none;
			background-color: white;
			padding: 1%;
			color: #002A03;
			width: 78%;
	
}
.prg70{
			margin: 2% 0 0 10%;
			width: 90%;
			text-align:left;
			float: left;
			color: white;
			font-size: 65%;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			word-spacing: 1pt;
			align-content: center;
}
.prgg8{
			width: 9%;
			float: left;
}
.prg4{
			float: left;
			margin: 3% 0 3% 2%;
}

/*----------------------------------------------------------------------------*/

#halaman5{
			min-height: 350vh;
}

.panel9 {
			margin: 0;
			padding: 3% 0;
			width: 100%;
			height: 100%;
			background-color: #EDFCEB;
			float: left;
		}
.panel10 {
			margin: 0;
			padding: 3% 0;
			width: 100%;
			height: 100%;
			background-color: #EDFCEB;
			float: left;
}

/*----------------------------------------------------------------------------*/

#halaman6{
			min-height: 210vh;
}

.panel11{
			margin: 0;
			padding: 3% 0;
			width: 100%;
			height: 100%;
			background-color: #00210F;
			float: left;
}
.panel12{
			margin: 0;
			padding: 3% 0;
			width: 100%;
			height: 100%;
			background-color: #00210F;
			float: left; 
}

.prg20{
			margin: 1% 10% 0 10%;
			color: white;
			text-align: justify;
			font-size: 70%;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			float: left;
			
}
.prg21{
			margin: 2% 10% 0 10%;
			color: white;
			text-align: justify;
			font-size: 80%;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			float: left;
}

.logo3{
			margin: 2% 0 2% 20%;
			width: 50%
}

/*----------------------------------------------------------------------------*/

#halaman7{
			min-height: 290vh;
}

.panel13{
			margin: 0;
			padding: 4% 0;
			width: 100%;
			height: 100%;
			background-color: #fff;
			float: left;
}
.panel14{
			margin: 0;
			padding: 4% 0;
			width: 100%;
			height: 100%;
			background-color: #fff;
			float: left;
}

.kerjasama1{
			width: 80%;
			height:10%;
			margin: 2% 10% 0 10%;
			padding: 2% 0 0 10%;
			float: left;
			align-content: center;
}
.kerjasamafoto{
	width: 20%;
	margin: 0 5% 0 0;
}

/*----------------------------------------------------------------------------*/

#halaman8{
			min-height: 115vh;
}

.panel15{
			margin: 0;
			padding: 3% 0;
			width: 100%;
			height: 100%;
			background-color: #00210F;
			float: left;
			
}
.panel16{
			margin: 0;
			padding: 3% 0;
			width: 100%;
			height: 100%;
			background-color: #00210F;
			float: left; 
}

.logo2{
			margin: 2% 0 0 35%;
			width: 30%
}

.kerjasama2{
			width: 90%;
			margin: 2% 0 0 5%;
			padding: 2% 0 0 10%;
			float: left;
			align-content: center;
}

.kerjasama3{
			width: 90%;
			margin: 0 0 2% 7%;
			padding: 2% 0 0 2%;
			float: left;
			align-content: center;
}
.prg18{
			width: 10%;
			align-content: center;
			padding: 0 8%;
			float: left;
}
.prg19{
			color: white;
			align-content: center;
			font-size: 60%;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			float: left;
			margin: 0 2%
			
}

/*----------------------------------------------------------------------------*/

#halaman9{
			min-height: 315vh;
}

.panel17{
			margin: 0;
			padding: 3% 0;
			width: 100%;
			height:100%;
			background-color: #EDFCEB;
			float: left;
}
.panel18{
			margin: 0;
			padding: 3% 0;
			width: 100%;
			height: 100%;
			background-color: #EDFCEB;
			float: left;
}

.ppdb4{
			border: outset #000000 ;
			border-top-left-radius: 0.5em; 
			border-top-right-radius: 0.5em; 
			border-bottom-right-radius: 0.5em;
			border-bottom-left-radius: 0.5em;
			margin: 2% 10% 0 ;
			padding: 2% 0;
			background-color: #E0FBAF;
}
.ppdb5{
			border: outset #000000;
			border-top-left-radius: 0.5em; 
			border-top-right-radius: 0.5em; 
			border-bottom-right-radius: 0.5em;
			border-bottom-left-radius: 0.5em;
			margin:  2% 10% 0;
			padding: 2% 0;
			background-color:#F0FC2B;
}
.ppdb6 {
			border: outset #000000 ;
			border-top-left-radius: 0.5em; 
			border-top-right-radius: 0.5em; 
			border-bottom-right-radius: 0.5em;
			border-bottom-left-radius: 0.5em;
			margin: 2% 10% 0 ;
			padding: 2% 0;
			background-color: #FFFFFF;
}
.prg30{
			font-family: Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', 'monospace'; 
			font-size:100%; 
			margin: 0 0 0 3%;
}
.prg31{
			font-family: Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', 'monospace'; 
			font-size:90%; 
			margin: 1% 0 0 3%;
}
.prg32{
			font-family: Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', 'monospace'; 
			font-size:90%; 
			margin: 1% 0 0 7%;
}
.prg33{
			font-family: Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', 'monospace'; 
			font-size:90%; 
			margin: 1% 0 0 5%;
}

.logo4{
			margin: 2% 10%;
			align-content: center;
			width: 78%;
}

/*----------------------------------------------------------------------------*/

#halaman10{
			min-height: 80vh;
}

.panel19{
			margin: 0;
			padding: 2% 0;
			width: 100%;
			height: 100%;
			background-color: #00210F;
			float: left; 
}
.panel20{
			margin: 0;
			padding: 2% 0;
			width: 100%;
			height: 100%;
			background-color: #00210F;
			float: left; 
}

.prg24{
			margin: 2% 0 0 10%;
			width: 80%;
			text-align:left;
			align-content: center;
			float: left;
			font-size: 70%;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			word-spacing: 1pt;
}
.prgg12{
			width: 10%;
			float: left;
			align-content: center;
		}
.prgg14{
			color: white; 
			float: left; 
			margin: 1% 2%;
			align-content: center;
}
.prg10{
			font-family: Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', 'monospace'; 
			font-size:85%; 
			text-align: center;
			margin: 2%;
			color: white;
}
.prg11{
			font-family: Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', 'monospace'; 
			font-size:70%; 
			text-align: center;
			margin: 2%;
			color: white;
}

.lokasi{
			margin: 2% 0 0 5%;
}
.map{
			margin: 5% 0 0 7%;
			width: 85%;
			height: 50%;
}
/*----------------------------------------------------------------------------*/

.prg25{
			margin: 0;
			width: 100%;
			padding: 0;
			background-color:black;
			text-align: center;
			float: left; 
			color: white;
}
.prg13{
			font-family: Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', 'monospace'; 
			font-size:50%; 
			text-align: center;
			margin: 1%;
			color: white;
}

/*-------------------------------------------------------------------------*/

	
}