body { font-family: sans-serif, impact; background: #171717 url('lay/tlo.jpg'); margin-top: 0px; color: #eeeeee; font-size: 12px; }

div { border: 0px; margin: 0px; padding: 0px; border-style: solid; border-color: #e4e4e6; }
 
#start{ position: absolute; top: 0px; left: 50%; margin: 0px auto 12px -420px ;  width: 840px; height: 880px; margin-top: 0px;}

#t1 { position: absolute; top: 0px; left: 0px; height: 240px; width: 50%; background: url('lay/bodytlo.jpg') right;}
#t2 { position: absolute; top: 0px; left: 50%; height: 240px; width: 50%; background: url('lay/bodytlo.jpg') left;}


#intro1 { position: absolute; top: 1px; left: 0px; width: 840px; height: 125px; background-image: url('lay/intro1.jpg'); }
#intro2 { position: absolute; top: 125px; left: 0px; width: 578px; height: 420px; background-image: url('lay/intro2.jpg'); }
#intro3 { position: absolute; top: 545px; left: 0px; width: 578px; height: 199px; background-image: url('lay/intro3.jpg'); }
#intro4 { position: absolute; top: 125px; left: 578px; width: 262px; height: 619px; background-image: url('lay/intro4.jpg'); }
#intro5 { position: absolute; top: 743px; left: 0px; width: 840px; height: 137px; background-image: url('lay/intro5.jpg'); }

#plakat { position: absolute; top: 150px; left: -40px; width: 280px; height: 394px; }

#pl{ position: absolute; top: 150px; left: 610px; width: 180px; height:620px; float : left; padding: 4px; text-align: center;}
#eng{ position: absolute; top: 766px; left: 55px; width: 675px; height:80px; float : left; padding: 0px; text-align: center;}

#wersja { top: 0px; left: 0px; padding: 4px 0px 12px 0px; height: auto; width: 100%; text-align: center;}
#version { top: 0px; left: 0px; padding: 4px 0px 12px 0px; height: auto; width: 135px; text-align: center; float: left;}
b { font-size: 26px; text-decoration: none; color: #ffe}

#guzik { top: 0px; left: 0px; padding: 4px 0px; height: auto; width: 100%; text-align: center;}
#guzik:hover { background: url('lay/guzik.png') ;}

#button1 { position: absolute; top: 0px; left: 135px; border-bottom: 1px; border-style: solid; border-color: #eee;}
#button2 { position: absolute; top: 40px; left: 135px; }
#button3 { position: absolute; top: 0px; left: 315px; border-bottom: 1px;border-style: solid; border-color: #eee;}
#button4 { position: absolute; top: 40px; left: 315px; padding: 5px 3px; height: 30px; width: 348px; text-align: center;}
#button4:hover { background: url('lay/guzik.png') ;}

.button { padding: 5px 3px; height: 30px; width: 174px; text-align: center; }
.button:hover { background: url('lay/guzik.png') ;}
#hr { top: 0px; left: 0px;  height: 4px; width: 180px; text-align: center; float: left;}
#hr2 { top: 0px; left: 0px;  height: 20px; width: 2px; margin: 10px 0px; float: left; background: #eee}


a:link { font-size: 22px; text-decoration: none; color: #eee}
a:hover { font-size: 22px; text-decoration: none; color: #fff}
a:active { font-size: 22px; text-decoration: none; color: #fff}
a:visted { font-size: 22px; text-decoration: none; color: #ccc}
a { font-size: 22px; text-decoration: none; color: #eee}