*{ 
	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		:310px;
		padding		:0px;}
		.isi {   
   	 		float			:left;
   			width			:100%;
			padding			:0px 0px 0px 15px;
			margin			:10px 0px;}	
			
	.right {
    	float		:left;
   		width		:770px;
    	padding-left:10px;
		padding-top	:10px;}	

.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
*************/

.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;}
	
/***************/
#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){

	.left { 
   		width		:100%;}	
		.right {
    		float			:left;
   			width			:100%;
			padding-left	:0px;
			padding-bottom	:10px;}

		.isi {
			padding	: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);}
	
}

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

	.atasheader{
		text-align 	: center;}
	.left {
		display 	: none;

}