/* style the outer div to give it width */
.menu { background-color: #EFEFED; width:auto; height:23px; margin: 10px 0 0; padding: 0; border-bottom:3px solid #D9D9D5; }
/* remove all the bullets, borders and padding from the default list styling */
.menu ul { padding:0; margin:0; list-style-type:none; }
.menu ul ul { width:150px; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li { float:left; position:relative; height: 23px; }
/* style the links for the top level */
.menu a, .menu a:visited { display:block; font-size:12px; text-decoration:none; color: #666666; height:23px; border-width:1px 1px 0 0; background:#EFEFED; padding:0 16px; ; line-height:23px; font-weight: bold; border-left: 1px solid #EFEFED; border-right: 1px solid #EFEFED; }
.menu a.home:hover { border-left: 1px solid #EFEFED; border-right: 1px solid #EFEFED; }
.menu a.contact:hover { border-left: 1px solid #EFEFED; border-right: 1px solid #EFEFED; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited { width:110px; w\idth:99px; }
* html .menu a.home, * html .menu a.home:visited { w\idth:36px; }
* html .menu a.about, * html .menu a.about:visited { w\idth:35px; }
* html .menu a.proizvodnja, * html .menu a.proizvodnja:visited { w\idth:45px; }
* html .menu a.proizvodi, * html .menu a.proizvodi:visited { w\idth:110px; }
* html .menu a.contact, * html .menu a.contact:visited { w\idth:145px; }
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { background:#949e7c; }
/* style the second level hover */
.menu ul ul a.drop:hover { background:red; }
.menu ul ul :hover > a.drop { background:red; }
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited { background:#e2dfa8; }
/* style the third level hover */
.menu ul ul ul a:hover { background:#b2ab9b; }
.menu ul ul ul :hover > a { background:#b2ab9b; }
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table { border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px; }
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility:hidden; position:absolute; bottom:23px; left:0; width:205px; background-image:url(img/poz_m.png); padding:10px 7px 15px; border: 1px solid #939592; border-bottom: none; }
/* .menu ul li.o-nama ul { visibility: visible;} */
* html .menu ul ul { bottom:22px; }
/* position the third level flyout menu */
.menu ul ul ul { left:150px; bottom:0; width:175px; }
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left { left:-150px; }
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { font-weight: normal; border:1px solid #9B9B9B; background-image:url(img/poz_l.png); color:#666; height:auto; line-height:1em; padding: 4px 5px 4px 24px; width:175px/* yet another hack for IE5.5 */ }
* html .menu ul ul a { width:150px; w\idth:175px; }
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover { color:#902C35; background:#e7e7e6; border-left: 1px solid #9B9B9B; border-right: 1px solid #9B9B9B; }
.menu :hover > a, .menu ul ul :hover > a { color: #902C35; background: #e7e7e6; border-left: 1px solid #9B9B9B; border-right: 1px solid #9B9B9B; }
.menu a.about:hover { border-left: 1px solid #9B9B9B; border-right: 1px solid #9B9B9B; }
.menu a.proizvodnja:hover { border-left: 1px solid #9B9B9B; border-right: 1px solid #9B9B9B; }
.menu a.proizvodi:hover { border-left: 1px solid #9B9B9B; border-right: 1px solid #9B9B9B; }
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul { visibility:visible; height:auto; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul { display:none; }
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul { display:none; }
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul { display:block; bottom:0; }
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { display:block; bottom:0; }
.menu ul ul.home, .menu ul ul.contact { visibility: hidden; background: none; border: none; }
.menu a, .menu a:visited { background: none; }
.menu li.o-nama ul li a, .menu li.o-nama ul li a:visited { background: url(img/poz_lh.png) 0 -20px no-repeat; text-decoration: none; }
/*
.menu li.proizvodnja ul li a, .menu li.proizvodi ul li a { background: url(img/poz_lh.png) 0 0 no-repeat; text-decoration: none; }
*/
.menu li.o-nama ul li a:hover, .menu li.proizvodnja ul li a:hover, .menu li.proizvodi ul li a:hover { background: url(img/poz_lh.png) no-repeat; background-position: 0 0px; }

div.menu li.proizvodnja ul a.btm_fix, div.menu li.proizvodnja ul a.btm_fix:visited {border-bottom:1px solid #d4d4d4;}