@charset "utf-8";
.strana {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0%;
  padding-right: 0%;
  padding-bottom: 20px;
  padding-top: 20px;
}
.strana h1 {
  font-family: 'Amatic SC', sans-serif;
  color: #536608;
  font-size: 400%;
  font-weight: 400;
  text-decoration: none;
  margin-bottom: 10px;
}
.strana h2 {
  font-family: 'Amatic SC', sans-serif;
  color: #7A080E;
  font-size: 200%;
  font-weight: 700;
  text-decoration: none;
  margin-top: 20px;
  margin-bottom: 10px;
}
.strana p {
  font-family: 'Open Sans', sans-serif;
  color: #000000;
  font-size: 120%;
  line-height: 180%;
  font-weight: 300;
  text-decoration: none;
  margin-bottom: 10px;
}
.strana strong {
  font-weight: 700;
}
.stranaNav a {
  font-family: 'Open Sans', sans-serif;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #536608;
  color: #FFFFFF;
  font-size: 120%;
  line-height: 50px;
  border-radius: 10px;
  margin-top: 10px;
  text-decoration: none;
  padding-left: 20px;
  background-image: url(../images/icons/desno.png);
  background-repeat: no-repeat;
  background-position: right 0px center;
  background-size: auto 50px;
  font-weight: 300;
}
.stranaNav a:hover {
  background-color: #A8CD10;
}
.stranaW {
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.stranaElm {
  width: 50%;
  flex-grow: 1;
}
.stranaElm3 {
  width: 33%;
  flex-grow: 1;
}
.pieChart {
    background-color: #F1F3EB;
    border-radius: 10px;
}
.MID------------- {}
@media only screen and (max-width: 980px) {}
.MOB------------- {}
@media only screen and (max-width: 780px) {
  .strana {
    padding-left: 4%;
    padding-right: 4%;
  }
  .stranaW {
    padding-left: 4%;
    padding-right: 4%;
    flex-direction: column;
  }
  .stranaElm {
    width: 100%;
  }
  .stranaElm3 {
    width: 100%;
  }
}
.MOBSMALL------------- {}
@media only screen and (max-width: 320px) {}