/**********
MIDDLE
**********/		
.middle {   
   	float		:left;
   	width		:100%;
   	padding 	:10px;
   	background	: #FFF;
	font-family	:'Helvetica', arial, sans-serif;}

/* Tab Main */	
.boxmain{
	max-width	: 1080px;
	margin		: 0 auto;
	background	: #FFF;
	line-height	:1.5;}

.boxkiri{   
   	float		:left;
   	width		:720px;
	padding		:0px;}

.isi1{
   	float		:left;
   	width		:100%;
	padding		:0px 30px 0px 0px;
	text-align 	:center;
	margin		:10px 0px;
	background	:#fff;	
	font-family	:sans-serif;
	font-size	:16px;
	color		:#000;
	font-weight	:none;
	line-height	:1.4;}
.gambar{
   	float		:left;
   	width		:100%;
   	padding		:0px 30px 0px 0px;
	background	:#fff;}
.isi2{
   	float		:left;
   	width		:100%;
	padding		:0px 30px 0px 0px;
	margin		:10px 0px;
	background	:#fff;
	font-family	:sans-serif;
	font-size	:16px;
	color		:#000;
	font-weight	:none;
	line-height	:1.4;}
.isi3 {display: none;}

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

.boxbacajuga {
    float			:left;
   	width			:100%;
    padding 		:10px 20px 10px 20px;
    margin-bottom 	:15px;
    border-radius 	:10px;
    border-left 	:5px solid #006600;
	background		:#E8E5E5;}

.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; 
}

/***********
LINK MENU
***********/
.linkmenu{	
	font-family	:sans-serif;
	font-size	:14px;
	color		:#999;
	font-weight	:bold;
	padding		:20px 0px;}

.alinkmenu:link{
	color			:#000;
	font-weight		:bold;
	text-decoration	:none;}
.alinkmenu:visited{
	color			:#CC0000;
	font-weight		:bold;
	text-decoration	:none;}
.alinkmenu:hover{
	color			:#CC0000;
	font-weight		:bold;
	text-decoration	:none;}

/***********
BERITA UTAMA
***********/
div.beritautama {
	border-radius	:1em;
	background		:linear-gradient(to right,#044068, #44A1EE);
	margin-top		:0px;}
div.beritautama img {	
	border-radius	:1em 1em 0em 0em;}
div.beritautama img:hover {
	/**opacity		:0.9;**/
	opacity			:1;}
div.beritautamadesc {
	padding			:10px;
	margin-bottom	:5px;}

.aberitautama:link{	
	font			:24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight		:bold;
	color			:#FFF;
	text-decoration	:none;}
.aberitautama:visited{
	font			:24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight		:bold;
	color			:#FFF;
	text-decoration	:none;}
.aberitautama:hover{
	font			:24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight		:bold;
	color			:#FFCC00;
	text-decoration	:none;}

/************
BERITA INDEKS
************/
div.indexberita img {
	width			:215px;
	border-radius	:1em;
	border-top		:2px solid #cf2031;
	border-right	:2px solid #0f7dc8;
	border-bottom	:2px solid #2eb31a;
	border-left		:2px solid #eab823;
	margin			:10px 0px;}
div.indexberita img:hover {
	border-top		:2px solid #0f7dc8;
	border-right	:2px solid #2eb31a;
	border-bottom	:2px solid #eab823;
	border-left		:2px solid #cf2031;
	/**opacity		:0.9;**/
	opacity			:1;}

.indexberitabox {padding-left	:20px;}

.aindekberita:link{	
	font			:20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight		:bold;
	color			:#000;
	text-decoration	:none;}
.aindekberita:visited{
	font-weight		:bold;
	color			:#000;
	text-decoration	:none;}
.aindekberita:hover{
	font-weight		:bold;
	color			:#21409A;
	text-decoration	:none;}

.aindekberita2:link{	
	font			:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color			:#333;
	text-decoration	:none;}
.aindekberita2:visited{
	color			:#333;
	text-decoration	:none;}
.aindekberita2:hover{
	color			:#21409A;
	text-decoration	:none;}

.indekberitatanggal{	
	font-family	:sans-serif;
	font-size	:12px;
	color		:#999;
	padding-top	:15px;}

/************
BERITA DETAIL
************/

.kananindex {
    float		:left;
   	width		:310px;
    padding-left:20px;
	padding-top	:65px;}
.kananindex2 {
    float		:left;
   	width		:310px;
    padding-left:20px;
	padding-top	:10px;}
.kananindex3 {
    float		:left;
   	width		:310px;
    padding-left:20px;
	padding-top	:10px;}
.subindex{	
	border-top	:1px solid #dedede;
	font-family	:sans-serif;
	font-size	:18px;
	color		:#21409A;
	font-weight	:bold;
	padding		:13px 0px 16px 0px;}

/**************
FOTO INDEX
***************/
.responsivefoto {
	padding			:0 6px;
	float			:left;
	width			:49.999%;}
div.foto {
	background		:linear-gradient(#CCC, #FFF);}
div.foto:hover {
	background		:linear-gradient(#4CACF8, #CAEBFE);}
div.foto img {
	width			:100%;
	height:auto;}
div.foto img:hover {
	/**opacity		:0.9;**/
	opacity			:1;}
div.fotodesc {
	font-family		:sans-serif;
	font-size		:14px;
	font-weight		:bold;
	padding			:10px;
	text-align		:left;
	height			:100px;
	margin-bottom	:5px;}

/***********************************************
UKURAN MEDIA
************************************************/

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

.middle {   
   	padding 		:0px;}

.boxmain,.boxkiri{
	border-radius 	:0px;
	width 			:100%;
	padding 		:5px;}
	
}

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

	div.indexberita img {width :150px;}
	
	.kananindex {display: none;}

	.isi1{ padding :0px;}

	.gambar{ padding :0px;}

	.isi2{ padding :0px;}

	.isi3{
   		display: block;
   		float		:left;
   		width		:100%;
		padding		:0px;}

}