*{ 
	padding		: 0;
	margin		: 0;
	box-sizing	: border-box;}

body{
	background	: #EFEFEF;
	font-family	: 'Helvetica', arial, sans-serif;
	font-size	: 15px;}

p{
	margin		: 0px;
	line-height	: 1.5;}

.container{
	max-width	: 1080px;
	margin		: 0 auto;
	background	: #FFF;
	overflow	: hidden;
	padding		: 0;}

.header{
	border	: 0 solid #dedede;
	padding	: 0;
	margin	: 0;}
	.header img{
		max-width	: 100%;
		height		: auto;}
	.header a{
		font-weight	: bold;}
		
.menu{
	border	: 0 solid #dedede;
	padding	: 0;
	margin	: 0;}

/* Main */
.main{
	overflow	:hidden;		
	background	:none;}	
	.left {   
   	 	float		:left;
   		width		:770px;
		padding		:0px;}								
		.gambar {   
   	 		float			:left;
   			width			:100%;
			margin-top		:10px;
			background		:#fff;}
		.isi {   
   	 		float			:left;
   			width			:100%;
			margin-top		:10px;
			margin-bottom	:10px;
			background		:#fff;}	
			
	.right {
    	float		:left;
   		width		:310px;
    	padding-left:10px;
		padding-top	:10px;}
		.kanan {   
   	 		float		:left;
   			width		:100%;
			padding-top	:5px;			
			background	:#5375BB;}	

.footer{
	width		: 100%;
	height		: 35px;
	background	: #5375BB;}
	.footleft{
		float	: left;
		width	: 880px;
		height	: 28px;
		padding	: 7px;}
	.footright{
		float	: right;
		width	: 145px;
		height	: 28px;
		padding	: 2px;}
		

.jarak {
	padding:0px 10px 0px 5px;}

	
/************************************************************************************
KREATIF
*************************************************************************************/
	
.kepala3 {
	float				: left;
	border-bottom		: 5px solid #FF9900;
	border-bottom-width	:thick;
	margin-left			: 15px;
	height				: 30px;
	color				: #FFF;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 16px;
	font-weight			: bold;
	line-height			: 25px;}
	
.kepala4 {
	float			: right;
	margin-right	: 10px;
	margin-top		: -15px;
	height			: 30px;
	color			: #FFF;
	line-height		: 25px;}
	
/************************************************************************************
TABLE
*************************************************************************************/

.table, th, td {
	padding			:4px 4px;
	vertical-align	:top;
	position		:inherit;
	bottom			:0px;
	background-color:#FFFFFF;
}
.table {
	border-top		:1px solid #CCCCCC;
}

/************************************************************************************
GARIS
*************************************************************************************/
 
.line {border-top: 1px solid #afbcc6;}

.line2 {
	border-top: 1px dashed #CCCCCC;}
	
.line3 {
	border-top: 1px solid #758FC8;}
.line4 {
	border-top: 1px solid #2C416B;}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

@media screen and (max-width: 1095px){
					
	.main, .left, .kiri, .right, .table1, .table2 { 
   		width			:100%;}
		
		.right {
    		padding-left:0px;
			padding-top	:10px;}
		
		.tengah {
    		float		:left;
   			width		:100%;
			margin-left	:0px;
			background	:#000;}	
			
		.main img{
			width		: 100%;
			height		: auto;}
			
	.footleft {
		width		: 100%;
		text-align	: center;}
	
	.footright {
		width		: 100%;
		height		: 35px;
		text-align	: center;
		background	: #000;}	
}

/* untuk ukuran 1080px kebawah */
@media screen and (max-width: 1079px){
	.container{
		width	: 100%;}	
		.main{
			width		: 100%;
			float		: none;
			padding		: 0;
			margin		: 0;}
			.main img{
				max-width: 100%;
				height: auto;}
			.left{
				width	: 100%;
				float	: none;
				padding	: 0;
				margin	: 0;}
				
	.right {
		width		: 100%;
		margin-left	: 0px;
		padding-left: 0px;}
		
	.footleft {
		width		: 100%;
		text-align	: center;}
	
	.footright {
		width		: 100%;
		text-align	: center;
		background	: #000;}		
			
}

@media screen and (max-width: 790px){
	
	.main img{
		width: 100%;
		height: auto;}

	.keterangan {
		float		:left;
		padding-top	:10px;
		width		:100%;}	
	
	.right {
		width		: 100%;
		margin-left	: 0px;
		padding-left: 0px;}
		
	.footleft {
		width		: 100%;
		text-align	: center;}
	
	.footright {
		width		: 100%;
		text-align	: center;
		background	: #000;}
		
}

@media screen and (max-width: 669px){

	.main img{
		width: 100%;
		height: auto;}

	.keterangan {
		float		:left;
		padding-top	:10px;
		width		:100%;}	
		
	.konten {
		display		: none;}
		
	.isi {
		background	:#000;}
		
	.right {
		width		: 100%;
		margin-left	: 0px;
		padding-left: 0px;}
		
	.footleft {
		width		: 100%;
		text-align	: center;}
	
	.footright {
		width		: 100%;
		height		: 35px;
		text-align	: center;
		background	: #000;}

}