/* CSS – ZONES.SK
 --- 04.05.2007, Lubos Demovic [demovic@zones.sk]
 --- 21.11.2017 – responzivna cast: Radek Tuma [radek.tuma@seznam.cz]
*/
/* BASE TYPOGRAPHY */
html {
  margin: 0 0 0 0;
}
body {
  background: -webkit-linear-gradient(top, #d7e3f0 0, #FFFFFF 60px); /* 60px, 127px */
  background: linear-gradient(to bottom, #d7e3f0 0, #FFFFFF 60px);
  background-repeat: no-repeat;
  /*min-height: 800px;*/
  margin: 0 0 10px 0;
  padding: 0;
  font: 0.7em Tahoma, Arial, Verdana, sans-serif;
  line-height: 1.6em;
}
/*
@media (min-width: 600px) {
  body {
    background: -webkit-linear-gradient(top, #d7e3f0 0px, #FFFFFF 60px);
    background: linear-gradient(to bottom, #d7e3f0 0px, #FFFFFF 60px);
  }
}
@media (min-width: 900px) {
  body {
    background: linear-gradient(to bottom, #d7e3f0 0px, #FFFFFF 60px);
  }
}
*/
a {
  color: #333333;
  text-decoration: none;
}
a:hover {
  color: #808080;
  text-decoration: underline;
}
p {
  margin-bottom: 5px;
}
form {
  margin: 0;
}
textarea {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
h1, h3 {
  border-bottom: 1px dotted #9B9EA2;
  color: #C45300;
  font-family: "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4em;
  padding: 10px 5px 9px 10px;
  margin: 0 10px;
}
h1 a { color: #C45300; }
@media (max-width: 599px) {
  h1 span { display: none; }
  h1.h1_small { font-size: 20px; }
  h1.h1_small2 { font-size: 18px; }
}
h3 {
  color: #C45300;
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 7px 0;
}
h3 a { color: #C45300; }
h2 {
  color: #C45300;
  font-weight: normal;
  font-size: 20px;
  margin: 10px 0;
}
h2 a { color: #C45300; }
label {
  margin-top: 5px;
}
div {
  margin: 0;
  padding: 0;
}
dl {
  font-size: 13px;
  margin: 0;
}
dt {
  font-weight: bold;
  color: #4A6F93;
}
dd {
  margin-left: 10px;
  margin-bottom: 4px;
}
/* --BASE TYPOGRAPHY */
/* OBRÁZKY */
img {
  max-width: 100%;
  height: auto;
  border: none;
}
.image {
  float: left;
  margin: 0 9px 3px 0;
}
.image_big,
.image_big2 {
  float: left;
  margin: 0 15px 5px 0;
  padding: 1px;
  border: 2px solid #eaeaea;
}
.image_big_full_m {
  width: 100%;
  margin: 0 0 5px 0;
  padding: 1px;
  border: 2px solid #eaeaea;
}
.z_image {
  border: 2px solid #eaeaea;
  padding: 1px;
}

@media (min-width: 600px) {
  .image_big_full_m {
    float: left;
    margin: 0 15px 5px 0;
  }
}
.image_big2 {
  margin: 0 0 5px 0;
}
.imgborder,
.imgborder2 {
  float: none;
  margin: 0 15px 5px 0;
  padding: 1px;
  border: 2px solid #eaeaea;
}
.imgborder2 {
  margin: 0;
}
.zones_table1 img,
.zones_table3 img,
.zones_table_sady img {
  min-width: 16px !important;
}
.image_titulka {
  display: block;
  float: none;
  margin: 0 auto 10px auto;
  width: auto;
  max-width: 99%;
}

@media (min-width: 600px) {
  .image_titulka {
    float: left;
    margin-right: 15px;
    width: 250px;
  }
}

/* --OBRÁZKY */
/* TABULKY */
td,
th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 5px;
  font-size: 11px;
  text-align: left;
}
th {
  font-weight: bold;
}
td {
  padding-left: 10px;
}
/* obal pro scrollování tabulek na menších displejích */
.table_responsive {
  overflow-x: auto;
}
.zones_table1,
.zones_table3,
.zones_table_sady,
.najaktivnejsi_uziv,
.najnovsi_uziv {
  border-spacing: 0;
}
#table_registracia {
  width: 95%;
  border-collapse: collapse;
  margin: 0 auto 15px auto;
}
#table_registracia td,
#table_registracia th {
  background: #F8F4E8;
  color: #63501C;
  border: 1px solid #efe7cf;
  padding: 10px;
}
#table_registracia tr th:first-child {
  width: 160px;
}
#table_registracia input[name="den"],
#table_registracia input[name="mesiac"],
#table_registracia input[name="rok"] {
  width: 20px;
  margin-bottom: 0;
}
#table_registracia input[name="rok"] {
  width: 40px;
}
#table_registracia select {
  font-size: 10px;
}
#table_registracia submit {
  width: 130px;
}
#table_registracia span {
  display: inline-block;
}
@media (min-width: 600px) {
  #table_registracia span {
    width: 48%;
  }
}
#jazyky_kategorizace {
  border: 2px solid black;
  border-spacing: 10px;
  border-collapse: collapse;
}
#jazyky_kategorizace tr:not(:last-child) {
  border-bottom: 1px solid rgba(192, 192, 192, 0.3);
}
#jazyky_kategorizace tr:first-child {
  border-bottom: 2px solid black;
}
#jazyky_kategorizace td {
  border-left: 2px solid black;
  vertical-align: middle;
  height: 50px;
}
@media (min-width: 600px) {
  #jazyky_kategorizace {
    width: 100%;
  }
}
/* Tabulka 1 */
.zones_table1 {
  margin: 10px 0 20px 10px;
  text-align: left;
}
.zones_table1 th {
  background: #f3f3f3;
  color: #5380B0;
  padding: 10px;
  border-right: 1px solid #FEFEFE;
}
.zones_table1 th a { color: #5380B0; }
.zones_table1 th:first-child { border-top-left-radius: 10px; }
.zones_table1 th:last-child { border-top-right-radius: 10px; }
.zones_table1 tr:last-child td:first-child { border-bottom-left-radius: 10px; }
.zones_table1 tr:last-child td:last-child { border-bottom-right-radius: 10px; }

.zones_table1 td {
  padding: 7px;
  border-bottom: #b7b7b7 1px solid;
}
.zones_table1 td a {
  color: #416C95;
  text-decoration: underline;
}
.zones_table1 td a:hover {
  text-decoration: none;
}
.zones_table1 .prazdniny {
  color: #4D8D23;
}
.zones_table1 .sviatok {
  color: #BF0B38;
}
.zones_table1 .dnesny_den {
  background: #FFF6E5;
}
.zones_table1 .zapad,
.zones_table1 .zapad a {
  color: #CE6700;
}
.zones_table1 .stred,
.zones_table1 .stred a {
  color: #0001B2;
}
.zones_table1 .vychod,
.zones_table1 .vychod a {
  color: #7F6F2D;
}
.zones_table1 .cele,
.zones_table1 .cele a {
  color: #2F5471;
}
@media (min-width: 600px) {
  .zones_table1 {
    width: 96%;
  }
  .zones_table1 tr td:nth-child(3),
  .zones_table1 tr td:nth-child(4),
  .zones_table1 tr td:nth-child(5) {
    text-align: center;
  }
  .zones_table1 tr td:nth-child(2) {
    width: auto;
  }
  .zones_table1 tr td:nth-child(3) {
    width: 17%;
  }
  .zones_table1 tr td:nth-child(4) {
    width: 15%;
  }
  .zones_table1 tr td:nth-child(4) {
    width: 4%;
  }
}
.zones_table1.udalost tr:nth-child(odd) {
  background: #F5F8FC;
}
@media (min-width: 600px) {
  .zones_table1.udalost td:first-child {
    width: 75px;
  }
  .zones_table1.udalost td:nth-child(2) {
    width: 270px;
  }
  .zones_table1.udalost td:nth-child(3) {
    width: 100px;
    text-align: center;
  }
  .zones_table1.udalost td:nth-child(4) {
    width: 150px;
  }
}
/* Tabulka 1 – Skolske prazdniny */
@media (max-width: 599px) {
  .zones_table1.skolske_prazdniny, .zones_table1.skolske_prazdniny_cesko {
    margin-left: 0;
  }
}
.zones_table1.skolske_prazdniny tr:hover,
.zones_table1.skolske_prazdniny_cesko tr:hover,
.zones_table1.statne_sviatky tr:hover {
  background: #f7f0e7;
}
.zones_table1.skolske_prazdniny td:nth-child(3) {
  white-space: nowrap;
}
@media (max-width: 421px) {
  .zones_table1.skolske_prazdniny td:nth-child(2) {
    text-align: center;
  }
}
@media (max-width: 599px) {
  .zones_table1.skolske_prazdniny th:nth-child(5),
  .zones_table1.skolske_prazdniny td:nth-child(5) {
    display: none;
  }
}
@media (min-width: 600px) {
  .zones_table1.skolske_prazdniny th:nth-child(5) {
    text-align: center;
  }
  .zones_table1.skolske_prazdniny td:first-child {
    width: 3px;
  }
  .zones_table1.skolske_prazdniny td:nth-child(2) {
    width: 145px;
    text-align: left;
  }
  .zones_table1.skolske_prazdniny td:nth-child(3) {
    width: 150px;
    text-align: left;
  }
  .zones_table1.skolske_prazdniny td:nth-child(4) {
    width: 120px;
    text-align: left;
  }
  .zones_table1.skolske_prazdniny td:nth-child(5) {
    white-space: nowrap;
  }
}
.zones_table1.skolske_prazdniny_cesko {
  margin-bottom: 5px;
}
@media (min-width: 600px) {
  .zones_table1.skolske_prazdniny_cesko td:first-child {
    width: 150px;
  }
  .zones_table1.skolske_prazdniny_cesko td:nth-child(2) {
    width: 130px;
  }
  .zones_table1.skolske_prazdniny_cesko td:nth-child(3) {
    width: auto;
    text-align: left;
  }
}
/* // Tabulka 1 – Skolske prazdniny */

.zones_table1.statne_sviatky {
  margin-bottom: 5px;
}
@media (min-width: 600px) {
  .zones_table1.statne_sviatky td:first-child {
    width: 80px;
  }
  .zones_table1.statne_sviatky td:nth-child(2) {
    width: auto;
  }
  .zones_table1.statne_sviatky td:nth-child(3) {
    width: 140px;
    text-align: left;
  }
}
.zones_table1.prace tr:hover,
.zones_table1.kategorie tr:hover {
  background: #FBF7F2;
}
.zones_table1.prace td:nth-child(3) {
  text-align: left;
}
.zones_table1.prace td:nth-child(4),
.zones_table1.prace td:nth-child(5),
.zones_table1.prace td:nth-child(4) {
  text-align: center;
}
@media (min-width: 600px) {
  .zones_table1.prace {
    width: 98%;
  }
  .zones_table1.prace td:first-child {
    width: 2%;
  }
  .zones_table1.prace td:nth-child(2) {
    width: .5%;
  }
  .zones_table1.prace td:nth-child(3) {
    width: 45%;
  }
  .zones_table1.prace td:nth-child(4) {
    width: 15%;
  }
  .zones_table1.prace td:nth-child(5) {
    width: 10%;
  }
  .zones_table1.prace td:nth-child(6) {
    width: 10%;
  }
}
.zones_table1.kategorie {
  width: 98%;
}
.zones_table1.kategorie td:first-child {
  width: 5px;
}
.zones_table1.kategorie td:nth-child(2) {
  width: auto;
}
.zones_table1.kategorie td:nth-child(3) {
  width: 100px;
  text-align: center;
}
/* Uživatelé – nejaktivnější, nejnovější  */
.najaktivnejsi_uziv,
.najnovsi_uziv {
  text-align: left;
  margin: 15px 0 15px 10px;
}
.najaktivnejsi_uziv th,
.najnovsi_uziv th {
  background: #f3f3f3;
  color: #5380B0;
  padding: 3px 0 3px 8px;
  border-right: 1px solid #FEFEFE;
  border-bottom: 1px solid #E4E4E4;
}
.najaktivnejsi_uziv th a,
.najnovsi_uziv th a {
  color: #5380B0;
}
.najaktivnejsi_uziv td,
.najnovsi_uziv td {
  padding: 4px 7px;
  border-bottom: #b7b7b7 1px solid;
}
.najaktivnejsi_uziv td a,
.najnovsi_uziv td a {
  color: #416C95;
  text-decoration: underline;
}
@media (min-width: 600px) {
  .najaktivnejsi_uziv,
  .najnovsi_uziv {
    width: 96%;
  }
}
.najaktivnejsi_uziv tr td:first-child,
.najnovsi_uziv tr td:first-child {
  width: auto;
}
.najaktivnejsi_uziv tr td:nth-child(2),
.najnovsi_uziv tr td:nth-child(2) {
  width: 150px;
}
.najaktivnejsi_uziv tr td:nth-child(3),
.najnovsi_uziv tr td:nth-child(3) {
  width: 130px;
}
.najaktivnejsi_uziv tr td:nth-child(4),
.najnovsi_uziv tr td:nth-child(4) {
  width: 45px;
  text-align: center;
}
.najnovsi_uziv th img, .najaktivnejsi_uziv img  {
  min-width: 16px;
}
.najnovsi_uziv td:nth-child(4) {
  white-space: nowrap;
}
@media (min-width: 600px) {
  .najnovsi_uziv th:nth-child(4),
  .najnovsi_uziv th:nth-child(5),
  .najnovsi_uziv td:nth-child(5) {
    text-align: center;
  }
  .najnovsi_uziv td:nth-child(4) {
    width: 30px;
  }
  .najnovsi_uziv td:nth-child(5) {
    width: 20px;
  }
}
.najaktivnejsi_uziv td:nth-child(4) {
  font-weight: bold;
}
/* --Uživatelé – nejaktivnější, nejnovější  */
/* Tabulka 3 */
.zones_table3 {
  text-align: left;
  margin: 0 0 20px 10px;
}
.zones_table3 th {
  background: #f3f3f3;
  color: #5380B0;
  padding: 3px 8px;
  border-right: 1px solid #FEFEFE;
  text-align: center;
}
.zones_table3 td {
  padding: 5px 7px 4px 7px;
  border-bottom: #b7b7b7 1px solid;
  color: #454545;
}
.zones_table3 td a {
  color: #416C95;
  text-decoration: underline;
}
.zones_table3 td a:hover {
  color: #416C95;
  text-decoration: none;
}
@media (min-width: 600px) {
  .zones_table3 {
    width: 96%;
  }
}
.zones_table3 td:not(:first-child):not(:nth-child(2)) {
  text-align: center;
}
/* Tabulka SADY */
.zones_table_sady {
  color: #333;
  font-family: sans-serif;
  font-size: .9em;
  font-weight: 300;
  text-align: left;
  width: 100%;
  margin: 20px auto;
}
.zones_table_sady th {
  padding: 7px;
}
.zones_table_sady tr td:nth-child(2) {
  width: auto;
}
.zones_table_sady tr td:nth-child(3) {
  width: 15%;
  text-align: center;
}
.zones_table_sady tr th:nth-child(3) {
  width: 15%;
  text-align: center;
}
@media (min-width: 600px) {
  .zones_table_sady td:last-child {
    text-align: right;
    padding-right: 10px;
  }
}
.zones_table_sady thead tr:first-child,
.zones_table_sady thead tr:first-child a {
  background: #b8b8b8;
  color: #fff;
  border: none;
}
.zones_table_sady th:first-child,
td:first-child {
  padding: 0 7px;
}
.zones_table_sady thead tr:last-child th {
  border-bottom: 2px solid #ddd;
}
.zones_table_sady tbody tr:hover {
  background-color: #f0fbff;
}
.zones_table_sady tbody tr:last-child td {
  border: none;
}
.zones_table_sady tbody td {
  border-bottom: 1px solid #ddd;
}
/* --Tabulka SADY */
/* Najpopulárnejšie tagy na Zones.sk – Referáty, Ťaháky, Maturita (vyhladavanie) */
.table-vyhladavanie-top {
  background: #ffffff;
  margin: 20px 10px 10px 10px;
  border: 2px solid #f6efd1;
  border-collapse: collapse;
}
.table-vyhladavanie-top td {
  width: 176px;
  background: #fdf8eb;
  padding: 10px;
  border: 1px solid #f6efd1;
}
.table-vyhladavanie-top a {
  color: #63501C;
}
.table-vyhladavanie-top strong {
  font-weight: normal;
}
@media (max-width: 600px) {
  .table-vyhladavanie-top {
    margin: 20px 0 10px 0;
  }
  .table-vyhladavanie-top tr:nth-child(84) ~ tr {
    /* zobrazit jen prvních 84 řádků */
    display: none;
  }
  .table-vyhladavanie-top tr td {
    width: auto;
  }
  .table-vyhladavanie-top tr td:nth-child(4),
  .table-vyhladavanie-top tr td:nth-child(5) {
    /* zobrazit jen první tři sloupce */
    display: none;
  }
}
/* --Najpopulárnejšie tagy na Zones.sk – Referáty, Ťaháky, Maturita (vyhladavanie) */
.zones_table2 {
  width: 96%;
  margin: 15px 0 15px 10px;
  border-collapse: collapse;
}
.zones_table2 tr {
  border-bottom: 1px solid  #b7b7b7;
}
.zones_table2 tr:not(:first-child):hover {
  background: #F5F7FA;
}
.zones_table2 th {
  background: #f3f3f3;
  color: #5380B0;
  padding: 3px 0 3px 8px;
  border-right: 1px solid #FEFEFE;
  border-bottom: 1px solid #E4E4E4;
}
.zones_table2 td {
  padding: 2px 0 2px 7px;
}
@media (min-width: 600px) {
  .zones_table2 td:first-child {
    width: 205px;
  }
  .zones_table2 td:nth-child(2) {
    width: 85px;
  }
  .zones_table2 td:nth-child(3) {
    width: 100px;
  }
}
@media (min-width: 600px) {
  .zones_table2.vsetky_clanky td:first-child {
    width: 115px;
  }
  .zones_table2.vsetky_clanky td:nth-child(2) {
    width: 15px;
    text-align: center;
  }
  .zones_table2.vsetky_clanky td:nth-child(3) {
    width: auto;
  }
  .zones_table2.vsetky_clanky td:nth-child(4) {
    width: 140px;
  }
  .zones_table2.vsetky_clanky td:nth-child(5) {
    width: 80px;
  }
}

/* BUTTONS */
.button,
.button_search,
.tlacidlo_button,
.tlacidlo_button2 {
  height: 25px;
  color: #2E2E2E;
  /* fallback */
  background: #F7F2E8;
  background-image: -webkit-linear-gradient(top, #F7F2E8 0%, #D5CCB9 100%);
  background-image: linear-gradient(to bottom, #F7F2E8 0%, #D5CCB9 100%);
  cursor: pointer;
  font-family: Arial, Tahoma, Verdana;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 4px 0;
  padding: 1px 20px;
  border: 1px solid #9E9E9E;
}
.tlacidlo_button {
  border: 1px solid #cccccc;
  border-radius: 10px;
  padding: 8px 15px 8px 15px;
  margin-bottom: 4px;
}
.button {
  height: auto;
  border: 1px solid #cccccc;
  border-radius: 10px;
  padding: 10px 15px 8px 15px !important;
}
.button:hover {
  text-decoration: underline;
}
.button_search {
  height: 28px;
  padding: 0 20px 0 20px !important;
  margin: 7px 0 2px 0 !important;
  border: 1px solid #cccccc;
}
.button_search:hover { color: #828282; }
  /* rozestup mezi tlačítky vedle sebe */
.tlacidlo_button + .tlacidlo_button {
  margin-left: 7px;
}
/* nemá protějšek v html */
.lista_tlacidlo {
  float: left;
  color: #2E2E2E;
  background: #ebe4d6 url('images/button.png') repeat-x;
  font-family: Arial, Tahoma, Verdana;
  font-weight: bold;
  margin: 0 5px 4px 5px;
  padding: 1px 5px 1px 10px;
  border: 1px solid #9E9E9E;
}
.add_field_button {
  margin: 10px 5px 0 0;
}
/* --BUTTONS */
/* CONTAINER (VIDEO, IFRAME) */
/* responzivita vložené cizí stránky do HTML dokumentu (iframe, object, embed) */
.container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.container iframe,
.container object,
.container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* --CONTAINER (VIDEO, IFRAME) */
/* FORMULÁŘE */
form label {
  font-weight: bold;
}
form input {
  /* odstranit defaultní styly Safari pro inputy */
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
}
fieldset {
  border: 0;
}
/* bug Chrome – nezobrazuje radio buttony a checkboxy */
input[type="radio"] {
  -webkit-appearance: radio;
}
input[type=checkbox] {
  -webkit-appearance: checkbox;
}
.input,
.input_search {
  width: 170px;
  background: -webkit-linear-gradient(top, #E2E2E2 0, #ffffff 7px, #ffffff 100%);
  background: linear-gradient(to bottom, #E2E2E2 0, #ffffff 7px, #ffffff 100%);
  color: #7B7B7B;
  font-family: Verdana, Arial, Tahoma;
  font-size: 11px;
  font-weight: bold;
  padding: 4px;
  margin: 4px 0 5px 0;
  border: 1px solid #9B9B9B;
}
.input_search {
  min-width: 100px;
  width: 40%;
  background: #eaf3fb url("images/svg/ui-search.svg") no-repeat 7px 50% / 12px;
  padding-left: 25px;
  border: #FDFEFF 1px solid;
  margin: 0;
}
.input_search_full {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 335px) { .input_search { width: 57%; }}
@media (min-width: 900px) { .input_search { width: 259px; }}
@media (min-width: 900px) { .input_search_full { width: 80%; margin-top: 20px; margin-bottom: 30px }}

/* najaktivnejsi, najnovsi, uzivatelia */
form[action="uzivatelia/zones-id/"] input[type="text"] {
  width: 150px;
}
form[action="uzivatelia/zones-id/"] input[type="submit"] {
  width: 140px;
  background-image: -webkit-linear-gradient(top, #F7F2E8 0%, #D5CCB9 100%);
  background-image: linear-gradient(to bottom, #F7F2E8 0%, #D5CCB9 100%);
}
@media (min-width: 600px) {
  form[action="uzivatelia/zones-id/"] {
    padding-left: 10px;
  }
  form[action="uzivatelia/zones-id/"] input[type="text"] {
    margin-left: 5px;
  }
  form[action="uzivatelia/zones-id/"] input[type="submit"] {
    margin-left: 10px;
  }
}
/* najaktivnejsi, najnovsi, uzivatelia */
form[action="uzivatelia/rozsirene-vyhladavanie/"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /*
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;

   */
}
form[action="uzivatelia/rozsirene-vyhladavanie/"] div {
  margin-right: 15px;
  font-weight: bold;
}
form[action="uzivatelia/rozsirene-vyhladavanie/"] label {
  display: block;
}
form[action="uzivatelia/rozsirene-vyhladavanie/"] select {
  margin-top: 4px;
}
form[action="uzivatelia/rozsirene-vyhladavanie/"] input[name="odvek"],
form[action="uzivatelia/rozsirene-vyhladavanie/"] input[name="dovek"] {
  width: 20px;
  margin-bottom: 0;
  font-weight: bold;
}
form[action="uzivatelia/rozsirene-vyhladavanie/"] input[type="submit"] {
  width: 100px;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
form[action$="komentare"] input,
form[action$="komentare"] label {
  display: block;
  margin-bottom: 0;
}
form[action$="komentare"] label {
  width: 60px;
  text-align: left;
}
form[action$="komentare"] label[for="input_spam"] {
  width: auto;
}
form[action$="komentare"] input[type=text][name=spamrobot] {
  width: 20px;
}
form[action$="komentare"] input[type="submit"] {
  width: 130px;
  margin-top: 10px;
}
form[action$="komentare"] textarea {
  width: 80%;
  height: 80px;
  font-weight: normal;
}
form[action$="komentare"] .upozorni {
  display: inline-block;
  text-align: left;
}
@media (min-width: 600px) {
  form[action$="komentare"] input,
  form[action$="komentare"] label {
    display: inline-block;
    margin-bottom: 10px;
  }
  form[action$="komentare"] input[type="text"],
  form[action$="komentare"] textarea {
    margin-left: 10px;
    width: 350px;
  }
  form[action$="komentare"] textarea {
    vertical-align: top;
  }
  form[action$="komentare"] input[type="submit"] {
    margin-top: 15px;
    margin-left: 302px;
  }
  form[action$="komentare"] div {
    text-align: right;
    width: 433px;
  }
}
form[action="pomoc/"] label {
  display: block;
}
form[action="pomoc/"] div:first-child,
form[action="pomoc/"] div:nth-child(2) {
  margin-right: 10px;
}
form[action="pomoc/"] div:first-child input,
form[action="pomoc/"] div:nth-child(2) input {
  width: 150px;
  margin-bottom: 0;
}
form[action="pomoc/"] div:first-child {
  padding-left: 2px;
}
form[action="pomoc/"] div:nth-child(3) {
  margin-right: 0;
}
form[action="pomoc/"] div:nth-child(3) select {
  margin-top: 4px;
  width: 145px;
}
form[action="pomoc/"] textarea {
  width: 60%;
  height: 75px;
  margin-bottom: 0;
}
form[action="pomoc/"] #ochrana_spam input {
  width: 20px;
  margin-bottom: 0;
}
form[action="pomoc/"] input[type="submit"] {
  width: 140px;
}
@media (min-width: 600px) {
  form[action="pomoc/"] div:first-child,
  form[action="pomoc/"] div:nth-child(2),
  form[action="pomoc/"] div:nth-child(3) {
    display: inline-block;
  }
  form[action="pomoc/"] div:first-child label,
  form[action="pomoc/"] div:nth-child(2) label,
  form[action="pomoc/"] div:nth-child(3) label {
    margin-top: 0;
  }
  form[action="pomoc/"] textarea {
    width: 350px;
  }
}
/* Pridat studentsku pracu, upravit pracu, studentske sady */
.form_studentska_praca fieldset {
  padding: 5px 0;
  border-bottom: 1px solid #f0f0ee;
}
.form_studentska_praca fieldset:nth-child(4) {
  background: #F8FAFC;
  font-size: 11px;
}
.form_studentska_praca label,
.form_studentska_praca span,
.form_studentska_praca div {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.form_studentska_praca label {
  display: inline-block;
  width: 90px;
}
.form_studentska_praca select {
  max-width: 50%;
}
.form_studentska_praca textarea {
  display: block;
  width: 98%;
}
.form_studentska_praca .sada_popis {
  display: inline;
}
.form_studentska_praca span {
  font-size: 11px;
}
.form_studentska_praca .kategoria:first-child div {
  height: 128px;
  overflow: auto;
}
.form_studentska_praca .text_orange {
  margin-bottom: 15px;
}
.form_studentska_praca .text_orange input {
  margin-bottom: 0;
}
.form_studentska_praca .text_gray {
  margin: 5px 0 0 0;
  width: 95%;
}
.form_studentska_praca .text_gray1 {
  margin: 5px 0 0 0;
  width: 95%;
}
.form_studentska_praca .text_gray1 div {
  margin: 6px 0 0 0;
}
.form_studentska_praca h3 {
  margin-top: 10px;
}
@media (min-width: 600px) {
  .form_studentska_praca fieldset:nth-child(2) span {
    margin-left: 109px;
  }
  .form_studentska_praca fieldset:nth-child(5) label {
    vertical-align: top;
  }
  .form_studentska_praca fieldset:nth-child(5) span {
    display: inline-block;
    width: 370px;
  }
  .form_studentska_praca .kategoria {
    display: table;
    margin-top: 7px;
  }
  .form_studentska_praca .kategoria * {
    display: table-cell;
    vertical-align: top;
  }
  .form_studentska_praca .kategoria div {
    border: 1px solid #BCCFE0;
    line-height: 1.8em;
    font-size: 11px;
  }
  .form_studentska_praca .kategoria span {
    display: inline-block;
  }
  .form_studentska_praca .kategoria:first-child div {
    display: block;
    width: 300px;
    background: #FCFDFE;
  }
  .form_studentska_praca .upozorni {
    margin-left: 109px;
  }
  .form_studentska_praca input[name="zapnieditor"] + .upozorni {
    margin-left: 0;
  }
  .form_studentska_praca label {
    width: 104px;
  }
  .form_studentska_praca input[name="nazov_praca"],
  .form_studentska_praca input[name="nazov_sada"] {
    width: 350px;
  }
  .form_studentska_praca input[name="klucove_slova"] {
    width: 250px;
  }
  .form_studentska_praca .text_gray1 input {
    width: 190px;
    margin-top: 10px;
  }
}
input[name="popis[0]"],
input[name="zodkaz[0]"],
input[name="zodkaz[1]"],
input[name="zodkaz[2]"],
input[name="popis[1]"],
input[name="popis[2]"],
input[name="linky[0]"],
input[name="lodkaz[0]"],
input[name="lodkaz[1]"],
input[name="lodkaz[2]"],
input[name="linky[1]"],
input[name="linky[2]"] {
  display: block;
}
@media (min-width: 600px) {
  input[name="popis[0]"],
  input[name="zodkaz[0]"],
  input[name="zodkaz[1]"],
  input[name="zodkaz[2]"],
  input[name="popis[1]"],
  input[name="popis[2]"],
  input[name="linky[0]"],
  input[name="lodkaz[0]"],
  input[name="lodkaz[1]"],
  input[name="lodkaz[2]"],
  input[name="linky[1]"],
  input[name="linky[2]"] {
    display: inline;
  }
}
/* Youtube link */
@media (min-width: 600px) {
  input[name="videos_src[]"] {
    width: 350px;
  }
}
/* --Pridat studentsku pracu */
form[action="magazin/kategorie/"],
form[action="priatelia/pridanie/"] {
  margin-left: 10px;
}
@media (min-width: 600px) {
  form[action="magazin/kategorie/"] input[type="submit"],
  form[action="priatelia/pridanie/"] input[type="submit"] {
    margin-left: 5px;
  }
}
@media (min-width: 600px) {
  form[action="magazin/kategorie/"] input[type="text"] {
    width: 170px;
  }
  form[action="magazin/kategorie/"] input[type="submit"] {
    width: 150px;
  }
}
@media (min-width: 600px) {
  form[action="priatelia/pridanie/"] input[type="text"] {
    width: 150px;
  }
  form[action="priatelia/pridanie/"] input[type="submit"] {
    width: 175px;
  }
}
form[action="sprava-fotografii/"] {
  font-size: 13px;
}
form[action="sprava-fotografii/"] input[type="submit"] {
  width: 140px;
}
form[action="sprava-fotografii/"] input[type="text"],
form[action="sprava-fotografii/"] input[type="file"] {
  margin: 0 0 5px 0;
}
form[action="sprava-fotografii/"] label {
  display: none;
}
@media (min-width: 600px) {
  form[action="sprava-fotografii/"] input[type="text"],
  form[action="sprava-fotografii/"] input[type="file"] {
    width: 200px;
  }
  form[action="sprava-fotografii/"] label {
    display: inline-block;
    width: 212px;
  }
  form[action="sprava-fotografii/"] input::-webkit-input-placeholder {
    color: transparent;
  }
  form[action="sprava-fotografii/"] input::-moz-placeholder {
    color: transparent;
  }
  form[action="sprava-fotografii/"] input:-ms-input-placeholder {
    color: transparent;
  }
  form[action="sprava-fotografii/"] input::placeholder {
    color: transparent;
  }
}
form[action="zmenit-profil/edit-profil/"] fieldset {
  display: block;
}
form[action="zmenit-profil/edit-profil/"] fieldset div {
  margin-right: 10px;
}
form[action="zmenit-profil/edit-profil/"] fieldset label {
  /* zarovnání s buttonem */
  margin-top: -5px;
}
form[action="zmenit-profil/edit-profil/"] fieldset input[type="text"] {
  width: 30px;
}
form[action="zmenit-profil/edit-profil/"] label {
  display: block;
}
form[action="zmenit-profil/edit-profil/"] input,
form[action="zmenit-profil/edit-profil/"] textarea {
  width: 65%;
}
form[action="zmenit-profil/edit-profil/"] textarea {
  height: 75px;
}
form[action="zmenit-profil/edit-profil/"] .button {
  width: 150px;
}
form[action="zmenit-profil/edit-profil/"] .text_orange > div,
form[action="zmenit-profil/edit-profil/"] .text_blue > div {
  margin-top: 5px;
}
@media (min-width: 600px) {
  form[action="zmenit-profil/edit-profil/"] fieldset div:last-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: right;
  }
  form[action="zmenit-profil/edit-profil/"] input,
  form[action="zmenit-profil/edit-profil/"] textarea {
    width: 400px;
    margin-bottom: 0;
  }
  form[action="zmenit-profil/edit-profil/"] input[name="profil[3]"],
  form[action="zmenit-profil/edit-profil/"] input[name="profil[4]"],
  form[action="zmenit-profil/edit-profil/"] input[name="profil[5]"],
  form[action="zmenit-profil/edit-profil/"] input[name="profil[6]"] {
    width: 300px;
  }
}
form[action^="sprava-fotografii/editovat/"] label {
  display: block;
}
form[action^="sprava-fotografii/editovat/"] fieldset:nth-of-type(2) > img:first-child {
  margin: 0 15px 5px 0;
  padding: 1px;
  border: 1px solid #BCBCBC;
}
@media (min-width: 600px) {
  form[action^="sprava-fotografii/editovat/"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  form[action^="sprava-fotografii/editovat/"] h3,
  form[action^="sprava-fotografii/editovat/"] div {
    -webkit-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
  }
  form[action^="sprava-fotografii/editovat/"] div {
    text-align: right;
  }
}
/* --FORMULÁŘE */
/* PAGINATION */
.posuvnik {
  color: #4A4A4A;
  text-align: center;
  font-size: 13px;
  margin-top: 40px;
}
.posuvnik a {
  padding: 0 4px;
  font-weight: bold;
}
.posuvnik .akt_strana {
  background: #bdb8ae;
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
  padding: 0 7px;
}
.posuvnik .kon_strana {
  color: #D76C00;
}
/* --PAGINATION */
/* PAGINATION – EXPERIMENTÁLNÍ */
.pagination {
  overflow-y: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 13px;
  margin: 0;
  padding: 0;
  margin-top: 5px;
}
.pagination li {
  list-style-type: none;
}
.pagination a {
  font-weight: bold;
  padding-top: 1px;
  text-decoration: none;
  min-width: 22px;
  min-height: 22px;
  color: black;
}
.pagination *,
.pagination *:before,
.pagination *:after {
  box-sizing: inherit;
  -webkit-box-sizing: inherit;
}
.pagination,
.pagination li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pagination li:not(:first-child):not(:nth-child(2)):not(:nth-last-child(2)):not(:last-child):not(:nth-last-child(3)) {
  border-right: 1px solid rgba(0, 0, 0, 0.25);
}
.pagination li:not(:first-child):not(:nth-child(2)):not(:nth-last-child(2)):not(:last-child) a:hover {
  color: #808080;
  text-decoration: underline;
}
/* First, Previous, Next, Last */
.pagination li:first-child a,
.pagination li:nth-child(2) a,
.pagination li:nth-last-child(2) a,
.pagination li:last-child a {
  background-color: orange;
  color: white;
}
.pagination li:first-child,
.pagination li:nth-last-child(2) {
  border-right: 1px solid white;
}
.pagination li:not([class*="current"]) a:focus,
.pagination li:not([class*="current"]) a:active {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
  border-left-width: 1px;
}
.pagination li:first-of-type a {
  border-left-width: 1px;
}
.pagination li.current:hover {
  color: #ffffff;
  font-weight: bold;
}
.pagination li.current a {
  padding-top: .25em;
  background: #bdb8ae;
  color: #ffffff;
  cursor: default;
  pointer-events: none;
}
@media (max-width: 1025px) {
  .pagination li:first-child,
  .pagination li:last-child {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .pagination li:nth-of-type(2) a {
    border-left-width: 1px;
  }
}
@media (max-width: 641px) {
  .pagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .pagination li.current,
  .pagination li:first-of-type,
  .pagination li:last-of-type,
  .pagination li:nth-of-type(2),
  .pagination li:nth-last-of-type(2) {
    position: initial;
    top: initial;
    left: initial;
  }
  .pagination li:nth-of-type(2) a {
    border-left-width: 0;
  }
}
@media (max-width: 481px) {
  .pagination li:first-child,
  .pagination li:last-child {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .pagination li:nth-of-type(2) a {
    border-left-width: 1px;
  }
}
/* mobil – hodně malé displeje */
@media (max-width: 241px) {
  .pagination li {
    width: 50%;
  }
  .pagination li.current {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
    border-left-width: 1px;
  }
}
/* --PAGINATION – EXPERIMENTÁLNÍ */
/* FACEBOOK, GOOGLE PLUS */
/* Facebook stránka */
.fb-page-cover {
  margin: 20px 0 0 0;
  text-align: center;
}
.socialbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 10px;
}
.socialbox .posuvnik {
  margin-top: 10px;
}
@media (min-width: 600px) {
  .socialbox {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .socialbox .fb-like-cover {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .socialbox .posuvnik {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 0;
  }
}
/* Socialny box new */
.social_box_buttons {
  clear: both;
}
.social_button_facebook {
  float: left;
  margin-right: 5px;
  margin-bottom: 8px;
}
/* --FACEBOOK, GOOGLE PLUS */
/* AD */
.reklama_234x60 {
  margin: 5px 0 0 0;
  padding-left: 5px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  text-align: center;
}
.reklama_250x250 {
  margin-top: 5px;
  margin-bottom: 3px;
}
.reklama_120x600 {
  width: 120px;
  height: 600px;
  position: absolute;
  left: 305px;
}
.reklama_160x600 {
  width: 160px;
  height: 600px;
  position: absolute;
  left: 305px;
}
.reklama_160x600_left {
  width: 160px;
  height: 600px;
  position: absolute;
  right: 902px;
}
#top_reklama {
  background: #f8fafb;
  border: 1px solid #97b3ce;
  margin-bottom: 4px;
}
/* /118637005/zones_titulka2 – přesahuje rozměry stránky index na mobilu a způsobuje prázdný pravý okraj */
#div-gpt-ad-1460400323269-0 {
  margin: 0 auto;
  background: #ffffff;
  border: 0;
}
@media (min-width: 600px) {
  #div-gpt-ad-1460400323269-0 {
    height: 60px;
    width: 468px;
  }
}
.reklamy,
.reklamy1 {
  text-align: center;
  margin-top: 30px;
}
.reklamy .banner iframe,
.reklamy1 .banner iframe {
  display: block;
}
.reklamy1 {
  margin-top: 20px;
}
.reklama_adsense_160x600 {
  display: none;
  width: 0;
  height: 0;
}
@media (min-width: 600px) {
  .reklama_adsense_160x600 {
    display: block;
    width: 160px;
    height: 600px;
    position: absolute;
    right: 902px;
  }
}
.reklama_leaderboard_728x90 {
  text-align: center;
  margin: 5px 0;
}
.banner, .banner1 {
  background: #F9F9F9;
  border-bottom: 1px solid #E4E4E4;
  border-top: 1px solid #E4E4E4;
  padding: 5px 0;
  margin-bottom: 5px;
}
.banner1 {
  padding: 0;
}
@media (min-width: 600px) and (max-width: 899px) {
  .banner_column_2 {
    column-count: 2;
    padding: 10px;
  }
  .banner_column_3 {
    column-count: 3;
    padding: 10px;
  }
}
/* sprava-fotografii-editovat */
#top_reklama1 {
  margin: 10px 2px 0 2px;
  text-align: center;
}
/* --AD */

/* Diskusia k clankom */
#komentare {
  background: #F9F9F9;
  padding: 15px 15px 30px 15px;
  margin: 30px 0 0 0;
  border-top: 2px solid #f4f4f4;
  border-bottom: 2px solid #f4f4f4;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  line-height: 20px;
}
#komentare h3 {
  padding-left: 5px;
  line-height: 1.5;
}
#komentare #komentare_prispevky {
  color: #416C95;
  margin: 20px 0 30px 0;
  font-size: 12px;
  line-height: 1.9;
}
#komentare #komentare_prispevky a {
  color: #416C95;
}
#komentare .sp_diskusia_pridat {
  color: #416C95;
  font-size: 12px;
  margin: 0 10px 10px 10px;
}
#sp_diskusia {
  margin-top: 20px;
}
#sp_diskusia #komentare > div:nth-of-type(1) {
  margin: 10px 0 30px 0;
}
#sp_button_diskusia {
  float: left;
  background: transparent url(images/svg/sp-diskusia.svg) no-repeat 0 50% / 20px;
  padding: 0 0 3px 27px;
  margin: -1px 0 0 5px;
  line-height: 20px;
}
#sp_button_diskusia a { color: #416C95; font-size: 13px !important; }
/* // Diskusia k clankom */

