.szachownica {
	margin: 20px;
}
.pola
{
	margin-left: 10px;
	border: 1px solid black;
	width: 306px;
	height: 304px;
}
.jasne 
{
	float: left;
	background: #efefef;
	width: 38px;
	height: 38px;
}
.ciemne
{
	float: left;
	background: #7085b5;
	width: 38px;
	height: 38px;
}
.litera
{
	float: left;
	width: 38px;
	height: 8px;
	text-align: right;
    font: bold 11px Georgia,Tahoma,Sans-Serif;
}
.litery
{
	margin-left: -2px;
}
.cyfra
{
	float: left;
	width: 8px;
	height: 38px;
	text-align: center;
	top: 14px;
	position: relative;
    font: bold 11px Georgia,Tahoma,Sans-Serif;
}
.cyfry
{
	float: left;
	width: 8px;
	height: 300px;
}	
.hover
{
	float: left;
	background: #32CD32;
	width: 38px;
	height: 38px;
}
#kontener_bierek
{
	margin-left: 32px;
	margin-top: -10px;
	float: left;
	width: 304px;
	height: 156px;
	border: 1px solid black;
}
.clear
{
	clear: both;
}
.left
{
	float: left;
}