/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#topnav {
padding-left:48px;
position:relative; z-index:100;
margin:0 0 0 0;}

/* remove all the bullets, borders and padding from the default list styling */
#topnav ul {list-style:none; margin:0; padding:0;}


#topnav ul li {
margin-right:33px;
margin-top:4px;
text-align:center;
}

#topnav ul li a{
padding-top:6px;
width:109px;
height:26px;

}

#topnav ul li a:hover{
color:#FFFFFF;
background:url(../slike/link.png) no-repeat;
}

#topnav li {
float:left; 
position:relative;
}
/* style the links for the top level */

/* hide the sub levels and give them a positon absolute so that they take up no room */
#topnav ul ul {visibility:hidden; position:absolute; height:0; top:32px; left:0; width:109px; }


/* style the table so that it takes no ppart in the layout - required for IE to work */
#topnav table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#topnav ul ul li { 
background:#333333; 
padding: 0 0 6px 6px; 
width: 143px; 
height: auto; 
margin:0; 
text-align:left; 
border-bottom:#666666 1px solid;
}

* html #topnav ul ul li {
width: 143px;
height: auto;
}


#topnav ul ul li a {
color:#ffffff; 
height: auto; 
width:143px; 
font-size: 12px; 
}

#topnav ul ul li a:hover{
background:none; 
color:#71C6FD; 
}

#topnav ul ul .topsub_last a { border: none; }

#topnav ul ul .topsub_last { padding: 0 0 6px 6px; border: none; }



/* make the second level visible when hover on first level list OR link */
#topnav ul li:hover ul, #topnav ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
#topnav ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
#topnav ul :hover ul :hover ul{ visibility:visible;}
#topnav ul ul a:hover, #topnav ul ul :hover > a { color: #cccccc;}