body {background: #ffffff; margin: 0; padding: 0;}
img {border: none;}
#logo {display: inline; float: left; width: 302px; height: 188px; background: url(gfx/logo.jpg) left top no-repeat; margin: 40px 0 0 46px }
#menu {display: inline; float: right; margin: 0 10px 0 0;}
#menu div {display: inline; float: left; width: 150px; height: 230px;  margin: 0 2px 0 0}
#menu div a {display: inline; float: left;  width: 150px; height: 230px; }
.to {background-position: 0 -20px;}
#menu #menu1 {background: url(gfx/menu1.jpg) left top no-repeat;}
#menu #menu1:hover {background-position: 0 -20px;}
#menu #menu2 {background: url(gfx/menu2.jpg) left top no-repeat;}
#menu #menu2:hover {background-position: 0 -20px;}
#menu #menu3 {background: url(gfx/menu3.jpg) left top no-repeat;}
#menu #menu3:hover {background-position: 0 -20px;}
#menu #menu4 {background: url(gfx/menu4.jpg) left top no-repeat;}
#menu #menu4:hover {background-position: 0 -20px;}

#srodek {float: left; width: 100%; margin: 60px 0 0 0; text-align: center; }
#srodek #center {display: block; margin: 0 auto; width: 820px;}

#srodek #center div  {display: inline; float: left; height: 370px }
#srodek #center div#grafa {width: 338px; }
#srodek #center div#tresc {width: 482px; background: url(gfx/tlo.gif) left top no-repeat}
#srodek #center div#tresc h1 {display: inline; float: left; font: 36px tahoma; color: #ffffff; margin: 10px 0 0 26px; padding: 0;}
#srodek #center div#tresc #pole {display: inline; margin: 10px 0 0 36px; float: left; width: 380px; height: 234px; overflow: hidden; font: 13px tahoma; color: #ffffff; text-align: left;}
#srodek #center div#tresc #pole ul {margin: 0 20px; padding: 0 0 10px 0;}
#srodek #center div#tresc #pasek {position: relative; display: inline; float: left; width: 28px; height: 234px; margin: 10px 0 0 10px;}
#srodek #center div#tresc #pasek div {position: absolute; width: 28px; height: 40px; }
#srodek #center div#tresc #pasek a {display: inline; float: left; width: 28px; height: 40px; }
#srodek #center div#tresc #pasek #stu {top: 0; }
#srodek #center div#tresc #pasek #stu a {background-image: url(gfx/stu.jpg); background-repeat: no-repeat; }
#srodek #center div#tresc #pasek #std {bottom: 0; }
#srodek #center div#tresc #pasek #std a {background-image: url(gfx/std.jpg); background-repeat: no-repeat; }

#klient {float: left; width: 100%; margin: 60px 0 0 0; position: relative}
#klient #nag {position: absolute; left: -300px; top:-12px; width: 100%; height: 32px; background: url(gfx/klient.jpg) center top no-repeat;}
#info {display: block;  width: 100%;height: 120px; white-space: nowrap; float: left;overflow: hidden; background: #e7e7e7; margin: 0px 0 60px 0; }
#info img { margin: 10px 0 0 10px; }