body {
text-align: center;
 background: white;  
  margin: 0px;
}

      7476
      5290 
    #viewport, #viewport2, .mapwrapper {
          top: -1px;
          position: relative;
          cursor: move;   
text-align: left;
        overflow: hidden;
        font-size: 90%;
    }
.mapwrapper {
    position: relative; 
}

.video {
    position: absolute;
    top: 30px;
    left: 10px;

       }
       .map-control {
    position: absolute;
    top: 0px;
  left: 170px;
    background: url(images/map-control.png) no-repeat;
    height: 170px;
    width: 170px;
     }   

.legenda a {
   
    display: block;
    text-indent: -999em;
    position: absolute;
    outline: none;
}


.legenda a:hover {
    background: #535353;
    opacity: .4;
    filter: alpha(opacity=40);
}
.legenda a.spat {
    left: 0px;
    top: 47px;
   height: 38px;
    width: 170px;
}
 .legenda a.intra {
    left: 0px;
    top: 85px;
   height: 32px;
    width: 170px;
}

 .legenda a.extras {
    left: 0px;
    top: 117px;
   height: 32px;
    width: 170px;
}

.legenda a.extraj {
    left: 0px;
    top: 149px;
   height: 32px;
    width: 170px;
}
  .legenda a.ecko{
    left: 0px;
    top: 181px;
   height: 40px;
    width: 170px;
}
.legenda a.vyhlad {
    left: 0px;
    top: 221px;
   height: 40px;
    width: 170px;
}
.legenda a.vyhlade {
    left: 0px;
    top: 261px;
   height: 40px;
    width: 170px;
}

.legenda a.katastrsat{
   left: 0px;
    top: 301px;
    height: 37px;
    width: 170px;
}
  .legenda a.geolog {
    left: 0px;
    top: 85px;
   height: 30px;
    width: 170px;
}

 .legenda a.klima {
    left: 0px;
    top: 115px;
   height: 30px;
    width: 170px;
}

.legenda a.podnedruhy {
    left: 0px;
    top: 145px;
   height: 30px;
    width: 170px;
}

.legenda a.podnetypy {
    left: 0px;
    top: 175px;
   height: 30px;
    width: 170px;
}

.legenda a.potencialna{
   left: 0px;
    top: 205px;
    height: 50px;
    width: 170px;
}

.legenda a.prve {
    left: 0px;
    top: 85px;
   height: 45px;
    width: 170px;
}

 .legenda a.druhe {
    left: 0px;
    top: 130px;
   height: 40px;
    width: 170px;
}

.legenda a.tretie {
    left: 0px;
    top: 170px;
   height: 40px;
    width: 170px;
}

.legenda a.satelitna {
    left: 0px;
    top: 210px;
   height: 20px;
    width: 170px;
}

.legenda a.vyuzitie{
   left: 0px;
    top: 230px;
    height: 20px;
    width: 170px;
}
.legenda a.trid{
   left: 0px;
    top: 250px;
    height: 30px;
    width: 170px;
}

.map-control a {
   
    display: block;
    text-indent: -999em;
    position: absolute;
    outline: none;
}


.map-control a:hover {
    background: #535353;
    opacity: .4;
    filter: alpha(opacity=40);
}

.map-control a.left {
    left: 7px;
    top: 31px; 
   height: 44px;
    width: 23px;
}
 
.map-control a.right {
    left: 75px;
   top: 31px; 
   height: 44px;
    width: 23px;
}

.map-control a.up {
    left: 29px;
    top: 7px;
   height: 24px;
    width: 45px;
}

.map-control a.down {
    left: 30px;
    top: 75px;
      height: 23px;
    width: 44px;
}

.map-control a.zoom {
    left: 30px;
    top: 31px;
    height: 23px;
    width: 44px;
}



.map-control a.back {
    left: 30px;
    top: 51px;
   height: 23px;
    width: 44px;
}

