body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #444;
	background:url('../img/2.jpg') center left #555555;  
    background-repeat: repeat;
    background-attachment: fixed;
	padding:0;
	margin:0;
} 
body.login {
	background:#f6f6f6;
	padding:0;
	margin:0;
}
.ts {
	margin-bottom:10px;
	margin-right:10px;
	font-size:16px;
	text-decoration:none;
	padding:5px;
	display:inline-block;
	background:#eee;
}

.menu-header {
	background: #16bae9; 
	border-top:1px solid #fff;
}

.wrap {
	width:58%; 
	float:left;
	margin:0 1%;
}
.slider-wrapper { 
	width:100%-12px; 
	border:6px solid #fff;
	margin-bottom:10px;
	background:#333;
}

.ckeditor {
	height:500px;
}

input[type="radio"]{
	display:none;
	clear: both;
}
input.y[type="radio"]:checked +label { 
	text-decoration: none;
	background: #24b019;
	border-radius:2px;
	color:#fff;
	font-weight:bold;
}
input.t[type="radio"]:checked +label { 
	text-decoration: none;
	background: #dc143c;
	border-radius:2px;
	color:#fff;
	font-weight:bold;
}

textarea {
	width:100%;
}
h3{
	font-size:20px;
	line-height:40px;
}
h3.head{
	border-bottom:1px dashed #ccc;
	line-height:40px;
}

table.style thead td { 
	padding:10px;
	background: #bcf;
}

table.style tbody tr td {
	border-bottom:1px solid rgba(000,000,000,.2);
	padding:10px;
}
	
table.style tbody tr:hover {
	background: #f6f6f6;
}

table.style2 tbody tr td {
	border-bottom:1px solid rgba(000,000,000,.2);
	padding:10px;
}
	
table.style2 tbody tr:hover {
	color: #1080c2;
}

hr {
	border:3px solid #fab339;
}

.box-notif-b { 
}

.scroll-top {
	width:40px;
	height:40px;
	border:1px solid #eee;
	display:scroll;
	bottom:0;
	background:#eee;
	right:0;
	position:fixed;
}

#kotak {
	left:35%;
	top:10px;
	padding:20px 0;
	width:30%;
	height:auto;
	position:fixed;
	z-index:2000;
	border:1px solid #444;
	background:#fff;
	font-size:16px;
	border-radius:5px;
	box-shadow:3px 3px 12px rgba(100,100,100,.6);
}

 #to-top {
        position: fixed;
        bottom: 30px;
        right:50px;
    }
    #to-top a {
        width: 60px;
        height: 60px;
        display: block;
        text-align: center;
        /* background color transition */
        background:url('../img/up.png') no-repeat center center #fff;
        -webkit-border-radius: 55px;
        -moz-border-radius: 55px;
        border-radius: 55px;
    }
    #to-top a:hover {
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
    }
     
.box-notif-r {
	width:100%;
	height:25px;
	color:#901212;
}

.frame-foto {
	width:210px;
	height:208px;
	padding:4px;
	background: #333;
	text-align:center;
	margin-top:5px;
	display:inline-block;
}

.tgl {
	font-size:11px;
	text-decoration:italic;
}

.top-nav {
	color:#fff;
	background:#033c11;
	border-bottom:1px solid rgba(35,196,42,.3);
	}


.bg-none {
	width:100%;
	height:768px;
	top:0;
	left:0;
	background: rgba(111,111,111,.2);
	z-index:1000;
	display:none;
	position:fixed;
}

.balas {
	width:50%;
	height:auto;
	top:200px;
	left:25%;
	background:#fff;
	position:fixed;
	z-index:2000;
	display:none;
}

.t-admin, .df-admin, .hide {
	display:none;
}

.tampil {

}

ul.inline {
	padding:0;
	margin:0;
	list-style:none;
}

ul.inline li {
	display: inline-block; 
}

ul.inline li a.text{
	padding:10px 10px 12px 10px;
	color:#fff;
	display:block;
	font-weight:bold;
	text-decoration:none;
	-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s
} 
ul.inline li a.text:hover{
	color:#1bd823; 
	-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s
}

ul.inline li a{
	padding:8px 10px 0px 10px;
	color:#333;
	display:block;
	text-decoration:none;
	-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s
}

