﻿#menu-tresc{
  width: 100%;
  max-width: 1232px;
  margin: 16px auto 0px auto;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}
.menu-tresc-1-poziom {
	display: block;
	width: 100%;
  margin: 0;
  padding: 0;
}
.menu-tresc-1-poziom li {
  list-style: none;
}
.menu-tresc-1-poziom > li > a {
  display: block;
	width: 100%;
  padding: 0px 0px 16px 0px;
  margin: 16px 0px 8px 0px;
  text-transform: uppercase;
  color: #000;
  text-decoration-color: transparent;
  font-size: 18px;
  background: url(../grafika/modul_kreska.png) bottom left no-repeat;
}
.menu-tresc-1-poziom li a:hover {
  text-decoration-color: inherit;
}

.menu-tresc-2-poziom {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
	width: 100%;
  margin: 0;
  padding: 0;
}
.menu-tresc-2-poziom li {
  flex: 1 0;
  height: 128px;
  border: 2px solid #f2f2f2;
  margin: 8px;
  background-color: #fafafa;
  background: linear-gradient(180deg, rgba(248,248,248,1) 0%, rgba(206,206,206,1) 100%);
}
.menu-tresc-2-poziom li:first-child {
  margin-left: 0px;
}
.menu-tresc-2-poziom li:last-child {
  margin-right: 0px;
}
.menu-tresc-2-poziom li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  text-transform: uppercase;
  color: #000;
  text-decoration-color: transparent;
}
.menu-tresc-2-poziom li a img {
  width: inherit;
  height: inherit;
  object-fit: cover;
}
.menu-tresc-2-poziom li a img + span {
  display: none;
}
.menu-tresc-2-poziom li:hover {
  opacity: .8;
}