/* MAIN */
/* layout */
#content,
#obsah {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 900px) {
  #content,
  #obsah {
    /* zrušit flexbox model */
    display: block;
  }
}
#content {
  background: transparent;
  font-size: 11px;
  line-height: 1.6em;
  margin: 10px auto 0px auto;
  padding: 4px 10px 0 10px;
  position: relative;
}
/*
#content #header {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
*/
#content #header #menu_status {
  /* Prihlás sa a využívaj naplno všetky služby */
  display: none;
}
@media (min-width: 900px) {
  #content {
    width: 900px;
  }
  #content #top_logo {
    float: left;
  }
  #content #header #menu_status {
    display: block;
    float: right;
  }
  #content #obsah_left {
    float: left;
    width: 593px;
  }
  #content #obsah_right {
    float: right;
    width: 300px;
  }
}
/* layout souboru uzivatelia */
/*
#obsah #obsah_right {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
#obsah #obsah_left {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
*/
/* --layout */
/* Obsahova lava cast */
#katalog a,
#zmaturujkat a {
  padding-right: 3px;
  padding-left: 3px;
  border-right: 1px solid #6996bd;
  white-space: nowrap;
}
#katalog a:last-child, #zmaturujkat a:last-child {
  border-right: none;
}
#obsah_left {
  margin-bottom: 10px;
  /*background: #ffffff url(images/top_sprava.png) repeat-x top;*/
  background: -webkit-linear-gradient(top, #f8eccf 0, #FFFFFF 210px);
  background: linear-gradient(to bottom, #f8eccf 0, #FFFFFF 210px);
  border: 1px solid white;
}
#katalog .section_1 div, #katalog .section_2 div { margin-bottom: 15px; }
#katalog .section_1 div:last-child, #katalog .section_2 div:last-child  { margin-bottom: 0; }
#katalog div div, #zmaturujkat div div { line-height: 2; }

#katalog div div a, #zmaturujkat div div a { padding-right: 5px; padding-left: 2px; }
@media (max-width: 899px) {
  #katalog .section_2 { margin-top: 15px; }
  #katalog div div a, #zmaturujkat div div a {
    font-size: 12px;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (min-width: 900px) {
  #obsah_left #katalog > div:first-child,
  #obsah_left #zmaturujkat > div:first-child {
    float: left;
    width: 272px;
  }
  #obsah_left #katalog > div:first-child div,
  #obsah_left #zmaturujkat > div:first-child div {
    margin-left: 10px;
  }
  #obsah_left #katalog > div:nth-child(2),
  #obsah_left #zmaturujkat > div:nth-child(2) {
    float: right;
    width: 285px;
  }
  #obsah_left #katalog > div:nth-child(2) div,
  #obsah_left #zmaturujkat > div:nth-child(2) div {
    margin-left: 10px;
  }
}
/* --Obsahova lava cast */
/* Obsahova prava cast */
#obsah_right {
  position: relative;
  margin: 0 0 10px 0;
}
#obsah_right h3 {
  background: #a1b6cb;
  color: #ffffff;
  padding: 8px 0 6px 5px;
  font: bold 11px Verdana;
  margin: 0 0 1px 0;
  border: 1px solid transparent;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#obsah_right h3 a { color: #ffffff; }
