#menu {
      font: 1em;
      width: 100%;
      float: left;
      clear: right;
      margin-top: 1px;
      }

#menu ul {
         width: 800px;
         list-style-type: none;
         margin: 0px;
         padding: 0px;
         }

#menu ul.sub {
             list-style-type: none;
             margin: 0px;
             %margin-left: -380px;
             _margin-left: -375px;
             overflow: hidden;
             padding: 0px;
             }

#menu li {
         float: left;
         width: 110px;
         border-right: 1px solid white;
         padding-top: 1px;
         }

#menu li, #menu ul.sub li {
                          margin: 0px;
                          padding: 0px;
                          }

#menu h3 {
         font-size: 1em;
         margin: 0px;
         padding: 0px;
         border: 0px;
         }

#menu h3 a {
           display: block;
           text-decoration: none;
           width: 100%;
           }

ul.sub {
       position: absolute;
       z-index: 10;
       visibility: hidden;
       }

#menu ul.sub li {
                display: block;
                width: 100%;
                margin: 0px;
                padding: 0px;
                }

#menu ul.sub li a {
                  display: block;
                  margin: 0px;
                  width: 150px;
                  border-left: 10px solid crimson;
                  }

#menu ul.sub li > a {
                    width: 140px;
                    }

#menu ul.sub li a:hover {
                        border-left: 10px solid yellow;
                        }

#menu ul li.main {
                 position: relative;
                 }

#menu ul li > ul.sub {
                     position: absolute;
                     z-index: 10;
                     visibility: hidden;
                     }

#menu ul li.main:hover ul.sub {
                              visibility: visible;
                              }

body {
     background-color: #a7a7a7;
     font-family: "Trebuchet MS", Arial;
     overflow: auto;
     color: black;
     margin: 0px;
     }

.lista1 {
        font-size: 1.1em;
        color: #000000;
        font-family: Arial;
        text-decoration: none;
        font-weight: bold;
        }

.lista2 {
        font-size: 0.95em;
        color: #000000;
        font-family: Arial;
        text-decoration: none;
        }

.lista2:hover {
              color: white;
              text-decoration: underline;
              }

div.bodystyl {
             width: 800px;
             margin: auto;
             font-size: 0.95em;
             overflow: hidden;
             }

div.head {
         height: 250px;
         width: 100%;
         border-bottom: 18px solid white;
         background-color: #c80000;
         overflow: hidden;
         }

div.telo {
         background-image: url("./obrazky/back-head.png");
         background-repeat: no-repeat;
         width: 800px;
         margin: auto;
         }

div.nadtelo {
            background-color: #828282;   
            width: 800px;
            margin: auto;
            margin-top: -48px;
            position: absolute;
            }

div.zahlavi {
            width: 800px;
            margin: auto;
            }

div.aktuality {
              float: left;
              margin-top: 20px;
              margin-left: 38px;
              padding: 5px;
              padding-left: 10px;
              padding-bottom: 0px;
              width: 299px;
              height: 152px;
              overflow: hidden;
              background-image: url("./obrazky/back-aktuality.png");
              background-repeat: no-repeat;
              color: white;
              }

div.aktuality-box {
                  width: 299px;
                  height: 110px;
                  overflow: hidden;
                  }
              
div.aktuality2 {
               float: left;
               width: 72px;
               }

div.aktuality3 {
               float: left;
               width: 227px;
               }

div.copy {
         width: 796px;
         margin: auto;
         text-align: right;
         background-color: #4b4b4b;
         color: #bbbbbb;
         font-size: 0.8em;
         letter-spacing: 3px;
         padding-right: 4px;
         padding-top: 1px;
         }

div.vlevo {
          float: left;
          width: 215px;
          background-image: url("./obrazky/left.png");
          background-repeat: no-repeat;
          background-position: left 48px;
          padding-top: 5px;
          _margin-right: -11px;
          }

div.vpravo {
           float: left;
           width: 585px;
           _width: 585px;
           _overflow: hidden;
           _margin-top: 3px;
           background-image: url("./obrazky/right.png");
           background-repeat: no-repeat;
           background-position: right 48px;
           _background-position: right 45px;
           padding-top: 5px;
           }

