@media all {

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

html
{
height: 100%;
overflow: yes; /*Nutné kvuli ř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, kdyby zde toto nebylo.*/
}

body
{
text-align: center; /*Nutné pro vycentrování celého designu v IE.*/
font: 80%/1.5 "Verdana regular", Verdana, sans-serif; /**/
padding-bottom: 40px;
background: #FFF; /*Lepší deklarovat, jinak je vše výchozí barvou uživatele, např. šedou, ale jiné elementy, např. block quote, jsou s bílým pozadím... Raději tedy deklarovat.*/
}

div#obal /*Matrjoška pro řešení Box model bug IE, kdyby se později vyskytl.*/
{
margin: auto;
width: 950px;
}

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


.clearing
{
clear: both;
}

div#header
{
background: #FFF url('images/logocz.png') top left no-repeat;
background-position: 0px 30px;
height: 120px;
}

div#headeren
{
background: #FFF url('images/logoen.png') top left no-repeat;
background-position: 0px 30px;
height: 120px;
}

div#header.en
{
background: #FFF url('images/logoen.png') top left no-repeat;
}


/*VYHLEDÁVACÍ POLÍČKO*/

div#search
{
float: right;
margin-top: 90px;
/*position: absolute;
top: 90px;
left: 938px; 938px je přesné zarovnání doprava; 100% ani zarovnávání k right nepřináší
dobré výsledky.*/
background: url('images/lupa.png') no-repeat 3px 2px;
border: 1px solid #ccc;
height: 2.5ex;
width: 150px;
}


/*MENU;
pozor, pro správné fungování v IE potřebuje přilinkovaný soubor HTC!*/

body {
        behavior: url("hover.htc"); /*Pro správný hover v IE.*/
}
#topmenu {
        background: #000;
        width: 100%;
        overflow: visible;
        height: 2em;
        line-height: 2em;
        position: relative;
        margin-bottom: 20px; /*vertikální odsazení div main*/
}
#topmenu ul {
        margin: 0;
        padding: 0;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
}
#topmenu li {
        float: left;
        padding: 0;
        margin: 0;
        background: none;
}
#topmenu ul ul {
        position: relative;
        visibility: hidden;
        line-height: 1.5;
        width: auto;
}
#topmenu li {
        height: 2em;
        overflow: hidden;
}
#topmenu li:hover, #topmenu li li {
        height: auto;
}
#topmenu li:hover, #topmenu li ul {
        background: #CC3366;
}
#topmenu li:hover ul {
        visibility: visible;
}
#topmenu ul ul a {
        display: block;
        padding: 5px 10px 5px 20px; /*pravý padding vypadá lépe 25px, ale zase to odsune odkaz Odkazy, takže je tam větší mezera než mezi jinými, proto zůstanu u 10px*/
        position: relative;
}
#topmenu ul ul a:hover, #topmenu li li:hover {
        background: #6C6468;
}
#topmenu a {
        color: #FFF;
        padding: 0px 20px;
        text-decoration: none;
        display: block; /*Aby se roztáhl odkaz na celou plochu i v nejvyšší úrovni nabídky*/
}
#topmenu a.prvni {
        padding: 0px 25px 0px 35px;
}

#topmenu li li {
        float: none;
        display: inline;
        vertical-align: top;
}
#topmenu li li:hover {
        background: #6C6468;
}
#topmenu li.fright {
        float: right;
}

div#topmenu li a.en, div#topmenu li a.cz

{
padding-right: 35px;
padding-left: 35px; /*místo pro vlajku*/
background-position: 0.8em 1ex;
}


/*VLASTNÍ DVOUSLOUPCOVÝ DESIGN*/

div#leftright
/*Obalový div zahrnující oba sloupce. Na pozadí se opakuje 1px tečka, která tvoří svislou čáru nezávislou na délce kteréhokoli z obou sloupců.*/
{
background: url('images/pixel.png') repeat-y 609px 0px;
}


div#mainobal1
{
width: 609px;
float: left;
}

div#mainobal2
{
/*border-right: 1px solid #ccc;*/
padding-right: 35px;
margin-top: -8px; /*Vypozorováno jako nutné, aby svislá čára (border mainobal2) začínala
na účaří s ornamentem. V IE to bylo správně a toto to nepokazí, ve FF to bylo špatně
a toto to napravilo.*/
}

div#main
{
text-align: left;
}

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

div#rightcolobal1
{
width: 338px; /*340 při někt. zvětšeních již vedlo ke skákání v IE při dlouhém pravém sloupci*/
float: right;
}

div#rightcolobal2
{
/*Kdyby bylo třeba nastavit rightcol padding či border, tak sem (matrjoška)*/
}

div#rightcol
{
text-align: left;
}

div#mainimg
{
margin: 0;
float: right;
margin-bottom: 20px; /*Optimální řešení odsazení nadpisu ČSR od obrázku - nejlepší
ve FF, IE i Opeře.*/
}

