div#duzekolo {
position:absolute;
left:140px;
top:200px;
border:6px solid green;
background-color:#fff;
z-index:0;
opacity:1;
overflow:hidden;
cursor:pointer;
width:400px;
height:400px;
border-radius: 400px;
transition: width 1s, height 1s, top 1s, left 1s, transform 1s, border-radius 1s, opacity 1s;
}
div#sredniekolo {
position:absolute;
left:450px;
top:25px;
border:6px solid red;
background-color:#fff;
z-index:0;
opacity:0.4;
overflow:hidden;
cursor:pointer;
width:210px;
height:210px;
border-radius: 210px;
transition: width 1s, height 1s, top 1s, left 1s, transform 1s, border-radius 1s, opacity 1s;
}
div#malekolo {
position:absolute;
top:150px;
left:25px;
border:6px solid blue;
background-color:#fff;
z-index:0;
opacity:0.4;
overflow:hidden;
cursor:pointer;
width:120px;
height:120px;
border-radius: 120px;
transition: width 1s, height 1s, top 1s, left 1s, transform 1s, border-radius 1s, opacity 1s;
}
/*piersza linia musi byc div#duzekolo, zeby dzialaly kola*/
#nakola {
position:relative;
left:135px;
top:-1415px;
float:none;
text-align:center;
border:0px solid red;
width:680px;
font-size:0.9em;
}
/*ponizej proteza dla old przegladarek*/
article, aside, details, dialog, figcaption, figure, footer, header, main, nav, section {
	display: block;
}

audio, canvas, embed, keygen, meter, progress, video {
	display: inline-block;
}

