/* Menu startowe tekstowe */

.menu-start-0-poziom{
	padding: 0px;
	margin:0px;
}

.menu-start-0-poziom > li{
	margin-bottom:16px;
	list-style: none;
}

.menu-start-0-poziom li a span img{
	max-width: 100%;
}

.menu-start-0-poziom li:hover{
	opacity:0.7;
}

.menu-start-0-poziom li a span:hover{
	opacity:0.7;
}

.modul-start-menu-2 ul.menu-start-1-poziom, .menu-prawe-1-poziom{
  list-style-type: none !important;
  padding: 24px 0px;
  margin-top: 0px;
  background: white;
}

.modul-start-menu-2 .menu-start-1-poziom > li, .menu-prawe-1-poziom > li{
  list-style: none;
  max-width: 100%;
  flex-wrap: wrap;
  position: relative;
  margin: 0 24px;
  border-bottom: 1px solid #e4e4e4;
}

.modul-start-menu-2 .menu-start-1-poziom > li.aktywna > a
{
  background: #01843A;
}

.modul-start-menu-2 .menu-start-1-poziom > li.aktywna > a > span
{
  color: white;
}

.modul-start-menu-2 .menu-start-1-poziom > li:first-child, .menu-prawe-1-poziom > li:first-child
{
}

.menu-start-1-poziom li button, .menu-prawe-1-poziom li button
{
  background: transparent;
  border: 0px none transparent;
  margin: 0;
  padding: 0;
  cursor: pointer;
  width: 100%;
  text-align: left;
  padding: 12px 0;
}

.modul-start-menu-3 .menu-start-1-poziom li button
{
  padding: 0;
}

.menu-start-1-poziom li a, .menu-prawe-1-poziom li a
{
  padding: 12px 0;
}

.menu-blok-after
{
  display: none;
}

/* 2nd poziom */

.menu-start-2-poziom, .menu-prawe-2-poziom
{
  display: none;
}

.menu-start-2-poziom, .menu-prawe-2-poziom
{
  list-style-type: none;
  padding-left: 0;
  padding-bottom: 20px;
}

.menu-start-2-poziom li a, .menu-start-2-poziom li button, .menu-prawe-2-poziom li a, .menu-prawe-2-poziom li button
{
  text-decoration-color: transparent;
  color: black;
  font-size: 14px;
  display: block;
  line-height: 20px;
  padding: 4px 0;
  padding-right: 24px;
  padding-left: 60px;

}

.menu-start-2-poziom li a span, .menu-start-2-poziom li button span, .menu-prawe-2-poziom li a span, .menu-prawe-2-poziom li button span
{
  line-height: 20px;
  display: block;
}

/* 3nd poziom */

.menu-start-2-poziom > li

.menu-start-3-poziom, .menu-prawe-3-poziom
{
  display: none;
}

.menu-start-3-poziom, .menu-prawe-3-poziom
{
  list-style-type: none;
  padding-left: 0px;
}


.menu-start-3-poziom a, .menu-prawe-3-poziom a
{
  padding-left: 74px !important;
}

/* Aktywna zakładka */

.menu-prawe-2-poziom li.aktywna > a
{
  background: #00b100;
  color: black;
}

.menu-prawe-2-poziom li.aktywna > a:hover > span
{
  opacity: 0.6;
  color: black;
}

/* Menu startowe ikony */

.modul-start-menu-3 .menu-start-1-poziom, .menu-prawe-ikony-1-poziom
{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  display: flex!important;
  flex-wrap: wrap;
  gap: 16px;
}

.modul-start-menu-3 .menu-ikona-tekst, .menu-prawe-ikony-1-poziom .menu-ikona-tekst
{
  display: none;
}

.modul-start-menu-3 .menu-ikona-mini, .menu-prawe-ikony-1-poziom .menu-ikona-mini
{
  padding: 0;
  -webkit-box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.527);
    box-shadow: 0px 0px 15px -12px rgba(0, 0, 0, 0.527);
    transition: 0.3s;
}

.menu-prawe-ikony-1-poziom .menu-ikona-mini img, .modul-start-menu-3 .menu-ikona-mini img
{
  max-width: 192px;
  max-height: 128px;
}

.modul-start-menu-3 .menu-ikona-mini:hover,  .menu-prawe-ikony-1-poziom .menu-ikona-mini:hover
{
  opacity: 0.3;
}

/* hover */

.menu-start-1-poziom li > a:hover, .menu-start-1-poziom li:hover > button:hover, .menu-prawe-1-poziom li > a:hover, .menu-prawe-1-poziom li:hover > button:hover
{
  color: #9b9b9b;
}

/* Mapa dojazdu maska podstrona */

.mapa-dojazdu
{
  width: 400px;
  height: 64px;
  background: white;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 76px;
  margin-left: -61px;
}

.mapa-podstrona
{
  margin-left: 0!important;
}

.mapa-tlo
{
  width: 400px;
  height: 64px;
  background: black;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 60px;
  margin-left: -64px;
}



@media all and (min-width: 1024px) and (max-width: 1279px) {
  ul.menu-start-1-poziom{   }
  .modul-start-menu-3 .menu-start-1-poziom, .menu-prawe-ikony-1-poziom
  {
    justify-content: center;
  }
}
