*{
	margin:0px;
	padding:0px;
}
@font-face{font-family:Walkway_UltraBold;src:url('Walkway_UltraBold.ttf') format("truetype");} 	
@font-face{font-family:ostrich-rounded;src:url(ostrich-rounded.ttf) format("truetype");}
body{
	background: #828282;
	font-family:Walkway_UltraBold;
}
#wraper{
	min-width:90%;
	margin:0 auto;
	margin-top:5%;
}
.box{
	margin:0 auto;
	font-family: sans-serif;
	padding:5%;
	border:1px solid #d3d3d3;
	background: #fff;
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.2),0 -1px 0 rgba(255,255,255,0.3);
	box-shadow: 0 2px 10px rgba(0,0,0,0.2),0 -1px 0 rgba(255,255,255,0.3);
}
.box img{
	width:50%;
	padding-bottom:10px;
}
.box h2{
	color:#464646;
	text-align:center;
	margin : 5px;
}
.one{
	border-top:1px solid #b8b8b8;
	border-bottom:1px solid #ffffff;
	margin-top:5px;
	margin-bottom:5px;
}
label {
	position:absolute;
	display:block;
	width:40px;
	height:40px;
	margin-left:5px;
}
.user{
	background: rgba(65,72,72,0.75) url(../img/user-icon.png) no-repeat center;
}
.pas{
	background: rgba(65,72,72,0.75) url(../img/pass-icon.png) no-repeat center;	
}
.jen{
	background: rgba(65,72,72,0.75) url(../img/fingerprint.png) no-repeat center;	
	background-size:50%;
}
.ket{
	background: rgba(65,72,72,0.75) url(../img/pencil.png) no-repeat center;	
	background-size:50%;
}
input[type='text'], input[type='password']
{

	padding:9px;
	font-size:1.05em;
	border:1px solid rgba(65,72,72,0.25	);
	margin-left:45px;
	width:75%;
	transition: background ease 0.5s;
	box-shadow: inset -1px 1px 2px rgba(0,0,0,0.20);
	-moz-box-shadow: inset -1px 1px 2px rgba(0,0,0,0.20);
	-webkit-box-shadow: inset -1px 1px 2px rgba(0,0,0,0.20);
	background: rgba(255,255,255,0.5);
}

input[type='text']:hover, input[type='password']:hover,input[type='text']:focus, input[type='password']:focus,select:hover,select:focus{
	background: rgba(238,238,236,0.5);
}
input[type='submit']{
	font-family:Walkway_UltraBold;
	margin-top:10px;
	padding: 11px 25px;
	width:100%;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	background: #a11913;
	border: 1px solid #a11913;
	border-bottom : 5px solid #731511;
	cursor: pointer;
}
input[type='submit']:hover{
	background: #a63631;
	border: 1px solid #a63631;
	border-bottom : 5px solid #731511;
	
}
.pesan{
	margin:0 auto;
	margin-bottom:20px;
	color:#ffff;
	display: block;
	padding: 10px;
	background-color: #a63631;
	text-align: center;
}