.doporucenia:before { content: "::"; margin-right: 3px; }
#obsah_right .doporucenia_grey { background: #b2b2b2; }
#obsah_right .najnovsie { background: #e28f6f; }

/* --Obsahova prava cast */
/* Obsah na celou šířku */
#obsah {
  /*
  background-image: -webkit-linear-gradient(bottom, #FFFFFF 94%, #F1E8CE 100%);
  background-image: linear-gradient(to top, #FFFFFF 94%, #F1E8CE 100%);
  */
  background: -webkit-linear-gradient(top, #f8eccf 0, #FFFFFF 210px);
  background: linear-gradient(to bottom, #f8eccf 0, #FFFFFF 210px);
  border: 1px solid white;
}
@media (min-width: 600px) {
  #obsah {
    clear: both;
  }
}
/* nemá protějšek v html */
#obsah_full {
  width: 100%;
}
/* --Obsah na celou šířku */

/* Titulka – Magazin Hlavny clanok */
.top_sprava {
  color: #454545;
  font-size: 11px;
  text-align: left;
  margin-bottom: 0;
}
.top_sprava p {
  margin-top: 0;
  font-size: 13px;
}
.top_sprava a strong {
  color: #C45300;
}
.top_sprava h2 {
  color: #466888;
  font-size: 14px;
  font-weight: bold;
  font-family: "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding: 0 0 2px 5px;
  margin: 10px 0 7px 0;
}
.top_sprava h2 a { color: #6f92b4; }

.top_sprava h2 {
  font-size: 16px;
  margin: 10px 0 10px 0;
  line-height: 1.5;
}

@media (min-width: 0px) {
  .top_sprava {
    padding: 0 10px;
  }
  .top_sprava h1 {
    margin: 0;
    text-align: left;
  }
}
.top_sprava .clanokinfo {
  float: left;
  color: #999999;
  background: transparent url('images/svg/m-date.svg') no-repeat 0 50% / 16px;
  padding: 5px 5px 5px 22px;
}
.top_sprava p {
  margin-top: 10px;
  line-height: 1.6;
}
.datum, .sprava_adresa {
  font-size: 11px;
  padding: 3px 5px;
  margin: 1px 0 5px 0;
  color: #8f8f8f;
  display: inline-block;
}
.top_sprava .doporucenie_info {
  margin: 5px 3px 0px 3px;
}
.datum {
  float: left;
  background: transparent url("images/svg/m-date.svg") no-repeat 0 50% / 16px;
  padding: 5px 5px 5px 22px;
}
.sprava_adresa {
  float: right;
  background: transparent url("images/svg/m-category.svg") no-repeat 0 50% / 16px;
  padding: 5px 5px 5px 22px;
}
.magazin_clanok_print {
  float: right;
  margin: 2px 10px 0 0;
  padding: 5px 0 5px 0px;
}
.button_icon_print {
  background: transparent url("images/svg/sp-print.svg") no-repeat 0 50% / 16px;
  width: 16px; height: 16px;
  margin: 0 1px 0 0; border: 0;
  padding: 0 0 2px 0;
  cursor: pointer;
}
.datum a, .sprava_adresa a { color: #707070; }

@media (max-width: 599px) {
  .sprava_adresa { display: none; }
  .magazin_clanok_print { margin-right: 0px; }
}
/* // Titulka – Magazin Hlavny clanok */

/* --Hlavní článek */
/* 2. a 3. článek (index) */
.top_2_dot_obal {
  width: 100%;
  background: -webkit-linear-gradient(top, #FFFFFF 0, #F0F3F8 100%);
  background: linear-gradient(to bottom, #FFFFFF 0, #F0F3F8 100%);
  margin-top: 15px;
  margin-bottom: 4px;
  padding-bottom: 14px;
  border-bottom: 2px solid #E4ECF7;
}
@media (max-width: 599px) {
  .top_2_dot_obal {
    margin-top: 20px;
  }
}
.top_2_dot_obal h2 {
  margin: 5px 0;
  font-size: 14px;
  line-height: 1.5;
}
.top_2_dot_obal h2 a { color: #51789d; }
.top_2_dot_obal .doporucenie {
  padding: 0 10px 0 17px;
  margin-bottom: 15px;
}
.top_2_dot_obal .doporucenie_info div:nth-of-type(1), .top_2_dot_obal .doporucenie_info div:nth-of-type(2) {
  float: left;
  background: transparent url('images/svg/m-date.svg') no-repeat 0 50% / 16px;
  padding: 5px 5px 5px 22px;
  margin-bottom: 5px;
  color: #979797;
}
.top_2_dot_obal .doporucenie_info div:nth-of-type(2) {
  float: right;
  background: transparent url('images/svg/m-category.svg') no-repeat 0 50% / 16px;
}
.top_2_dot_obal .doporucenie > img {
  float: left;
  border-radius: 20px;
  margin: 2px 7px 0 0;
}
.top_2_dot_obal .doporucenie p {
  margin-top: 0;
  line-height: 1.8;
}
@media (min-width: 600px) {
  .top_2_dot_obal {
    padding-bottom: 5px;
  }
  .top_2_dot_obal .doporucenie {
    margin-bottom: 4px;
    width: 45%;
    float: left;
  }
  .top_2_dot_obal .doporucenie:first-child {
    border-right: 1px solid #E3E8F0;
  }
}
@media (min-width: 900px) {
  .top_2_dot_obal .doporucenie {
    width: 269px;
  }
}
@media (max-width: 599px) { .top_2_dot_obal .doporucenie2 { margin-top: 30px; }}

/* --2. a 3. článek (index) */
@media (min-width: 900px) {
  #jazyk_a_rec {
    width: 560px;
    margin: 5px auto;
  }
}

#registracia {
  font-size: 14px;
  margin: 0 0 30px 15px;
  line-height: 1.7;
}

#registracia > p:first-child img {
  display: block;
  width: 90%;
  margin: 0 auto 15px auto;
  text-align: center;
  padding: 1px;
}
@media (min-width: 600px) {
  #registracia > p:first-child img {
    float: right;
    width: 250px;
    margin-right: 15px;
  }
}
#registracia_new_user {
  font-size: 14px;
  line-height: 190%;
}
/* --MAIN */

