/* CSS Document */

body {
     background-color: #e5e2da;
     font-family:"Arial";
}
     
a:link {color:#33322e;}
a:visited {color:#666666;}
a:hover {color:#66645c;}
a:active {color:#99968a;}
     
h1 {
    color: #33322e;
}

td {
 font-size: small; 
 font-style: italic;
}
  
.box{
     text-align: left;
     color: #292929;
    background:#ffffff;

}
 
.main{
    margin:0 auto;
    left:170px;
    height:600px;
    width:700px; 
} 
    
.legenda {
    background-color:#33322e;  
    position: absolute;
    top: 0px;
  left: 0px;
     
    height:  100%;
    width: 170px; 
    Overflow-y: auto; 
    Overflow-x: hidden;
}
.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;
}