body {
            margin:0;
            padding: 0;
            border: 0;
        }
       
        
          h1 span{
              font-family: fantasy,Lucida Handwriting, Arial, sans-serif ;
              font-size: 54px;
              color: #ffff33;
          /*  visibility: hidden; */
    }   
        a.button {
           border-style: solid;
           border-width: 3px;
           color: white;
           margin-left: 5px;
           margin-right: 5px;
           font-weight: bold;           
           background-color: #333300;
           border-top-color: #DFDFDF;
           border-right-color: #666;
           border-bottom-color: #333;
           border-left-color: #858585;
       }
            h1{
            margin-top: 0;
        }
        p {
            margin-top: 0;
            margin-bottom: 8px;
            margin-left: 2px;
            font-size: 1em;
            font-family: Lucida, Verdana, sans-serif;
        }
        #menu {
            position: fixed;
            left: 0px;
            top: 150px;
            width: 100%;
            background-color: wheat;
            height: 40px;
            padding-top: 10px;
            color: white;
            
        }
            ul {
  font-family: Arial, Verdana;
  font-size: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li {
  display: block;
  position: relative;
  float: left;
}
li ul { display: none; }
ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  border-top: 1px solid #ffffff;
  padding: 5px 15px 5px 15px;
  background: #555753;
  margin-left: 1px;
  white-space: nowrap;
}
ul li a:hover { background: #95a9b1; }
li:hover ul {
  display: block;
  position: absolute;
}
li:hover li {
  float: none;
  font-size: 11px;
}
li:hover a { background: #555753; }
li:hover li a:hover { background: #95a9b1; }
   
   #panel {
            position: fixed;
            top: 200px;
           left: -5px;
            width: 120px;
           
            padding: 0px;
            color:  #006633;
        }
        
        ul.nav {
            
            list-style-type: none;
            padding:0px;
            margin:0px;;
            float:left;
            height:100%;
            background-color: wheat;
            
        }

        ul.nav a{
            background-color: #333300;
            display: block;
            width:7em;
           
        }
       
        p {
            margin-top: 0;
            margin-bottom: 8px;
            margin-left: 2px;
           
        } 
        #panel2 {
            position: fixed;
            top: 200px;
            right: 0px;
            width: 120px;
            
            color: #990000;
            padding-left: 0px;
        }   
        
        #obsah {
            padding: 4px;
            margin-top: 200px;
            margin-left: 130px;
            margin-right: 130px;
            text-align: justify;
        }
        .titulek1 {
            font-weight: bold;
            font-size: 100%;
            padding: 1px;
            color: #990000;
            margin-left: 10px;   
        }
        .titulek2 {
            font-weight: bold;
            font-size: 100%;
            padding: 0px;
            color: #006633;
            margin-left: 8px;
        }
      #obal {
            background: url(obrazky/sloupec.bmp);
            height: 100%;
            background-position: left top;
            background-repeat: repeat-y;  
            overflow:visible !important;  
            background-attachment: scroll; 
        }
        #obal2 {
            background: url(obrazky/sloupec.bmp);
            height: 100%;
            background-position: right top;
            background-repeat: repeat-y;
            overflow:visible !important;  
            background-attachment: scroll; 
              }
         #paticka {
    position: fixed;
    background-color: #95a9b1;
    left: 1px;
    bottom: 0;
    height:20px;
    width: 100%;
    color: white;
    text-align: center;
    vertical-align: middle;
    font-size: 80%;
  }
 .obrazek1 {
            background-image: url("obrazky/krajina_1.jpg");
            background-repeat: no-repeat;
            float: left;
            width:150px;
            height:100px;
            margin: 10px;
            padding: 2px;
            border-style: solid;
            border-color: gray;
            border-width: 2px;
            background-position: center center;
         }
.obrazek2 {
            background-image: url("obrazky/krajina_rano.jpg");
            background-repeat: no-repeat;
            float: left; 
            width:150px;
            height:100px;
            margin: 10px;
            padding: 2px;
            border-style: solid;
            border-color: gray;
            border-width: 2px;
            background-position: center center;
            
         }
  .obrazek3 {
            background-image: url("obrazky/orchidej.jpg");
            background-repeat: no-repeat;
            float: left;
            width:150px;
            height:150px;
            margin: 10px;
            padding: 2px;
            border-style: solid;
            border-color: gray;
            border-width: 2px;
            background-position: center center;
         }
  .obrazek4 {
            background-image: url("obrazky/ropucha.jpg");
            background-repeat: no-repeat;
            float: left;
            width:150px;
            height:100px;
            margin: 10px;
            padding: 2px;
            border-style: solid;
            border-color: gray;
            border-width: 2px;
            background-position: center center;
         }
 .obrazek5 {
            background-image: url("obrazky/vcela_det.jpg");
            background-repeat: no-repeat;
            float: left;
            width:150px;
            height:112px;
            margin: 10px;
            padding: 2px;
            border-style: solid;
            border-color: gray;
            border-width: 2px;
            background-position: center center;
         }
 .obrazek6 {
            background-image: url("obrazky/pruhonice.jpg");
            background-repeat: no-repeat;
            float: left;
            width:150px;
            height:100px;
            margin: 10px;
            padding: 2px;
            border-style: solid;
            border-color: gray;
            border-width: 2px;
            background-position: center center;
         }        
 .obrazek7 {
            background-image: url("obrazky/tygr.jpg");
            background-repeat: no-repeat;
            float: left;
            width:150px;
            height:100px;
            margin: 10px;
            padding: 2px;
            border-style: solid;
            border-color: gray;
            border-width: 2px;
            background-position: center center;
         } 
   .obrazek8 {
            background-image: url("obrazky/flex5.jpg");
            background-repeat: no-repeat;
            float: left;
            width:213px;
            height:300px;
            margin: 10px;
            padding: 2px;
            border-style: solid;
            border-color: gray;
            border-width: 0px;
            background-position: center center;
         }
