/* ------------------------------------------------------------------ */
/* menu.css                                                           */
/* ------------------------------------------------------------------ */
@media screen {
	/* ---- headerMenu */
	ul#headerMenu {
        list-style-type:none;
        margin:55px 0 0 0;
        *margin:53px 0 0 0;
        padding:0;
    }

		ul#headerMenu li {
			display: block;
			float: left;
			background-image: url(../img/bg/headermenu-left.png);
			background-repeat: no-repeat;
			background-repeat: 0 0;
			height: 28px;
			margin: 0 1px 0 0;
			position: relative;
		}
		ul#headerMenu li a {
			background-image: url(../img/bg/headermenu-right.png);
			background-repeat: no-repeat;
			background-position: right 0;
			display: block;
			padding: 5px 10px;
			color: #636363;
			text-decoration: none;
		}
		ul#headerMenu li.act {
			background-image: url(../img/bg/headermenu-left_act.png);
		}
		ul#headerMenu li.act a {
			background-image: url(../img/bg/headermenu-right_act.png);
			color: #000000;
		}
		/* ----- submenu */
			ul#headerMenu li ul {
				margin: 0; padding: 10px 10px 20px 10px;
				float: none;
				position: absolute;
				top: 29px;
				width: 120px;
				background-image: url(../img/bg/headermenu-subcat.png);
				background-position: 100% 100%;
			}
			ul#headerMenu li ul li {
				float: none;
				background-image: none;
				height: 1.9em;
			}
			ul#headerMenu li ul li a {
				background-image: none;
				padding: 3px 4px;
				margin: 0;
				color: #009ccc;
				font-size: 90%;
				line-height: 1.2em;
				text-decoration: underline;
			}
			ul#headerMenu li ul li a:hover {
				font-weight: bold;
				border-top: 1px solid #d5d0d0;
				border-bottom: 1px solid #d5d0d0;
			}
			
		/* end. submenu */
	/* end. headerMenu */
	
	/* ----- langMenu */
		#langMenu {
			margin: 43px 0 0 0;
			padding: 0;
			list-style-type: none;
			float: right;
		}
		#langMenu li {
			display: block;
			float: left;
			margin: 0 13px 0 0;
			font-size: 85%;
			text-transform: uppercase;
		}
		#langMenu li a {
			display: block;
			background-repeat: no-repeat;
			padding: 12px 0 0 0;
			color: #009ccc;
			width: 18px;
			background-position: 0 0;
			text-align: center;
		}
		#langMenu li.cz a {
			background-image: url(../img/icons/flag-cz.png);
		}
		#langMenu li.en a {
			background-image: url(../img/icons/flag-en.png);
		}
		#langMenu li.de a {
			background-image: url(../img/icons/flag-de.png);
		}
	/* end. langMenu */
	
	/* ----- selectMenu */
		ul.selectMenu {
			margin: 0 0 0px 0;
			padding: 0;
			list-style-type: none;
			height: 23px;
			border-bottom: 1px solid #b1dbe2;
			width: 173px;
		}
		ul.selectMenu li {
			display: block;
			float: left;
			background-image: url(../img/bg/selectmenu-right.png);
			background-repeat: no-repeat;
			background-position: right 0;
			height: 23px;
			margin: 1px 1px 0 0;
			position: relative;
		}
		ul.selectMenu li a {
			background-image: url(../img/bg/selectmenu-left.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			display: block;
			padding: 4px 10px 6px 10px;
			color: #4e6d73;
			text-decoration: none;
			font-size: 90%;
		}
		ul.selectMenu li.act {
			background-image: url(../img/bg/selectmenu-right_act.png);
		}
		ul.selectMenu li.act a {
			background-image: url(../img/bg/selectmenu-left_act.png);
			color: #000000;
		}
	/* end. selectMenu */
	
	/* ----- mainMenu */
		.mainMenu {
			background: url(../img/bg/mainmenulist.png) 0 100% no-repeat;
			margin: 0 0 7px 0;
			width: 173px;
		}
		.mainMenu ul.mainMenuList {
			background: url(../img/bg/mainmenu.png) 0 0 no-repeat;
			padding: 5px; margin: 0;
			list-style-type: none;
		}
		.mainMenu ul.mainMenuList.productKategory {
			background-image: none;
		}
		.mainMenu ul.mainMenuList li {
			border: 1px solid #fff;
		}
		.mainMenu ul.mainMenuList li a {
			background: url(../img/bg/mainmenuli.png) 4px 7px no-repeat #c9e7ef;
			border: 1px solid #bbe2ec;
			display: block;
			color: #000000;
			margin: 1px 0;
			padding: 2px 5px 2px 17px;
			text-transform: uppercase;
			text-decoration: none;
			font-size: 90%;
		}
		.mainMenu ul.mainMenuList li.act a {
			background: url(../img/bg/mainmenuli_act.png) 4px 7px no-repeat  #009ccc;
			border-color: #009ccc;
			color: #fff;
			font-weight: bold;
		}
		
		
		.mainMenu ul.mainMenuList li.act ul {
			margin: 0; padding: 0;
			list-style-type: none;
		}
		.mainMenu ul.mainMenuList li.act ul li {
			border: none;
			border: 1px solid #fff;
		}
		.mainMenu ul.mainMenuList li.act ul li a {
			background-image: none;
			background-color: #fff;
			border: none;
			color: #009ccc;
			text-transform: none;
			text-decoration: underline;
			padding: 0px 0 0px 20px;
			font-weight: normal;
		}
		.mainMenu ul.mainMenuList li.act ul li.act a {
			font-weight: bold;
		}
	/* end. mainMenu */
}