@font-face {
	font-family: 'FontAwesome';
	src: url('../font/fontawesome-webfont.eot?v=3.0.1');
	src: url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
	url('/..font/fontawesome-webfont.woff?v=3.0.1') format('woff'),
	url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
	font-weight: normal;
	font-style: normal
}
.FontAwesome {
	position: absolute;
	left: 200px;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.25);
	font-size: 26px;
	margin-left:26px;
/*	margin-top: 8px;*/
}
body {
	background: url('../img/i.png');
}
.ok:after {
	color: green;
	content: "\F058";
	
}
.bad:after {
	color: red;
	content: "\F057";
}
img {
	height: 300px;
}
#blok {
	margin-left: 400px;
/*	margin-top: 50px;*/
}
.pierwsza {
	font-family: Times;
	font-size: 26px;
	text-align: center;
	color: blue;
}
.wynik {
/*	position: absolute;*/
/*	margin-left: 300px;*/
	display: none;
	font-family: Times;
	font-size: 26px;
	color: blue;
	width: 70px;
	
}
input {
	font-size: 25px;
	font-family: Times;
	width: 70px;
	color: blue;
}
.container {
	position: relative;
}
#nav {
	position: fixed;
	padding: 16px;
	left: 0;
	top: 0;
	height: 100%;
	width: 300px;
	background-color: black;
	color: white; 
	font-size: 26px;
}
button {
	font-size: 20px;
}
#timer {
	color: gray;
	margin-top: 50px;
}
#nick {
	font-size: 16px;
	width: 140px;
}
#rank {
	position: fixed;
	right: 20px;
	top: 20px;
	counter-reset: item;
}
#rank tr td:first-of-type:before {
	counter-increment: item;
	content: counter(item) '. ';
}
#rank td {
	padding: 2px 4px;
	background-color: #f0f0f0;
}
#copy {
	font-family: Arial, sans-serif;
	font-size: 12px;
	position: absolute;
	left: 12px;
	bottom: 60px;
	color: white;
}
#login, #logout {
	margin-left: 340px;
}