body
{
   background-image: url("celek.png");
   color: white;
}

a:link
{
   color: #00FFFF;
}

a:visited
{
   color: #DDDD00;
}


#naindex
{

   position: absolute;
   width: 150px;
   height: 60px;
   left: 0;
   top: 0;
   background-image: url("arrow.png");
}


#naindex a
{
   font-weight: bold;
   font-size: large;
}


#vrch
{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 60px;
   background-image: url("top.png");
   background-repeat: repeat-x;
}

#okraj
{
   position: absolute;
   left: 3px;
   top: 60px;
   width: 150px;
   z-index:500; 
   font-weight: bold;
   background-image: url("gradient.png");
   background-repeat: repeat-y;
}

#okraj ol
{
   position: relative;
   left: -40px;
   width: 140px;
   margin: 0;
   margin: 3 0 7 0px;
   list-style-type: none;
}

#okraj ol li.top
{  
   padding: 2px 0 10px 6px;
   z-index: 510;
   border-width: 1px;
   border-left-width: 0px;
   border-style: solid;
   border-color: #00CC00;
}

#okraj ol ul
{                       
   width: 200px;
   display: none;
   text-align: left;
   list-style-type: none;
   z-index: 511;
   background-color: darkblue;
}

#okraj ol li:hover , #okraj ol li a:hover
{
    background-position: 0 0;
    background-color: green;
    z-index:1000;

}

#okraj ol li:hover ul, #okraj ol li a:hover ul
{                
    display: block;
    z-index: 1001;
}

#prihlas
{
   font-weight: normal;
   width: 90px;
}

.doplnek
{
   font-size: small;
}

#obsah
{
   position: absolute;
   left: 160px;
   top: 10px;
   width: 80%;
   text-align: center;
}