[hidden] {
	display: none;
}
/*koniec protezy*/
/*kuki*/
#kuki {
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:1em;
text-align:center;
background-color:#222; 
color:#fff;
border:1px solid #ccc;
/*visibility:visible;*/
position:fixed;right:0px;left:0px;bottom:0px;z-index:10;
margin:auto;
opacity:0.9;
}
#napiskuki {
padding:15px;
width:800px;
text-align:center;
margin:auto;
}
.agreekuki {
font-size:1em;
opacity:0.9;
display:inline-block;
float:left;
height:30px;
width:120px;
font-weight:bold;
margin-top:-45px;
margin-left:20px;
cursor:pointer;
}
#moreokuki {
color:orange;
}
#moreokuki:hover {
color:#fff;
}
/*end kuki*/
body {
font-family:Arial, Helvetica, Verdana, sans-serif;
color:#444;
font-size:1em;
}
#pasnagl { 
text-align:left;
width:1024px;
height:85px;
background-color:#004999;
color:#eee;
margin:auto;
}
header a {
color:#eee;
text-decoration:none;
}
header a:hover {
text-decoration:none;
color:#fff;
}
/*belki w duzej ikonie po lewej i prawej*/
.icomn {
width:55px;
height:8px;
background-color:#ccc;
margin:auto;
margin-top:10px;
}
/*duza ikona menu po lewej*/
#menupas {
float:left;
width:85px;
height:85px;
display:inline-block;
cursor:pointer;
}
#menupas:hover div {
background-color:#fff;
}
/*duza ikona menu po prawej linki do zadan egz.*/
#boxnamenuegz {
width:85px;
height:85px;
display:inline-block;
float:left;
}
#menuegz {
width:85px;
height:85px;
display:inline-block;
cursor:pointer;
}
#menuegz:hover div {
background-color:#fff;
}
/*wskaznik aktywnosci ajaxa*/
#wskazaktyw {
width: 9px;
height: 85px;
display:inline-block;
background-color: #004999;
-webkit-animation-name: wskakt;
-webkit-animation-duration: 0.15s; 
-webkit-animation-iteration-count: 1; 
animation-name: wskakt;
animation-duration: 0.15s;
animation-iteration-count: 1;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes wskakt {
	from {background-color: #004999;}
	to {background-color: red;}
}
/* Standard syntax */
@keyframes wskakt {
	from {background-color: #004999;}
	to {background-color: red;}
}
/*koniec wskazaktyw*/
#boxnanagl {
height:85px;
width:580px;
float:left;
display:inline-block; 
text-align:center;
}
#tytultr {
display:inline-block;
font-size:2.7em;
margin:6px 0px 0px 0px;
}
#podtytul {
margin:0px;
font-size:0.9em;
font-weight:normal;
}
#status_w_prawa {
width:180px;
height:85px;
float:left;
display:inline-block;
}
#zegar_jawny {
text-align:center;
font-size:2.2em;
color:yellow;
font-weight:bold;
width:160px;
/*background-color:orange;*/
margin:auto;
}
#logo { 
float:left;
width:85px;
height:85px;
}
#kziel {
display:inline-block;
position:relative;left:12px;top:21px;
width:60px;
height:60px;
border-radius:60px;
background-color:#37c92f;
background: radial-gradient(circle, #1eff00, #0c3b00);
}
#kczer {
display:inline-block;
position:relative;left:-1px;top:-32px;
width:25px;
height:25px;
border-radius:25px;
background-color:#e50000;
background: radial-gradient(circle, #ff2626, #820000);
}
#knieb {
display:inline-block;
position:relative;left:1px;top:-56px;
width:20px;
height:20px;
border-radius:20px;
background-color:#0486ff;
background: radial-gradient(circle, #4694fd, #011b3f);
}
/*end logo na divach*/
#pudlo { 
width:1024px;
background-color:#fff;
margin:auto; 
vertical-align:top;
}
#infoaktu {
text-align:center;
width:1024px;
font-size:0.75em;
}
#status {
width:1024px;
height:18px;
text-align:center;
background-color:#777;
color:#fff;
padding-top:2px;
}
#lewa {
width:10px;
height:1280px;
display:inline-block;
background-color:#444;
vertical-align:top;
overflow:hidden;
position:relative; top:0px; left:0px;
}
#podlewa {
text-align:center;
}
#srodek {
width:985px;
height:1280px;
display:inline-block;
text-align:left;
background:#fff;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
padding:4px;
overflow-y:scroll;
overflow-x:hidden;
font-size:1.5em;
}
#prawa {
width:10px;
height:1280px;
display:inline-block;
background-color:#444;
vertical-align:top;
overflow:hidden;
position:relative; top:0px; right:0px;
}
#podprawa {
text-align:center;
}
#stopka {
width:1024px;
height:18px;
display:inline-block;
background-color:#777;
text-align:center;
color:#fff;
padding-top:2px;
}
#podstopka {
width:1024px;
display:inline-block;
background-color:#fff;
text-align:center;
color:#777;
font-size:8pt;
}
/* dla textu w red*/
.red { color: red;}
a.oegzaminie { color:#555;}
a.bazazadan { color:#555;}
a.ustawienia { color:#555;}
a.stronaglowna { color:#555;}
a.pomoc { color:#555;}
/*.pt12 { font-size:1.5em;}*/
.srk { text-align:center;}
div.divkomt { border:1px solid #999;padding:15px; background-color:#ddd;text-align:center;}
img.nobrd { border:0px;}
h3 {
color:#0000cc;
}
h4 {
color:green;
}
a {
cursor:pointer;
font-weight:bold;
}
a:hover {
cursor:pointer;
text-decoration:underline;
font-weight:bold;
color:#000;
}
a.menuh {
cursor:pointer;
font-weight:normal;
color:#0000cc;
text-decoration:none;
}
a.menuh:hover {
cursor:pointer;
text-decoration:none;
font-weight:normal;
color:navy;
}
ul.menu, ul.menu li.menu 
{
cursor:pointer;
display: block;
list-style: none;
margin: 0px;
padding: 0px;
text-align:left;
font-weight:bold;
color:#444;
}
ul.menu li.menu 
{
cursor:pointer;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
}
ul.menu a:link, ul.menu a:visited 
{
display: block;
text-decoration: none;
color:#444;
}
ul.menu a:hover 
{
cursor:pointer;
color: #000;
display: block;
text-decoration:underline;
}
ul.menu a:active 
{
color:#888;
background: none;
} 
/*od menu kontekstowego*/
.zknjmk {
float:right;
font-size:16pt;
font-weight:bold;
text-decoration:none;
padding:5px;
color:#666;
}
.zknjmk:hover {
text-decoration:none;
}
.mkd1 {
background-color:#eee;
border:1px solid #ccc;
}
.mkd2 {
border-bottom:1px solid #ddd; 
}
.mkd3 {
}
.mkon {
color:#666;
font-weight:normal;
text-decoration:none; 
}
.mkon:hover {
text-decoration:none; 
font-weight:normal;
}
.lmk {
display: block;
list-style-type: none;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
}
.lmk, li {
padding-bottom:4px; 
}
.logo_mk {
vertical-align:middle;
padding:2px;
}
/*okno komunikatu nr 1*/
.kom1all {
font-style:normal;
float:left;
background-color:#eee;
border:1px solid #ccc;
margin:10px;
padding:10px;
color:#666;
/*width:930px;*/
}
.kom1ngl {
border-bottom:0px solid #ddd;
font-size:24pt;
font-weight:bold;
color:green;
}
.kom1trc {
font-size:22pt;
padding:20px 10px 30px 10px; 
border-bottom:1px solid #ddd;
margin-bottom:20px;
}
#wygladxzam {
font-size:44pt;
float:right;
font-weight:bold;
text-decoration:none;
text-align:center;
/*margin-top:-15px;*/
position:relative; top:0px;right:0px;
color:#ddd;	
background-color:red;
width:70px;
opacity:0.75;
}
#wygladxzam:hover {
text-decoration:none;
color:#fff;
opacity:1;
}
/*koniec kom. nr 1*/
#pol {
font-size:44pt;
float:right;
font-weight:bold;
text-decoration:none;
text-align:center;
/*margin-top:-15px;*/
position:relative; top:0px;right:0px;
color:#ddd;	
background-color:red;
width:70px;
opacity:0.75;
}
#pol:hover {
text-decoration:none;
color:#fff;
opacity:1;
}
/*WRÓĆ przy zap. czy zakończyć test?*/
#pwroc {
float:right;
font-size:1.5em;
font-weight:bold;
text-decoration:none;
text-align:center;
color:#333;
background-color:green; 
margin:10px; 
border:3px solid #777; 
width:120px; 
height:120px;  
border-radius: 120px;
opacity:0.5;
}
#pwroc:hover {
cursor:pointer;
text-decoration:none;
opacity:1;
color:#fff;
}
#pwrocwew {
padding-top:46px;
}
/*klawisz maly menu 3 divy*/
.paskimenu {
background-color:#777;
padding:2px;
margin:2px;
}
/*klawisz-male-kolko-nieb test bazy trenażera -otoczka zew.*/
.divmk {
float:left; 
}
/*klawisz-male-kolka-ziel-nieb-czerw - 1 otoczka wew.wspolna*/
.divmkwew {
opacity:0.4;
border:1px solid #fff;
padding-left:0px;
width:20px;
height:20px;
cursor:pointer;
}
.divmkwew:hover {
opacity:1;
border:1px solid #ccc;  
}
.divmkblue {
background-color:#0B5FA5;
padding:2px;
margin:2px;
border:2px solid #777;
width:8px;
height:8px;
border-radius: 8px;
}
.divmkred {
background-color:red;
padding:2px;
margin:2px;
border:2px solid #777;
width:8px;
height:8px;
border-radius: 8px;
}
.divmkgreen {
background-color:#00dd00;
padding:2px;
margin:2px;
border:2px solid #777;
width:8px;
height:8px;
border-radius: 8px;
}
.divmkorange {
background-color:orange;
padding:2px;
margin:2px;
border:2px solid #777;
width:8px;
height:8px;
border-radius: 8px;
}
.divmkmaroon {
background-color:maroon;
padding:2px;
margin:2px;
border:2px solid #777;
width:8px;
height:8px;
border-radius: 8px;
}
/*span na czas*/
#pobieramczas {
font-size:10pt;
font-weight:normal;
}
/*div na przyciski kolka*/
#przyciski {
width:136px;
padding:2px;
background-color:#fff;
}
/*div zewnetrz na diva z przyciskami*/
#przyciskizew {
border:1px solid #bbb;
height:55px;
margin-top:5px;
}
/*div z przycikami i ok status*/
#monitorek {
padding:3px;
}
/*status trenazera*/
#boxstatus {
background-color:#999;
color:#fff;
padding:1px;
height:16px;
}
/*logo animowane i klik menu kulowe*/
#logoanim {
cursor:pointer;
border:1px solid #bbb;
height:162px;
}
/*animacja resetu*/
#loader {
height:140px;
padding:0px;
background: url("graf/anim5.gif") no-repeat center;
}
/*piksel poza ekranem do loadu*/
.piksel {
position:absolute;
right:-1px;
top:-1px;
}
/*podmienine logo anim w zaleznosci od stanu trenazera*/
.al3kulki {
height:140px;
vertical-align:middle;
}
/*instr dla zdajac w menukulowym*/
#insdlazda {
border-top:1px dashed #ccc;
padding:5px;
color:green;
}
/*atrona tyt - arkusz egza*/
#strtytarkegz {
position:relative;
left:0px;
top:0px;
float:none;
text-align:center;
border:0px solid red;
/*width:970px; 680px;*/
}
/*okno komunikatu podczas resetu tr.*/
.kom1res {
background-color:#eee;
border:1px solid #ccc;
margin:10px;
padding:10px;
color:#666;
width:630px;
}
/*animacja resetu trenazera*/
#animreset {
width: 1%;
height: 100px;
background: red;
margin:auto;
animation: myfirst 2s;
animation-iteration-count:20;
animation-fill-mode:forwards;
}
/* Standard syntax */
@keyframes myfirst {
from {width: 1%;}
to {width: 100%;}
from {background: red;}
to {background: green;}
}
/*zast. do wyś. kodu źródłowego j.prog*/
code {
font-weight:normal; 
}
/*now uni okno rekl googla wyjezdzajace co jakis czas*/
/*
.uniadoknogog {
background-color:#006699;
border:5px solid #006699;
width:1014px;
height:0px;
position:fixed;
top:0px;
left:0px;
right:0px;
margin:auto;
text-align:center;
z-index:10;
overflow:hidden;
-webkit-animation-name: adlewe;
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
-webkit-animation-play-state: paused;
animation-name: adlewe;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-play-state: paused;
}*/
/* Safari 4.0 - 8.0 */
/*@-webkit-keyframes adlewe {
	from {top:-300px;}
	to {top:0px;}
}newadlewe
@-webkit-keyframes newadlewe {
	from {top:0px;}
	to {top:-300px;}
}*/
/* Standard syntax */
/*@keyframes adlewe {
	from {top:-300px;}
	to {top:0px;}
}
@keyframes newadlewe {
	from {top:0px;}
	to {top:-300px;}
}
#rekgogpoziome {

}
*/
/*koen now. ok. rekl. googla*/
/*boczne stale okna googla*/
/*
.reklamybocznegoogla {
background-color:#eee;
width:120px;
height:600px;
}
#reklamylewegoogla {
position:fixed; top:0px; left:0px;
}
#reklamyprawegoogla {
position:fixed; top:0px; right:0px;
}
*/