/* Menu lewe */
#menu-bloki li > span{
	cursor:pointer;
}
#menu-bloki{
	max-width: 100%;
}

#menu-bloki ul{
	margin:0px;
	padding:0px;
	list-style: none;
}
.menu-bloki-1-poziom	{
	width: 100%;
	display: flex;
  gap: 0px 0px;
	margin: 0px auto;
	padding: 0px 0px 0px !important;
	position: relative;
	justify-content: space-between;
}
.menu-bloki-1-poziom > li {
  flex: 0 0 auto;
	list-style: none;
	width: 32.3%;
	display: flex;
	flex-wrap: wrap;
  position: relative;
  font-size: 16px;
  padding: 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #5B789F;
	align-items: center;
}

.menu-bloki-1-poziom li.menu-blok-before,
.menu-bloki-1-poziom li.menu-blok-after
{
	border: none;
}
.menu-bloki-1-poziom > li > a,
.menu-bloki-1-poziom > li > button,
.menu-start-1-poziom > li > a,
.menu-start-1-poziom > li > button {
	position: relative;
	z-index: 2;
	flex: 1 1;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px;
	display: flex;
	flex-wrap: wrap;
  align-items: center;
	text-decoration-color: transparent;
	background: none;
	border: none;
	cursor: pointer;
}
.menu-bloki-1-poziom > li > a[target="_blank"] > .menu-tekst:after,
.menu-bloki-1-poziom > li > a[target="_blank"] > .menu-ikona-tekst:after {
  content: url(../grafika/link_zewn.png);
  position: absolute;
  right: 16px;
  top: 4px;
  opacity: 0;
}

.menu-bloki-1-poziom > li > * > span
{
	position: relative;
	z-index: 2;
	flex: 1 1;
	padding: 8px 20px 8px 20px;
	margin: 0px 0px;
	display: flex;
	align-items: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-align: left;
}
.menu-bloki-1-poziom > li > * > span::before
 {
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-size: 18px;
	color: #fff;
	margin: 1px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*Moduły w 1-poziomie*/

.menu-bloki-1-poziom li.menu-modul {
	text-align: left;
	max-width: 100%;
	flex-wrap: nowrap;
}
.menu-bloki-1-poziom li.menu-modul::after {
	display: none;
}
.menu-bloki-1-poziom li.aktywna > ul {
  display: block !important;
}

.menu-bloki-1-poziom li > button:hover,
.menu-bloki-1-poziom li > a:hover
 {
  opacity: 0.55;
}

.menu-bloki-1-poziom li.aktywnaid > a > span,
.menu-bloki-1-poziom li.aktywnaid > button > span
{
  background:#315582;
}

@media all and (min-width: 768px) and (max-width: 950px){
	.menu-modul-zawartosc iframe{
		max-width:31.5vw;
	}
}
@media all and (min-width: 320px) and (max-width: 767px){
	.menu-bloki-1-poziom{
		flex-direction: column;
		gap: 16px 0px;
	}
	.menu-bloki-1-poziom li{
		width:100%;
	}
	.menu-bloki-1-poziom li.modul-59{
		text-align:center;
	}
}