html, body {
    /* Oprava bugu Opery pri pouziti thickboxu */
    min-height: 100%;
}

body {
    margin: 0;
    padding: 0 16px;
    text-align: center;
    font: 100% 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
    color: #333;
    background: #FFF;
    background-image: url(../grafika/sikmy-prouzek.gif);
}

a {
    color: #00487D;
    background: transparent;
}
a:visited {
    color: #333;
    background: transparent;
}
a:hover {
    text-decoration: none;
}

abbr, acronym {
     border-bottom: 1px dotted #333;
     cursor: pointer;
     cursor: help;
}

address {
    font-style: italic;
}

blockquote {
    /*padding: .5em .5em .5em .5em;*/
    /*margin-left: 40px;
    margin-right: 40px;*/
    margin: 1em 5em;
    padding: .8em .75em .05em .75em;
    display: block;
    color: #333;
    background: #F5F5F5;
    font-family: 'Georgia CE', 'Times New CE', 'New York CE', Georgia, times, serif;
}

h1, h2, h3, h4, caption {
    clear: left;
    margin: .5em 0 .4em 0;
    font-weight: bold;
}
h1, h1 a, h1 a:visited {
    color: #00487D;
    background: #FFF;
}
h2, h2 a, h2 a:visited {
    color: #F60;
    background: #FFF;
}
h3, h3 a, h3 a:visited {
    color: #333;
    background: #FFF;
}
h4, h4 a, h4 a:visited {
    color: #555;
    background: #FFF;
}
h1 {
    font-size: 2.25em;
}
h2 {
    font-size: 1.75em;
}
h3 {
    font-size: 1.4em;
}
h4, caption {
    font-size: 1.1em;
    text-align: left;
}

pre, code {
    font-family: "Monospace font handling in Firefox is braindead", monospace;
    font-size: 1em;
}
pre {
    padding: .2em .4em;
    color: #333;
    background: #F0F0F0;
}

img {
    padding: 3px;
    border: 1px #999 solid;
    vertical-align: text-top;
    font-size: .8em;
    color: #333;
    background: #FFF;
}
img.levy {
    clear: left;
    float: left;
    margin: 0 1.3em 1em 0;
}
img.pravy {
    clear: right;
    float: right;
    margin: 0 0 1em 1.3em;
}
a img {
    color: #333;
    background: #FD8;
    border: 1px #F60 solid;
}
a:hover img {
    color: #333;
    background: #F95;
}

p, pre, ol, ul, dl, table {
    margin: 0 0 .8em 0;
}

ol {
    list-style: lower-alpha outside;
    padding: 0 0 0 1.8em;
}
ul {
    list-style: none outside;
    padding: 0;
}
ol li {
    padding: 0;
    margin: 0 0 .15em 1.4em;
}
ul li {
    padding: 0 0 0 1.4em;
    margin: 0 0 .15em 1.4em;
    background: transparent url(../grafika/seznam-odrazka.gif) no-repeat .5em .5em;
}

dt {
    font-weight: bold;
}
dd {
    margin: 0 0 .5em 1.5em;
}

table {
    width: 100%;
    border: 0 none;
    border: #999 solid;
    border-width: 0 1px 1px 0;
    border-spacing: 0;
    text-align: left;
}
thead {
    color: #333;
    background: #BFE4FF;
}
tbody {
    color: #333;
    background: #E5F4FF;
}
th, td {
    padding: .2em .3em .3em .3em;
    border: #999 solid;
    border-width: 1px 0 0 1px;
    vertical-align: top;
}


/**
 * Pomocnik
 */
.skryte, .tisk {
    display: none !important;
}

.cistic {
    clear: both;
    width: 100%;
}

.levy {
    text-align: left;
}
.pravy {
    text-align: right;
}
/**
 * Nahrada textu obrazky
 */
.imgr, .imgr span {
    position: relative;
    display: block;
    padding: 0;
    left: 0;
    top: 0;
    overflow: hidden;
}
.imgr span {
    position: absolute;
}
.imgr a span {
    cursor: hand;
}

/**
 * Plovouci objekty
 */
#teloPozadi,
#zahlavi, #logo, #zrizovatel,
#stranka, #nabidkaSekce, #centrovanyObsah,
#hlavniNabidka, #hlavniNabidka .statecnyZachrance, #hlavniNabidka ul, #hlavniNabidka li, #hlavniNabidka a, #hlavniNabidka span,
#uzitecneOdkazy, #uzitecneOdkazy .statecnyZachrance, #uzitecneOdkazy ul, #uzitecneOdkazy li,
#pravySloupec,
#zapati {
    float: left;
    display: inline;
    overflow: hidden;
    width: 100%;
}

/**
 * Centrovana stranka
 */
#telo {
    width: 982px;
    margin: 0 auto;
    text-align: left;
    font-size: .8em;
}
#teloPozadi {
    /* -> float */
    width: 970px;
    padding: 0 6px;
    color: #333;
    background: #FFF url(../grafika/telo_pozadi.gif);
}

/**
 * Zahlavi
 */
#zahlavi {
    /* -> float */
    height: 90px;
    margin: 30px 0 0 0;
    color: #333;
    background: #FAFAFA url(../grafika/zahlavi.jpg);
}

