/* ================================================================ 
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/cssplay-responsive-multi-level-menu-jquery.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* this is the PC menu stylesheet */
.menu {margin:0;padding:0;background: transparent ;text-align:left;
	height:40px; position:relative; z-index:100; left:0;min-width:985px;}
.toggle {display:none;}
.prihl {display:none;}
.menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;
	display:inline-block;border-left: 1px solid #554900;}
.menu ul {*display:inline;}
.menu li {margin:0; padding:0; list-style:none;background:transparent;}
.menu li.close {display:none;}
.menu li.pmini {display:none;}
.menu li {display:inline-block; display:inline;}

.menu li {background:#ffda00;}
.menu li.aktivni {background:#e2c100;}
.menu li a:hover {background:#ffa200;}
.menu li.has-sub a:hover {background:#ffa200;}

.menu ul ul {position:absolute; left:-9999px; border-top:0;}
.menu > ul {margin:0 auto;}

.menu > ul > li {float:left; display:block; position:relative;
	border-right: 1px solid #554900;}
.menu > ul > li {background:#ffda00;}
.menu > ul > li.aktivni {background:#e2c100;}
.menu > ul > li.aktivni > a:hover{background:#ffa200;}

.menu ul ul li a {background:#ffda00;border-bottom: 1px solid #554900}
.menu ul ul li.aktivni a {background:#e2c100;}
.menu ul ul li.aktivni a:hover {background:#ffa200;}

.menu > ul > li.has-sub > a {padding-right:35px;background-position: right center;
	background-image:url('img/arrow-down.png');background-repeat: no-repeat;}
.menu ul ul > li.has-sub > a {padding-right:35px;background-position: right center;
	background-image:url('img/arrow-right.png');background-repeat: no-repeat;}
.menu ul li.left ul > li.has-sub > a {padding-right:10px;background-position:left center;
	background-image:url('img/arrow-left.png');background-repeat: no-repeat;}

.menu ul li b {display:block; width:100%; height:40px; background:transparent;
	position:relative; z-index:10; -webkit-transition: 0s 0.5s; transition: 0s 0.5s;}
.menu ul ul li b {margin-top:-40px;}
.menu ul li b {*display:none;}
.menu a {display:block; font:bold 13px "PT Sans", arial, sans-serif; color:#554900;
	line-height:40px; text-decoration:none; padding:0 5px;}
.menu > ul > li > a {float:left; text-transform:uppercase;}
.menu ul li:hover > ul {visibility:visible; left:-1px; top:40px; opacity:1;}
.menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-46px;}
.menu li.left:hover > ul {visibility:visible; left:auto; right:-1px; top:40px;}
.menu li.left ul li:hover > ul {visibility:visible;left:auto;right:100%;top:auto;
	margin-top:-46px;}
.menu ul li:hover > b {width:0;}
.menu li.left ul a {text-align:right; padding:0 10px 0 30px;}
.menu li:hover > a,.menu li.left ul li:hover > a {color:#fff;text-decoration:underline;}
.menu li.left ul li.aktivni {color:#fff;text-decoration:underline;}

/* this is the stylesheet when the menu is viewed on a device with a max width of 1024 pixels */
.menu_mini {height:100%;width:300px;overflow:scroll;overflow-x:hidden;background:#e2c100;
	position:fixed; left:-300px; top:0; z-index:500010;-webkit-overflow-scrolling: touch;}
.menu_mini + .toggle {display:block; width:80px; height:40px;
	background:#e36a19 url('img/menu-icon.gif') no-repeat left center;
	background-color: rgba(255,218,0,0.7); position:fixed; right:0; top:122px;
	cursor:pointer; z-index:500000; border-radius:0 10px 10px 0;
	font:normal 16px/40px "PT Sans", arial, sans-serif; color:#fff; text-align:right;
	padding-right:10px; -webkit-transition:0.25s;transition:0.25s;}
.menu_mini + .toggle:hover {right:0;background-color:#ffda00;color:#fff;
	text-decoration:underline;}
.menu_mini ul {padding:0; margin:0 0 20px 0; list-style:none; background:#e2c100;
	width:100%; border:1px solid rgba(85,73,0,0.2); border-top:0; text-align:left;}
.menu_mini ul ul {background:#ffda00; width:calc(100% - 30px); margin-left:15px;}
.menu_mini ul ul ul {background:#ffda00; width:calc(100% - 30px);}
.menu_mini ul ul ul ul {background:#ffda00; width:calc(100% - 30px);}
.menu_mini ul li {position:relative; border-top:1px solid rgba(85,73,0,0.2);}
.menu_mini li.close {display:block; height:40px;
	font:normal 18px/40px "PT Sans", arial, sans-serif;
	color:#fff; text-align:left;padding-left:50px;cursor:pointer;
	background:#ffa200 url('img/close.png') no-repeat 10px center;}
.menu_mini li.pmax {display:none;}
.overlay {position:fixed; left:0; top:0; width:100%; height:100%;
	background:rgba(0,0,0,0.3); display:none; cursor:pointer;z-index:500005;}
.menu_mini ul li a {display:block;font:normal 18px/40px "PT Sans", arial, sans-serif;
	color:#554900;text-decoration:none; text-indent:10px;}
.menu_mini ul li a:hover {background-color:#ffa200;}
.menu_mini b {display:none;}