*{
	padding		:0;
	margin		:0;
	box-sizing	:border-box;}
html, body{
	height		:100%;	
	font-size	:12px;	
	background	:#065387;
	
/**************
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	:32px;
		font-weight	:bold;
		color		:#065387;
		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;
		color		:#000000;
		font-size	:20px;
		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;
}
/******
LOGIN
******/		
.login {
 	float 		:left;
 	padding 	:20px; 
 	width 		:45%;
 	font-size 	:16px;
}

/*****
FOOTER
******/	
.footer{
	float		:left;
	width		:100%;
	background	:linear-gradient(#0F7CC5, #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;}
}

@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	:20px;
		text-align	:center;}
	/*****
	MIDDLE
	******/	
	.middle {   
	   	height 		:100%;
		padding		:0px;}
		.middle img{
			max-width	:100%;
			height		:auto;}
		.peta {
			display: none;}	
		.login {
 			float 		:left;
 			padding 	:20px; 
 			width 		:100%;
 			font-size 	:16px;}



}