body { width: 1020px; padding:0;  background: #eee;  text-align: center; margin: 0 auto; font: 0.75em Verdana, Arial, Helvetica, sans-serif; }
html > body {min-height: 1000px;height: auto;}

#page {padding:0; text-align:center; margin:0 auto; width: 1020px; background: #fff; border: 1px solid black;}
#konec {width: 1020px; height: 25px; background: #000080; text-align:left; color: white}
.konec {padding: 5px 0 0 15px}
#hlavicka {width: 1020px; height: 60px;  background: #000080; }
.pismo_hlavicka {font-size: 1.30em; text-align:left; padding: 20px 10px 0 15px; color: white}
.bila {color:white}

#leva,#obsah {float: left}
#leva {width: 200px; background: #eee; height: 700px}
.leva_obsah {padding: 10px 10px 0 10px; text-align: left}
#obsah {width:820px;}
.obsah {padding: 20px 10px 0 10px; text-align: left}
.mezera {height: 10px}
.odkaz {padding: 5px}

.cisto { clear: both }
.lobr {float:left}
h1 { font-size: 1.10em; color:#000080;  padding: 0px; margin: 0px; border-bottom: 1px solid #000080; }
h2 { font-size: 1.00em; color:#CC0000;  padding: 0px; margin-top: 10px;  }

a { color: blue; text-decoration: none }
a:hover { color: red;  text-decoration: underline }

.doprava {text-align: right; padding:10px}
.c {border:none}
.barva1 {background: #efefef;padding: 2px;}
.barva2 {background: #ddd;padding: 2px;}
.vypisek {padding: 5px 10px 5px 10px; text-align: right; font-size: 0.88em;}
.c {padding: 0 2px 0 2px}table.seznam{ width: 800px;  font-size: 0.88em; padding: 5px; margin-top: 5px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.co {border:none; width:30px}
 

table.tab_pdf {width: 600px; padding: 2px; text-align: center; }
td.cell02{ text-align: left; color: black; background-color: #efefef;}

td.pole {background: #6699ff; padding: 2px; text-align: center; color:white}
table.seznam1{ width: 800px;  font-size: 0.88em; padding: 5px; margin-top: 5px;  }
table.prihlaseni{ width: 300px;  font-size: 0.88em; margin-top: 15px;border:1px solid #ddd; background: #eee; }
th.tab1{ padding: 3px; text-align: center; background: #ccc;  }
.hledej {background-color: #ddd; border-left:5px solid #999;  padding: 5px; margin-top: 5px; margin-bottom: 5px}
table.hledej1 {width: 800px; font-size: 0.88em; padding: 5px 15px 5px 10px;}

table.formular {font-size: 0.94em; width: 800px;  background-color: #efefef; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding: 10px; margin: 10px 0 10px 0}
td.c01{ color: black; padding: 3px; text-align: right; width: 190px }
td.c02{ text-align: left; color: black;  }
td.c02a { text-align: left; color: black; background-color: #fff;}
td.cell01{ text-align: right; color: black; }
td.cel1{ text-align: right; color: black; background-color: #fff; padding: 0px 10px 0px 10px; }
.pozor {color: red; padding: 5px 0 10px 0; font-weight: bold}

.ctverec {float: left; border:1px solid #ddd; background-color: #eee; padding: 3px}
.o {padding: 5px 3px 0 3px; border: none}
.foto {float:left; width:180px; height: 200px; text-align:center; border:1px solid #ddd; margin:3px; padding: 5px}

input { border: 1px solid #000080; padding: 1px; margin: 3px; cursor: pointer; cursor: hand; background: #fff}
select { border: 1px solid #000080; padding: 1px; margin: 3px}
textarea { color: black;  padding:2px;  border: 1px solid #000080; }
.vpravo {text-align: right; padding: 10px 20px 20px 20px}

#lmenu { margin: 0px 0 0 0; padding: 0; float: left; }
#lmenu li { display: inline; }
#lmenu a {
  display: block;
  width: 180px;
  color: #fff; 
  text-align: left;
  text-decoration: none;  
  
  border-width: 1px; border-color:#ddd; border-bottom-style: dashed;
  background: #000080;
}
#lmenu a:hover {
  color: #000; 
  text-decoration: underline;
  background:#ddd;
  }

#lmenu .click {
  display: block;
  
  text-align: left;
  border-bottom: 1px solid #eee;
  background:#eee;
 }
#lmenu a span, #lmenu .click span {
  display: block;
  padding: 6px 5px 6px 15px;
}



table.counter {font-size: 0.88em; width: 800px;  background-color: #efefef; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding: 10px; margin: 5px 0 5px 0}
table.counter1 {font-size: 0.88em; width: 800px;  background-color: #fff; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding: 5px; margin: 5px 0 5px 0}
td.d01{ color: black; padding: 3px; text-align: center;  background-color: #ffffcc;}
td.d02{ text-align: center; color: black; background-color: #fff; padding: 3px }
td.d03 { text-align: left; color: black; background-color: #ffffcc;}
.mesice {width: 800px; padding: 8px; text-align:center}
.ramecek {font-size: 0.88em; border: 1px solid #fff; padding:10px; margin: 5px; float:left }
.graf table{font-size: 0.98em;}
.graf td{ padding:0px 5px 0px 5px;}
td.cell1{ text-align:right; background:#ddd; border:1px solid #ddd; }
td.cell2{ text-align:left; border:1px solid #ddd;}
td.cell3{width: 160px;  text-align:left; border:1px solid #ddd;}
td.cell4{width: 50px;  background:#fff; text-align:right; border:1px solid #ddd; font-weight:bold}
.uka {text-decoration: underline; color: red;   }
.barva {width: 20px; height: 20px;border:1px solid #ddd;}
#abeceda { color: silver; text-align:left; margin: 10px 0px 15px 0px}
.cervena { font-size: 1.00em; color: red; text-decoration: none; padding: 8px 0px 8px 0px; margin-right: 5px}
#abeceda a:hover { color: white; text-decoration: underline; background:#666;  }
.cerna {text-decoration: underline}