@CHARSET "UTF-8";
#navcontainer {width: 800px; height: 30px; position: relative; z-index: 1000; background: #fff url(/media/images/ico_menu/image_drop_back.gif) repeat-x; top: 20px; padding-left: 20px; border: 1px solid #000; border-width: 0 1px;}
/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.navlist1, .navlist1 ul {position: relative; z-index: 1010; list-style-type: none; padding: 0; margin: 0; font-family: arial, sans-serif; font-size: 11px;}
.navlist1 {height: 20px;}
/* Set up the size of the list items and float left to place inline */
.navlist1 li.hlavni { display: block; float: left; position: relative; height: 100px; top: -80px;}
/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.navlist1 table {border-collapse: collapse; width: 0; height: 0; position: absolute; top: 0; left: 0;}
/* Default link styling */
.navlist1 li.hlavni a.top_link {display: block; float: left; height: 30px; line-height: 30px; text-decoration: none; color: #fff; background: url(/media/images/ico_menu/image_drop_1a.gif); padding: 0; position: relative; top: 80px;}
.navlist1 li.hlavni a.top_link.deactive, .navlist1 li.hlavni a.top_link.deactive span.span_top{color: #acacac; cursor: not-allowed; background:#656565;}
.navlist1 li.hlavni a.top_link.deactive:hover, .navlist1 li.hlavni:hover a.top_link.deactive, .navlist1 li.hlavni a.top_link.deactive:hover span.span_top, .navlist1 li.hlavni:hover a.top_link.deactive span.span_top{background:#656565;}
.navlist1 li.hlavni a.top_link span.span_top {display: block; float: left; height: 30px; background: url(/media/images/ico_menu/image_drop_1a.gif) right top; padding: 0 15px 0 0;}
.navlist1 li.hlavni a.top_link strong.b_top {display: block; float: left; height: 30px; width: 26px;}
.navlist1 li.hlavni a.top_link span.drop {background: url(/media/images/ico_menu/image_drop_0a.gif) right top; padding: 0 25px 0 0;}
.navlist1 li a#uvod strong.b_top {background: transparent url(/media/images/ico_menu/home.gif) no-repeat center center;}
.navlist1 li a#adresar strong.b_top {background: transparent url(/media/images/ico_menu/people.gif) no-repeat center center;}
.navlist1 li a#sklad strong.b_top {background: transparent url(/media/images/ico_menu/sklad.gif) no-repeat center center;}
.navlist1 li a#katalog strong.b_top {background: transparent url(/media/images/ico_menu/books.gif) no-repeat center center;}
.navlist1 li a#nastav strong.b_top {background: transparent url(/media/images/ico_menu/nastav.gif) no-repeat center center;}
.navlist1 li a#privacy strong.b_top {background: transparent url(/media/images/ico_menu/page.gif) no-repeat center center;}
/* Style the list OR link hover. Depends on which browser is used */
.navlist1 a:hover {visibility: visible; cursor: pointer; position: relative;}
.navlist1 li:hover { position: relative; z-index: 200;}
/* Style the top level links */
.navlist1 li.hlavni a.top_link:hover, .navlist1 li.hlavni:hover a.top_link {background: url(/media/images/ico_menu/image_drop_1b.gif);}
.navlist1 li.hlavni a.top_link:hover span.span_top, .navlist1 li.hlavni:hover a.top_link span.span_top {background: url(/media/images/ico_menu/image_drop_1b.gif) right top;}
.navlist1 li.hlavni a.top_link:hover span.drop, .navlist1 li.hlavni:hover a.top_link span.drop {background: url(/media/images/ico_menu/image_drop_0b.gif) right top;}
/* keep the 'next' level invisible by placing it off screen. */
.navlist1 ul, .navlist1 ul ul, .navlist1 :hover ul :hover ul ul, .navlist1 :hover ul :hover ul :hover ul ul, .navlist1 :hover ul :hover ul :hover ul :hover ul ul {
	position: absolute; left: -9999px; top: -9999px; width: 0; height: 0;
}
/* Style the drop down sub level links */
.navlist1 :hover ul.navlist2 {left: 0; top: 109px; background: transparent url(/media/images/ico_menu/transparent.gif); padding: 3px 0 0 0; white-space: nowrap; width: 170px; height: auto; z-index: 50;}
.navlist1 :hover ul.navlist2 li {display: block; float: left;}
.navlist1 :hover ul.navlist2 li a {display: block; float: left; height: 25px; width: 220px; line-height: 25px; color: #000; text-decoration: none; padding: 0; background: url(/media/images/ico_menu/dropa_0.gif) no-repeat;}
/* All this lot is for IE6, believe it or not, to style the fly outs */
.navlist1 :hover ul.navlist2 li a span, .navlist1 :hover ul.navlist2 li a.fly:hover ul li a span, .navlist1 :hover ul.navlist2 li a.fly:hover ul li a.fly:hover ul li a span, .navlist1 :hover ul.navlist2 li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span,
.navlist1 :hover ul.navlist2 li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span {
	display: block; float: left; background: url(/media/images/ico_menu/drop_0.gif) right top; height: 25px; width: 170px; padding: 0 10px 0 5px; font-weight: normal; color: #000;
}
.navlist1 :hover ul.navlist2 li a.fly span, .navlist1 :hover ul.navlist2 li a.fly:hover ul li a.fly span, .navlist1 :hover ul.navlist2 li a.fly:hover ul li a.fly:hover ul li a.fly span, .navlist1 :hover ul.navlist2 li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span,
.navlist1 :hover ul.navlist2 li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span {
	background: url(/media/images/ico_menu/dropb_0.gif) right top; color: #000;
}
.navlist1 :hover ul.navlist2 li a:hover, .navlist1 :hover ul.navlist2 li a:hover ul li a:hover, .navlist1 :hover ul.navlist2 li a:hover ul li a:hover ul li a:hover, .navlist1 :hover ul.navlist2 li a:hover ul li a:hover ul li a:hover ul li a:hover,
.navlist1 :hover ul.navlist2 li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover {
	background: url(/media/images/ico_menu/dropba_1.gif) no-repeat; color: #fff;
}
.navlist1 :hover ul.navlist2 li a:hover span, .navlist1 :hover ul.navlist2 li a.fly:hover ul li a:hover span, .navlist1 :hover ul.navlist2 li a.fly:hover ul li a.fly:hover ul li a:hover span,
	.navlist1 :hover ul.navlist2 li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span, .navlist1 :hover ul.navlist2 li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span
		{background: url(/media/images/ico_menu/drop_1.gif) right top;color: #fff;}
.navlist1 :hover ul.navlist2 li a.fly:hover span, .navlist1 :hover ul.navlist2 li a.fly:hover ul li a.fly:hover span, .navlist1 :hover ul.navlist2 li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
	.navlist1 :hover ul.navlist2 li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span, .navlist1 :hover ul.navlist2 li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span
		{background: url(/media/images/ico_menu/dropb_1.gif) right top; color: #fff;}
/* the next two lines keep the menu trail :hover state for IE7 and non-IE browsers */
.navlist1 :hover ul li:hover>a.fly {background: url(/media/images/ico_menu/dropba_1.gif) no-repeat; color: #fff;}
.navlist1 :hover ul li:hover>a.fly span {background: url(/media/images/ico_menu/dropb_1.gif) right top; color: #fff;}
/* Style the images to the left of each link */
.navlist1 ul.navlist2 strong {display: block; float: left; background: transparent url(/media/images/ico_menu/book.gif) no-repeat center center; height: 25px; width: 25px;}
.navlist1 ul.navlist2 strong.skupiny {background: transparent url(/media/images/ico_menu/skupiny.gif) no-repeat center center;}
.navlist1 ul.navlist2 strong.novyzaznam, .navlist1 ul.navlist2 strong.pridatuzivatele, .navlist1 ul.navlist2 strong.pridatplatbu {
	background: transparent url(/media/images/ico_menu/qwerty.gif) no-repeat center center;
}
.navlist1 ul.navlist2 strong.celnik {background: transparent url(/media/images/ico_menu/celnik.gif) no-repeat center center;}
.navlist1 ul.navlist2 strong.uzivatele {background: transparent url(/media/images/ico_menu/key.gif) no-repeat center center;}
.navlist1 ul.navlist2 strong.paint {background: transparent url(/media/images/ico_menu/paint.gif) no-repeat center center;}
.navlist1 ul.navlist2 strong.house {background: transparent url(/media/images/ico_menu/house.gif) no-repeat center center;}
.navlist1 ul.navlist2 strong.people {background: transparent url(/media/images/ico_menu/people.gif) no-repeat center center;}
.navlist1 ul.navlist2 strong.info {background: transparent url(/media/images/ico_menu/info.gif) no-repeat center center;}
.navlist1 ul.navlist2 strong.shop {background: transparent url(/media/images/ico_menu/shop.gif) no-repeat center center;}
.navlist1 ul.navlist2 strong.email {background: transparent url(/media/images/ico_menu/email.gif) no-repeat center center;}
.navlist1 ul.navlist2 strong.world {background: transparent url(/media/images/ico_menu/world.gif) no-repeat center center;}
.navlist1 ul.navlist2 strong.text {background: transparent url(/media/images/ico_menu/text.gif) no-repeat center center;}
.navlist1 ul.navlist2 strong.qmark {background: transparent url(/media/images/ico_menu/qmark.gif) no-repeat center center;}
.navlist1 ul.navlist2 strong.stop {background: transparent url(/media/images/ico_menu/stop.gif) no-repeat center center;}
.navlist1 ul.navlist2 strong.edit {background: transparent url(/media/images/ico_menu/edit.gif) no-repeat center center;}
/* Position the flyouts */
.navlist1 :hover ul :hover ul, .navlist1 :hover ul :hover ul :hover ul, .navlist1 :hover ul :hover ul :hover ul :hover ul, .navlist1 :hover ul :hover ul :hover ul :hover ul :hover ul {
	left: 170px;top: 0; background: transparent url(/media/images/ico_menu/transparent.gif); padding: 5px 5px 5px 0; white-space: nowrap; width: 220px; z-index: 200; height: auto;
}
/*menu end*/