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;}

img {border:none}
#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: 190px; background: #eee; height:700px}
.leva_obsah {padding: 10px 10px 0 10px; text-align: left}
#obsah {width:800px; }
.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.20em; color:#000080;  padding: 0px; margin-bottom: 10px; border-bottom: 1px solid #000080; }
h1.stranka { font-size: 1.20em; color:#000080;  padding: 0px; margin-bottom: 10px; border:none }
h2 { font-size: 1.10em; color:#CC0000;  padding: 0px; margin-top: 10px;  }

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

.color1 {background: #eee;}
.color2 {background: #ddd;}
.cervena {color:red}
.ruka {cursor: Pointer;}
 .seznam tr:hover, .seznam tr:hover td { background-color: #f9d1d1; }
th.th1 {background: #ffff80; text-align:center;padding: 3px 5px 3px 5px}
 td {padding: 3px 5px 3px 5px}
table.vypis {width:590px; margin:10px 0 10px 0;border: 1px solid #c7d191; font-size: 0.8em;}
td.vypis1 {background: #ddd;}
td.vypis2 {background: #eee;}
.odstavec {border: 1px solid #c7d191; padding: 10px;margin-top:10px}
.c {border:none}
.barva1 {background: #efefef;padding: 2px;}
.barva2 {background: #ddd;padding: 2px;}
.vypisek {padding: 5px 0px 5px 0px; 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}
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: 790px; font-size: 0.88em; padding: 5px ;}

table.formular2 {font-size: 0.80em; width: 790px;  background-color: #ffff80; border-bottom:1px solid #aaa; border-top:1px solid #aaa; padding: 5px; margin: 10px 0 10px 0}
table.formular1 {font-size: 0.80em; width: 790px;  background-color: #ffffcc; border-bottom:1px solid #aaa; border-top:1px solid #aaa; padding: 5px; margin: 10px 0 10px 0}
table.formular {font-size: 0.80em; width: 790px;  background-color: #efefef; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding: 15px; margin: 10px 0 10px 0}
td.c01{ color: black; padding: 2px; 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.tmava {background: #ddd; padding: 8px}
td.svetla {background: #eee; padding: 8px}
.pozor {color: red; padding: 5px 0 10px 0; font-weight: bold}
.odraz {padding:3px}
.pobr {float:right}
.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: 180px; text-align:center; border:1px solid #ddd; margin:3px; padding: 5px}
.cervena_odkaz {color:red;text-decoration:underline}
.zluta {color:#ffff80}
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 0px 10px 0px}
.radit {text-align:right}

#lmenu { margin: 0px 0 0 0; padding: 0; float: left; }
#lmenu li { display: inline; }
#lmenu a {
  display: block;
  width: 170px;
  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;
}

 
/* zalozky */
.basictab{
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #f6ffd5;
color: #2d2b2b;
}

.basictab li a:visited{
color: #2d2b2b;
}

.basictab li a:hover{
background-color: #DBFF6C;
color: black;
}

.basictab li a:active{
color: black;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #DBFF6C;
color: black;
}

 


 #hor-minimalist-a
{   
    font-size: 11px;
    background: #eee;
    margin: 25px 0 25px 0;
    width: 100%;  
    padding: 3px;
    text-align: left;
}
#hor-minimalist-a th
{
    font-size: 10px;
    font-weight: normal;
    color: #039;
    padding: 5px 8px;
    border-bottom: 2px solid #6678b1;
}
#hor-minimalist-a td
{
    background: #fff;
    color: #669;
    padding: 9px 8px 0px 8px;
}
#hor-minimalist-a tbody tr:hover td
{
    color: #009;
}