body { padding: 0px; margin: 0px; background: transparent url('../img/tlo.png') repeat; }

#menu { background-color: silver; display: block; padding: 15px 0px 15px 0px; background: transparent url('../img/tlo4.png') repeat; }

#menu #linki { width: 500px; margin: 0px auto 0px auto; }
    #menu #linki a { color: white; font-size: 22px; font-weight: bold; margin: 0px 10px 0px 10px; }

.wrapper { width: 950px; margin: auto; }

#front { text-align: center; color: white; }
    #front h1 { font-weight: bold; font-size: 32px; }
    #front h2 { font-weight: bold; font-size: 18px; font-style: italic; }
#errors { width: 500px; margin: auto; color: red; text-align: center; }
#status { width: 500px; margin: auto; color: green; text-align: center; }
#jezyk  { width: 500px; margin: auto; color: green; text-align: center; padding: 20px; }
    #jezyk a { color: yellow; margin-left: 20px; }
    
#liniki { text-align: center; padding-bottom: 10px; }
    #liniki a { color: white; }

.form { margin: auto; width: 400px; border: 1px solid white; text-align: center; color: white; -webkit-box-shadow: 7px 7px 5px rgba(203, 210, 207, 0.75); -moz-box-shadow: 7px 7px 5px rgba(203, 210, 207, 0.75); box-shadow: 7px 7px 5px rgba(203, 210, 207, 0.75);}    
    .form input { display: block; width: 350px; }
    .form label { display: block; width: 350px; margin: 10px auto 10px auto; font-size: 18px; font-weight: bold; }
    .form input { margin: auto; border: 1px solid white; padding: 2px; }
    .form #submit { margin: 20px auto 20px auto; }

.centrum { margin: auto; }
.pow_strony { width: 950px; background-color: silver; }

#szachownica_mata { display: none; background-color: silver; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; text-align: center; }
    #szachownica  { display: none; top: 20px; right: auto; bottom: auto; left: auto;}

#klik_test_mata  { display: none; background-color: silver; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden;  }
    #klik_test   { display: none; overflow: hidden; margin: 50px auto 0px auto; width: 600px; height: 600px; background: rgb(247, 247, 247); 
	border: 1px solid rgba(147, 184, 189,0.8);
	-webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	   -moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	        box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	-webkit-box-shadow: 5px;
	-moz-border-radius: 5px;
		 border-radius: 5px;
	}
    #klik_test_button { display: none; background: url(buzka.jpg) no-repeat; margin: 65px 100px 75px 60px; width: 500px; height: 500px; background-color: white; 
	-webkit-box-shadow: 5px;
	-moz-border-radius: 5px;
		 border-radius: 5px;
	}

#clock_test_mata { display: none; background-color: silver; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }
    #clock_test   { display: none; overflow: hidden; margin: 50px auto 0px auto; width: 550px; height: 550px; background-color: black; 
	border: 1px solid rgba(147, 184, 189,0.8);
	-webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 203, 226, 0.4) inset;
	   -moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 134, 226, 0.4) inset;
	        box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	-webkit-box-shadow: 5px;
	-moz-border-radius: 5px;
		 border-radius: 5px;}
    #clock_test_button { background: url(http://us.123rf.com/400wm/400/400/amorozov/amorozov1105/amorozov110500092/9617645-gong-isolated-on-white-background.jpg); margin: 75px 100px 75px 100px; width: 400px; height: 400px; background-color: white; 
	-webkit-box-shadow: 5px;
	-moz-border-radius: 5px;
		 border-radius: 5px;
	}
	

#tabela_wynikow { width: 100%; border: 1px; }

#instrukcje {font-weight: bold; font-size: 32px;}