/* Obrazky svg */
img.icon16 { width: 16px; }
img.icon18 { width: 18px; }

/* Okraje – zarovnania */
.mt5  { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mr2  { margin-right: 2px; }
.mr5  { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mb-8 { margin-bottom: -8px; }
.mb-7 { margin-bottom: -7px; }
.mb-6 { margin-bottom: -6px; }
.mb-5 { margin-bottom: -5px; }
.mb-4 { margin-bottom: -4px; }
.mb-3 { margin-bottom: -3px; }
.mb-2 { margin-bottom: -2px; }
.mb-1 { margin-bottom: -1px; }
.mb1  { margin-bottom: 1px; }
.mb4  { margin-bottom: 4px; }
.mb5  { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.ml1  { margin-left: 1px; }
.ml5  { margin-left: 5px; }
.ml-1 { margin-left: -1px; }
.ml10 { margin-left: 10px; }
.pt10 { padding-top: 10px; }
.pl5  { padding-left: 5px; }
.pl20 { padding-left: 20px; }
.mr20 { margin-right: 20px; }
.mt-3 { margin-top: -3px; }
.mt-5 { margin-top: -5px; }

.mr2  { margin-right: 2px; }
.mr3  { margin-right: 3px; }
.mr4  { margin-right: 4px; }
/* // Okraje – zarovnania */

.line19 {line-height: 1.9;}


/* LOGIN – PŘIHLAŠOVACÍ FORMULÁŘ, MENU PO PŘIHLÁŠENÍ */
/* formulář pro přihlášení k účtu Zones */
#prihlasenie {
  background: #ffffff;
  color: #505050;
  font-weight: bold;
  border: 1px solid #cfdfef;
  margin: 0 0 5px 0;
  padding-bottom: 3px;
  text-align: center;
}
#prihlasenie form {
  background: #F0F4F8;
  padding: 10px 10px 5px 10px;
  margin-bottom: 4px;
  text-align: left;
}
#prihlasenie form input,
#prihlasenie form label {
  display: inline-block;
}
#prihlasenie form label {
  width: 60px;
}
#prihlasenie form input[type="submit"] {
  margin-left: 63.5px;
}
#prihlasenie form ~ a {
  margin-right: 3px;
  margin-left: 3px;
}
#prihlasenie a {
  color: #5084b2;
}
#prihlasenie > a:last-child {
  border-left: 1.7px solid #5084b2;
  padding-left: 8px;
}

