*{ 
	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;}
	
.bawahmenu{
	border		: 0 solid #dedede;
	padding		: 0;
	margin-top	: 3px;
	background-color:#E8E8E8;}

/* Main */
.main{
	width		:100%;
	overflow	:hidden;
	padding		:20px;		
	background	:none;}	
	
		.judul22 {   
   	 		text-align		:center;
   			width			:100%;
			margin-top		:10px;
			margin-bottom	:10px;
			background		:#fff;}
			
		.dilihat22 {   
   	 		text-align		:right;
   			width			:100%;
			margin-top		:10px;
			margin-bottom	:10px;
			background		:#fff;}
		
		.gambar22 {   
   	 		float			:left;
   			width			:20%;
			margin-top		:10px;
			margin-bottom	:10px;
			background		:#fff;}
		
		.isi22 {   
   	 		float			:left;
   			width			:80%;
			margin-top		:10px;
			margin-bottom	:10px;
			background		:#fff;}
			
		.gambar33 {   
   	 		float			:left;
   			width			:100%;
			margin-top		:10px;
			margin-bottom	:10px;
			background		:#fff;}
		
		.isi33 {   
   	 		float			:left;
   			width			:100%;
			margin-top		:10px;
			margin-bottom	:10px;
			background		:#fff;}
					

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

.kepala1 {
	border-bottom	: 30px solid #990000;
	border-right	: 20px solid transparent;
	height			: 30px;
	width			: 260px;
	color			: #FFF;
	font-size		: 18px;
	text-align		: center;
	font-weight		: bold;
	line-height		: 30px;}
	
.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;}
	
.kepala5 {
	float			: right;
	margin-top		: -27px;
	margin-right	: 10px;
	width			: 810px;
	height			: 30px;
	color			: #FFF;
	line-height		: 25px;
	text-align		: left;}

/************************************************************************************
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){
					
	.kepala1{ 
   		width			:100%;}
		
	.kepala5 {
		float			: right;
		margin-top		: 0px;
		margin-bottom	: 20px;
		padding			: 5px 15px 15px 15px;
		width			: 100%;
		color			: #FFF;
		text-align		: left;}

			
	.footleft {
		width		: 100%;
		text-align	: center;}
	
	.footright {
		width		: 100%;
		height		: 35px;
		text-align	: center;
		background	: #000;}	
}

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

	.gambar22 { 
   		width			:100%;
		margin-top		:10px;
		margin-bottom	:10px;
		background		:#fff;}
		
	.isi22 {   
   	 	float			:left;
   		width			:100%;
		margin-top		:5px;
		margin-bottom	:5px;
		background		:#fff;}
			
}