body   	          { background-color: #00B3A2; color: black; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 80%; margin:5px 1px 0px 1px;	padding: 0px } 

#levyo        { position: absolute; width: 140px; top: 5px; left: 1px; padding: 0; border: none  }

#levy             { width:auto; background-color: #005AB8; color: white; border: 1px #80FF9D solid; padding: 6px; }

.sloupeco     { margin-left: 140px; margin-right: 140px; margin-top: 0px; padding: 0; border: none; }

#sloupec          { width: auto; background-color: #00C22D; margin: 5px; padding: 10px; border: 1px #80FF9D solid; }

#pravyo       { position: absolute; width: 140px; top: 5px; right: 1px; padding: 0; border: none  }

#pravy            { width: auto; background-color: #005AB8 ; color: white;  padding: 6px; border: 1px #80FF9D solid; }

#hlavicka         { width:auto; display: block; text-align: center; background-color: #BFDEFF; margin: 5px; padding: 0px; border: 1px #80FF9D solid }

#menu a           { display: block; width: 100%; height: 30px; background-color: #00B3A2; color: #669966; background: url("menu.jpg") 0 0 no-repeat; text-decoration: none } 

#menu a:hover     { background: url("KKO_soubory/menu.jpg") 0 -32px no-repeat; background-color: #00B3A2; color: #ffffff } 

#menu a:active    { background: url("KKO_soubory/menu.jpg") 0 -64px  no-repeat; background-color: #00B3A2; color: #ffffff } 

div.outer         { background: url("menu.jpg") 0 -32px no-repeat } 

div.outer a       { display: block; margin: 0; padding: 0.5%; width: 100%; height: 100%; 
                  overflow: hidden; background: url("menu.jpg") top left no-repeat } 

div.outer span    { display: block; margin:0; padding: 8px 25px 0 10px } 


#zapati { display: block; font-size: 90%; text-align: center; margin: 0; padding: 2px 6px 2px 6px; color:                     #BFFFCE; background-color: #008820; border-style: none; border-width: 5px }

#zahlavi  { display: block; font-size: 90%; text-align: center; margin: 0; padding: 2px 6px 2px 6px; color:                     #BFFFCE; background-color: #008820; border-style: none; border-width: 5px }

h1                { color: #003f82; font-size: 2em; margin: 1.2em 0px 0.4em 0px; }
.prvni            { margin: 0.4em 0px 0.4em 0px; }
h2                { color: #003f82; font-size: 1.7em; margin: 1.2em 0px 0.3em 0px;  }
h3                { font-size: 1.4em; margin: 1.2em 0px 0.3em 0px;  }
.druhy            { color: #003f82} 

p                 { margin: 0px 0px 1em 0px; }
.stred            { text-align: center}
.standard         { margin: 0px 15px 1em 15px; }
.vlevo            { text-align: left}
li.standard       { padding-left: 6px; list-style-image: url('KKO_soubory/puntik1.jpg') }
ul.modry          { margin: 0px 0px 6px 10px; }
li.modry          { margin: 0px 0px 6px 6px; padding-left: 3px; list-style-image: url('KKO_soubory/puntik2.gif') }

a:link {font-weight: bold; background-color: #005AB8; color: #BFDEFF}
a:visited {font-weight: bold; background-color: #005AB8; color: #80BEFF}
a:hover {font-weight: bold; background-color: #005AB8; color: #003F81}
a:active {font-weight: bold; background-color: #005AB8; color: #669966}

a:link.vodorovne {font-weight: bold; background-color: #008820; color: #BFDEFF}
a:visited.vodorovne {font-weight: bold; background-color: #008820; color: #80BEFF}
a:hover.vodorovne {font-weight: bold; background-color: #008820; color: #003F81}
a:active.vodorovne {font-weight: bold; background-color: #008820; color: #669966}

table       { table-layout:auto; border: 3px #80FF9D solid; border-collapse: collapse;  margin: 0px 0px 15px 0px; }
td          { width:auto; padding: 0px 6px 3px 6px;  border: 1px #80FF9D solid;}
.sirka      { width: 120px; padding: 0px 6px 3px 6px;  border: 1px #80FF9D solid; text-align: center}

.mini             { font-size: x-small; }
img  {border:none}