/* ------------------------------------------------------------------ */
/* menu.css                                                           */
/* copyright - ILIKETHIS! www.ilikethis.cz                            */
/* ------------------------------------------------------------------ */

@media screen {
	/* ---- headerMenu */
	
		ul#headerMenu {
			margin: 48px 60px 0;
			padding: 0;
			list-style-type: none;
			float: left;
		}
		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:hover>ul {
		  display:block;
		}
    
    ul#headerMenu li:hover ul {
		  display:block;
		}  
		
		
		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: #fff;
			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: #000;
		}
		/* ----- submenu */
			ul#headerMenu li ul {
				margin: 0; padding: 10px 10px 20px 10px;
				float: none;
				position: absolute;
				top: 28px;
				width: 120px;
				background-image: url(../img/bg/headermenu-subcat.png);
				background-position: 100% 100%;
				display:none;
			}
			ul#headerMenu li ul li {
				float: none;
				background-image: url(../img/bg/headermenu-left_act.png);
				height: 1.9em;
			}
			ul#headerMenu li ul li a {
				background-image: url(../img/bg/headermenu-right_act.png);
				padding: 3px 4px;
				margin: 0;
				color: #0E692C;
				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: 25px 0 0 0;
			padding: 0;
			list-style-type: none;
			float: right;
		}
		#langMenu li {
			display: block;
			float: left;
			margin: 0 13px 0 0;
			font-size: 90%;
			text-transform: uppercase;
		}
		#langMenu li a {
			font-weight: bold;
      text-decoration:none;
      display: block;
			background-repeat: no-repeat;
			padding: 12px 0 0 0;
			color: #0E692C;
			width: 17px;
			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 */
	
	/* ----- mainMenu */
		.mainMenu {
			background: url(../img/bg/mainmenulist.png) 0 100% no-repeat;
			margin: 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 li {
			border: 1px solid #fff;
		}
		.mainMenu ul.mainMenuList li a {
			background: url(../img/bg/mainmenuli.png) 4px 7px no-repeat #0E692C;
			display: block;
			color: #fff;
			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  #B91F33;
			border-color: #009ccc;
			color: #fff;
			font-weight: bold;
		}
		.mainMenu ul.mainMenuList li:hover>ul {
		  display:block;
		}
		
		/* ----- submenu */
			.mainMenu ul.mainMenuList li ul {
				padding: 2px 2px 0px 2px;
				float: none;
				position: absolute;
				margin-left: 140px;
				margin-top: -20px;
				width: 160px;
				background-color: #fff;
				display:none;
				list-style-type: none;
			}
			.mainMenu ul.mainMenuList li ul li {
				float: none;
				height: 1.9em;
			}
			.mainMenu ul.mainMenuList li ul li a {
				padding: 3px 4px 3px 15px;
				margin: 0;
				font-size: 90%;
				line-height: 1.2em;
			}
			.mainMenu ul.mainMenuList li ul li a:hover {
				font-weight: bold;
				border-top: 1px solid #d5d0d0;
				border-bottom: 1px solid #d5d0d0;
			}
			
		/* end. submenu */
	/* end. mainMenu */
}