html, body { 
height: 100%; margin: 0px; padding: 0px; border: 0px none; font: inherit; 
vertical-align: baseline; word-wrap: break-word; word-break: normal; 
}
body { overflow-x: hidden; overflow-y: auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#333;
background: none repeat scroll 0% 0%; 

word-wrap: break-word; 
}
/*
 *  SCROLL
 */

body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{
	background-color: #F90;	
	background-image: -webkit-linear-gradient(45deg,
	                                          rgba(255, 255, 255, .2) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, .2) 50%,
											  rgba(255, 255, 255, .2) 75%,
											  transparent 75%,
											  transparent)
}

/* END SCROLL */



a { text-decoration:none; color:#099; }
a:hover { text-decoration:none; color:#F90; }
.layout {
width: 962px;
margin: 0 auto;
padding-top:40px;
min-height:600px;
-webkit-box-shadow: 0 0 15px 6px #d9d9d9;
-moz-box-shadow: 0 0 15px 6px #d9d9d9;
-o-box-shadow: 0 0 15px 6px #d9d9d9;
-ms-box-shadow: 0 0 15px 6px #d9d9d9;
box-shadow: 0 0 15px 6px #d9d9d9;
}
/* .topmenu { 
width: 972px; 
height:37px; 
background-color:#099;  
background: -webkit-gradient(linear, left top, left bottom, from(#069), to(#39C));
background: -moz-linear-gradient(top, #069, #39C);
position:fixed; top:0px; z-index:999; 
border-top:1px solid #fff; margin-left:-5px; 
margin-right:-5px; margin-left:-5px;
border-radius:3px;
overflow:hidden !important;
}
.topmenu ul { list-style:none; margin-left:-30px; }
.topmenu ul li { margin-right:5px; float:left; }
.topmenu ul li a { padding:10px; background-color:#099; text-decoration:none; color:#FFF; font-weight:bold; }
.topmenu ul li a:hover { background-color:#C60; }
.topmenu ul li .aktif { background-color:#F90 }
*/
.header { height:auto; width:100%; margin-bottom:5px; }
.judul-web { position:absolute; z-index:999; margin-left: 25px; top:19%; font-size:1.5vw }
.halaman {
width: auto;
background-color:#fff;
border:1px solid #d9d9d9;
overflow:hidden !important;
padding:5px;
}
.breadcumb { width:auto; padding:3px; margin-bottom:10px; margin-top:-10px; border-bottom:1px dashed #d9d9d9; }
.breadcumb a { font-size:12px; }

.konten { 
float:left; width:600px; margin-bottom:5px; padding:10px; 
border-radius:4px; border:1px dashed #d9d9d9; background-color:#FFF; 
overflow:hidden !important; text-align:left;  }

.kotak-artikel { width:45%; height:250px; float:left; padding:10px; margin:4px; border:1px dashed #d9d9d9; border-radius:5px }
.kotak-artikel h2 { font-size:17px; margin:0px; min-height:45px; } 
.kotak-artikel p { text-align:justify; }

.kotak-artikel-detail { width:95%; float:left; padding:10px; margin:4px; border:1px dashed #d9d9d9; border-radius:5px; 
-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;
 }
.kotak-artikel-detail h1 { font-size:18px; margin:0px } 
.kotak-artikel-detail h2 { font-size:16px; margin:0px } 
.kotak-artikel-detail h3 { font-size:16px; margin:0px } 
.kotak-artikel-detail p { text-align:justify; }
.kotak-artikel-detail img { border:1px solid #d9d9d9; padding:3px; width:95%; max-width:500px; }

.tgl-cat { font-size:10px; margin-bottom:10px; }
.thumb { width:75px; height:75px; padding:3px; margin-right:5px; margin-top:10px; float:left; margin-bottom:5px; border:1px solid #d9d9d9; }
.selengkapnya { text-align:right; padding-top:4px; margin-bottom:10px; }
.referensi { float:left; width:45%; height:250px; padding:10px; margin:4px;  border:1px dashed #d9d9d9; border-radius:5px }
.referensi ul { padding-left:15px; padding-top:5px; list-style:circle; border-top:1px dashed #d9d9d9; }
.referensi ul li { border-bottom:1px dashed #d9d9d9; padding-bottom:5px; margin-bottom:5px; font-weight:bold }
.berita-lain { width:95%; padding:10px; margin-top:20px; position:inherit; text-align:right; font-weight:bold; overflow:hidden }
.pratinjau { height:140px; overflow:hidden; vertical-align:top; }
.jum { font-size:10px; font-weight:normal;}
#ref ul li { list-style:none } 
#ref ul li a h2 { font-size:14px; margin:0px; padding:0px; }

#blok-widget-kanan { width:310px; float:right; }
.widget-kanan {
float:right; margin-bottom:5px; 
width:310px; background-color:#FFF;
border:1px dashed #d9d9d9; border-radius:4px; 
padding:5px; text-align:left;
}
.widget-kiri {
float:left; margin-bottom:5px; 
width:310px; background-color:#FFF;
border:1px dashed #d9d9d9; border-radius:4px; 
padding:5px; text-align:left;
}
.widget-judul { height:auto; background-color:#39C; padding:7px 7px 7px 15px; 
 border-radius:3px; ; 
}
.widget-judul h3 { color:#fff; font-size:14px; margin:0px; }
.widget-konten { background-color:#FFF; padding: 0px 5px 5px 5px;  }

.footer { 
width: auto; 
padding:15px;
color:#FFF;
text-align:center;
height:50px; background-color:#09C;
border-bottom:5px solid #06C;
overflow:hidden !important;
}
.footer a { color:#FFF; text-decoration:none } 

@media only screen and (max-width: 985px) {
#cbnav select { max-width:985px; }
img { height:50vw }		
.judul-web { position:absolute; z-index:999; margin-left: 20px; top:19%; font-size:1.5vw }
.layout {
width:98%;
margin: 0 auto;
padding-top:40px;
overflow:hidden !important;
}
.topmenu { 
width: 98%; margin: 0 auto; 
}

.halaman {
width: auto;
min-height:600px;
border:1px solid #d9d9d9;
text-align:center;
padding:5px;
}
.konten { 
float:left; width:97%; margin-bottom:5px; 
min-height:600px; padding:10px; border-radius:4px; 
border:1px dashed #d9d9d9; background-color:#FFF; 
overflow:hidden !important; text-align:left;  }

#blok-widget-kanan { width:auto; float:right; }
.widget-kanan, .widget-kiri { float:left; width:50%; padding:0px; border:0px; }
.widget-konten { border-right:1px dashed #d9d9d9; }
}

@media only screen and (max-width: 660px) {
#cbnav select { max-width:640px; }	
.judul-web { position:absolute; z-index:999; margin-left: 15px; top:15%; font-size:1.8vw }	
.konten { width:90%; padding:10px; }	
.kotak-artikel { width:93%; float:left; padding:10px; margin:4px; border:1px dashed #d9d9d9; }
img { height:50vw }
.referensi { float:left; width:auto; padding:10px; margin:4px; }
.widget-kanan, .widget-kiri { 
float:left; width:100%; overflow:hidden; text-align:left;
}
}
@media only screen and (max-width: 480px) {
#cbnav select { max-width:480px; }	
.kotak-artikel { width:90% }
img { height:50vw }	
.judul-web { position:absolute; z-index:999; margin-left: 10px; top:12%; font-size:1.6vw }	
.widget-kanan { 
float:left; width:100%; overflow:hidden; text-align:left; 
}
.widget-judul { height:auto; background-color:#09C; padding:7px 7px 7px 15px; 
border-radius:3px; width:100%; 
}
}
@media only screen and (max-width: 330px) {
#cbnav select { max-width:310px; }		
#blok-widget-kanan { width:310px; float:left; }
.kotak-artikel { width:87% }
img { height:50vw }
.widget-kanan {
float:left; margin-bottom:5px; 
width:80%; background-color:#FFF;
border:1px dashed #d9d9d9; border-radius:4px; 
padding:5px; text-align:left;
overflow:hidden
}
.konten { width:90%; padding:10px; }	
.widget-kiri {
float:left; margin-bottom:5px; 
width:80%; background-color:#FFF;
border:1px dashed #d9d9d9; border-radius:4px; 
padding:5px; text-align:left;
}
.widget-judul { height:auto; background-color:#39C; padding:7px 7px 7px 15px; 
 border-radius:3px; ; 
}
.widget-judul h3 { color:#fff; font-size:14px; margin:0px; }
.widget-konten { background-color:#FFF; padding: 0px 5px 5px 5px;  }
.widget-konten img { width:100% }
.footer { 
width: auto; 
height:80px; background-color:#09C;
border-bottom:5px solid #06C;
overflow:hidden !important;
}
}