/* User – chlapec / dievca */
.user_male, .user_female {
  background: transparent url("images/svg/u-male.svg") no-repeat 0 50% / 16px;
  padding: 5px 0 5px 22px;
}
.user_female { background-image: url("images/svg/u-female.svg"); }
/* // User – chlapec / dievca */

  /* 1. menu */
.user_menu {
  float: left;
  width: 49%;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 4px;
  text-align: left;
}
.user_menu img {
  display: inline-block;
}
.user_menu_item {
  padding: 0 0 2px 7px;
  line-height: 1.9;
}
.user_menu_item a {
  color: #41638D;
}
.user_menu_item a:last-child {
  margin-left: 3px;
}
/* 2. menu */
.nova_stud_praca {
  background: #ffffff;
  text-align: left;
  font-weight: normal;
  padding: 0;
}
.nova_stud_praca * {
  box-sizing: border-box;
}
.nova_stud_praca .user_menu_item {
  width: 49%;
}
.nova_stud_praca span {
  display: inline-block;
}
.nova_stud_praca img {
  margin-top: 5px;
}
.nova_stud_praca:before {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
/* 3. menu */
#prihlasenie_dole {
  padding-left: 3px;
  padding-right: 0;
}
#prihlasenie_dole:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
#prihlasenie_dole a {
  font-weight: bold;
}
@media (min-width: 600px) {
  #prihlasenie_dole {
    width: auto;
    padding-bottom: 3px;
  }
}
/* --LOGIN – PŘIHLAŠOVACÍ FORMULÁŘ, MENU PO PŘIHLÁŠENÍ */
/* PROFIL – OBECNÉ PRVKY */
/* informace o uživateli – oslovení, datum narození, bydliště, poslední přístup */
.uzivatel_zakl_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.uzivatel_zakl_info h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
}
.uzivatel_zakl_info div:first-of-type {
  margin-right: 0;
  width: 90px;
}
.uzivatel_zakl_info div:nth-of-type(2) {
  margin-right: 15px;
}
.uzivatel_zakl_info div:nth-of-type(3) {
  margin-right: 10px;
}
.uzivatel_zakl_info div:nth-of-type(4) {
  margin-right: 0;
  width: 115px;
}
.uzivatel_zakl_info div div {
  white-space: nowrap;
  font-weight: bold;
}
.uzivatel_vyzor {
  font-size: 13px;
}
.uzivatel_vyzor div > div {
  display: block;
  margin-right: 10px;
}
.uzivatel_vyzor div > div div {
  color: #4A6F93;
  font-weight: bold;
}
#uzivatel_fotogaleria {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
#uzivatel_fotogaleria h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
}
#uzivatel_fotogaleria span {
  margin: 4px;
  padding: 10px;
  background: #F0EFEC;
  border: 1px solid #BCBCBC;
}
#uzivatel_fotogaleria span img {
  width: 107px;
  height: 132px;
}
/* Sprava fotografii */
#sprava_fotografii {
  margin: 5px 0 0 15px;
  font-weight: bold;
}
.banner_foto {
  background: #EDEDED;
  padding: 10px 5px 5px 5px;
  margin: 10px 0 5px 0;
  border-bottom: 1px solid #C8C8C8;
}
/* --Sprava fotografii */
/* --PROFIL – OBECNÉ PRVKY */
/* OSTATNÍ STYLY */
/* Obtékání, cleanery */
@media (min-width: 900px) {
  .right {
    float: right;
  }
  .left {
    float: left;
    text-align: left;
    padding-left: 5px;
  }
}
.clear {
  clear: both;
}
/* Cleaner */
.cleaner:after {
  display: block;
  clear: both;
  content: ".";
  height: 0;
  visibility: hidden;
}
* html .cleaner {
  height: 1%;
}
.cleaner {
  display: block;
}
.odsadzenie {
  padding-top: 4px;
}
/* Tipy */