* html div#mainimg
{
margin-right: -3px; /*V IE zlobilo zarovnání obrázku na pravé účaří menu, nutno hack. Další řešení
je dát obr. na pozadí mainimg, ale vzhledem k výhledu na jeho náhodné střídání to je nevhodné.*/
}

div#infocsr
{
margin-left: 40px;
margin-bottom: 2ex;
}

div#infocsr p
{
line-height: 190% !important; /*Bez important to min. FF z nějakého důvodu nebere.*/
}


div#aktuality
{
margin-left: 30px;
padding-left: 10px;
margin-bottom: 2ex;
border-top: 3px solid #cc3366;
}

div.aktualita
{
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
}

div#religio
{
margin-left: 30px;
padding-left: 10px;
margin-bottom: 2ex;
border-top: 3px solid #cc3366;
}

div.cislorel
{
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
background: url('images/sipka3.png') no-repeat;
background-position: 90% 20px;
}

div#footer
{
margin-left: 30px;
padding-left: 10px;
padding-top: 1.5ex;
border-top: 3px solid #cc3366;
}

h1, h2, h3, h4
{
font-family: Georgia, Verdana, serif;
}


h1
{
font-size: 195%;
text-align: left;
font-weight: normal;
letter-spacing:0.03em;
margin-top: 1.5ex;
}

h1.podtitul
{
font-size: 145%;
margin-top: 0;
}

h2
{
font-size: 145%;
margin-top: 2ex;
font-weight: normal;
font-style: italic;
letter-spacing:0.03em;
}

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

div#rightcol h2
{
margin-top: 1.5ex;
font-weight: bold;
font-style: normal;
font-size: 120%;
}

div#rightcol h3
{
margin-top: 0;
font-weight: normal;
font: 90% "Verdana regular", Verdana, sans-serif; /**/
text-transform: uppercase;
}

p.autor
{
color: #777777;
margin-top: 1.5ex;
font: 90% "Verdana regular", Verdana, sans-serif; /**/
}

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: 2ex;
font-size: 130%;
text-align: left;
font-weight: normal;
letter-spacing: 0.1ex;
}

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

h4
{
margin-top: 10px;
font-size: 110%;
text-align: left;
font-style: italic;
font-weight: normal;
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: 1ex;
}

p.MsoEndnoteText
{
font-size: 8pt;
margin-bottom: 2px;
}

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

p.o
{
/*odsazený odstavec; odsazen stejně jako block quote*/
padding-left: 60px;
}

div#rightcol p
{
margin-top: 0.7ex;
font: 90% "Verdana regular", Verdana, sans-serif; /**/
}

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


sup
{
font-size: 75%;
}

.fleft
{
float: left;
}

.fright
{
float: right;
}

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


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

.ar
{
text-align: right;
}


img
{
border: 0 none;
}

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

ul
{
margin: 5px 0 5px 20px;
}

ul li
{
list-style-type: none;
padding-left: 15px;
background: url('images/odrazka.png') no-repeat;
background-position: 0 1ex;
text-align: left; /*bylo třeba dodat*/
}

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

ul ul li
{
margin-left: 5px; /*Jinak příliš odsazeno asi na základě definice padding-left selektoru ul li na 15px*/
list-style-type: none;
padding-left: 15px;
background: url('images/odrazka2.png') no-repeat;
background-position: 0 1.6ex;
}

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
{
/*NENASTYLOVÁNA. TS: "Tabulka by měla být v duchu celých stránek, tj. bez zbytečných rámečků a grafiky -- buňky záhlaví se světlým pozadím (sépiová), speciální buňky barevně inverzní (růžové pozadí, bílý text), zbytek na bílém pozadí se zarovnáním textu na vertikální účaří. Až to bude aktuální, poslal bych Vám návrh nějaké strukturované tabulky."*/
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: 80%/1.5 "Verdana regular", Verdana, sans-serif;
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%/1.5 "Verdana regular", Verdana, 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;
}

.accessibility
{
position: absolute;
left: -1000em;
top: -1000em;
}

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


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

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

a:hover
{
color: #555555;
}

a
{
text-decoration: none;
}

div.cislorel a:link
{
color: #000;
text-decoration: none;
}

div.cislorel a:hover
{
color: #000;
text-decoration: none;
}

div.cislorel a:visited
{
color: #000;
text-decoration: none;
}

div.cislorel a:active
{
color: inherit;
text-decoration: none;
}

div.cislorel a
{
color: inherit;
text-decoration: none;
padding-right: 70%;
}

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

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 20px;
background: url('images/vlajkaen.png') no-repeat 0 0.2em;
}

a.cz
{
padding: 0 0 0 20px;
background: url('images/vlajkacz.png') no-repeat 0 0.2em;
}

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


}







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

}