*{
	padding: 0px; margin: 0px;
}

body {
	background-color:white;
	margin: 5px 1px;
	font-family: "Open Sans", arial;
}

.header {
	background-color:white;
	width: 100%;
	font-size:18px;
	height:300 px;
	text-align:center;
	float: center;
}


#menu{
	width: 100%;
	height: 110px;
	background-color: white;
	float: center;
	text-align:center;
	text-decoration:none;

}



#menu ul li a{
	text-decoration:none;
	color: black;
	display:inline;
	padding:25px;
	font-family: "Open Sans" ;
	text-decoration:none;
	
	
}

/* MENU */

#nav li a:hover{
	color: green;
	opacity: 0.8;
	text-decoration:none;
	background-color: #fff;
}



#nav li a, #nav li {
 	float: left;
	text-decoration:none;
	list-style:none;
	
}


#captionhome {
	font-size: 24px;
	
}

.center ul{
	width: -moz-fit-content;
	width: fit-content;
	margin: auto auto;
	text-decoration:none;
}

.berita {
	padding: 25px;
	padding-top:50px;
	padding-bottom:320px;
	text-align:center;
	float:center;
	width:77%;
}

.square {
	background-color:#e5eecc;
	width:100%px;
	height:350px;
}

p {
	
	font-size:16px;
	
	
}


h1{
color: #000000;
font-size: 24px;
text-align:center;
font-family: "Open Sans"
}

.listt {
	padding: 25px;
	border-left: black 2px solid;
}
.jdl {
	text-align:center;
}

.formm {
	padding:20px;
	
}

.kontak {
	padding:20px;
	padding-left:40px;
	border-left: white 2px solid;
}