.tip_zones,
.tip_zones2 {
  background: transparent url('images/tip_zones.png') no-repeat center left;
  padding: 10px 5px 10px 80px;
  margin: 0 0 5px 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.tip_zones2 {
  height: 20px;
}
.tip_zones3 {
  float: right;
  margin-right: 10px;
}
.tip_zones4 {
  margin: 10px 0 5px 15px;
}
.tip_zones5 {
  margin-top: 5px;
}
.tip_zones_ziarovka {
  background: transparent url("images/svg/ui-ziarovka.svg") no-repeat 0 30% / 22px;
  color: #C65400;
  padding: 7px 5px 7px 25px;
  margin: 10px 0 15px 0;

}
.tip_zones_ziarovka a { color: #C65400; }

#tip_zones {
  background: transparent url('images/svg/zones-owl.svg') no-repeat 5px 50% / 50px;
  min-height: 50px;
  padding: 10px 5px 10px 70px;
  margin: 0;
  border-top: 2px solid #F2F2F2;
  border-bottom: 2px solid #F2F2F2;
  line-height: 1.9;
}

/* --Tipy */
/* Hlasky */
.aktualizacia,
.chyba,
.hlaska_pozor {
  height: 30px;
  color: #5882AB;
  background: transparent url('images/aktualizacia.gif') no-repeat;
  font-size: 15px;
  padding: 8px 0 5px 40px;
  margin: 10px 10px 10px 40px;
  font-weight: bold;
}
/*
.hlaska_upozorni {
  background: transparent url('images/upozorni.gif') no-repeat 0 5px;
  height: 37px;
  color: #B79851;
  font-size: 13px;
  font-weight: normal;
  padding: 8px 0 5px 40px;
  margin: 10px 10px 5px 40px;
  width: 80%;
}
*/
.hlaska_pozor {
  background: transparent url('images/pozor.gif') no-repeat;
  color: #B50000;
  font-weight: normal;
  padding-top: 8px;
  width: 80%;
}
.hlaska_upozorni {
  background: transparent url('images/svg/emoji-zmurk.svg') no-repeat 0 50% / 35px;
  color: #dbb005;
  padding: 10px 5px 10px 45px;
  margin: 20px auto;
  font-size: 15px;
  width: 80%;
}
.hlaska_fnuk {
  background: transparent url('images/svg/emoji-fnuk.svg') no-repeat 0 50% / 35px;
  color: #dbb005;
  padding: 10px 5px 10px 45px;
  margin: 20px auto;
  font-size: 15px;
  width: 80%;
}
.hlaska_fnuk a { color: #dbb005; }
.error,
.upozorni,
.uspech {
  color: #D15A55;
  margin-right: 5px;
}
.uspech {
  color: #57A839;
}
.hlaska_priatelia {
  margin-top: 10px;
}
/* --Hlasky */
/* Komentare */
.komentare .hlavicka,
.komentare .hlavicka_ac {
  background: #EEE7D0;
  margin-top: 10px;
  padding: 5px 8px 4px 8px;
  border-top: 1px solid #E6DCB9;
}
.komentare .hlavicka_ac {
  background: #EDE5DE;
  border-top: 2px solid #EAD1C8;
}
.komentare .prispevok {
  background: #F7F5E9;
  padding: 10px 8px;
  font-size: 12px;
  border-bottom: 1px solid #F2EFDB;
  overflow: hidden;
  word-wrap: break-word;
}
/* --Komentare */
/* .nadpis2 nemá protějšek v html */
/*
.nadpis,
.nadpis2 {
  color: #c16565;
  background: #F8F8F8;
  font-size: 11px;
  font-weight: bold;
  margin: 5px 5px 7px 0;
  padding: 5px;
  border: 1px solid #DDDDDD;
}
@media (min-width: 900px) {
  .nadpis,
  .nadpis2 {
    float: right;
    width: 625px;
  }
}
.nadpis2 {
  float: left;
  width: 95%;
}
*/
.ciara {
  border-top: 1px solid #cccccc;
  margin: 5px 10px 10px 10px;
  padding-top: 6px;
  color: #FFF3D2;
}
.ciara a {
  color: #8A8A8A;
}
.ciara2 {
  color: #FFF3D2;
  border-top: 1px solid #cccccc;
  margin: 5px 10px 5px 10px;
}

/* Odporucame bannery */

.novinky_banner {
  background: #f4f4f4;
  padding: 8px;
  margin-bottom: 3px;
  border: 1px solid transparent;
}
.novinky_banner h4 {
  font-size: 13px;
  margin: 0 0 5px 0;
}
.novinky_banner h4 a { color: #5b5b5b; }
.novinky_banner img {
  width: 80px;
  float: left;
  margin: 5px 15px 5px 0;
  border-radius: 30%;
}
@media (max-width: 899px) {
  .novinky_banner { line-height: 1.9; }
}
@media (min-width: 700px) and (max-width: 899px) {
  .novinky_banner { width: 47%; height: 90px; float: left; }
  .novinky_banner:nth-child(odd) { float: right; }
}

/* // Odporucame bannery */

/* Tabulka pre profily */
#div_profil,
#div1_clanok {
  color: #63501C;
  margin: 0 auto;
  padding: 15px 5px 10px 5px;
}
@media (min-width: 600px) {
  #div_profil,
  #div1_clanok {
    width: 94%;
  }
}
#div_profil h3,
#div1_clanok h3 {
  margin: 0 0 7px -5px;
  font-size: 17px;
  font-weight: bold;
}
#div1_clanok {
  font-size: 13px;
}
#div1_clanok h3 a {
  color: #537D9D;
}
#div1_clanok .text_orange2 a {
  font-weight: bold;
}
#div1_clanok .text_blue span {
  margin-right: 15px;
}
#div1_clanok .text_gray p {
  margin: 0;
}
@media (max-width: 600px) {
  #div1_clanok .text_blue span {
    display: inline-block;
    margin-right: 15px;
  }
}
.banner_referaty_tahaky {
  display: none;
}
@media (min-width: 900px) {
  .banner_referaty_tahaky {
    display: block;
    margin-left: 10px;
    border: 1px solid #BCBCBC;
  }
}

/* new ZONES base layout */
.z_box_blue, .z_box_orange {
  background: #f0f4f8;
  padding: 10px 20px 15px 20px;
  margin: 0;
  border-top: 2px solid #e4ecf3;
  border-bottom: 2px solid #e4ecf3;
  border-radius: 20px;
}
.z_box_orange {
  background: #fdf8eb;
  border-top: 2px solid #f6efd1;
  border-bottom: 2px solid #f6efd1;
}

.z_box_gray {
  background: #F9F9F9;
  padding: 10px 20px 20px 20px;
  margin: 10px 0;
  border-top: 2px solid #F4F4F4;
  border-bottom: 2px solid #F4F4F4;
  border-radius: 20px;
}
/* // new ZONES base layout */

/* Sekcia: Tlacove spravy */
#s_tlacove_spravy { column-count: 1; margin: 20px 0 10px 0; }
#s_tlacove_spravy .z_box_gray { margin: 0 0 20px 0; }
#s_tlacove_spravy .z_box_gray p { line-height: 1.8; }
#s_tlacove_spravy .z_box_gray h3 { line-height: 1.5; }
@media (min-width: 600px) { #s_tlacove_spravy img { width: 220px; }}
@media (min-width: 900px) {
  #s_tlacove_spravy { column-count: 2; }
  #s_tlacove_spravy .z_box_gray { height: 460px;}
}

/* Sekcia: Reklama */
#reklamne_kampane { display: flex; flex-direction: row;flex-wrap: wrap; }
#reklamne_kampane h3 { flex: 1 100%; }
.reklamna_kampan {  margin: 0 8px 20px 8px; text-align: center; }
.reklamna_kampan .kampan_popis { font-size: 11px; line-height: 130%; }
#zones_projects { column-count: 1; padding-top: 20px; }
#zones_projects a { display: block; background: #ffffff; margin-bottom: 10px; border-radius: 20px; text-align: center; }
#zones_projects img { width: 200px; height: 60px; padding: 10px }
@media (min-width: 600px) {
  #zones_projects { column-count: 2; }
  #zones_projects img { height: 120px; }
}
@media (min-width: 900px) {
  #zones_projects { column-count: 3;}
}

/* Sekcia: Kontakt */
#kontakt { margin-top: 0; margin-bottom: 0; line-height: 1.7; }
#kontakt .kontakt_udaje_info { margin: 10px 0 20px 0; color: #416C95;}
#kontakt .kontakt_udaje_info a { color: #416C95;}
#kontakt .kontakt_udaje { margin: 10px 0 20px 0; color: #416C95; }
#kontakt .kontakt_udaje a { color: #416C95;}
#kontakt .kontakt_udaje .email { background: transparent url("images/svg/ko-email.svg") no-repeat 0 50% / 25px; padding: 5px 5px 5px 32px; }
#kontakt .kontakt_udaje_redaktori { color: #b38404; margin-bottom: 30px; line-height: 2.1; }
#kontakt .kontakt_udaje_redaktori a { color: #b38404; }
.z_link_ext, .z_link_ext a { color: #fcfcfc;}
.kontakt_ceo {  background: transparent url("images/svg/ko-ceo.svg") no-repeat 0 50% / 50px;  padding: 5px 5px 5px 70px;  margin: 10px 0 30px 0; }
.kontakt_ceo_meno { font-size: 15px; }
.kontakt_adresa { background: transparent url("images/svg/ko-nevadza.svg") no-repeat 0 50% / 50px; padding: 5px 5px 5px 70px; margin-bottom: 20px; }
.kontakt_fakturacia { background: transparent url("images/svg/ko-fakturacia.svg") no-repeat 0 50% / 50px; padding: 5px 5px 5px 70px; }
.kontakt_firma_zapisane {  margin: 30px 0;}
.kontakt_ucet { background: transparent url("images/svg/ko-ucet.svg") no-repeat 0 50% / 50px; padding: 5px 5px 5px 70px; }
#kontakt_udaje_box { margin: 30px 0 0 0; }
@media (min-width: 600px) {
  #kontakt_udaje_box { column-count: 2; column-gap: 30px; }
  #kontakt .kontakt_udaje { margin: 0; height: 180px; }
}
@media (min-width: 900px) {
  #kontakt .img_coffee { float: right; width: 50%; }
}

/* Sekcia: Spolupraca */
#spolupraca .spolupraca_ponuka p { float: left; font-size: 15px; line-height: 1.7; }
#spolupraca .spolupraca_ponuka img { width: 100%; margin-bottom: 10px;}
#spolupraca .spolupraca_letter, #spolupraca .spolupraca_story { line-height: 180%; }
#spolupraca .spolupraca_letter a, #spolupraca .spolupraca_story a { color: #6d8bab; background: transparent url("images/svg/s-letter.svg") no-repeat 0 50% / 20px; padding: 5px 5px 5px 27px; }
#spolupraca .spolupraca_story a { color: #c3743b; background-image: url("images/svg/s-story.svg");}
@media (min-width: 600px) {
  #spolupraca .spolupraca_ponuka img { float: left; width: 250px; margin-right: 20px; }
}

/* Sekcia: Mobilne apliakcie */
.mobilne_aplikacie_popis { font-size: 15px; line-height: 1.5; }
.mobilne_aplikacie_referencie { line-height: 1.7; }
.mobilne_aplikacie_referencie li a { color: #6087AC; }
#mobilne_aplikacie .gplay { background: transparent url("images/svg/ui-gplay.svg") no-repeat 0 50% / 25px; padding: 5px 5px 5px 32px; }
#mobilne_aplikacie .gplay a { color: #048daa; }

/* Column-count zarovnania */
.column-count-1 { column-count: 1 !important; height: auto !important; }
.column-count-1 .z_box_gray { height: auto !important; } /* pre sekcia: tlacove spravy */
/* // Column-count zarovnania */

/* Edge okraje */
.z_edge_tb20 { margin: 20px 0; }
.z_edge_tb1020 { margin: 10px 0 20px 0; }

/* Zones nastavenia */
.z_left { float: left; }
.z_right { float: right; }

/* Zones colors */
.z_color_blue, .z_color_blue a { color: #6087AC; }

/* Styly II. */
.text_blue2 {
  color: #5380B0;
  font-weight: bold;
  font-size: 13px;
  margin: 5px 0 0 30px;
}
.text_blue2 a {
  color: #5380B0;
}
.text_blue3,
.text_blue3 a {
  color: #416C95;
}
.text13 {
  font-size: 13px;
}
.text13 a {
  color: #6087AC;
  text-decoration: underline;
}
.text13 a:hover {
  color: #6087AC;
  text-decoration: none;
}
.zdroj { color: #7c7c7c; font-size: 13px; margin: 10px 0; }
.zdroj a { color: #7c7c7c !important; }

/* Popis – jeden obrazok */
.foto_popisl,
.foto_popisr {
  float: left;
  color: #4682B7;
  background: #F0EFEC;
  padding: 5px;
  margin: 4px 8px 0 0;
  text-align: left;
  font-weight: normal;
  border: 1px solid #C7C2BB;
}
.foto_popisr {
  float: right;
  margin: 8px 0 8px 8px;
}
.foto_popisl p,
.foto_popisr p {
  margin: 5px 3px 8px 3px;
  font-size: 11px;
  font-family: verdana;
  line-height: 13px;
}
/* Obsahove */
.text_blue {
  background: #f0f4f8;
  padding: 5px 15px 15px 15px;
  margin: 5px 0;
  border-top: 1px solid #BCCEE2;
  border-bottom: 1px solid #BCCEE2;
}
@media (min-width: 900px) {
  .text_blue {
    width: 95%;
  }
}
.text_orange {
  background: #FFF3D2;
  padding: 5px 15px 15px 15px;
  margin: 5px 0;
  border-top: 1px solid #E7DFB8;
  border-bottom: 1px solid #E7DFB8;
}
@media (min-width: 900px) {
  .text_orange {
    width: 95%;
  }
}
.text_orange2 {
  background: #FDF7EE;
  padding: 10px 10px 8px 10px;
  margin: 0 0 10px 0;
  border-top: 1px solid #E7DFB8;
  border-bottom: 1px solid #E7DFB8;
}
.text_gray,
.text_gray1 {
  background: #F9F9F9;
  padding: 5px 15px 15px 15px;
  border-top: 1px solid #E9E9E9;
  border-bottom: 1px solid #E9E9E9;
  margin-bottom: 10px;
}
@media (min-width: 900px) {
  .text_gray,
  .text_gray1 {
    width: 90%;
    margin: 20px 0 5px 10px;
  }
}
.text_gray1,
.text_gray_obal {
  background: #F9FBFD;
  border-top: 1px solid #EAF2F8;
  border-bottom: 1px solid #EAF2F8;
}
.text_gray_obal {
  padding: 10px 5px;
}
.clear_ciara {
  border-bottom: 1px dotted #9B9EA2;
  height: 5px;
  margin: 5px 5px 0 10px;
}
.text-align {
  text-align: center;
}
.font-weight {
  font-weight: bold;
}
.nofont-weight {
  font-weight: normal;
}
.inline {
  display: inline;
}
.none {
  padding: 0;
  margin: 0;
  border: 0;
}
.hidden {
  display: none;
}
/* Odkazy */
#odkazy_copyright {
  color: #6996bd;
  margin-top: 1px;
  font-weight: normal;
}
#odkazy_vygenerovane {
  background: transparent url(images/svg/ui-speed.svg) no-repeat 0 50% / 18px;
  height: 18px;
  color: #6996bd;
  margin: 5px auto 5px auto;
  padding: 0 5px 0 25px;
}
/* TIP Zones navstevnost */

#tip_firma {
  background: #F0F4F8 url(images/svg/heart-zones.svg) no-repeat 10px 50% / 16px;
  padding: 10px 0 10px 31px;
  margin: 3px 0 6px 0;
  border-bottom: 1px solid #def0ff;
  border-top: 1px solid #def0ff;
  border-radius: 10px;
}
#tip_firma a { color: #5084B2; }
@media (max-width: 899px) {
  #tip_firma { padding-left: 35px }
}

/* //TIP Zones navstevnost */

.vygenerovane_za {
  color: #ffffff;
}
.extlinks,
.extlinks a {
  color: #f8f8f8;
  list-style-type: none;
}
.text_blue1,
.text_blue1 a {
  color: #416C95;
}
.text_blue1 a strong {
  color: #C65400;
}
.text_orange1,
.text_orange1 a {
  color: #C65400;
}
.text_sedi1,
.text_sedi1 a {
  color: #989898;
}
/* nemá protějšek v html */
#w2m_branding_top {
  margin: 0 auto;
  width: auto;
}
.loggin {
  float: left;
  width: 62px;
  font-weight: bold;
  margin-top: 7px;
}
#menu_status {
  color: #727272;
  margin: 4px 1px 0 0;
}
#menu_status a {
  color: #4977A3;
}
#pridat_referat {
  text-align: center;
  padding: 15px 5px 0 5px;
  margin: 15px 10px 10px 10px;
  border-top: 1px solid #ebebeb;
}
#pridat_referat a:first-child, #pridat_referat a:nth-child(2)  {
  background: transparent url(images/svg/sp-add.svg) no-repeat 0 50% / 18px;
  color: #426e95;
  margin: 0 3px;
  padding: 5px 5px 5px 22px;
}
#pridat_referat a:nth-child(2) { background-image: url(images/svg/sp-list.svg); }

