#body { background-color: #343434; background-image: url(../images/background.gif); background-repeat: no-repeat; background-position: center top; margin: 0; }
#main { background-image: url(../images/backframe.gif); background-repeat: no-repeat; width: 1000px; height: 800px; margin: auto; }
#oko1 { background-image: url(../images/oko.png); background-repeat: no-repeat; position: relative; top: 127px; left: 142px; width: 600px; height: 230px; }
#oko2 { background-image: url(../images/oko.png); background-repeat: no-repeat; position: relative; top: 90px; left: 142px; width: 600px; height: 230px; }
#oko3 { background-image: url(../images/oko.png); background-repeat: no-repeat; position: relative; top: 162px; left: 172px; width: 600px; height: 230px; }
#oko4 { background-image: url(../images/oko.png); background-repeat: no-repeat; position: relative; top: 70px; left: 400px; width: 600px; height: 230px; }
#oko5 { background-image: url(../images/oko.png); background-repeat: no-repeat; position: relative; top: 188px; left: 177px; width: 600px; height: 230px; }
#oko6 { background-image: url(../images/oko.png); background-repeat: no-repeat; position: relative; top: 165px; left: 110px; width: 600px; height: 230px; }
#oko7 { background-image: url(../images/oko.png); background-repeat: no-repeat; position: relative; top: 79px; left: 189px; width: 600px; height: 230px; }
#sidemenu { position: relative; top: 60px; left: 0; width: 300px; height: 310px; }
#sidemenu a { color: gray; font-size: 16px; font-family: tahoma, verdana, arial; font-weight: bold; background-image: url(../images/sm_link.gif); text-decoration: none; text-align: right; width: 260px; height: 26px; float: left; padding-top: 5px; padding-right: 40px; }
#sidemenu a:hover { color: white; background-image: url(../images/sm_hover.gif); }
#topmenu { position: relative; top: -280px; left: 500px; width: 500px; height: 18px; }
#topmenu a { color: white; font-size: 16px; font-family: tahoma, verdana, arial; font-weight: bold; text-decoration: none; height: 18px; float: left; padding-right: 5px; padding-left: 8px; border-left: 2px solid gray; }
#topmenu a:hover { color: red; border-left-color: gray; }
#text { color: gray; font-size: 14px; font-family: tahoma, verdana, arial; font-weight: bold; position: relative; top: -256px; left: 500px; width: 468px; height: 310px; padding: 10px; border: solid 1px silver; }
#text a, text a:active, text a:visited { color: gray; text-decoration: underline; }
#text a:hover { color: white; }
#obrazek { background-color: #2b2b2b; position: relative; top: -487px; left: 367px; width: 460px; height: 350px; float: left; border: solid 1px white; }
#obrazek a img { border-style: none; }
#text2 { background-color: #2b2b2b; position: relative; top: -486px; left: 367px; width: 410px; height: 340px; overflow: auto; float: left; padding-top: 10px; padding-right: 50px; border: solid 1px white; }
#text2 li { color: gray; font-size: 14px; font-family: tahoma, verdana, arial; font-weight: bold; line-height: 22px; list-style-type: square; }
#super { font-size: 70%; vertical-align: 4px; }
#menu { width:150px; position:relative; top: -487px; left: 375px; height:210px; float: left; }
#menu a:visited, #menu a { text-decoration:none; color:silver; font-family: tahoma, verdana, arial; font-weight:bold; }
#menu a:visited img, #menu a img{ border-style: none; filter: alpha(opacity=40); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.40; opacity:0.4; }
#menu a:hover {background-color:transparent; color:#06a;}
#menu a span {display:none;}
#menu a:hover span { display:block; position:absolute; top:191px; left:0; font-size:12px; height:18px; padding:4px 4px 4px 0; font-weight:normal; color:silver; font-family: tahoma, verdana, arial; }
#menu a:hover img { filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1;
 }