body {background:black; overflow:hidden; font-size:12px;  font-family:arial, sans-serif;background:black; margin:0px; padding:0px; width:100%; height:100%;}
  
  a[href] {}
  
  ul {padding:0px; margin:0px; }
  li {margin:0px; padding:0px; }
  li a {color:white;}
  
  .help a {text-decoration:none;}
  .help a span{color :gray; border-bottom:1px dotted gray; cursor:help; }
  .help a span span{
   color :white; 
   display: block;
   position: absolute;
   visibility: hidden;
   top: 0px;
   left: 0px;
   padding-left:10%;
   padding-right:10%;
   padding-top:10%;
   padding-bottom:10%;

   width: 80%;
   background:gray;
   }
   
   *html .help a span span {width:100%; }
  .help a:hover span {visibility: visible; }
  .help a {behavior: url(hover.htc);}
  
  #col-middle-main {position:relative; float:right; margin-right:-1px; height:100%; width:26%; background:white; overflow:auto; z-index:3;}
  #col-left-main { background:black; float:right; width:61%; height:100%; position:relative; z-index:1; overflow:hiden;}
  .col-middle-content h2 {font-family:Trebuchet; font-size:16px;}
  .col-middle-content b {font-family:Trebuchet; font-size:12px;}

  .col-right {position:relative; width:15%; height:100%; background:black; float:right;color:white; border-left:1px solid white; z-index:2;}
  .col-right ul {margin:20px; }
  .col-right ul li ul {margin-left:10px; margin-top:3px; margin-bottom:10px; line-height:14px;border-left:solid 1px white;padding-left:7px;}

  .col-right a[href] {color:white; text-decoration:none;}
  .col-right a {color:white; text-decoration:none;}
  .col-right a[href]:hover {color:white; text-decoration:underline;}
  .col-right ul li a {color:white; text-decoration:none;}
  .col-right ul li a:hover {color:white; text-decoration:underline;}
  
  .col-right ul li {list-style:none;}
  
  .menu {position:absolute; bottom:0px; margin:20px; margin-right:0px; margin-top:0px;}
  .menu a {text-decoration:underline !important;}
  
  #col-middle {position:relative; float:right; margin-right:-1px; height:100%; width:24%; background:white; overflow:auto; z-index:3;}
  
  .hide {display:block; position:absolute; right: 20px; top: 20px; width:12px; height:12px; border:0px; background:white;padding:0px; margin:0px;}
  .show {display:block; position:absolute; left: -40px; top: 20px; width:15px; height:15px; border:0px; background:black;}

  .col-middle-content {margin:20px; }
  .col-middle-content a {color:black;}
  .col-middle-content p strong {font-family:Trebuchet; font-size:16px;}

  .subtitle {color:gray;}
  .gray {color:gray !important;}
    
  #col-left {text-align:center; background:black; float:left; width:60%; height:100%; position:relative; z-index:1;overflow:hidden;}
  
  .navigace {position:absolute; width:25px; height:70px;  bottom:20px; right:0px;}
  .navigace a img {border:0px none; width:25px; height:25px; margin-bottom:5px;}
  
  .img1-static {top:15%; left:15%; height:70%; width:70%; position:absolute; text-align:center;}
  .img1-static img {width:100%;}
  
  .img1-obal-obal {top:15%; left:15%; height:70%; width:70%; position:absolute;  overflow:hidden;}
  .img1-obal {position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; background:white; }
  #img1 {position:absolute; top:0px; left:0px;}
  #img1 img {cursor:-moz-grab; }
  *html #img1 img {cursor:move; }