ul.inline li a:hover{ 
	opacity:0.6;
	-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s
}

.label-y, .label-t{ 
	background:#eee;
	color:#222;
	display: inline-block;
	cursor:pointer;
	border-radius:2px;
	width:auto; 
	padding: 3px 10px; 
	text-decoration:none;
	border:1px solid rgba(003,003,003,.2);
	font-weight:bold;

}
.label-y:hover{ 
	background:#24b019;
	color:#fff;
	-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s
}
.label-t:hover{ 
	background:#dc143c;
	color:#fff;
	-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s
}
.label-selected{ 
	background:#24b019;
	color:#fff;
	display: inline-block;
	font-weight:bold;
	cursor:pointer;
	border-radius:2px;
	width:auto; 
	padding: 3px 10px; 
	text-decoration:none;
	border:1px solid rgba(003,003,003,.2);

}
.m-top-bottom {
	margin:5px 0 5px 0;
}

.m-top10{
	margin-top:10px;
}

.m-bottom {
	margin-bottom:5px;
}

.nav-txt {
	width:auto;
	border:1px solid rgba(200,200,200,.4);
	padding:2px 10px;
	margin-bottom:10px; 
	color:#333;
	background: #fff;
}

.nav-side {
	width:auto;
	border:1px solid rgba(200,200,200,.4);
	padding:5px 10px;
	margin-bottom:10px;
	background: #f6f6f6;
	display:block;
	color:#333;
}

.overflow-hidden {
	overflow:hidden;
}

.nav {
	width:978px; 
	padding:5px 10px;
	background: #f6f6f6;
	border:1px solid rgba(200,200,200,.4);
	color:#333;
}

.nav a , .nav-side a{
	text-decoration:none;
	color:#333;
}

.nav a:hover, .nav-side a:hover {
	text-decoration:none;
	color:#1080c2;
}

.deskripsi {
	min-height:85px;
}

.wrapper-i {
	width:100%;
	margin:auto; 
}

.wrapper {
	margin:auto; 
}

.wrap-p {
	width:96%;
	margin:0 2%; 
}

.date {
	font-size:10px;
}

.link {
	text-decoration:none;
	color:#222;
}

.link:hover {
	text-decoration:none;
	color:#1080c2;
}

.search {
	background:url('../img/i-search.png') right center no-repeat;
}

.user {
	background:url('../img/i-profil.png') right center no-repeat;
}

.pass {
	background:url('../img/i-pass.png') right center no-repeat;
}  
.header {
    background: url('../img/bg.jpg') no-repeat center center #0096f0;
	height:160px; 
	width:100%;   
	text-align:left; 
	vertical-align:bottom;
}

.menu {
	height:auto;
	margin-bottom:0px;
	padding:0;
	background:rgba(111,111,111,.6);
	border-top:1px solid rgba(35,196,42,.3);
}

.body-bg {
	background:url('../img/body_bg.png') center center;
}

.bg-shaddow-t {
	background:url('../img/o-t.png') center bottom no-repeat;
}

.bg-shaddow {
	background:url('../img/o.png') center top no-repeat;
}

.bg-shaddow-2-top {
	background:url('../img/shadow1b.png') center bottom no-repeat;
}

.bg-shaddow-2 {
	background:url('../img/shadow1.png') center top no-repeat#fff;
}

.row-bg {
	width:100%;
	min-height:25px;
	height:auto;
	overflow:hidden;
	display:block;	text-align:center;
}

.row {
	width:100%;
	min-height:30px;
	height:auto;
	margin-bottom:10px;
	overflow:hidden;
	display:block;
}

.sidebar-l {
	width:18%;
	height:auto;
	float:left;
	padding:0 0 10px 2%;
}

.sidebar {
	width:18%;
	height:auto;
	float:right;
	padding:0 2% 10px 0;
}

.content { 
	padding:20px 15px 20px 15px; 
	height:auto;
	min-height:800px;
	/*overflow:scroll;*/
	background:#fff;
}

.footer {
	padding:10px 0 0 0; 
	border-top:4px solid #eee;
	background: url('../img/trans.png') repeat #333;
	color:#fff; 
	}	
