/* -- CSS UTAMA DISINI -- */
*{ margin:0;padding:0; }
html {height: 100%;}
body {height: 100%; background: #fff; font-size: 13px; font-family: 'Open Sans Regular', Arial, sans-serif; color: #000; line-height: 18px;}
a {text-decoration: none; color: inherit;}

h1,h2,h3,h4,h5,h6,h7{color:#181818; font-family: 'Open Sans Semibold', Arial, sans-serif; letter-spacing:0.3px}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h7 a{font-weight:inherit}
h1{font-size:46px;line-height:50px;margin-bottom:14px}
h2{font-size:35px;line-height:40px;margin-bottom:10px}
h3{font-size:28px;line-height:34px;margin-bottom:8px}
h4{font-size:21px;line-height:30px;margin-bottom:4px}
h5{font-size:17px;line-height:21px}
h6{font-size:14px;line-height:18px}
h7{font-size:13px;line-height:16px}

.fl{float:left}
.fr{float:right}
.m0{ margin:0px!important;}
.mb10{ margin-bottom:10px!important;}
.clear {clear:both;}
.oren {color:#FF6600!important;}
/* -- Responsive Image -- */

.img_110{
height:auto;
width:auto;
max-width:120%!important;
}
/* -- Rsponsive Video -- */
.ResponsiveWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.ResponsiveWrapper iframe, video, object, embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.top-ad-header img, .iklan a img {width:100%; margin-bottom:10px;}

.separasi	{ width:auto; padding:8px 0; }
/* -- Flexible Grind / Layout -- */
#wrap{
width:1100px;
/*background-color: #F7F7F7;*/
margin:0 auto;
padding:0px;
}
.head-wrap{width:100%; margin:8px auto 0 auto; padding:8px auto 0 inherit; background:#FFF url("../image/logo.png") no-repeat left top;}
.left-logo{padding:10px 0;width:320px;}
.left-logo h1,.left-logo h1 a{width:320px;height:60px;text-indent:-9999px;display:block; /*background:url(".../image/logo.jpg")no-repeat*/}

.header{
background:url(../gbr/banner.png) 0 -10px no-repeat;
width:auto;
margin-bottom:1px;
/*padding-top:25px;*/
height:110px; 
}
.wrap_content{
padding:10px; border:1px solid #CCCCCC; background:#F7F7F7;
}     
.content_kr{
float:left;
width:68.84%; /*705px : 1024px = 68.84%   */
/*background-color: #F4F4F4;*/
margin-bottom:1px;
font-family:Arial, Helvetica, sans-serif;
}
.sidebar{
overflow:hidden;
float:right;
width:29.29%;
/*background-color:#54A743;*/
}
.content_left{ 
width:35.46%; /* 250 : 705 = 35.46% */
float:left; 
/**/background:#CCC; 
}
.content_center{
width:62.41%; /*445 : 705 = 63.1%*/
float:right;
/*background: #006000;*/
padding-bottom:15px;}

.content_ec{
width:100%; /*500 : 705 = 70.92%*/
float:right;
 /*background: #00CC99;*/}

.footer{
clear:both;
/*background: #333333;*/
width:auto;
font-family:Arial, Helvetica, sans-serif;
}
.date-time{font-size:10px;font-weight:normal}

.content_kr	{font-size:12px; font-family: 'Open Sans Regular', Arial, sans-serif;}
.list-terbaru ul{width:auto}
.list-terbaru li{padding:5px 0; }
.list-terbaru li a,.list-terbaru li a:visited{font-weight:bold;font-size:14px}
.list-terbaru li a:hover{color:#005488}
.list-terbaru li div{padding-bottom:5px;color:gray}
.list-terbaru li .cat{font-size:10px;color:#c91f5e;font-weight:bold}
.list-terbaru li .cat-sp{font-size:10px;color:#c91f5e;font-weight:bold}
.list-terbaru li .cat-e{font-size:10px;color:#c91f5e;font-weight:bold}
.list-terbaru li .date-time{font-size:10px;font-weight:normal;}
.list-terbaru li h3 {font:bold 16px arial; color:#FFF; line-height:130%;}
.list-terbaru li h3:hover { color:#FF9900;}
.sidebar .list-terbaru li h3 {font:normal 16px arial; color:#333; line-height:130%;}

/*.nano2{position:relative;width:100%;height:690px;overflow:hidden}*/
.nano2{position:relative;width:100%;height:950px;overflow:hidden;}
.nano2 .content{position:absolute;overflow:scroll;overflow-x:hidden;top:0;right:0;bottom:0;left:0; }
.nano2 .content:focus{outline:thin dotted}
.nano2 .content::-webkit-scrollbar{visibility:hidden}
.has-scrollbar .content::-webkit-scrollbar{visibility:visible}
.nano2>.pane{background:rgba(0,0,0,.1);position:absolute;width:7px;right:0;top:0;bottom:0;visibility:hidden\9;opacity:.01;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.nano2>.pane>.slider{background: #CCC;background:rgba(0,.5,0,0);position:relative;margin:0 1px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.nano2:hover>.pane,.pane.active,.pane.flashed{visibility:visible\9;opacity:.99}

.tab-berita-terpopuler li:first-child{ }
.tab-berita-terpopuler li{color:#CCC; margin:0 15px; padding:10px 0; border-bottom:1px dotted #666}
.tab-berita-terpopuler li a,.tab-berita-terpopuler li a:visited{font-size:14px;font-weight:bold; color:#FFFFFF; line-height:20px;}
.tab-berita-terpopuler li h3 {font:normal 16px arial; color:#FFF; line-height:130%; font-weight:bold;}
.tab-berita-terpopuler li h3:hover {color:#FF9900;}

.img_list_depan {width:25%; margin-right:10px; overflow:hidden; float:left;}
.img_list_depan { width:25%; height:60px; padding:0; margin-top:5px;}
.img_list_depan img { background:#000000; width:100%; }

.img_side_list  {width:100%; overflow:hidden; float:left;}
.img_side_list  { width:100%; height:160px; padding:0;}
.img_side_list  img { width:100%; }

.img_main_list  {width:100%; overflow:hidden; float:left;}
.img_main_list  { width:100%; height:120px; padding:0;}
.img_main_list  img { width:100%; }

.mseethis { width:96%; margin:0 auto; background:#CCC; }
.mseethis h6 {color: #0D4F91; padding:3px 0;}

.mseethis_1 { width:50%; margin:0; float:left; height:130px;}
.mseethis_1 h6 {color: #0D4F91; padding:3px 0; font-weight:inherit; padding:1% 4%; font-size:12px; line-height:14px;}

.berita_sebelumnya {font-family: 'Open Sans Bold', Arial, sans-serif; width:auto; background: #006000; font-size:16px; color: #FFF; font-weight: 900; padding:7px 10px; margin-top:2px; border-top:4px solid #FFF; font-weight:bolder}

.side_cat {color:#FFF; font-family: 'Open Sans Semibold', Arial, sans-serif; font-size:15px; text-transform: uppercase; font-weight:bolder; padding:0; text-shadow:1px 1px 1px #333}
.index a{color:#222!important; text-shadow:none; float:right; font-size:10px; font-weight:normal; text-transform:lowercase; text-decoration:none!important; margin-top:5px;}
.side_cat b {background:#006600 url(image/bg_side_cat.png) right bottom no-repeat; padding:10px; padding-right:55px; }

.side_list{background:#CCCCCC;padding:0 4%;width:auto;}
.side_list h6 {padding:15px 0 5px 0;}

.main_list { background:none;padding:0;width:auto;}
.main_list h6 {padding:2px 0 5px 0;}

.hov-hijaumuda {background:#009966!important;}
.hov-hijaumuda + .cat_triangle { border-bottom-color: #006666;}

.hov-merah {background:#f63e40 !important;}
.hov-merah + .cat_triangle { border-bottom-color:#bb2728;}

.hov-birutua {background: #094D84!important;}
.hov-birutua + .cat_triangle { border-bottom-color: #23416D}

.hov-birumuda {background:#2f91b2!important;}
.hov-birumuda + .cat_triangle { border-bottom-color: #2083a4}

.hov-magenta {background:#ec008c!important;}
.hov-magenta + .cat_triangle { border-bottom-color: #cd027a}

.hov-pink {background:#f586d2!important;}
.hov-pink + .cat_triangle { border-bottom-color: #d778b9}

.hov-oren {background:#ff6000!important;}
.hov-oren + .cat_triangle { border-bottom-color: #d65507}

.hov-hijau {background:#007000!important;}
.hov-hijau + .cat_triangle { border-bottom-color: #015601}

.hov-ungu {background:#9405dd!important;}
.hov-ungu + .cat_triangle { border-bottom-color: #7b23a8}

.cat_triangle {
								float:left;
								width: 0;
								height: 0;
								border-right: solid 12px transparent;
								border-bottom: solid 28px #bb2728;
							}
.cat_show { font-family:'Open Sans Light', Arial, Helvetica, sans-serif; color:#FFF!important; text-transform:uppercase; padding:0 6px 1px 6px; font-size:10px; border-radius:2px; margin-right:8px; opacity:0.5; text-shadow:1px 1px 1px #000}

/*-- FOTO GRAPH --*/
.riau_foto {width:25%; height:150px; float:left; float:left;}
.riau_img { width:97%; height:100px; overflow:hidden;}

.b_membangun {color:#222!important; border-top:.2pt solid #CCCCCC; padding-left:0.9%;}
.b_membangun a {color:#000!important;}
.b_memb {width:36%; float:left; }
.b_memba {width:62%; margin-left:2%; float:left;}

.pinggang { margin-bottom:20px; float:left;}
.main_listnews {width:32%; float:left; margin-left:2%;}

/*--NEWS DETAILS--*/
.detail_berita .isi {font-family: 'Open Sans Regular', sans-serif; font-size:14px; line-height:22px; }
.detail_berita .topp {font-size:11px; color:#006699; }
.detail_berita .topp a {color:#006699; }
.detail_berita .date-time {font-size:11px; color: #666666; }
.detail_berita h3 {font-family: 'Open Sans Bold', Arial, sans-serif; font-size:30px; line-height:34px;}
.img_details img, .detail_berita .isi img{max-width:100%; width:100%; height:auto;}

.b_terkait {padding-top:2px; width:42%; float:left; margin-right:10px;}
.b_terkait h5 {margin-bottom:5px;}
.list_terkait { margin-bottom:4px; padding-left:10px; line-height:15px; background: url(../image/bullet-kotak.jpg) 0 .4em no-repeat; border-bottom:1px dotted #CCC; padding-bottom:7px;}
.fb-comments, .fb-comments * {width:100% !important;}
.garis {border-top:1px solid #555; margin-top:3px; padding:5px 0;}
.list_beritalain {width:47%; float:left; margin-right:2%; height:70px; margin-bottom:10px;}

/*--CATEGORI PAGE---*/
.lab3l 				{ padding:10px 0; margin-bottom:10px; padding-bottom:15px; border-bottom:1px dotted #4775C9; display:block }
.lab3l a 			{ font-size:20px; color: #333333; line-height:23px; font-weight:bold}
.lab3l span 		{ font-size:13px; color:#333; line-height:16px; }
.lab3l .tgl_lab3l   {text-align:left; margin:4px 0px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}

.lab3l_hl 				{ padding:15px 0 10px 0; margin-bottom:10px; border-bottom:1px dotted #4775C9; background: #F8F8F8; }
.lab3l_hl a 			{ font-size:20px; color: #333; line-height:23px; font-weight:bold}
.lab3l_hl span 			{ font-size:13px; color:#333; line-height:16px; }
.lab3l_hl .tgl_lab3l   {text-align:left; margin:4px 0px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #333;}

.img_ch {width:20%; margin-left:3%; float:right; overflow:hidden;}
.img_ch { width:20%; height:120px; padding:0; }
.img_ch img { background:#000000; width:100%; }

/*--CATEGORI PAGE FOTO--*/
.img_sedang {width:40%; margin-right:3%; float:left; overflow:hidden;}
.img_sedang { width:40%; height:160px; padding:0; margin-bottom:5px;}
.img_sedang img { background:#000000; width:100%;}

.bc_img     {width:100%; margin:0 auto; }
.bc_img img	{width:100%;}

#car li .img_details_f 		{ width:100%; float:left; overflow:hidden; line-height:1.3; font-size:13px;}
#car li .img_details_f 		{ width:100%; padding:0; overflow:hidden}
#car li .img_details_f img  { width:100%; padding:0; overflow:hidden; text-align:center; margin-bottom:5px;}

#car					{ font-size:11px; color:#999999; margin-bottom:30px; display:block; }
#car li 				{ float:left; display:block; width:98%; text-decoration:none; height:auto; overflow: hidden; text-align:left; margin:0; }          
#car li:hover 		{ height:auto; display:block; z-index:100; }  

.pagination{width: 270px; text-align: left;text-indent: 9px; font-family:'Open Sans Light', Arial, Helvetica, sans-serif; font-size:14px; color: #F9F5DF;padding-bottom: 9px;padding-left: 0px;padding-top:1px;}
.pagination a{padding: 3px 10px;text-decoration: none; color: #000;background:#EBEBEB;border: #666666 1px solid; border-radius:0px;}
.pagination a:hover, .pagination a.selected_p{color: #000066;background: #CCC;}
.selected_p{padding: 3px 10px;color: #006600; background: #ECCB80;border: #777 1px solid; border-radius:0px;}

@media screen and (max-width: 1024px){
/* CSS styles */
#wrap{width:90%;}

}
@media screen and (max-width:992px){
.img_feat_t img {height:50px;}
#feat li.ui-tabs-nav-item a {height:50px!important; background:#00FF66}
.mainmenu ul li {display:none;}
.content_left, .content_center{
float:none;
display:block;
width:auto;
}
.riau_img {height:70px;}
h1 {font-size:1.6em; line-height:inherit}
h2 {font-size:1.5em; line-height:inherit}
h3 {font-size:1.4em; line-height:inherit}
h4 {font-size:1.3em; line-height:inherit}
h5 {font-size:1.2em; line-height:inherit}
h6 {font-size:1.1em; line-height:inherit}
.footer_main_pars.m150 {margin-left:0px!important;}

}
@media screen and (max-width:768px){
.main_listnews {width:auto; float:none; margin:0!important; margin-top:10px!important;}
.footer_list,.footer_main_pars{ margin-left:0px!important; float:none;}
/*  --- MENU  ---  */
#left-col-r2c1{float:none; width:98%; margin:0 auto; margin-top:30px;}
#news_depan {float:none; width:auto; }
.tabmcontainer1	{border:none;}
.tabmcontainer1, .tabmcontent {float:none; width:auto; background:#006000;}
.fr,.left-logo {float:none; overflow:hidden}
.nano2 .content{position:static;overflow:hidden;overflow-x:hidden;top:0;right:0;bottom:0;left:0; }
.nano2{position:relative;width:100%;height:100%;overflow:hidden;}
}

@media screen and (max-width:600px){
/* CSS styles */
.content_kr, 
.sidebar, 
.list_beritalain,
.footer_main_pars,
.b_terkait
{
float:none;
display:block;
width:auto;
}
.riau_foto { width:50% }
.riau_img {height:90px;}
.main_listnews {width:auto; float:none;}
.berita_utama_editor {display:none;}
}
@media screen and (max-width:480px){
h1 {font-size:1.6em; line-height:inherit}
h2 {font-size:1.5em; line-height:inherit}
h3 {font-size:1.4em; line-height:inherit}
h4 {font-size:1.3em; line-height:inherit}
h5 {font-size:1.2em; line-height:inherit}
h6 {font-size:1.1em; line-height:inherit}

.b_membangun {border:1px solid #CCCCCC; border-top:.2pt solid #CCCCCC; padding:0.9%;}
.b_memb, .b_memba {width:auto; float:none;}
#car li {width:auto; float:none; height:120px;}

.footer  {background: #FB861C!important;}
.footer_list {width:40%!important; padding:5px!important; margin:0!important; float:left;  border:none!important;}
.footer_c {background:#026e08 url(../image/bg_menu.jpg) bottom repeat-x!important; }
.list-terbaru li h3, .tab-berita-terpopuler li h3 {font-weight:normal; font-size:14px;}
.ise {display:none;}
}
@media screen and (max-width:320px){
/* CSS styles */

}
@media screen and (max-width:240px){
/* CSS styles */
}
/*FOOTER*/
.footer  { padding:6px; margin:0; background: url(../image/bg_menu_hover.png) bottom repeat-x; border-bottom:2px solid #014501}
.footer a { color:#222!important; }
.footer a:hover { color:#666; text-decoration:underline}
.footer_list {color:#CCC; text-transform:normal; font-size:11px; border-right:1px solid #996600; padding:0 10px ; width:auto; float:left;}

.footer_main {padding:15px 8px; background: #015001; }
.footer_main a {color:#ccc!important; font-size:11px; }
.footer_main a:hover { color:#666; text-decoration:underline}
.footer_main b {color:#CCC; font-size:14px; font-weight:bold;}

.footer_main_pars { width:250px; float:left; margin-right:2%;}
.footer_main_pars h5 { color:#CCC; border-bottom:1px solid #435661; margin-bottom:5px; padding-bottom:5px; font-size:13px; text-transform:uppercase;}
.m150 {margin-left:100px;}

.footer_c {background: #034c03 url(../image/bg_menu.jpg) bottom repeat-x; }
.footer_copy { text-align:center; font-size:11px; color:#CCCCCC;padding:12px;}
.footer_copy a { color:#CCCCCC!important; }

.totop {
	background: #f33e07 url(../image/top.png) top center no-repeat;
	color:#FFFFFF!important;
	bottom: 20px;
	left: auto;
	padding: 25px 10px 10px;
	position: fixed;
	right: 20px;
	top: auto;
	border-radius:25px;
}
/*MENU*/
/* UPDATE NEWS & POPULAR NEWS*/
#left-col-r2c1 {float:left; width:100%; }
.tabm2 ul, .tabm2 li {background:#FFFFFF; list-style-type: none; font-size:18px; font-weight:900; }
.tabm2 li { float: left; width:50%; font-family:'Open Sans Bold', Arial, sans-serif}
.tabm2 li a {width:90%; margin:0%; padding-top:2px; color: #333; display: block; height:25px; line-height: 23px; text-align: center;  text-decoration: none;}
.tabm2 li a:hover, .tabm2 li a.selected { color: #CCC;  }
.tabm2 li a.selected { background:#006000; float:left; color:#FFF; margin-bottom:-2px; position: relative; z-index:2000}
.tabmcontainer1 { background:#006000; float:left; margin-top:-2px; border-top:2px solid #FF6600;}

#news_depan  			{ padding-bottom:2px; width:auto; }
#news_depan li 			{ display:block; list-style-type:none; border-bottom:1px dotted #666; padding:1px 0 1px 0; margin-bottom:5px;}
#news_depan li:hover	{ border-bottom:1px dotted #666666}
#news_depan a			{ left:20px; font:12px arial; color:#222; text-decoration:none; display:block; font-weight:bold;}
#news_depan a:hover		{ color: #000000}
#news_depan span	 	{ font:normal 10px arial; color:#ccc; margin-right:2px; font-weight:normal;}

/*NAVIGATOR*/
#crumbs {
    width:100%;
	height:1.9em;
	/*border:1px solid #dedede;*/
	padding:0;
	margin:0;
	margin-bottom:15px;
	overflow:auto;
	}
#crumbs li {
width:auto;
	float:left;
	list-style:none;
	line-height:2.1em;
	color: #27578B;
	padding-right:10px;
	}		
#crumbs li a {
	background:url(../image/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
	color: #27578B;
	}							
#crumbs li a:link,
#crumbs li a:visited {
	color: #27578B;
	text-decoration:none;
	}	
#crumbs li a:hover,
#crumbs li a:focus {
	color: #FF6600;
	}	

.newslist_tag { 
	color:#FFF;
	width:95%; 
	padding:5px 2.5%;
	margin-bottom:10px;
	font-size:20px;
	font-weight:700;
	letter-spacing:-0.5px;
	font-family:"Din Bold", sans-serif;
	text-transform:uppercase;
	border-bottom:4px solid #266b0a; 
	background: #2a7e09;
}
.newslist_index a{ 
	color:#FFF;
	text-transform:uppercase;
	font-family:"Din", san-serif;
	float:right; 
	width:45px; 
	padding:-3px 0 0 10px; 
	margin-top:2px;
	text-align:right; 
	font-size:16px; 
	}
.newslist_index a:hover {
	color:#CCC!important; 
	text-decoration:none;
	}