body{
	background-color:#9b8778;
	color:#474747;
}
.c1{
	background-color:#c7adb0;
	color:#2e2e2e;
}
.c2{
	background-color:#c2cad0;
	color:#3b3a3a;
}
.c3{
	background-color:#c2b9b0;
	color:#3b3a3a;
}
.c4{
	background-color:#c2bcb6;
	color:#3b3a3a;
}
.c5{
	background-color:#b60202;
	color:#e2dfdf;
}
.but
{
	background-color: #981b34;
	color: #d7d6d6;
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
	position: relative;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	border-radius: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height:2em;
	cursor:pointer;
	opacity: 0.9;

}
.but:active
{
	transform: translate(0px,3px);
	  -webkit-transform: translate(0px,3px);
	font-size: 1em;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height:2em;
	cursor:pointer;
	opacity: 0.9;
}

.but:hover{
	opacity: 1;
}

.but:disabled{
	cursor:not-allowed;
	opacity: 0.4;
}

.but:disabled:hover{
	opacity: 0.5;
}