html {text-align: center; font-family: Verdana; font-size: x-small; height: 100%;}
body {margin: auto; background: #FFE066; font-size: 100%; text-align: center; margin-top: 10px;}

div.hlavicka
{
margin: auto;
position: relative;
width: 940px;
height: 220px;
background: url('../photo/logo70.jpg') black center no-repeat;
}
div.hlavicka span {cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 2; background: URL('../images1/logo62.jpg') center center no-repeat; height: 160px; width: 940px;} 
div.telo
{
margin: auto;
width: 940px;
min-height: 520px;
height: 520px;
background: #fffbe2;
display:table;
}
  div.menu1
  {
  margin: auto;
  float: left;
  text-align: left;
  width: 180px;
  height: 100%;
  min-height: 520px;
  *height: 520px;
  *height: 100%;  
  background: #fffbe2;
  border-right: solid black 1px;  
  }
  div.obsah
  {
  margin: auto;
  float: right;
  text-align: right;
  margin-top: 0px;
  margin-left: 0px;
  width: 750px;
  height: 100%;
  min-height: 520px;
  background: #fffbe2;
  display:table;
  }
div.spodek
{
margin: auto;
margin-top: 0px;
width: 940px;
height: 20px;
background: #FFE066 center no-repeat;
border-top: solid #dfca59 1px; 
}
  
  
div.image { position: absolute; margin-left: 500px; margin-top: 10px;}
p.text {font-size: 12px; text-align: justify; margin-left: 20px; margin-right: 20px;}
p.menu1 {font-size: 70%; font-weight: bold; padding-bottom: 0px;}
p.zapati {font-size: 9px; color: gray; text-align: right; margin: 0px; padding: 6px;}
p.text1 {font-size: 12px; text-align: justify; margin-left: 20px; margin-right: 20px;}
p.text2 {font-size: 12px; text-align: center; font-weight: bold; }
p.text3 { font-size: 12px; text-align: center; margin-left: 20px; margin-right: 20px; }

p.odsazeny {font-size: 12px; text-align: justify; margin-left: 20px; margin-right: 20px; text-indent: 20px;}
p.odsazeny1 {font-size: 12px; text-align: justify; margin-left: 20px; margin-right: 20px; text-indent: 80px;}

h2 {margin-top: 15px; text-align: center;}
h3 { text-align: center; font-size: 14px; }
h4 { text-align: left; margin-left: 20px; }
h5 { text-align: left; font-size: 11px; margin-left: 20px; font-weight: bold; margin-bottom: 0px; }
h6 { text-align: left; font-size: 14px; margin-left: 20px; font-weight: bold; margin-top: 0px; margin-bottom: 0px; }

p.datum { text-align: right; margin-right: 20px; }
p.podpis { text-align: right; font-size: 10px; font-style: italic; margin-right: 20px;}
p.pozn {text-align: justify; font-size: 9px; margin-left: 20px; }
p.akce {text-align: left; font-size: 14px; margin-left: 20px; text-decoration: underline; font-weight: bold; margin-bottom: 0px; margin-top: 0px;}

p.blue {color: blue;}


#nav-menu ul
{
list-style: none;
padding-left: 18px;
padding-top: 191px;
margin: 0;
}
#nav-menu li
{
background: #3434ff bottom left;
float: left;
margin: 0 0em;
}
#nav-menu li a
{
height: 25px;
line-height: 25px;
float: left;
width: 113px;
display: block;
color: white;
text-decoration: none;
text-align: center;
}
/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none;
}
/* End hide */
#nav-menu
{
width: 940px;
font-size: 12px;
font-weight: bold;
}
#nav-menu li a:visited
{
height: 25px;
line-height: 25px;
float: left;
width: 113px;
display: block;
color: white;
text-decoration: none;
text-align: center;
}
#nav-menu li a:hover
{
background: #fffbe2 bottom left;
height: 25px;
line-height: 25px;
float: left;
width: 113px;
display: block;
color: black;
text-decoration: none;
text-align: center;
padding-bottom: 4px;
}
#nav-menu li a:active
{
height: 25px;
line-height: 25px;
float: left;
width: 113px;
display: block;
color: ;
text-decoration: underline;
text-align: center;
}
.aktivni {
  background: black bottom center no-repeat;
  }
  
  
#nav-menu1 ul
{
list-style: none;
padding: 53px 16px;
margin: 0px;
text-align: left;
}
#nav-menu1 li
{
background: none;
height: 20px;
line-height: 20px;
width: 150px;
}
#nav-menu1 li a
{
height: 20px;
line-height: 20px;
width: 150px;
display: block;
color: black;
text-decoration: none;
text-align: left;
background: none bottom left;
}
/* Hide from IE5-Mac \*/
#nav-menu1 li a
{
float: none;
padding-left: 4px;
}
/* End hide */
#nav-menu1
{
width: 150px;
font-size: 11px;
font-weight: normal;
}
#nav-menu1 li a:visited
{
height: 20px;
line-height: 20px;
width: 150px;
display: block;
color: black;
text-decoration: none;
text-align: left;
}
#nav-menu1 li a:hover
{
background:  bottom left;
height: 20px;
line-height: 20px;
width: 150px;
display: block;
color: ;
text-decoration: underline;
text-align: left;
}
#nav-menu1 li a:active
{
height: 20px;
line-height: 20px;

width: 150px;
display: block;
color: ;
text-decoration: underline;
text-align: left;
}


table { margin-top: 0%; border-collapse: collapse; }