div.left-box {
             width: 180px;
             background-image: url("./obrazky/back-left.png");
             background-repeat: repeat-y;
             background-color: #383838; 
             padding-left: 10px;
             padding-right: 10px;
             margin-left: 0px;
             color: white;
             text-align: left;
             font-size: 0.85em;
             %margin-top: -5px;
             %margin-bottom: -6px;
             }

div.left-center {
                width: 180px;
                text-align: center;
                margin: auto;
                margin-bottom: -15px;
                %margin-bottom: -25px;
                }

div.right-box-a {
              width: 535px;
              height: 215px;
              background-image: url("./obrazky/back-right.png");
              background-repeat: repeat-y;
              background-color: #efefef; 
              padding-left: 10px;
              padding-right: 10px;
              color: black;
              text-align: left;
              font-size: 0.85em;
              margin-top: -5px;
              }

div.right-box {
              width: 535px;
              background-image: url("./obrazky/back-right.png");
              background-repeat: repeat-y;
              background-color: #efefef; 
              padding-left: 10px;
              padding-right: 10px;
              color: black;
              text-align: left;
              font-size: 0.85em;
              margin-top: -5px;
              }

div.right-box2 {
              width: 535px;
              background-image: url("./obrazky/back-right2.png");
              background-repeat: repeat-y;
              background-color: #383838; 
              padding-left: 10px;
              padding-right: 10px;
              color: white;
              text-align: left;
              font-size: 0.85em;
              %margin-top: -5px;
              }

div.roll {
         height: 215px;
         width: 535px;
         overflow: hidden;
         position: absolute;
         border-top: none;
         }

div.message {
            top: 0;
            position: absolute;
            }
            
div.message2 {
             height: 210px;
             margin-bottom: 40px
             }

h2 {
   margin-top: -5px;
   padding-top: 0px
   }

h3 {
   margin-top: 0px;
   padding-top: 0px
   }

menu {
     width: 802px;
     height: 21px;
     margin: auto;
     background-image: url("./obrazky/menu.png");
     background-repeat: no-repeat;
     background-position: center top;
     text-align: center;     
     }

a.menu {
       font-family: "Trebuchet MS", Arial;
       font-size: 0.75em;
       color: white;
       letter-spacing: 2px;
       text-decoration: none;
       }

a.menu:hover {
             color: orange;
             }

a.menu2 {
        font-family: "Trebuchet MS", Arial;
        font-size: 0.75em;
        color: white;
        background-image: url("./obrazky/menu-pozadi.png");
        letter-spacing: 2px;
        text-decoration: none;
        border-bottom: 1px solid #bbbbbb;
        padding-top: 3px;
        height: 21px;
        }

a.menu2:hover {
              color: yellow;
              }

a.odkaz {
        font-family: "Trebuchet MS", Arial;
        color: white;
        text-decoration: none;
        }

a.odkaz:hover {
              color: orange;
              }

a.odkaz2 {
         font-family: "Trebuchet MS", Arial;
         color: black;
         text-decoration: none;
         }

a.odkaz2:hover {
               color: orange;
               }

a.copy {
       font-family: "Trebuchet MS", Arial;
       color: #bbbbbb;
       text-decoration: none;
       }

a.copy:hover {
             color: orange;
             }

a.kontakt {
          font-family: "Trebuchet MS", Arial;
          color: white;
          text-decoration: none;
          margin-left: 22px;
          }

a.kontakt:hover {
                color: yellow;
                }

a.blog {
       display: block;
       text-align: left;
       color: white;
       font-family: "Trebuchet MS", Arial;
       text-decoration: none;
       padding: 5px;
       padding-right: 0px;
       }

a.blog:hover {
             color: yellow;
             }

h4 {
   margin: 0px;
   padding: 0px;
   margin-bottom: 10px;
   }

img {
    border: 0px;
    }

img.reference {
              margin-left:-1px;
              border: 1px solid white;
              }

img.katalog {
            float: left;
            width: 100px;
            border: 1px solid black;
            margin-right: 5px;
            }
            
div.katalog {
            float: left;
            width: 380px;
            }