/* CSS Document */
body {
    margin: 0;
    font-family: Arial, Verdana, sans-serif;
    font-size: 1em;
  
    background: #378E98;
    }
#obal {
    width: 800px;
    margin: 0 0 0 -400px;
    position: relative;
    left: 50%;
    }
* {
    margin: 0;
    padding: 0;
    }
#zahlavi {
    background-image: url(uzkepozadi-tmave.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    width: 800px;
    height: 195px;
    border: 1px solid black;
    }
#zahlavi A:link {
    color: #EFE5B7;
    }
#zahlavi A:active {
    color: red;
    } 
#zahlavi A:visited {
    color: #378E98;
    }
#zahlavi A:hover {
    color: red;
    }
#tituly {
    width: 598px;
    height: 180px;
    margin: 25px 100px;
    }    
h1 {
    font-family: "Georgia", "Times New Roman", serif;
    font-size: 2.2em; 
    color: #EFE5B7;
    text-align: center;
    float: top center;
    margin: 0 0 10px 0;
    }
h2 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.2em; 
    color: #1408B3;
    background-image: url(menuprouzek.jpg);
    margin: 0 0 20px 0;
    padding: 0 0 5px 0;
    }
h2.bezpozadi {
    background: none;
    color: #EFE5B7;
    font-size:1.3em;
       }
#tabulka {
    width: 770px;
    position: absolute;
    top: 180px;
    left: 12px;
    }
.cerna {
    width: 52px;
    height: 10px;
    background: #0A0A0D;
    border: 1px solid #EFE5B7; 
    }
.cervenanem {
    width: 52px;
    height: 10px;
    background: #C1121C;
    border: 1px solid #EFE5B7;
    }
.zluta {
    width: 52px;
    height: 10px;
    background: #EEC900;
    border: 1px solid #EFE5B7;
    }
.mezera {
    width: 470px;
    height: 10px;
    background: none;
    }
.cervena {
    width: 52px;
    height: 10px;
    background: #C1121C;
    border: 1px solid #EFE5B7;
    }
.modra {
    width: 52px;
    height: 10px;
    background: blue;
    border: 1px solid #EFE5B7;
    }
.bila {
    width: 52px;
    height: 10px;
    background: white;
    border: 1px solid #EFE5B7;
    }
#menu {
    width: 25%;
    float: left;
    position: absolute;
    top: 12px;
    left: 10px; 
     }
#menu ul {
    margin: 0;
    list-style-type: none;
    width: 96%;
    }
#menu li {
    background-image: url(menuprouzek.jpg);
    border: solid black;
    border-width: 1px 1px 0px 1px;
    }
#menu .spodni {
    border-bottom: 1px solid black;
    }
#menu a {
    color: #1408B3;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: bold;
    text-decoration: none;
    display: block;
    height: 2em;
    padding: 0 0 0 3px;
    }
#menu a:hover {
    color: #EFE5B7;
    background: #1408B3;
    }
#obsah {
    width: 75%;
    float: right;
    position: absolute;
    left: 202px;
    }
#hlavni {
    width: 800px;
    float: left;
    background-image:url(papir.jpg);
    border: 1px solid black;
    position: absolute;
    top: 195px;
    }
#obsah-okraj {
    margin: 15px;
    }
h3 {
    font-size: 1em;
    background: none;
    text-align: center;
    position: relative;
    top: 20px;
    color: #EFE5B7;
    }
table.cenik {
    font-size: 100%;
    } 
td.cenik1 {
     width: 380px;
     border: 1px solid black;
     padding-left: 5px;
     }
td.cenik2 {
    border: 1px solid black;
    width: 140px;
    text-align:center;
    }
tr.vysoke {
    height: 60px;
    }
tr.pozadi {
    background: #EFE5B7;
        }
#zapati {
    width: 796px;
    text-align: center;
    font-size: x-small;
    height: 30px;
    background-image: url(delsiprouzek.jpg);
    position: absolute;
    left: -201px;
    }
#zapati-text {
    margin: 6px 0 0 0;
    }
ul {
    margin: 0 0 5px 20px;
    padding: 0;
    line-height: 1.5;
    }
ul.odkazy {
    list-style-type: none;
    }
p {
    margin: 15px 0 5px 0;
    }
p.odsadit {
    position: relative;
    right: 40px;
    }