/* ================================================================ 
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;  bez okraju a ohraniceni */
font: 1.0em   Arial, verdana, sans-serif;   
padding:0; margin:0; 
list-style:none; 
/*font: 14px Arial, verdana, sans-serif; */
background:url(transparent.gif); position:relative; z-index:100;}

#nav ul span{}
#nav ul li span{font: 1.0em   Arial, verdana, sans-serif; }

#nav {height:23px; 
/*width:740px;*/ width:100%; 
padding:0; background:url(transparent.gif);z-index:100;
/*background:#000;*/
}

#nav table {border-collapse:collapse; }
#nav li {float:left; background:url(transparent.gif);z-index:100; }
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#000; height:24px; padding:0 5px 0 5px; line-height:23px; text-decoration:none; 
white-space:nowrap;  /*border-left:1px solid #000;*/
/*background: transparent url('./N_tab-blueright.gif') no-repeat top left;*/
/*font: 0.9em  Tahoma, Times, Arial, verdana, sans-serif; */
font: 16px  Tahoma, Times, Arial, verdana, sans-serif; 
}

#nav li a span {
/*font-family: "Times New Roman", Times, serif; --  dalsi vetveni zesilen */
/*font: 1.1em   Arial, verdana, sans-serif;*/
font: 16px   Arial, verdana, sans-serif;
background: transparent url('./N_tab-blueright.gif') no-repeat top right;

}

/*height:21px; line-height:20px;*/
#nav li li a {height:23px; line-height:22px; float:none;
/*background:  url('./menu_podklad.gif') ;*/
}


#nav li:hover {position:relative; z-index:100;}
#nav a:hover {position:relative; z-index:100; background:#d3d3d3; color:#000; border-left:5px solid #000080;
/*background: transparent url('./N_tab-blueleft.gif') no-repeat top left;*/
}

/*rozbaleno submenu*/
#nav li:hover > a {border-left:5px solid #000080;
/*border-left:5px solid #843; */ background:#d3d3d3; color:#000;
font-weight:bold;
/*background: transparent url('./N_tab-blueleft.gif') no-repeat top left;*/
}

#nav :hover  ul {left:0; top:24px; border-left:1px solid  #000080; z-index:300;
background: transparent url('./N_tab-blueright.gif') no-repeat top right;
color:#fff;
}

#nav a:hover ul {left:-1px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed  -- rozbalena cesta  - | a sede pole */
#nav li:hover li:hover > a {background:#d3d3d3; color:#000; border-left:5px solid #000080;
}

#nav li a:hover ul li a:hover {background:#d3d3d3;
font: 18px  Arial, verdana, sans-serif;  
/*font: 1.1em  Arial, verdana, sans-serif;  */
}

/* 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;}