.obrazek9{
            background-image: url("obrazky/exakta.jpg");
            background-repeat: no-repeat;
            float: right; 
            width:400px;
            height:300px;
            margin: 10px;
            padding: 2px;
            border-style: solid;
            border-color: gray;
            border-width: 0px;
            background-position: center center;
            
         }
  .obrazek10 {
            background-image: url("obrazky/nd-1.jpg");
            background-repeat: no-repeat;
            float: left;
            width:250px;
            height:172px;
            margin: 10px;
            padding: 2px;
            border-style: solid;
            border-color: gray;
            border-width: 0px;
            background-position: center center;
         }
  .obrazek11 {
            background-image: url("obrazky/soudna-1.jpg");
            background-repeat: no-repeat;
            float: left;
            width:200px;
            height:149px;
            margin: 10px;
            padding: 2px;
            border-style: solid;
            border-color: gray;
            border-width: 0px;
            background-position: center center;
         }
 .obrazek12 {
            background-image: url("obrazky/m20.jpg");
            background-repeat: no-repeat;
            float: right;
            width:150px;
            height:125px;
            margin: 10px;
            padding: 2px;
            border-style: solid;
            border-color: gray;
            border-width: 0px;
            background-position: center center;
         }
 .obrazek13 {
            background-image: url("obrazky/FZ-100-1.jpg");
            background-repeat: no-repeat;
            float: left;
            width:500px;
            height:352px;
            margin: 10px;
            padding: 2px;
            border-style: solid;
            border-color: gray;
            border-width: 0px;
            background-position: center center;
         }        
 .obrazek14 {
            background-image: url("obrazky/stan.jpg");
            background-repeat: no-repeat;
            float: left;
            width:200px;
            height:150px;
            margin: 10px;
            padding: 2px;
            border-style: solid;
            border-color: gray;
            border-width: 0px;
            background-position: center center;
         }        
.obrazek15 {
            background-image: url("obrazky/pixel221.jpg");
            background-repeat: no-repeat;
            float: left;
            width:320px;
            height:262px;
            margin: 10px;
            padding: 2px;
            border-style: solid;
            border-color: gray;
            border-width: 0px;
            background-position: center center;
         }        
 .obrazek16 {
            background-image: url("obrazky/Ucaller_remote.jpg");
            background-repeat: no-repeat;
            float: left;
            width:400px;
            height:423px;
            margin: 10px;
            padding: 2px;
            border-style: solid;
            border-color: gray;
            border-width: 0px;
            background-position: center center;
         } 
.obrazek17 {
            background-image: url("obrazky/srna-1.jpg");
            background-repeat: no-repeat;
            float: left;
            width:200px;
            height:194px;
            margin: 10px;
            padding: 2px;
            border-style: solid;
            border-color: gray;
            border-width: 0px;
            background-position: center center;
         }
 .obrazek18 {
            background-image: url("obrazky/srna-2.jpg");
            background-repeat: no-repeat;
            float: left;
            width:200px;
            height:150px;
            margin: 10px;
            padding: 2px;
            border-style: solid;
            border-color: gray;
            border-width: 0px;
            background-position: center center;
         }        
 .obrazek19 {
            background-image: url("obrazky/srna-3.jpg");
            background-repeat: no-repeat;
            float: left;
            width:200px;
            height:150px;
            margin: 10px;
            padding: 2px;
            border-style: solid;
            border-color: gray;
            border-width: 0px;
            background-position: center center;
         }        
.obrazek20 {
            background-image: url("obrazky/srnec-1.jpg");
            background-repeat: no-repeat;
            float: left;
            width:200px;
            height:138px;
            margin: 10px;
            padding: 2px;
            border-style: solid;
            border-color: gray;
            border-width: 0px;
            background-position: center center;
         }        
 .obrazek21 {
            background-image: url("obrazky/zapad.jpg");
            background-repeat: no-repeat;
            float: left;
            width:150px;
            height:100px;
            margin: 10px;
            padding: 2px;
            border-style: solid;
            border-color: gray;
            border-width: 2px;
            background-position: center center;
         }         
 .obrazek22 {
            background-image: url("obrazky/ja.jpg");
            background-repeat: no-repeat;
            float: right;
            width:250px;
            height:167px;
            margin: 10px;
            padding: 2px;
            border-style: solid;
            border-color: gray;
            border-width: 2px;
            background-position: center center;
         }