/*________________TOOLTIP_____________*/
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:10px;
	color:#333;
	display:none;
	border-radius: 8px;
}
/*___________END TOOLTIP_____________*/

/* produk */
#produk {
	list-style-position:inside;
	
	border-radius: 10px;
	
	list-style: none;
	width: 553px;
	float: left;
}

#produk .lis-produk {
	float: left; 
	/*
	padding: 5px; 
	border: dotted 1px #85A737; 
	margin: 5px; 
	border-radius: 10px; */
	width: 160px;
}


#produk .lis-produk h3{
	font-weight: bold;
	font-size: 13px;
	margin: -4px -4px 0 -4px;
	text-align: center;
	padding: 4px;
	border-radius: 10px;
	background: #B2C290;
}
#produk .lis-produk img{
	margin: 13px;
	width: 130px;
	height: 150px;
	border: solid 5px #eee;
}
#produk .lis-produk .more{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 15px 15px auto;
}
#produk .lis-produk .isi{
	height: 130px;
	width: 140px;
	background-image:url('folder.png');
	background-position:center; 
	background-size:150px 130px;
	background-repeat:no-repeat;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 15px 15px auto;
}

#produk .lis-produk .isi img{
	margin: 30px 20px 50px 20px;
	width: 90px;
	height: 75px;
	border: none;
	box-shadow:3px 3px 3px 1px #ADC2B3;	
}