#divMenu {
	display:none;
	flex: 1 1 auto;
	background-color: rgba(0,0,0,0.8);
}

#body.multiStart #divMenu {
	display:block;
	height: 100px;
}

#body.multiStart #divMenu #okosmenu_belso {
	height: auto;
}

.menuLatszik #divMenu {display:block;}

.startlap .menuLatszik #divMenu {display:none;}
.startlapUtvalaszto .menuLatszik #divMenu {display:none;}
.startlapAlmenu .menuLatszik #divMenu {display:none;}

.Help .menuLatszik #divMenu {display:none;}
.Menu #tartalom {display:none;}

.menuLatszik #tartalom {display:none;}

.Help .menuLatszik #tartalom {display: flex;}
.Help .menuLatszik #divMenu {display:none;}

#okosmenu {
	display: flex;
}

#r_szinek_blokk {
	position: relative;
}

#okosmenu_belso {	
	padding: 10px;
	text-align:left;
	color:#eee;
}

.ul_x,
ul_s {
	float: left;
}

.ul_x {
	margin: 0 7px 0 0;
	padding: 1px 5px;
	background-color: #000;
	color: #ddd;	
	
	font-size: 4vw;
    padding: 0px 10px;
}

.ul_s {
	padding: 5px 2px;
	color: #ddd;
}

.ul_s:hover,
.ul_x:hover {
	color: #fff;
}

#okosmenu_belso ul {
	padding-left:0px;
	margin: 8px 0px;
	list-style-type: none;
}

#okosmenu_belso li {
	padding-left:0px;
	margin: 8px 0px;
	list-style-type: none;
}


#okosmenu_belso li.menuszint_1 {padding-left:5px;}
#okosmenu_belso li.menuszint_2 {padding-left:65px;}
#okosmenu_belso li.menuszint_3 {padding-left:65px;}
#okosmenu_belso li.menuszint_4 {padding-left:65px;}

#okosmenu_belso ul.menuszint_1 {padding-left:0px;}
#okosmenu_belso ul.menuszint_2 {padding-left:33px;}
#okosmenu_belso ul.menuszint_3 {padding-left:33px;}
#okosmenu_belso ul.menuszint_4 {padding-left:33px;}



#okosmenu_belso li.menuszint_1 {padding-left:0px;}
#okosmenu_belso li.menuszint_2 {padding-left:calc(5.35vw + 15px);;}
#okosmenu_belso li.menuszint_3 {padding-left:calc(5.35vw + 15px);;}
#okosmenu_belso li.menuszint_4 {padding-left:calc(5.35vw + 15px);;}

#okosmenu_belso ul.menuszint_1 {padding-left:0px;}
#okosmenu_belso ul.menuszint_2 {padding-left:3vw;}
#okosmenu_belso ul.menuszint_3 {padding-left:3vw;}
#okosmenu_belso ul.menuszint_4 {padding-left:3vw;}

#okosmenu .aktiv {
	font-weight:bold;
	color: #ddd;
}

#okosmenu .passziv {
	font-weight:normal;
	color: #ccc;
}

#okosmenu .passziv:hover {
	color: #fff;
}


.zarva li,
.zarva ul {
	display: none;
}


#okosmenu_belso .zarva  .ul_x {
	background-image: url("img/menu_nyit.png");
	background-size: contain;
	width: 25px;
	height: 25px;
	padding: 0px;
	height: calc(2vw + 10px);
    width: calc(2vw + 10px);
    border: 1px solid #fff;
    opacity: 0.8;
}

#okosmenu_belso .nyitva > .ul_x {
	background-image: url("img/menu_zar.png");
	background-size: contain;
	width: 25px;
	height: 25px;
	padding: 0px;
	height: calc(2vw + 10px);
    width: calc(2vw + 10px);
    border: 1px solid #fff;
    
    opacity: 0.8;
}

#okosmenu_belso .nyitva > .ul_x:hover,
#okosmenu_belso .zarva  .ul_x:hover {
	opacity: 1;
}

#divMorzsa div {


}
