/* CSS Document Zeme sveta */
body {margin:0px 0px 0px 0px; font-size:12px; font-family:verdana, arial, helvetica, sans-serif; background:#CCFFCC /*rgb(204,255,204) url() */ ;overflow-y: scroll;}

h1, h2 {padding: 0px 20px 0px 20px;margin: 5px 0px 0px 0px;}
h1 {font-size: 24px;}
h2 {font-size: 14px;font-variant: small-caps;background-color: silver;}
h3 {font-size: 12px;margin-bottom: 5px;}
th {padding: 0px;background-color: coral;font-size: 12px;}
td {line-height: 120%;font-size: 12px;}
p  {margin: 3px 0px; }
a	{color: blue}
a:hover	{background-color: blue; color: white; text-decoration: none;}

#telo, #zahlavi, #menu {position:absolute; left:0px; width:100%;}
#telo {top:140px; padding:0px ;}

#text {margin:20px; position:relative;}
#text h2 {margin: 10px auto;width: 70%;}
#text .uvod {display: none;line-height: 24px;text-align: center;border-width: 2px 2px 2px 2px;border-style: solid;border-color: gray;padding: 10px 10px 0px 10px;background: white;}
#text .uvod a {text-decoration: none;color: navy;}
#text .uvod a:hover, .nadpis a:hover  {text-decoration: none;background-color: blue;color: white;}

#zahlavi {top: 0px;height: 110px;background: blue url(img/logo-zeme.png) left no-repeat;}
#zahlavi h1 {text-align: left;vertical-align: middle;padding: 21px 0 0 20px;}
#zahlavi a {text-decoration: none;color: black;}
#zahlavi a:hover {background-color: blue; }
#zahlavi2 {position: absolute;top: 0px;right: 0px;width: 20%;padding: 5px 5px 5px 5px;height: 110px;background-color: navy;color: white;text-align: right;}
#zahlavi2 a {color: white;}
#zahlavi2 a:hover {text-decoration: none;background-color: white;color: navy;}

#zapati {background-color: black; color: white; width: 90%; text-align: center; padding: 5px 5%; font-size: 8px; }

#menu {top:110px; background-color:black; color:white; font-size:12px; text-align:right; font-weight:bold; margin:0px; padding:4px 0px; border:0px;}
#menu a:link, #menu a:visited, #menu a:active, #menu h2 {color: white; background-color:black; text-decoration:underline;}
#menu a:hover {background-color:white; color:black; text-decoration:none;}
#menu h2 {font-size:12px; margin:5px 0px 5px 50px;}
/* vyskakovaci menu Pridej */
#menu ul#pridejMenu, #menu ul {padding:0; margin:0; list-style-type:none;}
#menu ul#pridejMenu ul {margin:0px; position:absolute; visibility:hidden; /*list-style-type:square;*/ width:100px;}
#menu ul#pridejMenu li {float:right; padding:0 6px; text-align:left;}
#menu ul#pridejMenu ul a {display:block; text-decoration:none; padding:0 10;}
#menu ul#pridejMenu li:hover ul, ul#pridejMenu li.hover ul {visibility:visible; }
#menu ul#pridejMenu li li {float:none; border:none; padding:0px;}
#menu ul#mainMenu li {behavior: url(hover.htc); /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */} 
/* konec vyskakovaci menu Pridej */

#podmenu {font: icon;text-align: center;margin-top: 0px;color: blue;}
#podmenu a:link, #podmenu a:visited, #podmenu a:active {text-decoration: underline;color: blue;}
#podmenu a:hover {text-decoration: none; color: white;}

#udaje {margin: 0px 20px 20px 20px;/* display: none; */}
#udaje ol { /* puvodne 'text ol', asi stare nepouzite */ display: inline;float: left;border: 1px solid silver;padding: 0px 20px 10px 20px;margin: 0px 5px 10px 5px;list-style-type:none;width: 25%;}
/* centrovani nejde nastavit */
#udaje h3, h3 a {text-align: center;padding: 0px 0px 1px 0px;margin: 0px -20px 10px -20px;color: white;}
#udaje h3 a:hover {background-color: white;color: dimgray;}

h1, .tabulka {text-align: center; /* třída 'tabulka' centrování tabulky pro IE */margin-left: auto; /* centrování tabulky pro Mozillu */margin-right: auto; /* centrování tabulky pro Mozillu */border-collapse: collapse;}

.vstuppole {width:90%;text-align:left; padding:10px 10px 10px 30px; background:white;}

.prvni, .treti, .ostatni {padding: 5px;line-height: 200%;}
.prvni {background-color: gainsboro;}
.treti {background-color: lavender;}
.ostatni {background-color: white;}

.nadpis {/*background: red url(img/sipka.gif) center left no-repeat; */margin: 20px 50px 5px 50px;padding: 0px 0px 3px 0px;border-top: 1px solid darkgrey; position: relative;height: 18px;}
.nadpis h2 {display: inline;}
.nadpis a {position: absolute; right: 20px; font-size: 10px;color: blue; }

.konecsloupcu {clear: both;/* border: 1px black solid; */}
.vystraha {color: red;font-weight: bold;}
.pulka {width: 48%;padding: 0px 0px 0px 10px;display: inline;float: left;}
.skryte {display: none;}
.priklad {font-size: 9px;}
.diakritika {font-family: monospace;float: right;background-color: lightsteelblue;border: 1px blue double;margin: 12px 30px 0px 0px;padding: 3px;}
.znamka form {display: inline;}
.obycejny {height: 12px;width: 12px;vertical-align: bottom;border: 1px solid silver;background: whitesmoke;color: silver; font-size: 8px;font-weight: bold;margin: 0px 1px 0px 1px;}
.zmackni {height: 12px;width: 12px;vertical-align: bottom;border: 1px solid lightgray;background: navy;color: white; font-size: 8px;/* font-weight: bold; */ margin: 0px 1px 0px 1px;}

.hlavnizalozka {background: rgb(204,255,204);margin-top: 10px;padding-bottom: 3px;text-align: center;}
.hlavnizalozka a {margin: 0px 1px;padding: 3px 1%;height: 18px;border-top: 2px solid gray;border-right: 2px solid gray;border-left: 2px solid gray;text-decoration: none; text-align:center; color: black;}
.hlavnizalozka a:hover	{background-color: white;}

.neaktzal {border-bottom: 2px solid gray;background: silver;}
.aktzal { border-bottom: 2px solid white;background: white;}

#Ev {display: block;}
#aktEv,#aktAs,#aktAu { /* nelze menit JavaScriptem */ /* background: silver; */}

.okynko {background-color: brown;color: yellow; position: absolute; top: 127px; right: 405px;font-size: 11px;z-index: -1;padding: 5px 20px 3px 20px;}
.okynko a {background-color: brown;color: yellow; text-decoration: none;}
.okynko a:hover {background-color: yellow;color: brown;text-decoration: none;}

.centrovani {width:100%;}
.banner {position:absolute; right:23%; top:5px; }
.kecy {padding: 20px 50px;}