.f-footer {	
	padding:5px 0;	
	background:#111;	
	width:100%;	
	color:#fff; }

.bgs {
	background: url('../img/shad.png') center top no-repeat #fff;
}

.clear {
	clear:both;
}

.left {
	text-align:left;
}

.right {
	text-align:right;
}

.center {
	text-align:center;
}

.grey {
	background:#f6f6f6;
}

.grey2 {
	background:#e9e9e9;
}

.grey3{
	background:rgba(225,225,225,.2);
}

.trans{
  background: url('../img/trans.png') repeat rgba(0,0,0,0.5);
}

.justify {
	text-align:justify;
}

.col {
	width:100%;
	height:auto;
	padding:10px 0;
	overflow:hidden;
}

.col-1 {
	width:31%;
	height:auto;
	padding:0px 1%;
	margin-bottom:10px;
	float:left; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; -ms-transition: 0.6s; transition: 0.6s
}

.col-2 {
	width:48%;
	height:auto;
	padding:0 1%;
	margin-bottom:10px;
	float:left;
}

.col-1:hover {
	color:#56b9ff;
	 -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; -ms-transition: 0.6s; transition: 0.6s
}

.col-4 {
	width:25% ;
	height:auto; 
	float:left;
}

.col-4b {
	width:220px;
	height:auto;
	padding:10px;
	float:left;
}

.field {
	width:97%;
	padding:4px 0;
}

.pad4 {
	padding:4px 0;
	border:0px solid transparent;
	width:100%;
}

.pad5 {
	padding:5px;
}

.pad10 {
	padding:10px;
}

ul.list-none-bg{
	padding:0;
	margin:0;
	list-style:none;
	border-top:1px solid rgba(111,111,111,.3);
}

ul.list-none-bg li img{
	width:96%; 
	padding:0 2%;
}

ul.list-none-bg li {
	border-left:1px solid rgba(111,111,111,.3);
	border-right:1px solid rgba(111,111,111,.3);
	border-bottom:1px solid rgba(111,111,111,.3);
}

ul.list-none-bg li.head {
	border-bottom:1px solid rgba(111,111,111,.3);
	padding:10px 5px;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	background: #16bae9;
}

ul.list-none-bg li a{
	text-decoration:none;
	padding:10px 5px;
	color:#333;
	background:#fff;
	display:block;
	-webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s
}

ul.list-none-bg li a:hover {
	color:#1080c2;
	background:#f2f2f2;
	border-left:4px solid #555;
	-webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s
}

ul.list-none {
	padding:0;
	margin:0;
	list-style:none;
}

ul.list-none li {
	display:block;
} 

ul.list-none li a{
	text-decoration:none;
}

ul.list-none li a.text{
	text-decoration:none;
	color:#fff;
}

.m-top {
	margin-top:30px;
}

.line-top-b {
	border-top:1px dashed #666;
}

.s-line-top-b {
	border-top:1px solid #999;
}

.s-line-bottom-b {
	border-bottom:1px solid #999;
}

.line-bottom-b {
	border-bottom:1px dashed #666;
}

.line-bottom {
	border-bottom:1px dashed #fff;
}

.line-top {
	border-top:1px solid #fff;
}

.white {
	color:#fff;
}

table.tb-login {
	border:1px solid #033c11;
}

table.tb-login thead tr td{
	background:#033c11;
	color:#fff;
	font-size:16px;
	padding:10px 0;
}
a#top{
	color:#fff;
} 
	
.mobile-site {
	display:none;  
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

	.sidebar-l, .sidebar, .content, .wrap, .col-1, .col-2  {
		width:97%;
		min-height:100px;
		height:auto;
		float:none;
		padding:20px 1.5% 0 1.5%;
		margin:0;
	}  

	.content {
		margin-bottom:5px; 
	}
	
	ul.list-none li.btn-pr{
		display:none;
	} 
	
	.wrap-p img {
		width:100%
	}
	
	.header {
		height:auto; 
		padding:0;
		margin-bottom:-10px;
	}
	
	.desktop-site {
		display:none;  
	}
	
	.mobile-site {
		display:block;  
	}

	.col-4 {
		width:47% ;
		padding:0 1.5%;
		margin-bottom:10px;
		height:auto; 
		float:left;
	}
	
}