html { color: black; margin: 0; padding: 0; }
body { background-color: #b00; text-align: center; margin: 0; padding: 0; }
#container { background-color: #fff; background-image: url(../image/hlav.jpg); background-repeat: no-repeat; background-position: center 0; text-align: left; position: relative; top: 10px; width: 990px; min-height: 100%; margin: 0 auto; padding: 0 0 10px; border-top: 5px double orange; border-right: 5px double orange; border-left: 5px double orange; display: block; }
#hlavicka { position: relative; top: 0; left: 0; right: 0; width: 990px; height: 180px; }
#menum { font-size: 75%; position: relative; right: 20px; height: 25px; float: right; }
#lblok { position: relative; top: 20px; width: 135px; min-height: 400px;; overflow: hidden; float: left; margin: 0; padding: 0; }
#pblok { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify; position: relative; width: 700px; height: auto; float: left; margin: 0; padding: 0; }
#reklama { position: relative; width: 130px; min-height: 400px;; overflow: hidden; float: right; margin: 0; padding: 0; }
#vlajky { height: 50px; width: 60px; left: 902px; top: 5px; position: absolute; visibility: visible; }
#peta { background-color: white; background-image: url(../image/pet.jpg); background-repeat: no-repeat; left: 0; bottom: 0; width: 990px; height: 40px; overflow: hidden; clear: both; border-top: 3px double #ff8c00; }
#pblok h1 { color: #f8d66a; font-size: 130%; font-weight: bold; }
#pblok h2 { color: #ffb600; font-size: 115%; font-weight: bold; }
#pblok h3 { color: #0094c5; font-size: 105%; font-weight: bold; }
#pblok h5 { color: #2a1f00; font-size: 100%; font-weight: normal;text-align:justify; }
#pblok h6 { color: #2a1f00; font-size: 70%; font-weight: normal; text-align: justify; }
#imaghl { background-image:none; background-repeat: no-repeat; background-position: 0 -2px; top: 0; left: 0; width: 988px; height: 97px; visibility: visible; }
#imgmap { background-image: url(../image/mapa.jpg); background-repeat: no-repeat; background-position: 100px 400px; position: absolute; top: 40px; left: 0; width: 600px; height: 460px; float: left; }
#navlist {
        list-style: none outside none;
        margin: 0;
        padding: 0;
}

@media all {
        #navlist {
                text-align: center
        }
}

#navlist li { line-height: 1; display: inline; margin: 0; padding: 0; position: relative; top: 4px; right: 20px; }
#navlist a, #navlist a:link, #navlist a:visited { background: #0035ad; bottom: 2px; color: #fff; cursor: pointer; display: inline; height: 1em; margin: 0; padding: 3px 5px; position: relative; right: 2px; text-decoration: none; border: solid 6px #9cc; }

#navlist a:hover { bottom: 1px; color: #005; background: #f3eeaf; position: relative; right: 1px; }

#navlist a:active {
        background: #999;
        bottom: 0px;
        color: #FFF;
        position: relative;
        right: 0px;
}

#navlist li#active { background: #369; display: inline; margin: 0 3px 0 0; padding: 0; position: relative; top: 2px; }
#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover {
        background: #369;
        border-bottom: none;
        border-left: 1px solid #9CC;
        border-right: 1px solid #9CC;
        border-top: 1px solid #9CC;
        bottom: 0;
        color: #FFF;
        cursor: text;
        margin: 0;
        padding: 2px 5px 0 5px;
        position: relative;
        right: 0;

#peta { background-color: #39f; width: 100%; margin: 0; padding: 0; height: 20px; float: left; clear: both; }