/* --------- ---------- ---------- --------- ---------- ---------- --------- ---------- ---------- --------- ---------- ---------- horní lišta s menu --------- ---------- ---------- --------- ---------- ---------- --------- ---------- ---------- */

  .odkazy100 {width:100% ;}
  
  .odkazyIN {
  width:930px;
  margin:8px auto ;
  position:relative;
  background:#333 url('/gfx/lista.png') repeat-x 0 0;
  }

  #lista_back {
  width:14px;
  height:73px;
  position:relative;
  float:right;
  background:#333 url('/gfx/lista_back.png') no-repeat 0 0;
  }
  
  #lista_inside {position:absolute; top:20px;left:270px;height:40px;margin:0;
   padding:0;}
 
  
   .odkazyIN h1 {
   margin:0;
   padding:0; 
   display:block;
   font-size:1.3em;
   position:absolute; 
   top:25px ;
   left:110px;
   color:#fff;
   font-weight: normal;
   font-style: italic;
   }
  
  
  
 #lista_inside li        {
  behavior: url("/inc/hover.htc");
                   } 
   

#lista_inside a 
                    {
  color:#fff;
  text-decoration: none;
  display: block;
   margin: 0;
  padding:10px 5px 11px 5px;
  background:#666 url('/gfx/menu.png') no-repeat -40px 0;
                    }

#lista_inside li#prvni
                    {
background:#666 url('/gfx/menu.png') no-repeat 0 0; height:39px;width:25px;
                    }  
#lista_inside li#posledni
                    {
background:#666 url('/gfx/menu.png') no-repeat 100% 0; height:39px;width:10px;
                    } 
                    
#lista_inside a:hover       
{
color:#fff;
}


#lista_inside ul            {
  float:right;height:30px;margin:0;padding:0;
                    }

#lista_inside li            {
  display: block;
  float: left;
  padding:0;
  margin: 0;  width:150px;
  text-align:center; 
                    }

#lista_inside li ul.sub     {
  clear: both;
  position: absolute; 
  list-style: none;
  width:150px;
  padding: 0;  margin: 0; 
  font-weight: normal;
                    }
 
#lista_inside li:hover 
                    {
  
                    }

#lista_inside li ul.sub li  {
  z-index:200;
  border-top: 1px solid #000;
  padding: 0;
  }
 
  #lista_inside li ul.sub li a{
  display: block;
  padding:8px;
  z-index:200;
  background:#222;
                    }
                    
#lista_inside li ul.sub li a:hover 
                    {
  background:#fed900  url('/gfx/yellow.png') repeat-x   0 0 ; color:#555 ;
  z-index:200;
  
                    }


#lista_inside ul li ul.sub1, #lista_inside li ul.sub 
                    {
  position: absolute;
  visibility: hidden;
  z-index:200;
                    }
                    
#lista_inside ul li:hover ul.sub, #lista_inside li.hover ul.sub
                    {
  visibility: visible;
  z-index:200; 
                    } 

  
  
   #lista_inside li a b          {
    position:absolute;
                    } 

/* --------- ---------- ---------- --------- ---------- ---------- --------- ---------- ---------- --------- ---------- ---------- Hlavní mapa --------- ---------- ---------- --------- ---------- ---------- --------- ---------- ---------- */

  
  #map_canvas {float: left;width: 740px; height: 400px;border:1px solid #fff;margin:8px 8px 0px 8px;}
  
  #map_predikce {float: left;width: 740px;border:1px solid #fff;margin:8px 8px 0px 8px;}
  
  .map_border {width:760px; ;margin:0px 1px 3px 0px ; padding:8px 0 0 0 ;background:#447dcc url('/gfx/single_feat_up.png') no-repeat 0 0 } 
  
  .map_border_bottom {width:760px;height:10px ;margin:0; padding:0 ;background:#447dcc url('/gfx/single_feat_dn.png') no-repeat 0 100%;clear:left } 
  
  #map_flash_oblacnost  {float: left;width: 840px;border:1px solid #fff;margin:8px 8px 0px 8px;}
  
  .map_border_big {width:860px; ;margin:0px 1px 3px 65px ; padding:8px 0 0 0 ;background:#447dcc url('/gfx/single_feat_up_big.png') no-repeat 0 0 } 
  
  .map_border_bottom_big {width:860px;height:10px ;margin:0; padding:0 ;background:#447dcc url('/gfx/single_feat_dn_big.png') no-repeat 0 100%;clear:left } 
  
  
  
  #menu       {float: right; }
  #ukazatel1  {float: left;}
  #logo_chmu  {float: left;}
  #vlevo      { cursor: pointer; cursor: hand }
  #vpravo     { cursor: pointer; cursor: hand }
  #sipka      { cursor: pointer; cursor: hand }
  #stopka     { cursor: pointer; cursor: hand }
  #jedna      { cursor: pointer; cursor: hand }
  #tri        { cursor: pointer; cursor: hand }
  #dvacetctyri{ cursor: pointer; cursor: hand }
  div#preload { display: none; }
 
  #main { width: 1080px; position:relative; }
 
  #mainbox { float: left; width:760px; height:1105px;margin:0px auto; padding:0; }
  
  #reklama_vlevo  {float: left; width:160px; height:600px;margin:0px; padding:0;}
  #reklama_vpravo {float:right; width:160px ; height:600px; }
  
  body {background:#fff url('/gfx/bg_01.gif') 0 0; font-family:'arial' }

  #obal_ukazatele {border:0px solid red;float:right;font-size:15px; margin:5px 5px; top:0px; width:180px}

  #obal_stavu {padding:8px 0 0 8px}
  
  #facebook {margin:10px 0 0 10px; width:760px;}
    
  #mainbox-other  {float: left;margin:8px 0px 0 25px;}

  #mainbox-main {margin:8px 0px 0 10px;}
  
  div#preload { display: none; }
  #listsoubory { margin: 10px 40px 10px 10px ; border:2px solid #fff }
 
  #mainbox-other img {border:1px solid #fff;margin:0 10px 10px 0;width:705px;}
  #mainbox-main img {width:360px; float:left; border:1px solid #fff;margin:0 10px 10px 0}

 .nav a img  {cursor: hand ;border:0px solid #eee}
 .nav img  {border:0px solid #eee}