.menu 
{
    width: 12em; /* set width of menu */
    background: #eee;
    position: relative;
    top:-8px;
    z-index: 10000;
} 

.menu ul 
{ /* remove bullets and list indents */
    list-style: none;
    margin: 0;
    padding: 0;
    background-image: url("../images/blank.gif");
    background-repeat:  repeat;
    background-position: left;
    background-color: white;
    width: 600px;
    z-index: 10000;
}

/* style, color and size links and headings to suit */
.menu a
{
    display: block;
    margin: 0;
    padding: 3px 0px 3px 0px;
    text-decoration: none;    
    white-space: nowrap;
    text-decoration:none; 
    color:#f7a30a; 
    font-weight:bold;
    float: left;
}
.menu a:hover 
{
    text-decoration:none;        
}
.menu ul ul li a
{
    border-left: solid 1px blue;
    border-right: solid 1px blue;
    color: Black; 
    font-weight: normal;
    padding: 3px 5px 3px 5px;
    width: 273px;
    float: none;
}
.menu ul ul li a span
{
    width: 250px;
    display: block;
    padding: 0px 10px 0px 10px;    
    overflow: hidden;
}
.menu ul ul li a span:hover
{
    background-color: #e8eefa;
    
}
.menu ul li:hover ul li a span:hover
{
    background-color: #e8eefa;
    
}
.menu li 
{
    /* make the list elements a containing block for the nested lists */
    position: relative;
    float: left;     
} 
.menu ul li .topLeft
{
    display: block;
    width: 10px;
    height: 27px;
    float: left;
    margin-top: 3px;
}
.menu ul li .topRight
{
    display: block;
    width: 10px;
    height: 27px;
    float: left;
    margin-top: 2px;
}
.menu ul li:hover .topLeft
{
    background-image: url("../images/menu_pozadi2.gif");
    background-repeat: no-repeat;      
}
.menu ul li:hover .topRight
{
    background-image: url("../images/menu_pozadi2.gif");
    background-repeat: no-repeat;   
    background-position: right;       
}
.menu ul li:hover ul li .topLeft, .menu ul li:hover ul li .topRight
{
    display: none;
}
.menu ul li:hover a
{
    color: White;  
}
.menu ul li a span
{
    display: block;
    height: 19px;
    padding: 5px 1px 1px 1px;
}
.menu ul li:hover a span
{
   background-color: #005ec4; 
}
.menu ul li ul li a
{
    background-image: none;
    background-color: White;
}
.menu ul li:hover ul li .topLeft
{
    height: auto;
}
.menu ul li:hover ul li a span
{
    background-color: white;
    height: auto;
}
.menu ul li:hover ul li a
{
    background-image: none;
    color: Black;    
}
.menu li li
{
    /* make the list elements a containing block for the nested lists */
    position: relative;
    float: none; 
    width: auto;
} 
.menu ul ul 
{
    position: absolute;
    top: 33px;
    left: 0px; /* to position them to the right of their containing block */
    background-image: url("../images/MenuBack.gif");
    background-repeat:  repeat;
    background-position: left;
    background-color: white;
    width: 285px;
    z-index: 10000;
}
.menu ul ul ul
{
    position: absolute;
    top: 0px;
    left: 284px; /* to position them to the right of their containing block */
    background-color: White;
}

div.menu ul ul,
div.menu ul li:hover ul ul,
div.menu ul li:hover ul ul ul,
div.menu ul ul li:hover ul ul ul,
div.menu ul li:hover ul ul ul ul,
div.menu ul ul li:hover ul ul ul ul
{
    display: none;
}

div.menu ul li:hover ul,
div.menu ul ul li:hover ul,
div.menu ul ul ul li:hover ul
{
    display: block;
}

.borderTopLeft
{
    position: absolute;
    left: 0px;
    top: -5px;    
}
.borderTop
{
    position: absolute;
    top: -5px;
    right: 5px;
    width: 275px;
    height: 5px;
}
.borderTopRight
{
    position: absolute;
    right: 0px;
    top: -5px;
}
.borderBottomLeft
{
    position: absolute;
    left: 0px;
    bottom: -5px;
}
.borderBottom
{
    position: absolute;
    bottom: -5px;
    right: 5px;
    width: 275px;
    height: 5px;
}
.borderBottomRight
{
    position: absolute;
    right: 0px;
    bottom: -5px;
}

.menu_sipka
{
    position: absolute;
    right: 10px;
    top: 7px;
}