/* roztažení JavaScriptem generovaného vývoje návštěvnosti v souboru reklama */
#container_graph {
  width: auto;
  height: 400px;
  margin-top: 15px;
}
.BezHtml {
  width: 100%;
  height: 300px;
}
@media (min-width: 600px) {
  .BezHtml {
    width: 510px;
    height: 300px;
  }
}
/* Pridat studentsku pracu */
.inp {
  margin-bottom: 0;
}
h3.odhlasenie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
h3.odhlasenie div:first-child {
  margin-right: 3px;
  margin-top: -2px;
}
h3.odhlasenie div:first-child img {
  position: relative;
  top: 3px;
}
h3.odhlasenie a {
  margin: 3px 10px 0 0;
}
/* --Pridat studentsku pracu */
.uzivatelska_sprava .tlacidlo_button,
.jednotlive_prace .tlacidlo_button {
  display: inline-block;
  height: auto;
}
.uzivatelska_sprava .tlacidlo_button + .tlacidlo_button,
.jednotlive_prace .tlacidlo_button + .tlacidlo_button {
  margin-left: 0;
}
.uzivatelska_sprava {
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (min-width: 600px) {
  .uzivatelska_sprava a.tlacidlo_button + a.tlacidlo_button {
    margin-left: 15px;
  }
  .uzivatelska_sprava strong {
    margin-right: 15px;
  }
}
.jednotlive_prace {
  width: 95%;
  margin: 0;
}
.jednotlive_prace div {
  margin-top: 15px;
}
@media (min-width: 600px) {
  .jednotlive_prace div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

/* Footer */

#bottom_footer {
  clear: both;
  color: #5084B2;
  background: #FFFFFF;
  margin-top: 0;
  font-size: 12px;
  font-weight: bold;
  border-top: 2px solid #E4EDF3;
}
#bottom_footer a {
  color: #5084B2;
  text-decoration: none;
}
#bottom_footer a:hover { text-decoration: underline; }
#bottom_footer #bottom_footer_left {
  text-align: center;
  margin: 15px 0 10px 0;
}
#rss_icon {
  background: transparent url(images/svg/rss.svg) no-repeat 0 50% / 14px;
  width: 14px; height: 14px;
  margin: 0 1px 0 0; border: 0;
  padding: 0 0 2px 0;
  cursor: pointer;
}
#bottom_footer #bottom_footer_right {
  text-align: center;
  margin: 10px 0 10px 0;
}
#bottom_footer #bottom_footer_right img { width: 5px; }
#bottom_footer #bottom_footer_right a {
  background: transparent url(images/svg/dot-blue.svg) no-repeat 0 5px / 5px;
  padding-left: 12px;
  margin: 0 3px 0 0;
}
#bottom_footer #bottom_footer_right a:first-child { background: none; padding-left: 0;}
#bottom_footer #bottom_footer_right a:last-child { margin-right: 0; }
#bottom_footer #odkazy_copyright { text-align: center; margin-left: 5px; }

#bottom_footer #odkazy_special { display: none; }

@media (min-width: 900px) {
  #bottom_footer #bottom_footer_left {
    float: left;
    text-align: left;
    margin: 12px 0 0 0;
    padding-left: 5px;
  }
  #bottom_footer #bottom_footer_right {
    float: right;
    margin: 12px 0 0 0;
    padding-right: 5px;
  }
  #bottom_footer #odkazy_copyright {
    text-align: left;
    margin-top: 2px;
  }
  #odkazy_vygenerovane {
    margin-left: 5px;
    margin-top: 7px;
    margin-bottom: 15px;
  }
  #bottom_footer #odkazy_special {
    display: inline-block;
    color: #c2daeb;
    margin-top: 5px;
    margin-bottom: 3px;
    font-weight: normal;
  }
  #bottom_footer #odkazy_special .tipodkazy {
    color: #5380B0;
    font-weight: bold;
    font-size: 13px;
  }
  #bottom_footer #odkazy_special a {
    color: #6996bd;
  }
  #bottom_footer #odkazy_special a:not(:last-child) {
    padding-right: 5px;
    border-right: 1px solid #c2daeb;
  }
}
/* // Footer */

/* HEADER */
/* odkazy na Zones weby */
#top_banner {
  color: #727272;
  margin-right: 1px;
  text-align: right;
}
#top_banner a {
  color: #4977A3;
}
#top_banner #add_url {
  height: 14px;
  margin-right: 5px;
  margin-bottom: 14px;
}
#top_banner #add_url a {
  color: #858585;
}
#top_banner #add_url img {
  margin-bottom: -4px;
  margin-right: 3px;
}
#top_banner #add_url #status_online {
  background: transparent url(images/svg/dot-online.svg) no-repeat 0 50% / 16px;
  padding: 2px 0 2px 20px;
  margin-left: 3px;
}

#top_banner .top_odkazy {
  font-size: 15px;
  text-decoration: none;
  background: transparent;
  margin: 0;
  padding: 0;
  width: 40%;
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 1;
}
#top_banner .top_odkazy label {
  margin-right: 0;
}
#top_banner .top_odkazy ul {
  display: none;
  margin: 0;
  padding: 0;
  background: #FFC116;
}
#top_banner .top_odkazy li {
  display: block;
  padding: 0;
  border-bottom: 1px solid #F9E025;
}
#top_banner .top_odkazy li:last-child {
  border-bottom: none;
}
#top_banner .top_odkazy li ul li {
  background: transparent url(images/svg/dot-orange.svg) no-repeat 0 50% / 6px;
  text-align: left;
  padding: 10px;
  margin: 0 3px 2px 0px;
  padding-left: 13px !important;
}
#top_banner .top_odkazy li ul li:first-child { background: none; padding-left: 0; }
#top_banner .top_odkazy li ul li:last-child { margin-right: 0px; }
#top_banner .top_odkazy a { margin-top: 5px; }

@media (max-width: 899px) {
  #top_banner #infoday,
  #top_banner #add_url {
    display: none;
  }
}
@media (min-width: 900px) {
  #top_banner {
    /*width: 450px;*/
    height: 72px;
    float: right;
    text-align: right;
  }
  #top_banner #infoday {
    color: #416C95;
  }
  #top_banner #infoday a strong {
    color: #C65400;
  }
  #top_banner .top_odkazy {
    position: relative;
    width: auto;
    font-size: 12px;
    right: 0;
  }
  #top_banner .top_odkazy li {
    display: inline-block;
    margin-bottom: 0;
    padding: 0;
    border-bottom: none;
  }
  #top_banner .top_odkazy li ul {
    display: block;
    background: transparent;
  }
  #top_banner .top_odkazy li ul li {
    padding: 0;
  }
  #top_banner .top_odkazy img {
    display: inline;
  }
}
/* --HEADER */
/* NAVIGACE */
/* Hlavne menu stranky */
/* nezobrazovat checkboxy */
#mobile-menu-zones,
#mobile-menu,
#mobile-submenu {
  display: none;
}
#menu {
  display: none;
  list-style: none;
  font-size: 13px;
  background: #858585;
  margin: 0;
  padding: 0;
  width: 100%;
}
#menu li {
  list-style: none;
}
#menu li a {
  display: block;
  color: #ffffff;
  padding: 10px 12px;
  text-decoration: none;
  font-weight: bold;
}
#menu li a.active {
  background: #9FBAD4;
}
@media (min-width: 900px) {
  #menu {
    display: block;
    font-size: 11px;
    float: left;
    width: auto;
    line-height: 1.6em;
    padding: 3px 0;
    background: none;
  }
  #menu li {
    display: inline;
  }
  #menu li a {
    display: inline;
    background: #858585;
    margin-right: 1px;
    padding: 4px 22px;
    border-radius: 5px;
    border: 1px solid #ffffff;
  }
  #menu li a:hover {
    background: #9FBAD4;
    color: #ffffff;
  }
  #menu li a.active {
    padding: 6px 22px;
    border: none;
    border-radius: 0;
    border-top-right-radius: 5px;
    color: #FCFCFC;
    text-decoration: underline;
  }
  #menu li:not(:first-child) a.active {
    border-top-left-radius: 5px;
  }
}
/* Responsivní navigace pro menu a submenu
/* fix pro Android, aby v něm fungoval Advanced Checkbox Hack */
body {
  -webkit-animation: bugfix infinite 1s;
}
@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
/* po zaškrtnutí checkboxu se zobrazí příslušné menu */
#mobile-menu-zones:checked ~ ul,
#mobile-menu:checked ~ #menu,
#mobile-submenu:checked ~ #menu_polozky #menupodklad ul {
  display: block;

}
#mobile-submenu:checked ~ #menu_polozky #menupodklad {
  padding-top: 10px;
}
  /* při zaškrtlém checkboxu se zobrazí křížek na zavření menu */
