@charset "utf-8";
/* CSS Document */

.navcontainer {width:100%; height:25px; position:relative; z-index:100; background:transparent url(/img/menu/tlo.jpg) repeat-x scroll 0 0; background-color:#4778c5;}

/* hack to correct IE5.5 faulty box model */
* html .navcontainer {width:100%;}

/* remove all the bullets, borders and padding from the default list styling */
.navcontainer ul {padding:0;margin:0;list-style-type:none;color:#000000; display:block; margin-top:1px; padding:0; z-index:10;}
.navcontainer ul { /*border-bottom:20px solid #FFFFFF;*/ }

.navcontainer ul ul {}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.navcontainer ul li{float:left;position:relative;text-align:center; display:inline; white-space:nowrap; background-image:none; margin:0; padding:0; }
* html .navcontainer ul li a {width:1px;}

.navcontainer li a {padding:0 10px; background: url(/img/menu/sub_sep.gif) top right no-repeat; }
.navcontainer li a:hover {margin:0; padding:0 10px; background:transparent url(/img/menu/sub_sep2.gif) no-repeat scroll right top; color: #FFFF00; text-decoration:none; }

/* style the links for the top level */
.navcontainer a, .navcontainer a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; height:25px; line-height:24px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .navcontainer a, * html .navcontainer a:visited {}


.navcontainer li li{text-align:left; padding:0; margin:0;  float:none;}
/* style the second level background */
.navcontainer ul ul a.drop, .navcontainer ul ul a.drop:visited {}
/* style the second level hover */
.navcontainer ul ul a.drop:hover{}
.navcontainer ul ul :hover > a.drop {}
/* style the third level background */
.navcontainer ul ul ul a, .navcontainer ul ul ul a:visited {}
/* style the third level hover */
.navcontainer ul ul ul a:hover {}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.navcontainer ul ul {visibility:hidden;position:absolute;height:0;top:24px;left:0; /*width:149px;*/ /*border-top:1px solid #000;*/}
/* another hack for IE5.5 */
* html .navcontainer ul ul {top:24px;}

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

/* style the second level links */
.navcontainer ul ul {background:#525357;}
.navcontainer ul ul a, .navcontainer ul ul a:visited {background:#525357;/* <--- kolor tla listy rozwijanej*/ color:#FFFFFF; height:auto; line-height:1.4em; padding:3px 5px 3px; width:150px; border-width:0 1px 1px 1px; white-space:normal; font-weight:normal; text-align:left; }
/* yet another hack for IE5.5 */
* html .navcontainer ul ul a, * html .navcontainer ul ul a:visited { width:150px; text-align:left;}

/* style the top level hover */
/*.navcontainer a:hover,*/ .navcontainer ul ul a:hover{color:#fff; background:#999999; padding:3px 5px 3px; font-weight:normal;}
.navcontainer :hover > a {color:#fff;background:none;text-decoration:none; background:transparent url(/img/menu/sub_sep2.gif) no-repeat scroll right top;}
.navcontainer ul ul :hover > a {color:#fff;background:#999999;/* <---kolor podswietlenia listy rozwijanej */text-decoration:none; padding:3px 5px 3px;}

* html .navcontainer ul li ul li a:hover {width:150px;}

/* make the second level visible when hover on first level list OR link */
.navcontainer ul li:hover ul,
.navcontainer ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.navcontainer ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.navcontainer ul :hover ul :hover ul{ visibility:visible;}

#nav-1-selected a, #nav-1-selected a:hover{color:#990000;}
#nav-1-selected ul li a, #nav-1-selected ul li a:hover {color:#fff;}

/*NAVIGATION TEMAT END*/
.navcontainer a, .navcontainer a:hover,  .navcontainer a:visited,  .navcontainer a:active {font-weight:normal;}

/* for this demo only */
#nav {margin:5px 0 -1px 0;}
* html #nav {margin:5px 0 0 0;}
/* the styling */
#nav {width:100%; /*background:url(/img/menu/bottom_line.gif) repeat-x bottom;*/ position:relative; padding:0;}

/*#nav .select, #nav .current {margin:0; padding:0; list-style:none; display:block;}*/
#nav ul {margin:0; padding:0; display:block;}


#nav li {display:inline; margin:0; padding:0;height:auto; background-image:none;}

/*#nav .select a,
#nav .current a {display:block; height:21px; float:left; background: url(/img/menu/left_blue.gif) no-repeat left top; padding:0 0 0 3px; border-bottom:1px solid #305695; text-decoration:none; font-size:10px; line-height:20px; white-space:nowrap; margin-left:2px;}
*/

#nav a b {font-weight:normal;}

#nav ul a {display:block; height:21px; float:left; background: url(/img/menu/left_blue.gif) no-repeat left top; padding:0 0 0 3px; border-bottom:0px solid #305695; text-decoration:none; font-size:11px; line-height:20px; white-space:nowrap; margin-left:2px;}


#nav .select a.featuRED, #nav .current a.featuRED {display:block; height:21px; float:left; background: url(/img/menu/left_red.gif) no-repeat left top; padding:0 0 0 3px; border-bottom:0px solid #305695; text-decoration:none; font-size:11px; line-height:20px; white-space:nowrap; margin-left:2px;}
#nav .select a.featuRED b, #nav .select a.featuRED b {height:100%; display:block; background:url(/img/menu/right_red.gif) no-repeat right top; padding:0 6px 0 3px; color:#000;}


* html #nav .select a, * html #nav .current a {width:1px;}

#nav .select a b, 
#nav .current a b {height:100%; display:block; background:url(/img/menu/right_blue.gif) no-repeat right top; padding:0 6px 0 3px; color:#000;}



#nav .select a:hover, 
#nav .select li:hover a {background-position:0 -75px; border-color:#046; cursor:pointer;}

#nav .select a:hover b, 
#nav .select li:hover a b {background-position:100% -75px; border-color:#046; color:#fff;}


/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:11px;}

#nav .current a {background-position:0 -75px; border-color:#046;}
#nav .current a b {background-position:100% -75px; color:#FFF;}


#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {background: url(/img/menu/sub_sep2.gif) top right no-repeat; color:#fff; text-decoration:underline;}

#nav .sub_active .current_sub a,
#nav .sub_active a:hover {background: url(/img/menu/sub_sep2.gif) top right no-repeat; color:#FFF; text-decoration:underline;}

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:798px; top:21px; left:0; background:url(/img/menu/tlo.jpg); margin-top:1px; padding:0; z-index:100; border-bottom:20px solid #fff; background-color:#4778c5}

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}
#nav .sub_active {display:block; position:absolute; width:798px; top:21px; left:0; background: url(/img/menu/tlo.jpg); margin-top:1px; padding:0; z-index:10; color:#000; border-bottom:20px solid #fff; background-color:#4778c5}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

#nav .sub_active a {height:25px; float:left; text-decoration:none; line-height:24px; white-space:nowrap; font-weight:normal;}
#nav .sub_active a, 
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:inline; background: url(/img/menu/sub_sep.gif) top right no-repeat; padding:0 10px; margin:0; font-size:10px; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#fff; height:25px; line-height:24px; }