*{
	padding		:0;
	margin		:0;
	box-sizing	:border-box;}
html, body{
	height		:100%;	
	font-size	:12px;	
	background 	:#DEDEEB;
	/**************
	ANTI COPY PASTE
	***************/
	-webkit-user-select	:none; 
	-khtml-user-select	:none; 
	-moz-user-select	:none; 
	-ms-user-select		:none; 
	user-select			:none; 
	
}	
/******
HEADER
******/	
.header{
	float				:left;
	width				:100%;
	height              :100px;
	background			:#B8E3FB;
	background-repeat	:no-repeat;
	border-bottom		:5px solid #065387;}
	.header2{
		float		:left;
		width		:15%;
		padding		:9px;
		text-align	:right;}
	.header3{
		float		:left;
		width		:85%;
		padding		:15px 5px 0px 10px;
		font-family	:'Helvetica', arial, sans-serif;
		font-size	:40px;
		font-weight	:bold;
		color		:#CC0000;
		text-shadow	:0 0 3px #FFF, 0 0 5px #CCC;}
	.header3a{
		float		:left;
		width		:85%;
		padding		:0px 5px 20px 10px;
		font-family	:'Helvetica', arial, sans-serif;
		font-size	:20px;
		color		:#000000;
		text-shadow	:0 0 3px #FFF, 0 0 5px #CCC;}
/****
MENU
****/		
.menu {   
   	float		:left;
   	width		:100%;}
/*****
MIDDLE
******/		
.middle {   
   	float			:left;
   	width			:100%;
   	background 		:linear-gradient(#FFF, #DEDEEB);
	font-family		:'Helvetica', arial, sans-serif;}
/*****
PETA
******/		
.peta {
	float 		:left;
	text-align 	:center;
	padding 	:20px; 
	width 		:55%;
	font-size 	:20px;
	color		:#065387;
}
.peta_gambar {width:100%;}
.peta_menu {width:100%;}
.peta_title {width:100%;}
/******
LOGIN
******/		
.login {
 	float 		:left;
 	padding 	:20px; 
 	width 		:45%;
 	font-size 	:16px;
 	position: relative;
}

/*****
BOX
******/		
.box {
	width	:100%;
	padding	:5px 20px 20px 20px;}

/*****
FOOTER
******/	
.footer{
	position 	:fixed;
	bottom 		:0px;
	float		:left;
	width		:100%;
	background	:#065387;
	padding 	:10px; 
	color		:#FFF;
	font-size	:12px;
	font-family	:'Helvetica', arial, sans-serif;
	font-weight	:none;}
/***********************************************
UKURAN MEDIA
************************************************/
	
@media screen and (max-width: 920px){
	.peta {font-size 	:16px;}
	.footer{
		position 	:static;
		background	:none;
		color		:#000;}
}

@media screen and (max-width: 768px){
	/*****
	HEADER
	******/	
	.header{
	height          :150px;}
	.header2{
		width		:100%;
		padding		:10px 0px 0px 0px;
		text-align	:center;}
	.header3{
		width		:100%;
		padding		:0px;		
		font-size	:24px;
		text-align	:center;}
	.header3a{
		width		:100%;
		padding		:0px;
		font-size	:14px;
		text-align	:center;}
	/*****
	MIDDLE
	******/	
	.middle {   

		padding		:0px;}
		.middle img{
			max-width	:100%;
			height		:auto;}
		.peta {width:100%; padding: 5px;}
		.peta_gambar {display:none;}
		.peta_title {font-size 	:12px;}
		.login {
 			float 		:left;
 			padding 	:20px; 
 			width 		:100%;
 			font-size 	:16px;}
}