.de-btn {
	display: inline-block;
	background: url(btn.bg.png) repeat-x 0px 0px;
	padding:5px 10px 6px 10px;
	font-family: 'Roboto';
	font-weight:bold;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	border:1px solid rgba(0,0,0,0.4);
	-moz-border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}

.de-box {
	/* display: inline-block; */
	background: url(btn.bg.png) repeat-x 0px 0px;
	padding:5px;
	font-family: 'Roboto';
	/* font-weight:bold; */
	/* text-shadow: 1px 1px 1px rgba(255,255,255,0.5); */
	/* border:1px solid rgba(0,0,0,0.4); */
	/* -moz-border-radius: 5px; */
	/* -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5); */
	/* -webkit-border-radius: 5px; */
	/* -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5); */
}

.de-box-rotate{
	background: url(btn.bg-bawah.png) repeat-x 0px 0px;
	background-position: bottom;
	padding:5px;
	font-family: 'Roboto';
}

.ujicoba{
	box-shadow: 5px 8px rgba(216, 187, 21, 0.767); 
	color: rgb(216, 125, 22);
}


.de-btn:hover {
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
cursor:pointer;
}

/* COLOR VARIATIONS */

.de-blue {background-color: #CCCCCC ; color: #141414;}
.de-blue:hover {background-color: #00c0ff!important ; color: #ffffff!important;}

.de-green {background-color: #CCCCCC; color: #141414;}
.de-green:hover{background-color: #8aff00!important; color: #ffffff!important;}

.de-red {background-color: #CCCCCC; color: #141414;}
.de-red:hover {background-color: #ff004e!important; color: #ffffff!important;}