@media all {

*
{
margin: 0;
padding: 0;
border: 0 none;
}

html
{
height: 100%;
overflow: yes; /*Nutné kvůli řešení menu přes ul: jakmile se zobrazí a je větší (u topmenu i leftmenu), přeblikává to tím, jak se objevuje a mizí posuvník.*/
}

body
{
font: 80% Tahoma, sans-serif;
text-align: center;
}

div#obal /*Matrjoška pro řešení Box model bug IE.*/
{
margin: auto;
width: 780px;
}

div#page
{
/*Pokud by se tu definovala barva pozadí, bylo by potřeba vyřešit Peekaboo bug!!! Viz kr1pros, kde je vyřešen.*/
min-height: 100%;
background: url('images/menu1-vzad.jpg') repeat-y 0 23px; /*Pro 7 položek menu je optimální 15px, pro 8 položek 5px; pro kompromis kvůli 8 v angl. verzi a 7 v české 23px, 25 je lepší, ale vyčuhuje v IE*/
border: 1px solid black;
}


div.clearing
{
clear: both;
}

div.clear
{
clear: both;
}

div#header
{
background: #9A0000 url('images/top3.jpg') top center no-repeat;
height: 131px;
width: 778px;
}

/*HORNÍ A LEVÉ MENU*/

div#topmenu
{
height: 3ex; /*Nezadání výšky vede k chybám, tak aspoň zadávám ne jako 23px, ale v relativních jednotkách.*/
/*width: 778px; Šířku zde není dobré nastavovat; není to potřeba a vyžaduje to řešení box model bugu: FF a Opera odsune doprava, protože padding započítává do šířky elementu.*/
background: black;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 196px;
}

div#topmenu li
{
float: right;  /*Položky horního menu plavou vpravo; proto jsou v kódu zapsány opačně - působením float right se seřadí dobře. Je to jistější řešení než display: inline, které by v některých prohlížečích nemuselo fungovat.*/
list-style: none;
color: white;
margin: 0;
position: relative;
padding-right: 15px;
text-align: left;
}

div#topmenu li a
{
color: white;
text-decoration: none;
zoom: 1;
}

div#leftmenu
{
float: left;
width: 196px;
background: #D2D2D2;
line-height: 100%; /*Toto napravilo příliš velké mezery mezi položkami menu, které roztahovaly menu až pod dolní okraj obrazovky.*/
}

div#leftmenutext
{
margin-left: 20px;
margin-top: 12px;
text-align: left;
}

div#leftmenu ul
{
text-align: left;
}

div#leftmenu li
{
float: none;  /*Položky levého menu neplavou.*/
position: relative;
margin: 0;
padding-left: 21px; /*Místo pro kostku*/
padding-right: 15px;
list-style: none;
background: url('images/kostka1.jpg') no-repeat 0.1em 1.5ex;
text-align: left;
}

div#leftmenu li a
{
color: black;
text-decoration: none;
display: block; /* tohle IE děsně rozhodi, proto v další deklaraci potřebujeme hack */
zoom: 1; /* aby IE ziskal layout; viz hasLayout v Googlu*/
padding: 8px 0; /* aby myš nevyletla z vymezeneho prostoru */
}

* html div#leftmenu li a
{
/*hack*/
display: inline;
}

div#topmenu li a:hover
{
text-decoration: underline;
}

div#leftmenu li a:hover
{
color: #c00;
}

div#topmenu li:hover ul, div#leftmenu li:hover ul, div#topmenu li.hover ul, div#leftmenu li.hover ul
{
display: block; /*kdyz mys prejede pres polozku menu, zobrazi se podmenu, ktere je ve vychozim stavu skryte.*/
}

div#topmenu li ul, div#leftmenu li ul
{
position: absolute; /* podmenu je pozicovane absolutne v ramci polozky hlavniho menu */
padding: 0;
padding-top: 8px; /*Aby se menu zobrazovalo až pod topmenu, a přitom myš při přejetí na rozbalenou nabídku neopustila pole (DZ).*/
margin: 0;
width: 200px;
top: 12px;
left: 6px;
display: none;  /* ve vychozim stavu skryte */
z-index: 5;
}

div#leftmenu li ul
{
left: 130px;
top: 0;
}

div#topmenu li ul a, div#leftmenu li ul a
{
color: black;
display: block; /* do aby odkaz zabiral celou sirku polozky menu;
                   display: block == width: 100% */
padding: 4px 5px 4px 1.5em;
border-bottom: 1px solid #ccc;
background: #eee url('images/kostkamala.jpg') 0.4em 1ex no-repeat;
}

div#topmenu li ul a.predel, div#leftmenu li ul a.predel
{
/*Předěl v rozbalovacím menu (výraznější oddělovač položek).*/
border-bottom: 1px solid #777;
}

div#topmenu li ul a:hover, div#leftmenu li ul a:hover /*DZ*/
{
color: #FFF;
background: #AAA url('images/kostkamala.jpg') 0.4em 1ex no-repeat;
text-decoration: none;
}

div#topmenu li li, div#leftmenu li li
{
margin: 0;
padding: 0;
list-style: none outside;
float: none; /*Viz následující hack.*/
}

* html div#leftmenu li li
{
/*V IE byla jedna chyba: float none pod div#leftmenu li li dělalo mezery mezi položkami podnabídky, pokud 3. úroveň menu měla víc řádků než příslušná položka 2. úrovně. Nevím přesně proč, ale float: left to spravilo. Ale zase způsobilo zrušení fixní šířky ve FF (šířka se přizpůsobila textu), takže to vyřešíme tímto hackem. Jinak to taky lze vyřešit bez hacku: float: left v základní definici plus tam nastavit width: 200px;*/
float: left;
}

div#leftmenu li ul ul, div#topmenu li ul ul /*DZ; 3. úroveň menu*/
{
position: absolute;
padding: 0;
margin: 0;
margin-left: 200px;
border-left: 2px solid white;
width: 200px;
top: 0;
left: 0;
display: none;
z-index: 5;
}

div#topmenu li ul li ul li, div#leftmenu li ul li ul li, div#topmenu li ul li ul li, div#leftmenu li ul li ul li /*DZ; 3. úroveň menu - položka podpodnabídky*/
{
display: none;
}

div#topmenu li ul li:hover ul li, div#leftmenu li ul li:hover ul li, div#topmenu li ul li.hover ul li, div#leftmenu li ul li.hover ul li /*DZ; 3. úroveň menu - položka podpodnabídky při přejetí položky podnabídky*/
{
display: block;
}

* html div#leftmenu li ul li ul li a
{
/*hack pro 3. úroveň menu*/
display: inline;
width: 200px; /*Definice v li u 3. úrovně v IE nestačila: poslední položka podpodnabídky měla z nějakého důvodu menší šířku.*/
}

* html div#topmenu li ul li ul li a
{
/*hack pro 3. úroveň menu*/
display: inline;
width: 200px; /*Definice v li u 3. úrovně v IE nestačila: poslední položka podpodnabídky měla z nějakého důvodu menší šířku.*/
}

div#main
{
margin-left: 196px;
padding: 15px; /*Pozor zde na rozjetí designu pro IE na stránce promeny.htm a ve všech bc. příručkách působením přesného napočítání šířek a box model bugu (započítávání paddingu do šířky elementu).*/
text-align: justify;
}

/*Řešení italics bugu.*/
/* \*/
* html div#main { overflow: hidden; o\verflow: visible; he\ight: 1%; }
/* */

div#footer
{
clear: both;
width: 100%;
}

div.aktuality
{
height: 250px;
overflow: auto;
margin: 0 25px 25px 25px;
padding: 0 25px 0 20px;
font: 90%/1.2 Tahoma, sans-serif;
}

div.aktualita
{
margin-bottom: 15px;
}

div.aktualita h2
{
margin: 0;
font: 100% Tahoma, sans-serif;
font-weight: bold;
text-indent: -12px;
letter-spacing: 0;
}

div.aktualita h3
{
margin: 0;
letter-spacing: 0;
font-style: italic;
font-weight: normal;
}


h1
{
font-size: 145%;
text-align: left;
margin-bottom: 5px;
padding-left: 21px; /*Místo pro kostku*/
background: url('images/kostka1.jpg') no-repeat;
background-position: 0px 3px;
}

h2
{
font-size: 115%;
text-align: left;
margin-top: 10px;
letter-spacing: 0.2em;
}

h2.autor
{
font-size: 115%;
letter-spacing: 0;
}

h2.neviditelny /*Dávám tam, kde je nadpis dělaný obrázkem; pro media aural bude display: block. Funkčnost řešení otestována nevidomou. Ale pozor, zrušeno, lepší je dát normálně h2, mezi to obrázek a jemu přiřadit odpovídající alt.*/
{
display: none;
}

table + h2
{
margin-top: 5px;
}

h3
{
margin-top: 10px;
font-size: 110%;
text-align: left;
letter-spacing: 0.1ex;
}

table + h3
{
margin-top: 0px;
}

h3.decor
{
padding-left: 13px; /*Místo pro kostku*/
background: url('images/kostkamala.jpg') no-repeat;
background-position: 0px 3px;
}

h4
{
margin-top: 10px;
font-size: 100%;
text-align: left;
font-style: italic;
margin-left: 10px;
}

h5
{
margin-top: 8px;
font-size: 100%;
text-align: left;
font-weight: normal;
font-style: italic;
margin-left: 20px;
letter-spacing: 0.6ex;
}

h6
{
margin-top: 5px;
margin-left: 30px;
font-size: 100%;
text-align: left;
font-style: italic;
font-weight: normal;
}

p
{
margin-top: 0;
margin-bottom: 10px;
}

p.MsoEndnoteText, p.Ftnttxt
{
font-size: 85%;
margin-bottom: 2px;
margin-left: 2em;
text-indent: -1em;
}

p.bg
{
margin-top: 0.3ex;
margin-bottom: 0;
margin-left: 30px;
text-indent: -30px;
}

p.MsoToc1
{
font-weight: bold;
}

p.MsoToc2
{
margin-left: 30px;
}

p.smaly
{
font: 80%;
color: #B0B0B0;
margin: 0;
}

blockquote
{
margin-top: 2.5ex;
padding-left: 30px;
background: url('images/uvozovky.png') no-repeat 0 0;
}

sup
{
font-size: 70%;
}

.fleft
{
float: left;
margin-right: 10px;
}

.fright
{
float: right;
margin-left: 10px;
}

div.lang /*Oblast odkazu na jinou jazykovou verzi*/
{
float: right;
margin-left: 10px;
}


.ac, .center
{
text-align: center;
}

.ar
{
text-align: right;
}


img.main
{
margin-left: 15px;
margin-bottom: 15px;
float: right;
}

ul
{
margin: 5px 0 5px 0;
list-style-position: outside;
}

ul ul li
{
list-style-type: circle;
list-style-position: outside;
}

ol li
{
list-style-type: decimal;
}

li
{
margin-top: 0;
margin-right: 0;
margin-bottom: 0.5em;
margin-left: 2em;
text-align: justify;
list-style-position: outside;
list-style-type: disc;
}

li.li2
{
margin-left: 4em;
list-style-type: circle;
}

li.li3
{
margin-left: 6em;
list-style-type: square;
}

table
{
border: 0 none;
margin: 0;
border-collapse: collapse;
margin-bottom: 5px;
margin-top: 2px;
}

table > h2
{
margin-bottom: 0px;
}

table > h3
{
margin-bottom: 0px;
}

tr
{
margin: 0;
padding: 0;
}

th
{
font-weight: normal;
font-style: italic;
border: 0;
padding-left: 3px;
padding-right: 3px;
vertical-align: top;
text-align: left;
}

td
{
margin: 0;
padding-left: 3px;
padding-right: 3px;
font: 80% Tahoma, sans-serif;
color: #000000;
vertical-align: top;
}

td p
{
/*Wordovská syntaxe buněk; zde nebudeme odstavce odsazovat*/
margin-bottom: 0;
padding: 3px 0 3px 0;
}

table.religio
{
vertical-align: top;
}

table.religio th
{
padding: 5px 25px;
vertical-align: top;
text-align: center;
}

table.religio td
{
vertical-align: top;
padding: 5px 25px;
text-align: center;
}

table.religio tr td:first-child
{
font-weight: bold;
}

div.religio
{
padding-left: 19px;
background: url('images/kostkamala.jpg') no-repeat 3px 3px;
}

div.karta
{
width: 150px;
float: right;
text-align: center;
margin-left: 10px;
}

div.karta div.obalka
{
margin-bottom: 10px;
}

div.karta div.zadni
{
float: left;
text-align: left;
}

div.karta div.obsah
{
float: right;
}

div.kartatext
{
width: 388px;
float: left;
}


#dropmenudiv{
position:absolute;
border:1px solid black;
font:bold 12px Verdana;
line-height:22px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 5px;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #D7CEC8;
}

