html,body,table,div {
  font-family: sans-serif;
  font-size: 18px;
}

html,body {
  height: 100%;
  min-widht: 960px;
}
.homebody {
  margin: 0px;
  background-color: #808080;  
  background: #eee;
  background-repeat: repeat-y;
  background-position: 20px 0px;
}
.mainbody {
  margin: 0px;
  background-color: #000000;  
  background-image: url(blackline.gif);
  background-repeat: repeat-y;
  background-position: 20px 0px;
  
}
.plocha {
  width: 960px;
  margin-left: 20px;
}
.mainplocha {
  width: 960px;
  margin-left: 20px;
  height: 100%;
}
.homelp {
  float: left;
  width: 192px;
  text-align: center;
  padding-top: 36px;
  background-color: #eee;
}

.homemain {
  width: 768px;
  float: left;
  text-align: center;
  padding-top: 36px;
  background-color: #eee;
}
.homea {
  text-decoration: none;
  color: black;
  font-size: 22px;
}
.homea:hover {
  color: #808080;
}
.homeadiv {
  height: 28px;
}
.homemaina {
  font-weight: bold;
  height: 32px;
}
.homemainb {
  font-weight: bold;
  font-size: 36px;
  height: 48px;
}
.homemainc {
  font-style: italic;
  height: 36px;
}
.mainnadpis {
  height: 48px;
  background-color: #000000;
  padding-top: 16px;
}
.mainnadpistext {
  text-align:center;
  color: #C8C8C8;
  font-size: 28px;
  font-weight: bold;
}
.mainlp {
  width: 192px;
  text-align: center;
  padding-top: 36px;
  float: left;
}
.mainpage {
  float: left;
  width: 768px;
  color: #C8C8C8;
  text-align: center;
  padding-top: 8px;
  font-size: 16px;
}
.mainlpadiv {
  height: 28px;
}
.mainlpa {
  text-decoration: none;
  color: #C8C8C8;
  font-size: 18px;
}
.mainlpa:hover {
  color: #D8D8D8;
}
.mainpage B {
  font-size: 19px;
}
.mainpopis {
  margin: 0px auto;
  padding: 8px;
  width: 704px;
  height: 375px;
  overflow: auto;
  color: black;
  background-color: #C8C8C8;
  text-align: left;
}
.maintxtleft {
  padding: 8px;
  text-align: left;
  font-size: 16px;
}
.maintxtleft A {
  color: #808080;
  text-decoration: none;
}
.maintxtleft A:hover {
  color: #C8C8C8;
}
.maintxtleft B {
  font-size: 22px;
}
.mainulbeztecek {
  list-style-position: inside;
  list-style-type: none;
  margin-left: 8px;
  overflow: auto;
}
.mainulbeztecek LI {
  text-indent: 24px;
}
.mainulsub {
  margin-left: 0px;
  list-style-type: disc;
}
.clear {
  clear: both;
  height: 10px;
}
.marginnavigator {
  margin-top: -8px;
  margin-left: 0px;
  background-color: #646464;
  height: 52px;
  padding-left: 24px;
  padding-top: 8px;
}
.marginnavigatorm {
  margin-top: -10px;
  margin-left: 0px;
  background-color: #646464;
  height: 52px;
  padding-left: 24px;
  padding-top: 0px;
}
.marginco,.margincosel {
  width: 80px;
  background-color: #C8C8C8;
  color: black;
  float: left;
  height: 30px;
  padding-top: 12px;
}
.margincosel {
  background-image: url(marginxsel.gif);
  background-position: center;
  background-repeat: no-repeat;
}
.marginxco,.marginxcosel {
  width: 144px;
  background-color: #C8C8C8;
  color: black;
  float: left;
  height: 30px;
  padding-top: 12px;
}
.marginxcosel {
  background-image: url(margincosel.gif);
  background-position: center;
  background-repeat: no-repeat;
}
.marginx,.marginxsel {
  float: left;
  width: 72px;
  background-color: #C8C8C8;
  color: black;
  height: 30px;
  padding-top: 12px;
}
.marginxsel {
  background-image: url(marginxsel.gif);
  background-position: center;
  background-repeat: no-repeat;
}
.marginm,.marginmsel {
  float: left;
  width: 60px;
  background-color: #C8C8C8;
  color: black;
  height: 30px;
  padding-top: 12px;
}
.marginmsel {
  background-image: url(marginxsel.gif);
  background-position: center;
  background-repeat: no-repeat;
}
.margink,.marginksel {
  float: left;
  width: 180px;
  background-color: #C8C8C8;
  color: black;
  height: 30px;
  padding-top: 12px;
}
.marginksel {
  background-image: url(marginxsel.gif);
  background-position: center;
  background-repeat: no-repeat;
}
.marginnavigator A,.marginnavigatorm A {
  text-decoration: none;
  color: black;
}
.marginnavigator A:hover,.marginnavigatorm A:hover {
  color: #808080;
}
.mainpopiscenter {
  margin: 0px auto;
  padding: 8px;
  width: 704px;
  color: black;
  background-color: #C8C8C8;
  text-align: center;
  font-size: 16px;
}
.marginp {
  float: left;
  width: 72px;
  height: 30px;
  padding-top: 10px;
}
.popisek {
  background-color: #C8C8C8;
  color: black;
  font-size: 14px;
  width: 160px;
  height: 32px;
  border: 1px solid black;
  padding: 4px;
  float: left;
  margin-right: 10px;  
}
.odeslat {
  width: 100px;
  background-color: #A0A0A0;
  border: 1px solid black;
  margin: 0px auto;
}
.odeslat a {
  font-size: 14px;
} 
.mezera {
  font-size: 1px;
  height: 6px;
}
form {
  margin: 0px;
  padding: 0px;
}
.grafdznav {
  margin-top: 0px;
  margin-left: 0px;
  background-color: #8C8C8C;
  height: 52px;
  padding-left: 24px;
  padding-top: 8px;
  text-align: left;
}
.grafdzinp {
  border: 1px solid black;
  text-align: center;
  width: 167px;
  height: 26px;
  font-size: 18px;
  font-weight: bold;
  padding-top: 4px;
  margin-right: 6px;  
  background-color: #C8C8C8;
  color: #FF0000;
  
}