/* ================================================================ 
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/skeleton2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav, 
#nav ul { padding:0; margin:0; list-style:none; font-size: 11px; background:url(transparent.gif); position:relative; z-index:100; }
#nav { clear: both; height: 37px; padding: 0; background: url(../images/layout/misc/menu-bg.gif) left 1px repeat-x; position: relative; z-index: 100; margin-top: -1px; }

#nav table {border-collapse:collapse;}
#nav li {float: left; margin: 0; padding: 0; list-style: none; text-align: left;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a { float: left; height: 37px; padding-left: 2px; font-size: 12px; color: #fff; text-decoration: none; text-decoration:none; white-space: nowrap; }
#nav li a strong { float: left; height: 37px; line-height: 37px; padding: 0 12px 0 10px; }
#nav li a:hover, #nav .current a { background: url(../images/layout/misc/menu-left.gif) left 0 no-repeat; }
#nav li a:hover strong, #nav .current a strong { background: url(../images/layout/misc/menu-right.gif) right 0 no-repeat; }

#nav li li a,
#nav .current li a { display: block; width: 100%; padding: 2px 10px; border-bottom: 1px solid #459caf; height:21px; line-height:20px; float:none; 
							 white-space: nowrap; background: #338ea2; font-size: 11px;  border-left: 1px solid #459caf; }

#nav li li a.sub { background: #338ea2 url(../images/layout/misc/arr-2.gif) right center no-repeat; }

#nav li:hover {position:relative; z-index:100;}
#nav a:hover {position:relative; z-index:100; color:#fff;}

#nav li:hover > a { background: url(../images/layout/misc/menu-left.gif) left 0 no-repeat; color:#fff;}
#nav li:hover > a strong { background: url(../images/layout/misc/menu-right.gif) right 0 no-repeat; }

#nav :hover  ul { left:0; top:37px; z-index:300;}
#nav a:hover ul { left:-1px; }

#nav ul { position:absolute; left:-9999px; top:-9999px; z-index: 100; width: 130px; }
#nav .wpolpraca { width: 200px; }
#nav .wpolpraca ul { width: 182px; }

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left: 150px; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; /*width:auto;*/ z-index: 100; }

/* show path followed */
#nav li:hover li:hover > a 		{ background: #277789; color:#fff; }
#nav li a:hover ul li a:hover { background: #277789; }

#nav li:hover li:hover > a.sub,
#nav li a:hover ul li a.sub:hover { background: #277789 url(../images/layout/misc/arr-2.gif) right center no-repeat; }

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; z-index: 100; }