.logo {
	width: 100px;
	height: 100px;
	display: inline-block;
	vertical-align: middle;
}
.teks {
	display: inline-block;
	vertical-align: middle;
	margin: 10px;
}
.nama {
	font-size: 40px;
	font-family: arial;
	color: blue
}
.motto {
	font-size: 18px;
	font-family: arial;
}
.info {
	font-size: 12px;
	font-family: arial;
	color: grey;
}
.layout_headerkiri {
	display: inline-block;
}
.layout_headerkanan {
	display: inline-block;
	font-family: arial;
	position: absolute;
	top: 50px;
	right: 2px;
}
.layout_header {
	position: relative;
	width: 100%;
	margin-top: 40px;
}
.layout_kiri {
	display: inline-block;
	background-color: rgba(0,0,81,1);
	
}
.layout_kanan{
	display: inline-block;
	font-family: arial;
	position: absolute;
	top: 10px;
	right: 10px;		
}
.tombol {
	width: 90px;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	border-left: 1px solid #999999;
	border-right: 1px solid #333333;
	color: white;
}
.gambar {
	width: 94px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	margin-top: 10px;	
}
.header {
	background-color: rgba(0,0,81,1);
	height: 40px;
	width: 100%;
	vertical-align: middle;
	position: fixed;
	top: 0px;
	z-index: 100;
}
.isi {
	background-color: grey;
	width: 100%;	
	height: 1000px;
	background-image: url("data:image/png;base64,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"), url("http://ikt-surabaya.com/logo.svg");
	background-repeat: no-repeat;
	background-size: 100px 100px, 100px 100px;
	background-position: right bottom, left top;
}
.isi:hover {
	background-color: red;
	background-repeat: repeat -x, repeat y;
}