#menuwrapper {
width: 100%;
margin: 2px 0 0 0;
padding: 0;
}

#primary-nav, #primary-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#primary-nav ul {
	position: absolute;
	top: 0px;
	left: 100%;
	display: none;
}


#primary-nav li {
position: relative;
width: 250px;
padding: 0;
float: left;
text-align: left;
border-bottom: 1px solid #ffffff;
}

#primary-nav li:hover, #primary-nav li.menuactive {
}

#primary-nav li li {
width: 250px;
padding: 0;
/*border-right: 1px solid #2f6595;*/
}

#primary-nav ul li:hover, #primary-nav ul li.menuactive {

}

ul#primary-nav li a {
font-size: 15px;
line-height: 1.5em;
font-weight: normal;
color: #217B9B;
padding: 5px 15px;
display: inline-block;
text-decoration: none;
width: 220px;
}

ul#primary-nav li a.menuactive, ul#primary-nav li a:hover {
color: #ffffff;
background-color: #368EAD;
}

ul#primary-nav a span {
display: block;
}

ul#primary-nav li ul {
margin: 0;
padding: 0;
position: absolute;
width: auto;
height: auto;
display: none;
position: absolute;
z-index: 999;
opacity: 1;
}

ul#primary-nav li ul a {
margin: 0;
position: relative;
font-weight: normal;
color: #444444;
font-size: 1em;
padding: 5px 15px 5px 30px;
background-color: #dee4e9;
width: 205px;
}

ul#primary-nav li ul a.menuactive, ul#primary-nav li ul a:hover {
font-weight: normal;
color: #ffffff;
background-color: #8dbcce;
}



/* Fixes IE7 bug */
#primary-nav li, #primary-nav li.menuparent {
	min-height: 1em;
}

#primary-nav li li.menuactive, #primary-nav li.menuactive.menuparenth li.menuactive {
}

#primary-nav li.menuparent:hover li.menuparent span {
	padding-left: 0;
}

#primary-nav li.menuparenth li.menuparent span,
#primary-nav li.menuparenth li.menuparenth span {
	padding-left: 0;
}

/* IE6 flicker fix */
#primary-nav li.menuh,
#primary-nav li.mnuparenth,
#primary-nav li.mnuactiveh {
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}

/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}

/*nove styly, pouze pro druhou uroven, treti by se  musela dodelat*/

#primary-nav li.menuparent.menuactive.parent,
#primary-nav ul li.menuparent.menuactive.parent,
#primary-nav ul ul li.menuparent.menuactive.parent {
border-bottom: 0;
}

#primary-nav li.menuparent:hover ul {
display: none;
}



#primary-nav li.menuparent.menuactive.parent ul,
#primary-nav ul li.menuparent.menuactive.parent ul,
#primary-nav ul ul li.menuparent.menuactive.parent ul {
display: block;
border-left:0;
position:relative;
left: 0;
}

#primary-nav li.menuactive.parent ul,
#primary-nav ul li.menuactive.parent ul,
#primary-nav ul ul li.menuactive.parent ul {
display: block;
border-left:0;
position:relative;
left: 0;
}

@media only screen and (max-width: 999px) {
#primary-nav li {
    width: 200px;
}
ul#primary-nav li a {
    padding: 5px 15px;
    width: 170px;
}
}


@media only screen and (max-width: 767px) {
#primary-nav, #primary-nav ul {
display: none;
}
}




/* Stylesheet: menu_left Modified On 2013-10-22 16:32:06 */