.odkaz span:hover {
color: blue;
background: red; 
}



.autor {
    position: absolute;
    top: 0px;
    left: 280px;
     background: rgba(255,255,255, 0.6);
     font-size: x-small;
     font-family: arial;
 }   
 
 
 .spodok {

   background: rgba(0,0,0,.3);
    width: 100%;
    height: 50px;
   position: absolute;
    top: 300px;
    right: 10px;
 }  
 


 #image-container {
      
     position: absolute;
    top: 460px;
  left: 0px;
 }
 #image-container1 {
      
     position: absolute;
    bottom: 0%;
  right: 0px;
 } 
 
#myimage {
   
   
    margin:0px auto;
    
 }
.hide {   
    display:none;
 }
.visible {
    display:block;
 }



#contact-box {
   /* sem vsetky pravidla na nastylovanie boxu */
   display: none;
}
.box-zobrazeny #contact-box {
   display: block;
}

.hotspot {color:white; text-align:left; background: url(images/pozadie.png) repeat; font-size: medium; font-style: italic;   padding-bottom:1px; cursor:pointer} 
.hotspot a {color:black; }  
#odkaz span:hover {
color: blue;
background: yellow; 
}
#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}


.pozadie { 
  position: absolute; 
background: #0e3113;

    background-image: url('images/rozlis_pas.jpg');
    background-repeat: repeat-x;
}

.rozlisovacia {  
    position: absolute;
    top: 0px;
  left: 0px;
       
    height:  617px;
    width: 1609px; 

}
.rozlisovacia a {
   
    display: block;
    text-indent: -999em;
    position: absolute;
    outline: none;
}


.rozlisovacia a:hover {
    background: #f8f8f8;
    opacity: .4;
    filter: alpha(opacity=40);
}
 .rozlisovacia a.intravilan {
    left: 264px;
    top: 119px;
   height: 119px;
    width: 189px;
}

 .rozlisovacia a.extravilans {
    left: 453px;
    top: 119px;
   height: 119px;
  width: 189px;
}

.rozlisovacia a.extravilanj {
    left: 642px;
    top: 119px;
   height: 119px;
   width: 189px;
}

.rozlisovacia a.ecko {
    left: 831px;
     top: 119px;
   height: 119px;
    width: 189px;
}

.rozlisovacia a.vyhladavanie {
   left: 1020px;
    top: 119px;
   height: 119px;
    width: 189px;
}
.rozlisovacia a.vyhladavaniee {
   left: 1209px;
    top: 119px;
   height: 119px;
    width: 189px;
}
.rozlisovacia a.katastralnasat {
   left: 1398px;
    top: 119px;
   height: 119px;
    width: 189px;
}

 .rozlisovacia a.geolog {
    left: 264px;
    top: 280px;
   height: 119px;
    width: 189px;
}

 .rozlisovacia a.klima {
    left: 453px;
   top: 280px;
   height: 119px;
  width: 189px;
}

.rozlisovacia a.podnedruhy {
    left: 642px;
    top: 280px;
   height: 119px;
   width: 189px;
}

.rozlisovacia a.podnetypy {
    left: 831px;
    top: 280px;
   height: 119px;
    width: 189px;
}

.rozlisovacia a.poten {
   left: 1020px;
   top: 280px;
   height: 119px;
    width: 189px;
}
.rozlisovacia a.historicke {
    left: 264px;
    top: 440px;
   height: 119px;
    width: 189px;
}

 .rozlisovacia a.satelitna {
    left: 454px;
   top: 440px;
   height: 119px;
  width: 190px;
}

.rozlisovacia a.vyuzitie {
    left: 643px;
    top: 440px;
   height: 119px;
   width: 190px;
}

.rozlisovacia a.trid {
    left: 833px;
    top: 440px;
   height: 119px;
    width: 189px;
}




/* CSS Document *//* CSS Document */