a:link
{
color: #9A0000;
text-decoration: underline;
}

a:visited
{
color: #9A0000;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}

a
{
text-decoration: none;
}

a.pdf
{
padding: 0 0 0 22px;
background: url('images/pdf.gif') no-repeat 0 0;
}

h2 a:hover
{
/*a name v rámci nadpisů*/
text-decoration: none;
}

h3 a:hover
{
/*a name v rámci nadpisů*/
text-decoration: none;
}

a.en
{
padding: 0 0 0 18px;
background: url('images/anglvlajka.gif') no-repeat 0 0.4ex;
}

a.cz
{
padding: 0 0 0 18px;
background: url('images/czvlajka.gif') no-repeat 0 0.08em;
}


}







@media print {


body
{
margin: 0;
text-align: justify;
}

div#obal
{
width: 100%;
}

div#page
{
border: none;
background: none;
margin-right: 50px; /*Nutné, jinak FF 2.0 uřezává vpravo text!*/
}

* html div#page
{
/*Hack, aby v IE margin-right nebyl: je tam nežádoucí..*/
margin-right: 0;
}

div#header
{
display: none;
}

div#nadleftmenu
{
display: none; /*Pro Operu; nestačilo jí display:none nadřazeného elementu div header.*/
}

div#topmenu
{
display: none; /*Pro Operu; nestačilo jí display:none nadřazeného elementu div header.*/
}

div#topmenu table
{
display: none;
}
/*Kvůli starému designu, který dělá obsah topmenu přes tabulky; i přes header display none se "tabulky" zobrazovaly.*/

div#leftmenu
{
display: none;
}

div#main
{
margin: 0;
text-align: justify;
}

h1
{
margin-top: 0;
margin-right:0;
margin-bottom:1.0cm;
margin-left:0;
text-align: center;
page-break-after:avoid;
font-size: 20.0pt;
font-weight:bold;
}

h2
{
margin-top:0.5cm;
margin-right:0;
margin-bottom:0.3cm;
margin-left:0.5cm;
text-align:left;
page-break-after:avoid;
font-size:16.0pt;
font-weight:bold;
}

h3
{
margin-top: 0.4cm;
margin-right: 0;
margin-bottom: 0.1cm;
margin-left: 0.5cm;
text-align: left;
page-break-after: avoid;
font-size:14.0pt;
font-weight:bold;
letter-spacing: 0;
}

h4
{
margin-top:12.0pt;
margin-right:0cm;
margin-bottom:8.0pt;
margin-left:0.5cm;
text-align:left;
page-break-after:avoid;
font-size:12.0pt;
font-weight:bold;
}

h5
{
margin-top:8.0pt;
margin-right:0cm;
margin-bottom:4.0pt;
margin-left:42.5pt;
text-align: left;
page-break-after:avoid;
font-size:10.0pt;
font-weight:bold;
font-style:italic;
}

h6
{
margin-top:8.0pt;
margin-right:0cm;
margin-bottom:4.0pt;
margin-left:42.5pt;
text-align: left;
page-break-after:avoid;
font-size:10.0pt;
font-weight:normal;
font-style:italic;
}

p
{
margin: 0 0 0.2cm 0;
text-indent: 0.5cm;
font-size: 10pt;
text-align: justify;
}

td p
{
/*Wordovská syntaxe tabulek, se kterou je třeba počítat.*/
text-indent: 0;
}

p.MsoEndnoteText
{
text-indent: 0;
}

li
{
font-size: 10pt;
}

td
{
font-size: 10pt;
}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p
{
text-indent: 0;
}

img.main
{
padding: 15px
}

}



@media aural {
/*Pro hlasové čtečky. Vyzkoušeno, že display: none je pro ně neviditelné, kupodivu to ale platilo i pro odkaz na pracovnici.php - zvláštní. IE to ani nenašel na Ctrl+F, když byl "překryt" aplikací hlasové čtečky. Testoval a navrhl DZ.*/

div#topmenu li
{
display: block;
}

div#topmenu ul
{
display: block;
}

div#leftmenu li
{
display: block;
}

div#leftmenu ul
{
display: block;
}

div#topmenu li ul, div#leftmenu li ul
{
display: block;
}

div#leftmenu li ul ul /*DZ; 3. úroveň menu*/
{
display: block;
}

div#topmenu li ul li ul li, div#leftmenu li ul li ul li, div#topmenu li ul li ul li, div#leftmenu li ul li ul li /*DZ; 3. úroveň menu - položka podpodnabídky*/
{
display: block;
}

h2.neviditelny
{
display: block;
}

}