@charset "utf-8";
/* CSS Document */

@media (min-width: 768px) {
	#leftSide{
		float:left;
		width:230px;
		background:#EDEDED;
	}
	#rightSide{
		padding:0;
		margin:0 0 0 250px;
	}
	
	.btn-mnu-collapse{
		position:absolute;
		display:none;
	}
	

	.attr-nav > ul > li > a.reg-log{
		padding:28px 5px;
		color:red;
	}
	.attr-nav > ul > li > a.reg-log:hover{
		color:green;
	}
}
@media (max-width: 768px) {
	#leftSide{
		position:absolute;
		width:230px;
		top:125px;
		background:#EDEDED;
		z-index:99999;
	}
	#rightSide{
		padding:0;
		margin:30px 0 0 0;
		display:table;
		width:100%;
	}
	
	.btn-mnu-collapse{
		position:absolute;
		display:inline;
		left:15px;
	}
	

	.attr-nav > ul > li > a.reg-log{
		padding:16px 10px 15px;
		padding-left:0;
		color:red;
	}
	.attr-nav > ul > li > a.reg-log:hover{
		color:green;
	}
}


.side-menu{
	margin:0;
	padding:0;
}
.side-menu li{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}
.side-menu li a{
	display:block;
	background:#EDEDED;
	color:#000;
	margin:0;
	padding:5px 7px;
}
.side-menu li a:hover{
	color:#1D72AF;
}


.img-detail{
	float: left;
	padding: 0;
	margin: 0px 10px 0px 0px;
	width: 350px;
}
.img-full{
	margin:0;
	width:100%;
}
.waktu{
	margin: 10px 0 10px 0;
	padding: 0;
}
.download-file{
	margin: 10px 0 10px 0;
	padding: 0;
	
}
.download-file a{
	color: coral;
	font-weight: bold;
}
.download-file a:hover{
	color: bisque;
}
.harga{
	margin: 10px 0 10px 0;
	padding: 0;
	color: lightslategrey;
	line-height: 25px;
}

.title-banner{
	background:url(assets/web/assets/images/background/header.jpg) no-repeat top;
	display:block;
	color:#fff;
	padding:20px 20px 20px 50px;
	margin:0;
}

.title-def{
	font-weight:bold;
	margin:5px 0 5px 0;
	padding:0;
}