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

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

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

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

.atasheader{
	width			: 100%;
	text-align 		: right;
	padding			: 0;
	margin-top		: 3px;
	margin-bottom 	: -10px;}

.header{
	border			: 0 solid #dedede;
	padding			: 0;
	margin-top		: 15px;
	width 			: 450px;}
	.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;}
			
	.right {
    	float		:left;
   		width		:310px;
    	padding-left:10px;
		padding-top	:10px;}
		.kanan {   
   	 		float		:left;
   			width		:100%;
			padding-top	:5px;			
			background	:#009999;}		
	
.menuredaksi{
	text-align	: right;
	width		: 100%;
	height		: 28px;
	padding		: 10px;	
	color		: #FFFFFF;
	background	: #5375BB;}

.atasfooter{
	width		: 100%;
	border-top 	: 5px solid #4F96EE;
	padding 	: 20px 0px;
	background 	: #E9E8E8;
	height 		: 240px;}
	.atasfooter1{
		float			: left;
		width			: 270px;
		font			: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color			: #333;
		font-weight		: bold;
		text-align 		: center;
		margin-right 	: 5px;}
	.atasfooter2{
		float			: left;
		width			: 570px;
		padding 		: 0px 10px 0px 40px;
		margin-right 	: 5px;}
	.atasfooter3{
		float			: left;
		width			: 230px;
		font			: 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color			: #333;
		font-weight		: bold;
		line-height		: 1.5;}

.footer{
	float		: left;
	width		: 100%;
	height		: 30px;
	background-image: linear-gradient(to right, #4F96EE, #333399);}
	.footleft{
		float		: left;
		width		: 880px;
		height		: 30px;
		padding		: 7px;}
	.footright{
		float		: right;
		width		: 195px;
		height		: 30px;
		padding		: 0px;}

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

.jarak4 {
	padding:0px 5px 0px 5px;}

	
/*************
KREATIF KEPALA
*************/

.sub1 {   
   	float		:left;
   	width		:100%;
	padding-top	:5px;			
	background-image: linear-gradient(to right, #4F96EE, #333399);}
	.kepala1 {
		float				: left;
		border-bottom		: 5px solid #FFF;
		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;}
	.kepala2 {
		float			: right;
		margin-top		: -10px;
		height			: 30px;
		color			: #FFF;
		line-height		: 25px;}

.sub2 {   
   	float			:left;
   	width			:100%;
	padding-top		:5px;
	border-bottom	:1px solid #CCCCCC;
	margin-bottom 	:5px;}
	.kepala1a {
		float				: left;
		border-bottom		: 5px solid #333399;
		border-bottom-width	: thick;
		margin-left			: 15px;
		height				: 30px;
		color				: #333;
		font-family			: Arial, Helvetica, sans-serif;
		font-size			: 20px;
		font-weight			: bold;
		line-height			: 25px;}

/****
TABLE
****/
.table, th, td {
	padding			:4px 0px;
	position		:inherit;
	bottom			:0px;
}

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

.line2 {
	border-top: 1px dashed #CCCCCC;}
	
.line3 {
	border-top: 1px solid #666;}
.line4 {
	border-top: 1px solid #CCC;}
	
/***************/
#tombolScrollTop
{
	cursor		:pointer;
	position	:fixed;
	left		:90%;
	bottom		:50px;
	font-size	:30px;
	border 		:none;
	background 	:none; 
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* untuk ukuran 1080px kebawah */
@media screen and (max-width: 1080px){

	.container{
		width			: 100%;}
		
	.headline {   
		padding			:5px;
		margin-top		:5px;
		margin-bottom	:5px;}
	
	.left {
   		width			:100%;}	
	
	.right {
    	float			:left;
   		width			:100%;
		padding-left	:0px;
		padding-bottom	:10px;}
		
	.atasfooter{
		height 			: auto;}
		.atasfooter1{
			width		: 100%;
			background 	: #E9E8E8;}
		.atasfooter2,.atasfooter3{
			display 	: none;}
		
	.footleft {
		display 	: none;}
	
	.footright {
		width		: 100%;
		height		: 35px;
		text-align	: right;
		background-image: linear-gradient(to right, #660000, #000);}

	.table, th {
		padding		: 0px 10px;}
	
}

@media screen and (max-width: 700px){
			
	.atasheader{
		text-align 	: center;}
	.header{
		width 		: 100%;}

}