#mobile-menu-zones:checked ~ label[for="mobile-menu-zones"]:after {
  content: "- Zones.sk";
}
#mobile-menu:checked ~ label[for="mobile-menu"]:after {
  content: "\00d7" " " "Menu";
}
#mobile-submenu:checked ~ label[for="mobile-submenu"]:after {
  content: "\2794" " " "Rýchle odkazy";
}
/* při nezaškrtlém checkboxu se zobrazí "hamburger menu" a text */
#mobile-menu-zones:not(:checked) ~ label[for="mobile-menu-zones"]:after {
  content: "+ Zones.sk";
}
#mobile-menu:not(:checked) ~ label[for="mobile-menu"]:after {
  content: "\2261" " " "Menu";
}
#mobile-submenu:not(:checked) ~ label[for="mobile-submenu"]:after {
  content: "\2794" " " "Rýchle odkazy";
}
label[for="mobile-menu-zones"],
label[for="mobile-menu"],
label[for="mobile-submenu"] {
  cursor: pointer;
  font-size: 18px;
  color: white;
  font-weight: bold;
  /* pro dosažení celé šířky #menu */
  display: inline-block;
  padding: 10px 6px;
  margin-bottom: 0;
}
label[for="mobile-menu-zones"] {
  background: #FFC116;
  /* neproporcionální písmo pro stejnou šířku textů v labelu */
  font-family: 'Courier New CE', 'Courier CE', 'Courier New', Courier, monospace;
  font-size: 16px;
  padding-left: 15px;
  padding-right: 10px;
  border-radius: 10px;
}
#mobile-menu-zones:checked ~ label[for="mobile-menu-zones"] {
  border-radius: 10px 10px 0 0;
}
@media (max-width: 599px) {
  label[for="mobile-menu-zones"] {
    margin-top: 3px;
  }
}
label[for="mobile-menu"] {
  margin-right: 5px;
  background: #858585;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 10px 0 0 0;
}
label[for="mobile-submenu"] {
  background: #9FBAD4;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 0 10px 0 0;
  /* Riesenie pre odstranenie bielej ciary */
  padding-bottom: 11px;
  margin-bottom: -1px;
}
@media (min-width: 900px) {
  /* nezobrazovat labely pro responzivní menu */
  label[for="mobile-menu-zones"],
  label[for="mobile-menu"],
  label[for="mobile-submenu"] {
    display: none;
  }
}
/* --NAVIGACE */
/* SUBMENUS */
/* Polozky v menu */
#menu_polozky {
  background-image: -webkit-linear-gradient(top, #9FBAD4 0%, #C6D6E5 100%);
  background-image: linear-gradient(to bottom, #9FBAD4 0%, #C6D6E5 100%);
  color: #ffffff;
  padding: 0 5px 2px 5px;
  margin-bottom: 5px;
  font-size: 13px;
}
#menu_polozky #menupodklad ul {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu_polozky #menupodklad ul li {
  padding: 10px;
}
#menu_polozky #menupodklad ul li a {
  color: #506487;
  font-weight: bold;
  text-shadow: 2px 2px 8px #ffffff;

}
#menu_polozky #menupodklad #vyhladavanie {
  font-size: 12px;
  padding: 8px 10px 0 10px;
}
@media (max-width: 899px) {
  #mobile-menu-zones:checked ~ #menu_polozky #menupodklad #vyhladavanie {
    padding-top: 10px;
  }
}
#menu_polozky #menupodklad #vyhladavanie form input[type=submit] {
  margin-top: 8px;
}
@media (min-width: 900px) {
  #menu_polozky {
    background: -webkit-linear-gradient(top, #9CBAD6 0, #BED2E6 100%);
    background: linear-gradient(to bottom, #9CBAD6 0, #BED2E6 100%);
    float: left;
    width: 890px;
    font-size: 11px;
  }
  #menu_polozky #menupodklad {
    background: -webkit-linear-gradient(top, #A7BCD5 0, #D3E1F0 100%);
    background: linear-gradient(to bottom, #A7BCD5 0, #D3E1F0 100%);
    height: 63px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 2px;
    margin-top: 6px;
    margin-bottom: 0px;
    padding-left: 20px;
    /* Polia vo formulari */
  }
  #menu_polozky #menupodklad ul {
    margin: 2px 0 0 0;
    display: block;
  }
  #menu_polozky #menupodklad ul li {
    background: transparent url(images/svg/dot-menu.svg) no-repeat 0 51% / 4px;
    padding: 0 0 0 10px;
  }
  #menu_polozky #menupodklad #vyhladavanie {
    padding: 4px 10px 0 10px;
  }
}
@media (min-width: 900px) and (min-width: 900px) {
  #menu_polozky #menupodklad #vyhladavanie {
    float: right;
  }
}
/* Školské prázdniny, Štátne sviatky, Zmena času... */
#kalendar_udalosti_menu div:nth-child(2) {
  margin-top: 5px;
}
/* --SUBMENUS */

/* Reklamné formaty */
.a_tip600 {
  display: none;
}
.a_tip600_all, .a_tip600_vyhladavanie {
  display: block;
  text-align: center;
}
@media(min-width: 900px) {
  .a_tip600, .a_tip600_all, .a_tip600_vyhladavanie {
    display: block;
    width: 160px;
    height: 600px;
    position: absolute;
    right: 902px;
  }
  .a_tip600_all {
    top: 178px;
  }
  .a_tip600_vyhladavanie {
    top: 600px;
  }
}
/* // Reklamné formaty */

/* **********************************************************************/
/* **********************************************************************/
/****************************** RESPONSIVE ******************************/
/* **********************************************************************/
/* **********************************************************************/

/* CSS – ZONES.SK * Prvky pre responzivnu stranku
 --- 05.09.2017, Radek Tuma [radek.tuma@seznam.cz], Lubos Demovic [demovic@zones.sk]
*/
#top_logo {
  margin-top: -2px;
}
#header #logo-size {
  width: 35%;
  max-width: 190px;
  margin-bottom: 0;
  margin-top: 0px;
}
@media (min-width: 900px) {
  #header #logo-size {
    width: 190px;
    margin-top: 2px;
  }
}

.reklama_leaderboard_728x90 {
  width: 728px;
  text-align: center;
  /*margin: 5px auto;*/
  margin: -5px auto 5px auto;
}
@media (max-width: 899px) {
  .reklama_leaderboard_728x90 {
    display: none;
  }
}

.devres { display: none; }

.zones_table1 .prazdniny_kraje_linky a { text-decoration: none;}
.zones_table1 .prazdniny_kraje_linky a:hover { text-decoration: underline;}

/* Modules Studentske prace */
img.icon14 {
  width: 14px;
}
img.icon16 {
  width: 16px;
}
img.icon20 {
  width: 20px;
}
img.icon_flag {
  width: 18px;
  margin: 4px 0 0 0;
}
img.icon_file {
  width: 64px;
  margin: 0 0 10px 0;
}
.navstivene a:visited, .navstivene td a:visited { color: #8b9193; }
.navstivene2 a:visited, .navstivene2 td a:visited { color: #8b9193; }
.navstivene td { padding: 7px; }
@media (max-width: 599px) {
  #podkategorie .temat_podkategorie {
    display: block;
    margin: 10px 0 10px 10px;
  }

  /* prvych 20 poloziek */
  #sp_tagy_box a:nth-of-type(1n+21) {
    display: none;
  }
}
/* Upravy responsive */
.posuvnik {
  margin-top: 10px;
  margin-bottom: 20px;
}
#sp_tagy_box {
  margin-top: 20px !important;
}

/* Reklamne formaty */
#a_bottom {
  margin: 20px 0 20px 0;
}
.ad_adtech_300x300, .ad_adtech_300x300_top, #banner_iframe {
  width: 300px;
  margin: 10px auto 0 auto;
}
.ad_adtech_300x300_top {
  margin-top: 0;
  margin-bottom: 0px;
}
@media(min-width: 900px) {
  .ad_adtech_300x300, #banner_iframe {
    margin: 10px 0 10px 0;
  }
}

.a_zones_top_desktop { display: none; }
@media(min-width: 900px) {
  .a_zones_top_desktop {
    display: block;
    width: 970px;
    height: 250px;
    margin: 10px auto 0 auto;
  }
}

/* // Reklamne formaty */

/* Nastavenia */
.center {
  text-align: center;
}
/* Cleaner */
.cleaner {
  display: block;
}
.cleaner:after {
  display: block;
  clear: both;
  content: ".";
  height: 0;
  visibility: hidden;
}

/* Prihlasenie a registracia */
#prihlasenie_registracia { display: none; margin-top: 1px; }
#prihlasenie_registracia #prihlasenie_registracia_icons { margin: 8px 0 5px 0; }
#prihlasenie_registracia a:first-child, #prihlasenie_registracia a:nth-child(2) {
  background: transparent url(images/svg/u-register.svg) no-repeat 0 50% / 18px;
  padding: 5px 5px 5px 24px;
  margin-right: 7px;
}
#prihlasenie_registracia a:nth-child(2) { background-image: url(images/svg/u-add.svg); }

label[for="prihlasenie_registracia_show"] {
  display: block;
  text-align: left;
  color: #ffffff;
  padding: 8px 0 6px 5px;
  font: bold 11px Verdana;
  margin: 0 0 3px 0;
  border: 1px solid transparent;
  background: #a1b6cb url('images/zones_menu2.svg') no-repeat 98% 50% / 12px;
}
#prihlasenie_registracia_show:checked ~ label {
  margin-bottom: 0;
  background: #9DB2C6 url('images/zones_menu2_rotated.svg') no-repeat 98% 50% / 12px;
}
#prihlasenie_registracia_show:checked ~ #prihlasenie_registracia {
  display: block;
}
input[id="prihlasenie_registracia_show"] {
  display: none;
}
/* // Prihlasenie a registracia */

/* Button icon */
.button_icon_edit, .button_icon_edit-html, .button_icon_edit-web {
  background: transparent url("images/svg/a-edit-html.svg") no-repeat 0 50% / 20px;
  width: 20px; height: 20px;
  margin: 0 1px 0 0; border: 0; padding: 0;
  cursor: pointer;
}
.button_icon_edit-html { background-image: url("images/svg/a-edit.svg") }
.button_icon_edit-web { background-image: url("images/svg/a-web.svg") }

/* Covid icon */
.doodles_icon { width: 40px; }
@media (min-width: 600px) {
  .doodles_icon { width: 60px; }
}

/* Zones autocomplete */
.search-wrapper { position: relative; }
.search-wrapper .autocomplete-list { position: absolute; background: #ffffff; border-radius: 10px; border: 1px solid rgba(0,0,0,0.12); max-height: 260px; overflow-y: auto; z-index: 9999; display: none; box-shadow: 0 6px 14px rgba(0,0,0,0.15); font-size: 14px; padding: 4px 0; }
.search-wrapper .autocomplete-item { padding: 7px 12px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: background 0.12s ease, color 0.12s ease; color: #212121; font-size: 13px; }
.search-wrapper .autocomplete-item:hover, .search-wrapper .autocomplete-item.active { background: #e3f2fd; color: #000; }
.search-wrapper .autocomplete-item:first-child { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.search-wrapper .autocomplete-item:last-child { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
@media (max-width: 600px) {
  .search-wrapper .autocomplete-list { font-size: 12px; max-height: 180px; border-radius: 12px; box-shadow: 0 5px 12px rgba(0,0,0,0.12); padding: 2px 0; }
  .search-wrapper .autocomplete-item { padding: 3px 10px; font-size: 12px; text-align: left; }
}
/* // Zones autocomplete */