*   {padding: 0; margin: 0;}

html    {height: 100%; } /**** auto vertical align ****/

body {
    margin: 0;
    padding: 0;
    font-size: 9pt;
    text-align: center;
    font-family: "FreeSans", FreeSans, "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
    color: #d1d1d1;
    background-color: #252525;
    width: 100%;
    }

/*** GLOBAL ***/

h1 {font-size: 1.2em; font-weight: bold; color: #f4d42a;}
h2 {font-size: 1.2em; font-weight: bold; color: #f4d42a;}
h3 {font-size: 1.1em; font-weight: bold; color: #f4d42a;} /*nadpis dokumentu*/
h4 {font-size: 1.1em; font-weight: bold; color: #d1d1d1;} /* nadpis v ramci dokumentu - 1. uroven */
h5 {font-size: 1.1em; color: #d1d1d1;} /* nadpis v ramci dokumentu - 2. uroven */
h1, h2, h3, h4, h5 { background-color: #4d4d4d; margin:3px 0; padding: 3px; clear: both; display: block}
h3, h4, h5, h6, h7 {margin-bottom: 10px;}
.left   {text-align: left;}
.center {text-align: center;}
.right  {text-align: right;}
.lft    {float: left;}
.rgt    {float: right;}
.clr    {clear: both; line-height: 0; height: 0; }

img { margin: 3px; }

img.lft {float: left; margin: 0 3px 3px 0;}
img.rgt {float: right; margin: 0 0 3px 3px;}

ul  {margin: 10px 0 10px 20px; list-style-image: url(../imgs/odr-s.jpg);}
ul ul {margin: 5px 0 5px 20px; list-style: square;}
ol {margin: 10px 0 10px 25px;}
ol ol {margin-left: 15px;}

a   {color: #;}
    a:hover {color: #;}

img {border: none; padding: 5px;}
p   {margin: 0 0 10px 0;padding:0}

fieldset {
    border: 0;
}

table {                                 /* tabulka bezna */
    border: 1px solid #000;
    border-collapse: collapse;
    font-size: 1em;
    margin: 10px 10px 15px 10px;
    }

    th, td {
        padding: 5px 10px;
        vertical-align: middle;
        border: 1px solid #000;
        }
table.noformat {                        /* tabulka bez formatu */
    border: 0;
    border-collapse: collapse;
    margin: 10px 10px 15px 10px;
    }

    table.noformat th, table.noformat td {
        padding: 5px 10px;
        vertical-align: middle;
        border: 0;
        }

.neco span {                            /* nahrada obrazkem */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    }

/*** odkazy ***/
a   {
    color: #ffffff;
    text-decoration: underline;
}
a:hover {
    color: #f4d42a;
    text-decoration: none;
}

#page {
    position: relative;
    width: 100%;
}
#all {
    position: relative;
    width: 847px;
    margin: 0px auto;
    border-top: solid 2px #101010;
    text-align:left;
    background: url(../imgs/bg_all.gif) repeat-y;
}
#top {
    position: relative;
    height: 40px;
    background: url(../imgs/bg_top.gif) no-repeat;
    width: 849px;
    text-align: left;
    overflow:hidden;
    border-bottom: solid 2px #101010;
}
#bot {
    border-top: solid 2px #101010;
    text-align:center;
    padding-top: 5px;
}
#lft {
    position: relative;
    width: 240px;
    float: left;
    border-right: solid 2px #101010;
    border-left: solid 2px #101010;
}
#rgt img {
    margin: 0;
    padding: 0;
}
#lft .top {
    height: 280px;
}
#lft .top h1 {
    padding: 10px 0 0 0;
    margin:0;
}
#lft .top span {
    position: absolute;
    height: 280px;
    background: url(../imgs/bg_lft-top.gif) no-repeat;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
}
#rgt {
    position: relative;
    width: 600px;
    float: right;
    border-right: solid 2px #101010;
}
#rgt .top a {
    height: 55px;
    background: url(../imgs/bg_rgt-top.gif) no-repeat;
}

#top ul {
    list-style: none;
    margin:0;
    }

    #top ul li {
        float:right;
        }
    #top ul li a   {
        border-right: 1px #111 solid;
        color: #ffffff;
        text-decoration: none;
        padding: 12px 25px;
        display: block;
        float:left;
        height:40px;
        }
    #top ul li a:hover {
        color: #f4d42a;
        }
.bot {
    border-top: solid 2px #101010;
    background: #303030;
}
.content {
    padding: 1px 5px 10px 5px;
}
#bot {
    background: #252525;
    height: 30px;
}
.button {
    background: url(../imgs/bg_but.gif) repeat-x;
    height: 40px;
    border: solid 1px #101010;
    padding: 5px;
    color: white;
    padding: 0 15px;
}
label {
    display: block;
    float: left;
    width: 150px;
    width: 126px;
    margin-top: 1px;
    margin-left: 20px;
}
.text {
    border: solid 1px #101010;
    margin-top: 1px;
    background: #bcbcbc;
    padding: 0 3px;
}
input.text{
    height: 18px;
}
#lft .content .button{
    background: url(../imgs/bg_but.gif) repeat-x;
    height: 20px;
    margin-top: 1px;
    width: 40px;
}
#lft .content .text {
    width: 182px;
    _width: 178px;
    float:left;
    display: inline;
}
#rgt .content .text {
    width: 390px;
}
.img {
    width:190px;
    margin-bottom:20px;
}