.canvas {
	position: relative;
	top: 5px;
	background: #ffffff;
	margin: 0 auto;
}
#tetris {
	position: absolute;
	left: 90px;
	top: 20px;
	border: 1px solid #0000ff;
	background: #d9ebfb;
	z-index: 10;
}
#message{
	position: absolute;
	text-align: center;
	background: #ffffff;
	color: #333;
	z-index: 1;
	padding-top: 10px;
	padding-bottom: 10px;
}
#nextBox{
	position: absolute;
	top: 20px;
	width: 80px;
	height: 95px;
}
#statBox{
	position: absolute;
	top: 115px;
	width: 80px;
	height: 95px;
}
#level, #score, #lines{
	font-weight: bolder;
}
#nextBox #nextElement{
	/*width: 80px;*/
	height: 80px;
}
.kvadrat {

}
.kvadrat0, .kvadrat1, .kvadrat2, .kvadrat3, .kvadrat4, .kvadrat5, .kvadrat6 {
	position: absolute;
	/*border: 0.5px solid #ffffff;*/
}
.kvadrat0 {background-color: #85C64E; /*background-image:url('tile.png');*/ }
.kvadrat1 {background-color: #DDC139;}
.kvadrat2 {background-color: #1D86D9;}
.kvadrat3 {background-color: #C632A2;}
.kvadrat4 {background-color: #DA3A44;}
.kvadrat5 {background-color: #EB662D;}
.kvadrat6 {background-color: #AEBBC4;}
#pieces{
	position: absolute;
	width: 120px;
	height: 320px;
	left: -30px;
	top: 50px;
}
#count0, #count1, #count2, #count3, #count4, #count5, #count6{
	position: absolute;
	font-weight: bolder;
	left: 85px;
}