.ram2 { width: 716px; background-color: white; border: thin solid black; border-top:0px; border-right: 0px; border-left: 0px; }
.ram3 { width: 300px; table-layout: fixed; border: thin solid black; background-color: white;}
.ram4 { width: 716px; }
.ram5 { width: 450px; table-layout: fixed; border: thin solid black; background-color: white;}
.ram6 { width: 150px; table-layout: fixed; border: thin solid black; background-color: white; }
.ram01 { width: 716px; }
.trida { width: 350px; border-bottom: thin solid black; background-color: white; }
.knihovna1 { width: 716px; }
.knihovna2 { width: 716px; background-color: white; border: thin solid black; }

td { padding: 4px; }
td.news { text-align: left; font-size: 12px; font-weight: bold;}
td.datum { text-align: right; font-size: 10px;}

td.dokumenty1 { border: 1px solid black; width: 250px; font-size: 12px; font-weight: bold; text-align: left; }
td.dokumenty2 { border: 1px solid black; width: 380px; font-size: 11px; font-weight: normal; text-align: left; } 
td.dokumenty3 { border: 1px solid black; width: 205px; font-size: 11px; font-weight: normal; text-align: left; } 

td.obr { border: 1px solid black; width: 150px; height: 150px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px; text-align: center; vertical-align: middle; }
td.obr1 { border: 1px solid black; width: 150px; height: 120px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px; text-align: center; vertical-align: middle; }
td.nadpis { width: 150px; height: 20px; border: 1px solid black; font-size: 11px; text-align: center;}

td.rad2 { width: 30px; font-size: 12px; text-align: left; }
td.rad1 { width: 460px; font-size: 12px; font-weight: bold; text-align: left; }   
td.rad3 { font-size: 12px; text-align: left; }
td.rad4 { width: 716px; font-size: 12px; font-weight: bold; text-align: left; } 

td.cislo { width: 30px; font-size: 12px; text-align: justify; vertical-align: top;}
td.text { font-size: 12px; text-align: justify; } 
td.text2 { font-size: 12px; }
td.zarovnani1 { text-align: left; }
td.zarovnani2 { text-align: right; }
td.textme { font-size: 9px; }
td.text1 { font-size: 10px; text-align: center;}

td.predmety { width: 210px; font-size: 11px; border: solid 1px black}
td.predmety1 { width: 210px; font-size: 12px; font-weight: bold; border: solid 1px black}

td.ctyrka { width: 157px; font-size: 11px; border: solid 1px black; }
td.ctyrka1 { width: 157px; font-size: 11px; border: solid 1px black; font-weight: bold; }

td.zamestnanci { width: 111px; border: solid 1px black; text-align: center; padding: 0px; vertical-align: center;}
td.zamestnanci10 { width: 500px; height: 27px; font-size: 11px; border: solid 1px black; }

td.ucitele { width: 200px; font-size: 10px; border: solid 1px black; }
td.ucitele1 {width: 120px; font-size: 10px; border: solid 1px black; }
td.ucitele2 { width: 60px; font-size: 10px; border: solid 1px black; }
td.ucitele3 { width: 250px; font-size: 10px; border: solid 1px black; }

td.ucitele20 { width: 180px; font-size: 10px; border: solid 1px black; }
td.ucitele21 {width: 90px; font-size: 10px; border: solid 1px black; }
td.ucitele22 { width: 60px; font-size: 10px; border: solid 1px black; }
td.ucitele23 { width: 300px; font-size: 10px; border: solid 1px black; }

td.zamestnanci1 { width: 150px; font-size: 10px; border: solid 1px black; }
td.zamestnanci2 {width: 230px; font-size: 10px; border: solid 1px black; }
td.zamestnanci3 { width: 250px; font-size: 10px; border: solid 1px black; }

td.tabule { width: 105px; height: 96px; text-align: center; vertical-align: center;}

td.trida1 { width: 100px; font-size: 12px; text-align: left; border: 1px solid black; }
td.trida2 { width: 250px; font-size: 12px; font-weight: bold; text-align: left; border: 1px solid black; }
td.trida3 { width: 30px; font-size: 11px; text-align: left; border: 1px solid black; }
td.trida4 { width: 100px; margin-left: 4px; border-bottom: 1px solid black; border-top: 1px solid black; }
td.trida5 { width: 250px; font-size: 11px;  margin-left: 20px; font-weight: bold; text-align: left; border-bottom: 1px solid black; border-right: 1px solid black; border-top: 1px solid black; }    

td.knihovna1 { width: 21px; font-size: 12px; font-weight: bold; text-align: center; }
td.knihovna01 { width: 40px; font-size: 11px; text-align: left; background-color: white; border: thin solid black;}
td.knihovna02 { width: 210px; font-size: 11px; text-align: left; background-color: white; border: thin solid black;}
td.knihovna03 { width: 100px; font-size: 11px; text-align: left; background-color: white; border: thin solid black;}


li.table { margin: 0px; text-align: left; font-size: 11px; font-weight: normal;}
li.odkaz { margin: 0px; text-align: left; font-size: 12px; font-weight: bold; }
li.cislovane { margin: 0px; text-align: left; font-size: 12px; list-style-type: decimal;}
li.seznam { margin: 2px; text-align: left; font-size: 12px; font-weight: normal;}
li.rady { margin: 2px; margin-bottom: 8px; margin-right: 10px; text-align: left; font-size: 12px; list-style-type: decimal;}
li.ucosnovy { margin-left: 0px; text-align: left; font-size: 12px; font-weight: bold; list-style-type: circle;}
li.nadpis { font-weight: bold; margin: 0px; text-align: left; font-size: 12px; list-style-type: circle;}

ul.table { text-align: left; font-size: 12px; font-weight: bold;}


a.li { text-decoration:none; color: black;}


a {
  text-decoration:none;
  color: black;
}
a:hover {
  text-decoration:underline;
}
a:active {
  text-decoration:underline;
}
a {color: blue;}
*> {color: inherit;}
a:visited {color: purple;}
a:hover {color: blue;}