#nav-wrap a {
	text-decoration: none;
	color: #39C;
}

#nav-wrap {
	margin: 0px;
	padding: 35px 0px 0px 0px;
}

#menu-icon {
	display: none;
}


#nav {
	margin: 0px 0px 0px 30px;
	padding: 0;
/*	border: solid 1px #000000;*/
}

#nav li {
	margin: 0;
	padding: 0;
/*	border: solid 1px #000000;*/
}

#nav li {
	list-style: none;
	float: left;
/*	margin-right: 5px;*/
}

#nav a {
	padding: 8px 12px 6px 12px;
	display: block;
	color: #FFFFFF;
	background: #004276; /* podklad */
}

#nav a:hover {
	background: #005393; /* podklad pri hoveru*/
}

#nav ul {
	background: #fff;
	padding: 0px;
	position: absolute;
	border: solid 1px #ccc;
	display: none;
	width: 220px;
}

#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav li:hover > ul {
	display: block;
}


@media (max-width: 660px) /* (LOCK-RESPONSIVEMENU-01 joined with responsive_menu.js */ {
	#nav-wrap {
		position: relative;
		padding: 0px;
	}
	
	#menu-icon {
		color: #000000; /* menu buton text neaktivni*/
		width: 60px; /* 42px; */
		height: 30px;
		background: #dddddd url(/img/menu-icon.png) no-repeat 10px center; /* menu buton podklad neaktivni*/
		padding: 8px 10px 0 52px;
		cursor: pointer;
		border: solid 1px #666;
		display: block;
	}

	#menu-icon:hover {
		background-color: #ddd;
	}

	#menu-icom.active {
		background-color: #bbb;
	}

	#nav {
		clear: both;
		position: absolute;
		top: 48px;
		width: 200px; /* 160px; */
		z-index: 10000;
		padding: 5px;
		background: #f8f8f8; /* polozky menu podklad neaktivni */
		border: solid 1px #999;
		display: none;
	}

	#nav li {
		clear: both;
		float: none;
		margin: 5px 0 5px 10px;
	}

	#nav a,
	#nav ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		color: #666;
		border: none;
	}

	#nav a:hover, #nav ul a:hover {
		background: none;
		color: #000;
	}

	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}

	#nav ul li {
		margin: 3px 0 3px 15px;
	}
}