/* ================================================================ 
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.
=================================================================== */

.link4b { float:left; position:relative; z-index:2;}


.link4b ul {list-style:none; margin:0;
padding:0;}


#topnav
{ float:left; position:relative; z-index:2;}

#topnav ul {list-style:none; margin:0;
padding:0;}


/* hack to correct IE5.5 faulty box model */
* html #topnav {width:80px; w\idth:80px;}

* html #topnav ul ul {top:38px;t\op:38px;}

* html #topnav ul ul li { width: 134px; }

/* yet another hack for IE5.5 */
* html #topnav ul ul a {width:120px;w\idth:128px;}



#topnav
{float:left;text-align:center;
width:105px; height:41px;
}

#topnav ul li a
{color:#fff;
width:105px;
height:39px;padding-top:10px;
text-align:center;
text-decoration:none;}


#topnav ul li {float:left; position:relative; list-style:none; width:105px; height:41px;}

#topnav ul li:hover {float:left; color:#314a81; position:relative; list-style:none; background: url(images/ponuda-sliced.png) no-repeat; width:105px;
 background-position:center; font-weight:bold;}

#linkovi-bar #linkovi #topnav ul li link3:hover
{color:#314a81;}

/* 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; float:left; position:absolute; height:0; top:41px; left:0px; }

/* 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: #cbcbcb; height: auto;}

#topnav ul ul a { background:#0f2b66;
color:#314a81; color:#fff; height: auto; font-size: 11px; border-bottom: 1px solid #000; text-transform: none;
width:97px; padding:4px; font-weight:normal;}

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

#topnav ul ul .topsub_last { }

#topnav ul li a:hover {float:left;display:inline;
width:97px; color:#314a81;
}

#topnav ul li ul li a:hover {float:left;display:inline;
color:#0f2b66;
width:97px; 
background:#f6e454;}


#topnav a:hover {}

#topnav :hover > a {color: #0f2b66;
width:97px; 
}

/* 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 {  background-position:center;  width:97px; color: #FFFFFF;}









#topnav4
{ float:left; position:relative; z-index:2;}

#topnav4 ul {list-style:none; margin:0;
padding:0;}


/* hack to correct IE5.5 faulty box model */
* html #topnav4 {width:80px; w\idth:80px;}

* html #topnav4 ul ul {top:38px;t\op:38px;}

* html #topnav4 ul ul li { width: 134px; }

/* yet another hack for IE5.5 */
* html #topnav4 ul ul a {width:120px;w\idth:128px;}



#topnav4
{float:left;text-align:center;
width:137px; 
}

#topnav4 ul li a
{color:#fff;
width:137px;
height:39px;padding-top:10px;
text-align:center;
text-decoration:none;}



#topnav4 ul li {float:left; position:relative; color:#314a81; list-style:none; width:137px; height:41px;}

#topnav4 ul li:hover {float:left; color:#314a81; position:relative; list-style:none; background: url(images/korisnici-sliced.png) no-repeat;  width:137px;
 background-position:center; font-weight:bold;}


/* style the links for the top level */



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

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

/* style the second level links */
#topnav4 ul ul li { background: #cbcbcb; height: auto;}

#topnav4 ul ul a { background:#0f2b66;
color:#314a81; color:#fff; height: auto; font-size: 11px; border-bottom: 1px solid #000; text-transform: none;
width:129px; padding:4px; font-weight:normal;}

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

#topnav4 ul ul .topsub_last { }

#topnav4 ul li a:hover {float:left;display:inline;
width:129px;color:#314a81;
}


#topnav4 ul li ul li a:hover {float:left;display:inline;
color:#0f2b66;
width:129px;
background:#f6e454;}


#topnav4 a:hover {}

#topnav4 :hover > a {color: #0f2b66; 
width:129px;
}

/* make the second level visible when hover on first level list OR link */
#topnav4 ul li:hover ul, #topnav4 ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#topnav4 ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#topnav4 ul :hover ul :hover ul{ visibility:visible;}
#topnav4 ul ul a:hover, #topnav4 ul ul :hover > a {  background-position:center;  width:129px; color: #FFFFFF;}








#topnav7
{ float:left; position:relative; z-index:2;}

#topnav7 ul {list-style:none; margin:0;
padding:0;}


/* hack to correct IE5.5 faulty box model */
* html #topnav7 {width:80px; w\idth:80px;}

* html #topnav7 ul ul {top:38px;t\op:38px;}

* html #topnav7 ul ul li { width: 134px; }

/* yet another hack for IE5.5 */
* html #topnav7 ul ul a {width:120px;w\idth:128px;}



#topnav7
{float:left;text-align:center;
width:97px; height:41px;
}

#topnav7 ul li a
{color:#fff;
width:97px;
height:39px;padding-top:10px;
text-align:center;
text-decoration:none;}


#topnav7 ul li {float:left; position:relative; list-style:none; width:97px; height:41px;}

#topnav7 ul li:hover {float:left; color:#314a81; position:relative; list-style:none; background: url(images/linkovi-hover.png) no-repeat; width:97px;
 background-position:center; font-weight:bold;}

#linkovi-bar #linkovi #topnav7 ul li link3:hover
{color:#314a81;}

/* style the links for the top level */



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

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

/* style the second level links */
#topnav7 ul ul li { background: #cbcbcb; height: auto;}

#topnav7 ul ul a { background:#0f2b66;
color:#314a81; color:#fff; height: auto; font-size: 11px; border-bottom: 1px solid #000; text-transform: none;
width:89px; padding:4px; font-weight:normal;}

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

#topnav7 ul ul .topsub_last { }

#topnav7 ul li a:hover {float:left;display:inline;
width:89px;color:#314a81;
}

#topnav7 ul li ul li a:hover {float:left;display:inline;
color:#0f2b66;
width:89px;
background:#f6e454;}


#topnav7 a:hover {}

#topnav7 :hover > a {color: #0f2b66;
width:89px;
}

/* make the second level visible when hover on first level list OR link */
#topnav7 ul li:hover ul, #topnav7 ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#topnav7 ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#topnav7 ul :hover ul :hover ul{ visibility:visible;}
#topnav7 ul ul a:hover, #topnav7 ul ul :hover > a {  background-position:center;  width:89px; color: #FFFFFF;}