body {
  background-color: #FFFFFF;
  color: #000000;
  margin: 0px;
  font-family: verdana, sans-serif;
  font-size: 70%;
  }
  
.top {
  width: 822px;
  height: 134px;
  overflow: hidden;
  float: left;
  }
  
.left {
  width: 154px;
  overflow: hidden;
  float: left;
  }
  
.right {
  width: 154px;
  overflow: hidden;
  float: left;
  }
  
.main {
  width: 508px;
  overflow: hidden;
  float: left;
  }
  
.sloup {
  width: 3px;
  overflow: hidden;
  float: left;
  }
  
.radek, .radek2 {
  height: 3px;
  width: 822px;
  overflow: hidden;
  float: left;
  }
  
.radek2 {
  width: 154px;
  }
  
.odkaz-toptop {
  background-image: url('pics_system/toptop.gif');
  background-color: red;
  width: 822px;
  height: 22px;
  overflow: hidden;
  float: left;
  text-align: center;
  }

.odkaz-top {
  background-image: url('pics_system/top.gif');
  background-color: red;
  width: 822px;
  height: 119px;
  overflow: hidden;
  float: left;
  }

.odkaz-top a {
  display: block;
  width: 822px;
  height: 119px;
  text-decoration: none;
  }
  
.odkaz-down {
  background-image: url('pics_system/down.gif');
  width: 822px;
  height: 23px;
  overflow: hidden;
  float: left;
  text-decoration: none;
  text-align: center;
  }

.hidden {
  visibility: hidden;
  }
  
a {
  text-decoration: underline;
  color: #000000;
  }
  
a:hover {
  text-decoration: none;
  color: #02324C;
  }
  
.top-l, .top-r, .down-l, .down-r {
  width: 154px;
  height: 19px;
  overflow: hidden;
  float: left;
  text-align: center;
  }
  
.top-l {
  background-image: url('pics_system/top-l.gif');
  }
  
.top-r {
  background-image: url('pics_system/top-r.gif');
  }
  
.down-l {
  background-image: url('pics_system/down-l.gif');
  }
  
.down-r {
  background-image: url('pics_system/down-r.gif');
  }
  
.obsah-l, .obsah-r, .obsah-m {
  padding: 5px;
  border-left: solid 0px #757575;
  border-right: solid 0px #757575;
  width: 142px;
  _width: 154px;
  overflow: hidden;
  float: left;
  text-align: left;
  background-image: url('pics_system/xxx.gif');
  }
  
.obsah-l a, .obsah-l h1, .obsah-m h1, .obsah-m h3, .obsah-m .obsah-l h2, .obsah-m h4 {
  display: block;
  padding: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 2px;
  margin-bottom: 0px;
  width: 130px;
  _width: 142px;
  border: solid 0px #757575;
  text-decoration: none;
  }
  
.obsah-l a:hover {
  background-color: #FFEEAA;
  color: #000000;
  }
  
.obsah-l .aktiv {
  background-color: #DDFFEE;
  }
  
.obsah-l h1, .obsah-m h1, .obsah-m h3, .obsah-m .obsah-l h2, .obsah-m h4 {
  font-size: 100%;
  font-weight: normal;
  background-color: #DDEEFF;
  }
  
.obsah-m h1, .obsah-m h3, .obsah-m h4 {
  width: 484px;
  _width: 496px;
  }
  
.obsah-m .obsah-l h2 {
  width: 130px;
  _width: 142px;
  }
  
.obsah-m h3 {
  font-size: 95%;
  text-align: center;
  }
  
.top-m, .down-m {
  width: 508px;
  height: 19px;
  overflow: hidden;
  float: left;
  text-align: center;
  }

.top-m {
  background-image: url('pics_system/top-m.gif');
  }
  
.down-m {
  background-image: url('pics_system/down-m.gif');
  }
  
.obsah-m {
  width: 496px;
  _width: 508px;
  }
  
img {
  border: 0px;
  }
  
.obal {
  width: 155px;
  _width: 157px;
  overflow: hidden;
  margin: 3px;
  margin-left: 0px;
  float: left;
  }
  

.hramain {
  width: 822px;
  overflow: hidden;
  float: left;
  }
  
.hratop-m, .hradown-m {
  width: 822px;
  height: 19px;
  overflow: hidden;
  float: left;
  text-align: center;
  }

.hratop-m {
  background-image: url('pics_system/hratop-m.gif');
  }

.hradown-m {
  background-image: url('pics_system/hradown-m.gif');
  }
  
a img {
  border: 0px;
  }
  
.hra {
  padding: 5px;
  text-align: center;
  float: left;
  }
  
.ram, .rama {
  width: 119px;
  _width: 121px;
  height: 112px;
  _height: 114px;
  border: 1px solid #757575;
  float: left;
  overflow: hidden;
  text-align: center;
  margin-right: 4px;
  margin-top: 4px;
  }
  
.rama {
  margin-right: 0px;
  }
  
.ram h3, .rama h3 {
  font-size: 100%;
  font-weight: bold;
  text-align: center;
  margin: 0px;
  color: #000000;
  padding: 0px;
  background-color: transparent;
  border: 0px;
  margin-top: 0px;
  width: 119px;
  }
  
.ram:hover, .rama:hover {
  background-color: #ffeeaa;
  border: 1px solid #dd6633;
  }
  
h3 a {
  text-decoration: none;
  }
  
h3 a:hover {
  color: #000000;
  }
  
.miniatura {
  width: 119px;
  height: 84px;
  }
  
.obrazek {
  float: left;
  margin-right: 5px;
  }
  
.vedle_obrazku {
  float: left;
  }
  
.popis_eng {
  float: left;
  width: 496px;
  margin-top: 5px;
  font-size: 100%;
  }
  
.popis:hover {
  background-color: #ffeeaa;
  }
  
table {
  font-size: 100%;
  }
  
th {
  text-align: left;
  }
  
.obsah-r h3 a, .obsah-m h3 a {
  display: block;
  }
  
.vypis {
  border: 1px;
  }
  
.vypis td {
  border: solid 1px #ddaa66;
  padding-left: 3px;
  padding-right: 3px;
  }
  
.vypis thead td {
  border: solid 1px #ddaa66;
  background-color: #ddaa66;
  color: #ffffff;
  font-weight: bold;
  }
  
.vypis tr:hover {
  background-color: #ffeeaa;
  }
  
.obsah-m h4 {
  font-size: 95%;
  text-align: left;
  background-color: #ffeeaa;
  }
  
.code {
  font-family: courier new, monospace;
  font-size: 100%;
  color: 000000;
  background-color: #ddeeff;
  border: 1px solid #99ccff;
  padding: 5px;
  }
  
input {
  font-size: 80%;
  width: 70px;
  }