#logo {
    /* -> float */
    width: 478px;
    height: 69px;
    line-height: 69px;
    margin: 8px 0 0 10px;
    padding: 0;
}
#logo a {
    color: #00487D;
    background: #FAFAFA;
}
#logo span {
    width: 478px;
    height: 69px;
    color: #333;
    background: transparent url(../grafika/zahlavi.jpg) -10px -8px;
}

#zrizovatel {
    /* -> float */
    float: right;
    width: 75px;
    height: 69px;
    margin: 9px 10px 0 0;
}
#zrizovatel a {
    width: 75px;
    height: 69px;
    display: block;
}
#zrizovatel img {
    margin: 2px;
    padding: 0;
    border: 0 none;
    color: #F7E202;
    background: #C11000;
}

/**
 * Stranka - obsah, drobeckova navigace,...
 */
#stranka {
    /* -> float */
    width: 754px;
    margin: 33px 16px 0 0;
}

/* Drobečková navigace */
#drobeckovaNavigace {
    margin: 16px 0 0 0;
    padding: .6em .8em;
    color: #333;
    background: #F2F2F2 url(../grafika/drobeckova_navigace.gif) repeat-x left center;
}
#drobeckovaNavigace p {
    margin: 0;
}
#drobeckovaNavigace a {
    color: #666;
    background: transparent;
}

/* Nabidka sekce */
#nabidkaSekce {
    /* -> float */
    width: 200px;
    margin: 16px 10px 0 0;
}

/* Centrovani obsahu pri zobrazeni nabidky sekce */
#centrovanyObsah {
    /* -> float */
    float: right;
    width: 544px;
}
/* Obsah */
#obsah {
    margin: 16px 0 0 13px;
    font-family: Tahoma, Arial, lucida, sans-serif;
    color: #333;
    background: #FFF;
}
#centrovanyObsah #obsah {
    margin: 16px 0 0 0;
}

/**
 * Hlavni nabidka
 */
#hlavniNabidka {
    /* -> float */
    height: 28px;
    margin: 0 0 0 -770px;
    border-bottom: 5px #BFE4FF solid;
}
#hlavniNabidka .statecnyZachrance {
    /* -> float */
    height: 100%;
    color: #FFF;
    background: #227BBD url(../grafika/hlavni_nabidka.gif) repeat-x top center;
}
#hlavniNabidka ul {
    /* -> float */
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#hlavniNabidka li {
    /* -> float */
    width: auto;
    margin: 0;
    padding: 0;
    background-image: url();
}
#hlavniNabidka span, #hlavniNabidka a {
    /* -> float */
    width: auto;
    padding: 0 .8em;
    line-height: 26px;
    border: #BFE4FF 1px solid;
    color: #00487D;
    background: #BFE4FF;
}
#hlavniNabidka a {
    border-top-color: #1E78BC;
    border-right-color: #0060A8;
    border-bottom-color: #0060A8;
    border-left-color: #3C8AC5;
    color: #FFF;
    background: #227BBD url(../grafika/hlavni_nabidka.gif) repeat-x center center;
    text-decoration: none;
}
#hlavniNabidka a:hover {
    border-top-color: #0066B3;
    border-right-color: #0066B3;
    color: #FFF;
    background: #0066B3 url();
}
#hlavniNabidka abbr {
    border-color: #FFF;
}

/**
 * Uzitecne odkazy
 */
#uzitecneOdkazy {
    /* -> float */
    height: 29px;
    margin: -120px 0 0 -970px;
    border-bottom: 1px #DDD solid;
}
#uzitecneOdkazy .statecnyZachrance {
    /* -> float */
    height: 100%;
    color: #606060;
    background: #FFF url(../grafika/uzitecne_odkazy.gif) repeat-x bottom left;
}
#uzitecneOdkazy ul {
    /* -> float */
    float: right;
    width: auto;
    padding: 6px 0 0 0;
    margin: 0;
    list-style-type: none;
}
#uzitecneOdkazy li {
    /* -> float */
    width: auto;
    height: 1.8em;
    margin: 0;
    padding: 0;
    background: transparent url();
}
#uzitecneOdkazy li.posledni a, #uzitecneOdkazy li.posledni span {
    border-right: 0 none;
}
#uzitecneOdkazy li.aktivni {
    color: #606060;
    background: transparent url(../grafika/uzitecne_odkazy-sipka.gif) no-repeat center bottom;
}
#uzitecneOdkazy span {
    padding: 0 .5em;
    border-right: 1px #AAA solid;
    font-weight: bold;
}
#uzitecneOdkazy a {
    padding: 0 .5em;
    border-right: 1px #AAA solid;
    color: #777;
    background: transparent;
}

/**
 * Pravy sloupec
 */
#pravySloupec {
    /* -> float */
    width: 200px;
    margin: 33px 0 0 -200px;
}

/**
 * Zapati
 */
#zapati {
    /* -> float */
    clear: both;
    margin: 16px 0 0 0;
    border-top: 1px #DDD solid;
    color: #888;
    background: #FAFAFA url(../grafika/zapati.gif) repeat-x bottom left;
}
#zapati p {
    margin: 0;
    padding: .5em;
    font-size: .85em;
}
#zapati a {
    color: #888;
    background: transparent;
}