/*****************
HEADLINE & tengah
*****************/
f16{	
	font-family	:sans-serif;
	font-size	:16px;	
	font-weight	:none;}
	
f20{	
	font-family	:sans-serif;
	font-size	:20px;	
	font-weight	:none;
	line-height	:1.5;}
	
f24{	
	font-family	:sans-serif;
	font-size	:24px;	
	font-weight	:none;
	line-height	:1.5;}
	
putih	{color:#FFF;}
merah	{color:#FF0000;}
hijau	{color:#009741;}
kuning	{color:#FFFF00;}
abu		{color:#CCC;}
birumuda{color:#44A1EE;}
birutua	{color:#044068;}

judul{	
	font-family		:Geneva, Arial, Helvetica, sans-serif;
	color			:#99FF00;
	font-size		:20px;	
	font-weight		:bold;}

nomor1{	
	font-family		:Geneva, Arial, Helvetica, sans-serif;
	color			:#003366;
	font-size		:20px;	
	font-weight		:bold;}
nomor2{	
	font-family		:Geneva, Arial, Helvetica, sans-serif;
	color			:#990000;
	font-size		:36px;	
	font-weight		:bold;}

/***isi headline & tengah***/	
putih{	
	font-family		:Geneva, Arial, Helvetica, sans-serif;
	color			:#FFF;
	font-size		:14px;
	margin			:0px 0px 15px 0px;
	line-height		:1.5;}
putih2{	
	font-family		:Geneva, Arial, Helvetica, sans-serif;
	color			:#FFF;
	font-size		:20px;
	margin			:0px 0px 15px 0px;
	line-height		:1.5;}

hitam{	
	font-family		:Geneva, Arial, Helvetica, sans-serif;
	color			:#333;
	font-size		:16px;
	margin			:0px 0px 15px 0px;
	line-height		:1.5;}

kuning{	
	font-family		:Geneva, Arial, Helvetica, sans-serif;
	color			:#FFFF00;
	font-size		:20px;}
kuning2{	
	font-family		:Geneva, Arial, Helvetica, sans-serif;
	color			:#FFFF00;
	font-size		:12px;}

a:link{
	color			:#990000;
	font-weight		:none;
	text-decoration	:none;}

a:visited{
	color			:#990000;
	font-weight		:none;
	text-decoration	:none;}

a:hover{
	color			:#236A00;
	font-weight		:none;
	text-decoration	:underline;}

/***JUDUL BERITA***/	
.afeed:link{	
	font			:17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color			:#003366;
	font-weight		:bold;
	text-decoration	:none;}
.afeed:visited{
	font			:17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color			:#003366;
	font-weight		:bold;
	text-decoration	:none;}
.afeed:hover{
	font			:17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color			:#C12C00;
	font-weight		:bold;
	text-decoration	:none;}

/***JUDUL PENGUMUMAN***/
.afokus2:link{	
	font-family		:Geneva, Arial, Helvetica, sans-serif;
	color			:#333333;
	font-size 		:11pt;
	font-weight		:bold;
	text-decoration	:none;}
.afokus2:visited{
	font-family		:Geneva, Arial, Helvetica, sans-serif;
	color			:#333333;
	font-size 		:11pt;
	font-weight		:bold;
	text-decoration	:none;}
.afokus2:hover{
	font-family		:Geneva, Arial, Helvetica, sans-serif;
	color			:#FF6633;
	font-size 		:11pt;
	font-weight		:bold;
	text-decoration	:none;}
	
/***JUDUL VIDEO***/
.aindek1:link{	
	font			:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color			:#333333;
	font-weight		:bold;
	text-decoration	:none;}
.aindek1:visited{
	font			:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color			:#333333;
	font-weight		:bold;
	text-decoration	:none;}
.aindek1:hover{
	font			:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color			:#A80000;
	font-weight		:bold;
	text-decoration	:none;}

/***JUDUL INDEX VIDEO***/	
.aindek2:link{	
	font			:15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color			:#333333;
	font-weight		:none;
	text-decoration	:none;}
.aindek2:visited{
	font			:15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color			:#333333;
	font-weight		:none;
	text-decoration	:none;}
.aindek2:hover{
	font			:15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color			:#A80000;
	font-weight		:none;
	text-decoration	:none;}

/***********************
SKD
***********************/		
.button1{
	font-family		:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight		:bold;
	font-size		:14px;
	letter-spacing	:normal;
	text-rendering	:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border			:1px solid;
	border-color	:#3b6e22 #3b6e22 #2c5115;
	background		:linear-gradient(#C50A0A, #2D0202);
	border-radius	:5px;	
	cursor			:pointer;
	display			:inline-block;
	position		:relative;
	text-shadow		:0 1px 2px rgba(0,0,0,0.5);
	padding			:10px 12px;
	text-align		:center;
	width 			:100%;
	margin			:0px 0px 5px 0px;}
.button1:hover{
	background		:linear-gradient(#666, #000);}

/***********************
KESEHATAN
***********************/		
.button2{
	font-family		:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight		:bold;
	font-size		:14px;
	letter-spacing	:normal;
	text-rendering	:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border			:1px solid;
	border-color	:#3b6e22 #3b6e22 #2c5115;
	background		:linear-gradient(#98B83D, #155C3A);
	border-radius	:5px;	
	cursor			:pointer;
	display			:inline-block;
	position		:relative;
	text-shadow		:0 1px 2px rgba(0,0,0,0.5);
	padding			:10px 12px;
	text-align		:center;
	width 			:33%;
	margin			:0px 0px 0px 0px;}
.button2:hover{
	background		:linear-gradient(#666, #000);}
/***********
GURU
***********/		
.button3{
	font-family		:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight		:bold;
	font-size		:14px;
	letter-spacing	:normal;
	text-rendering	:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border			:1px solid;
	border-color	:#3b6e22 #3b6e22 #2c5115;
	background		:linear-gradient(#FF0000, #CC6600);
	border-radius	:5px;	
	cursor			:pointer;
	display			:inline-block;
	position		:relative;
	text-shadow		:0 1px 2px rgba(0,0,0,0.5);
	padding			:10px 12px;
	text-align		:center;
	width 			:33%;
	margin			:0px 0px 0px 0px;}
.button3:hover{
	background		:linear-gradient(#666, #000);}
/***********
TEKNIS
***********/		
.button4{
	font-family		:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight		:bold;
	font-size		:14px;
	letter-spacing	:normal;
	text-rendering	:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border			:1px solid;
	border-color	:#3b6e22 #3b6e22 #2c5115;
	background		:linear-gradient(#3399CC, #003366);	
	border-radius	:5px;	
	cursor			:pointer;
	display			:inline-block;
	position		:relative;
	text-shadow		:0 1px 2px rgba(0,0,0,0.5);
	padding			:10px 12px;
	text-align		:center;
	width 			:33%;
	margin			:0px 0px 10px 0px;}
.button4:hover{
	background		:linear-gradient(#666, #000);}
	
/***********
PPPK UMUM
***********/		
.button5{
	font-family		:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight		:bold;
	font-size		:14px;
	letter-spacing	:normal;
	text-rendering	:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border			:1px solid;
	border-color	:#3b6e22 #3b6e22 #2c5115;
	background		:linear-gradient(#666, #000);
	border-radius	:5px;	
	cursor			:pointer;
	display			:inline-block;
	position		:relative;
	text-shadow		:0 1px 2px rgba(0,0,0,0.5);
	padding			:10px 12px;
	text-align		:center;
	width 			:100%;
	margin			:0px 0px 15px 0px;}
.button4:hover{
	background		:linear-gradient(#3399CC, #003366);}

daftar{
	font-family		:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-size		:13px;
	letter-spacing	:normal;
	text-rendering	:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	background		:linear-gradient(to right,#C50A0A, #2D0202);
	border-radius	:5px;
	color			:#fff;	
	cursor			:pointer;
	display			:inline-block;
	position		:relative;
	text-shadow		:0 1px 2px rgba(0,0,0,0.5);
	padding			:2px 5px;
	text-align		:center;
	margin			:0px;}
daftar:hover{
	background		:linear-gradient(to right,#000, #333);}
	
selengkapnya{
	font-family		:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-size		:14px;
	letter-spacing	:normal;
	text-rendering	:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	background		:linear-gradient(to right,#FF0000, #EF6630);
	border-radius	:5px;
	color			:#fff;	
	cursor			:pointer;
	display			:inline-block;
	position		:relative;
	text-shadow		:0 1px 2px rgba(0,0,0,0.5);
	padding			:5px 20px;
	text-align		:center;
	margin			:5px 5px 10px 5px;}
selengkapnya:hover{
	background		:linear-gradient(to right,#044068, #44A1EE);}

selengkapnya2{
	font-family		:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-size		:14px;
	letter-spacing	:normal;
	text-rendering	:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	background		:linear-gradient(to right,#044068, #44A1EE);
	border-radius	:5px;
	color			:#fff;	
	cursor			:pointer;
	display			:inline-block;
	position		:relative;
	text-shadow		:0 1px 2px rgba(0,0,0,0.5);
	padding			:5px 20px;
	text-align		:center;
	margin			:5px 5px 10px 5px;}
selengkapnya2:hover{
	background		:linear-gradient(to right,#FF0000, #EF6630);}

/******
FOOTER
******/
footer{	
	font-family		:Geneva, Arial, Helvetica, sans-serif;
	color			:#FFF;
	font-size		:12px;	
	font-weight		:none;}
	
/*************
MEDIA QUERIES
*************/
/* untuk ukuran 1080px kebawah */
	
@media screen and (max-width: 1095px){

	/***JUDUL BERITA***/	
	.afeed:link{	
		color		:#333;}
	.afeed:visited{
		color		:#333;}
	.afeed:hover{
		color		:#990000;}
		
	tanggal{color	:#666;}

	.button1,.button2,.button3,.button4 {
		width		:100%;
		margin		:0px 0px 5px 0px;}
}