﻿.mp-rozwijka-zawartosc {
	display: none;
}

#menu-lewe img,
#menu-lewe iframe {
	max-width: 400px;
	height: 32px;
}

@media all and (min-width: 1024px) and (max-width: 1279px) {

	#menu-lewe img,
	#menu-lewe iframe,
	.menu-modul-tlo {
		max-width: 320px;
	}
}

@media all and (min-width: 320px) and (max-width: 1023px) {

	#menu-lewe img,
	#menu-lewe iframe,
	l.menu-modul-tlo {
		max-width: 90vw;
	}
}

#menu-lewe li>span {
	cursor: pointer;
}

#menu-lewe,
.modul-start-menu {
	max-width: 100%;
	margin-left: 0px;
}

#menu-lewe ul,
.menu-start-0-poziom {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.menu-lewe-1-poziom,
.menu-start-0-poziom {
	width: 100%;
	display: block;
	margin: 0px auto;
	padding: 0px 0px 0px !important;
	position: relative;
}

.menu-lewe-1-poziom li,
.menu-start-0-poziom li {
	list-style: none;
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	font-size: 16px;
	padding: 0px 0px 0px;
	margin: 0px 0px 1px 0px;
}

.menu-lewe-1-poziom li.menu-blok-before,
.menu-lewe-1-poziom li.menu-blok-after {
	display: none;
	height: 0px;
}

.menu-lewe-1-poziom li.menu-blok-after {
	display: block;
	height: 0px;
	margin: 0px 0px 16px 0px;
}

.menu-lewe-1-poziom>li>a,
.menu-lewe-1-poziom>li>span,
.menu-start-0-poziom>li>a,
.menu-start-0-poziom>li>span {
	position: relative;
	z-index: 2;
	flex: 1 1;
	padding: 16px;
	margin: 0px;
	display: flex;
	align-items: center;
	color: #000;
	text-decoration: none;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 18px;
	text-align: left;
	background: #ffffff;
}

.menu-lewe-1-poziom>li>*>span,
.menu-start-0-poziom>li>*>span {
	position: relative;
	z-index: 2;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	display: flex;
	align-items: center;
	color: #000;
	text-decoration: none;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 18px;
	text-align: left;
}

.menu-lewe-1-poziom>li>*>*>em,
.menu-start-0-poziom>li>*>*>em {
	flex: 0 0 40px;
	width: 40px;
	height: 41px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0px 0px;
	margin: 0px 16px 0px 0px;
	font-size: 18px;
	color: #fff;
	background: url(../grafika/fa_tlo.png) center center no-repeat;
}



.menu-lewe-1-poziom>li a:hover,
.menu-start-0-poziom>li a:hover {
	opacity: 0.75;
}

#menu-lewe .aktywna>ul {
	display: block;
}

.menu-lewe-1-poziom>li.aktywna>ul,
.menu-lewe-1-poziom>li.klik_menu>ul {
	padding-bottom: 24px !important;
}

/*Ikony w 1-poziomie*/

.menu-lewe-1-poziom li.menu-ikona {
	list-style: none;
	max-width: 100%;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	position: relative;
	font-size: 0px !important;
	background: none !important;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border-bottom: 1px solid #c1c1c15b;
}

.menu-lewe-1-poziom li.menu-ikona a {
	/* padding: 20px; */
	min-height: unset;
}

.menu-lewe-1-poziom li.menu-ikona a img {
	padding-left: 18px;
	max-width: 100%;
	height: auto;
}

.menu-lewe-rozwijka-zawartosc menu-lewe-2-poziom li a {
	padding: 6px !important;
}

/*Moduły w 1-poziomie*/

.menu-lewe-1-poziom li.menu-modul {
	list-style: none;
	max-width: 400px;
	display: flex;
	flex-wrap: nowrap;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 16px 0px 16px 0px;
}

.menu-modul-tlo {
	width: 100%;
	background: rgba(0, 0, 0, 0.01);
}

ul.menu-lewe-1-poziom ul {
	display: none;
}

/*2gi poziom*/

.menu-lewe-2-poziom {
	display: none;
	width: 100%;
	position: relative;
	padding: 0px 16px 0px 64px !important;
	list-style: none;
	background: #fff;
	text-transform: none;
	font-weight: 400;
}

.menu-lewe-2-poziom span,
.menu-lewe-2-poziom a {
	text-transform: none;
	font-weight: 400;
	font-size: 14px;
	color: #1b1b1b;
	padding: 2px 0px;
	margin: 0;
	font-family: 'Open Sans';
	text-decoration: none;
	text-align: left;
	display: block;
}

ul.menu-lewe-2-poziom li {
	display: block;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 16px;
}

.menu-lewe-2-poziom li span:last-child:hover,
.menu-lewe-2-poziom li *:hover:before {
	color: #f21f18 !important;
}

.menu-lewe-2-poziom li.aktywnaid *,
.menu-lewe-2-poziom li.aktywnaid *:before {
	color: #f21f18 !important;
}



/*strzałki przy rozwijkach */

.menu-lewe-rozwijka>span span {
	display: block;
}

/*Efekt hover background*/

.menu-lewe-1-poziom ul li:hover>a {}