@-ms-viewport {
  width: device-width;
}

/*pre Windows Phone 8*/

* {
  -moz-box-sizing: border-box;
  /*pre FF28 a nizsii*/
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html,
body {
  /* font Open Sans je z webu uniza.sk, nie je v dizajn manuali*/
  font-family: "Open Sans", "Arial", sans-serif;
  font-size: 14px;
  background-color: #f1f1f1;
  /* scroll-behavior: smooth;*/

  /*zachovanie velkosti fontu pri orientacii landscape*/
  text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

html {
  /*remove 300ms tap*/
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

a {
  text-decoration: none;
  color: #0086b3;
}

a.text-color-white {
  color: #fff;
}

/*---------------pata vzdy prilepena na spodku-------------------*/
#id-cela-stranka {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

#id-vsetko-nad-patou {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 0;
  /*  background-color: red;*/
}

.pata-celkova {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

/*---------------------------------------------------------------*/

.titulok a,
.titulok-mm a,
.stlpec1 a,
.stlpec-mobile-menu a {
  text-decoration: none;
}

.centruj {
  width: 80%;
  margin: auto;
}

.pata0 {
  background-color: #2b3a64;
  min-height: 60px;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.social-icons-obal {
  line-height: 40px;
  padding-right: 10px;
  padding-left: 10px;
}

.soc-icon {
  font-size: 1.7em;
  color: #fff !important;
  padding-left: 10px;
  padding-right: 10px;
}

a.soc-icon:hover {
  color: #bbbbbb !important;
}

.pata2-obal {
  height: 0px;
  /* 0px je preto aby nebolo velke pismo pri height: auto, ktore by inac platilo*/
}

.pata2 {
  background-color: #2b3a64;
  color: #fff;
  text-align: center;
  padding: 25px;
  font-size: 90%;
}

.prepinie-obsah-mobilne-menu {
  display: none !important;
}

.sirka5 {
  width: 16.6%;
}

.sirka1 {
  width: 100.0%;
}

.medzera {
  margin-left: 20px;
  margin-right: 20px;
}

.stred {
  background-color: #f1f1f1;
  /*vycentrovane obsahu v hlavnom okne prehliadaca*/
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  padding-top: 0px;
  margin-top: 10px;
}

.font0 {
  font-size: 0;
}

.reklama {
  max-width: 100%;
  height: auto;
  /*60px - urobi scretch*/
}

.pata1 {
  background-color: rgba(34, 47, 79);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  background-image: url('../images/uniza_foot.jpg');
  text-align: center;
}

.stlpec1 {
  color: #fff;
  text-align: left;
  display: inline-table;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14px;
  vertical-align: text-top;
  /*Safari 5.1*/
}

.padding-pata1 {
  color: #fff;
  text-decoration: underline;
}

a:hover .padding-pata1 {
  color: rgb(225, 235, 36);
}

.stlpec {
  /*background-color: #fff;*/
  background-color: #f1f1f1;
  color: #000;
  text-align: center;
  /*border: 1px solid #dddddd;*/
  display: inline-table;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  position: relative;
}

.text-bold {
  font-weight: bold;
}

.border-top-solid-blue {
  border-top: 5px solid #17bcd3;
}

.text-color-blue {
  color: #17bcd3;
  font-weight: bold;
}

.border-top-solid-green {
  border-top: 5px solid #82b447;
}

.text-color-silver {
  color: #cdcecc;
}

.text-color-green {
  color: #82b447;
  font-weight: bold;
}

.border-top-solid-yellow {
  border-top: 5px solid #f4d601;
}

.text-color-yellow {
  color: #f4d601;
  font-weight: bold;
}

.border-top-solid-orange {
  border-top: 5px solid #f4812f;
}

.text-color-orange {
  color: #f4812f;
  font-weight: bold;
}

.stlpec-modif-for-table {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.overflow-visible {
  overflow: visible;
}

.btn-ok-cookies {
  border: 2px solid #2b3a64;
  background-color: #fff;
  color: #2b3a64 !important;
  border-radius: 5px;
  display: inline-block;
  margin-left: 10px;
  padding-left: 8px;
  padding-right: 8px;
}

.btn-ok-cookies:hover {
  border: 2px solid #2b3a64;
  background-color: #2b3a64;
  color: #fff !important;
  text-decoration: none;
}

#hlaska-cookies {
  position: fixed;
  bottom: 0px;
  background-color: #00a9be;
  color: #fff;
  padding: 10px;
  width: 100%;
  z-index: 100;
  text-align: center;
  border-top: 8px solid #2b3a64;
  line-height: 25px;
}

#hlaska-oou {
  position: fixed;
  bottom: 0px;
  background-color: gray;
  color: #fff;
  padding: 10px;
  width: 100%;
  z-index: 101;
  text-align: center;
  border-top: 8px solid #2b3a64;
  line-height: 25px;
}

.hl-nadpis-obal {
  background-color: #00BCD4;
  color: #fff;
  border-bottom: 8px solid #2b3a64;
  min-height: 58px;
}

.titulok a,
.titulok-mm a {
  color: #fff !important;
}

.titulok a:hover,
.titulok-mm a:hover {
  color: #2b3a64 !important;
}

.ikonka-home {
  font-size: 100%;
}

.titulok {
  margin-top: 11px;
  margin-left: 20px;
  /*40px koli iphonex*/
  /*background-color:fuchsia;*/
  float: left;
}

.ak-rok-obal {
  margin-top: 6px;
  margin-right: 20px;
  /*40px koli iphonex*/
  /*background-color: red;*/
  float: right;
}

.ak-rok-text {
  padding-top: 9px;
  float: left;
}

.tien {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
  /*box-shadow: 10px 10px 16px rgba(0,0,0,0.2);*/
  /*box-shadow: 0 0 0 #fff !important;  bez tiena*/
}

/*
#id-vypis-suradnic { 
  position:fixed; 
  background-color: cornsilk;
  color:red;
  left: 100px;
  top: 0px;
  height: 158px;
  width: 100px;
  z-index: 10;
}
*/

#hlavicka-fixed {
  width: 100px;
}

.obr-hlavicka {
  background-color: #2b3a64;
  height: 0;
  /*padding-bottom: 7%;*/
  /*PM*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /* border-bottom: 8px solid #2b3a64;*/
  background-image: url('../images/title1.jpg');
}

.hlavicka {
  background-color: #2b3a64;
  padding-bottom: 0px;
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 0px;
  min-height: 80px;
  position: static;
  top: 0px;
  z-index: 3;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}

.logo-uniza {
  background-image: url('../images/logo_uniza_web_sk2x_new.png');
  background-repeat: no-repeat;
  margin-left: 10px;
  /*30px koli iphonex*/
  height: 80px;
  width: 320px;
  /*255px;*/
  float: left;
  background-size: contain;
}


/*----horne-menu-----------------------------------------------------*/
.horne-menu {
  margin-right: 10px;
  /* 30px koli iphonex*/
  margin-left: 295px;
  text-align: right;
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: 90px;
}

.dropdown,
.dropdown1 {
  cursor: pointer;
  font-size: 90%;
  letter-spacing: 1px;
  display: inline-block;
}

.dropbtn,
.dropbtn1 {
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 40px;
  border-bottom: 5px solid #2b3a64;
  display: inline-block;
}

.dropdown-content {
  letter-spacing: 0px;
  border: 1px solid #dddddd;
  text-align: left;
  font-size: 14px;
  display: none;
  position: absolute;
  background-color: #fff;
  /*min-width: 160px;*/
  white-space: nowrap;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 4;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 0px;
}

.dropdown-content1-modif {
  cursor: default;
  font-style: italic;
}

.dropdown-content a,
.dropdown-content1 {
  color: black !important;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  background-color: #2b3a64;
  color: #fff !important;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  color: #f1f1f1;
  border-bottom: 5px solid #d5d8e0;
}

.sipka {
  position: relative;
  font-size: 9px;
  bottom: 2px;
}

.blokOdsad {
  min-height: 20px;
  padding-top: 7px;
}

.linkview {
  cursor: pointer;
  font-weight: normal;
  color: #00a9be;
}

.linkactive {
  cursor: pointer;
  color: #00a9be;
  font-weight: bold;
}

.displayYes {
  display: block;
}

.displayNo {
  display: none;
}

.displayRight {
  float: right;
  padding-left: 5px;
}

.cp {
  cursor: pointer;
}

/*---------------------------------------------------------*/

/*----mobilne-menu-----------------------------------------------------*/
#id-hamburger {
  display: none;
  cursor: pointer;
  border-radius: 4px;
  margin-right: 15px;
  margin-top: 15px;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 40px;
  font-size: 140%;
  position: fixed;
  float: right;
  right: 20px;
  top: 0px;
  text-align: center;
  z-index: 4;
  background-color: #2b3a64;
  color: #fff;
  opacity: 1;
}

.pata-mm {
  height: 50px;
  width: inherit;
}

#id-zobraz-mobile-menu {
  display: none;
}

.stlpec-mobile-menu {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  color: #000;
  text-align: center;
  background-color: #e5e5e5;
  height: 0px;
}

.hl-nadpis-mobile {
  color: #fff;
  background-color: #00BCD4;
  display: block;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 4px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.tlacitko1 {
  display: block;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
  margin-bottom: 1px;
}

a:hover.tlacitko1 {
  background-color: #2b3a64 !important;
  color: #fff !important;
}

/*-------accordion-------------------------------------------*/
.color1 {
  color: #000 !important;
  background-color: #fff !important;
}

.color2 {
  color: #000 !important;
  background-color: #fff !important;
}

.accordion {
  background-color: #fff;
  color: #000;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  margin-bottom: 1px;
}

.accordion:after {
  content: "\002B";
  /*plus*/
  font-size: 1.0em;
  font-weight: bold;
  margin-right: 35px;
  margin-top: -35px;
  position: absolute;
  right: 0px;
  background-color: #2b3a64;
  padding-left: 5px;
  padding-right: 5px;
  color: #fff;
  border-radius: 5px;
}

.accordion-active:after {
  content: "\2212";
  /*minus*/
}

.accord-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}

.accord-panel p {
  text-align: left;
}

.accord-hl-polozka {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 20px;
}

.accord-sub-polozka {
  padding-left: 40px !important;
  padding-right: 20px !important;
}

/*---------------------------------------------------------*/

@media all and (max-width: 1600px) {
  .sirka5 {
    width: 18.2%;
  }

  .medzera {
    margin-left: 10px;
    margin-right: 10px;
  }

  .centruj {
    width: 100%;
  }

  .stred {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .pata1 {
    padding-left: 0px;
    padding-right: 0px;
  }

  /* .obr-hlavicka {*/
  /*min-height: 87px;*/
  /*PM*/
  /*}*/
}

@media all and (max-width: 1200px) {
  .sirka5 {
    width: 360px;
  }
}

@media all and (max-width: 992px) {
  .sirka5 {
    width: 280px;
  }
}

@media all and (orientation: portrait) {

  /*na vysku*/
  .logo-uniza {
    margin-left: 10px;
  }

  .horne-menu {
    margin-right: 10px;
  }

  .titulok {
    margin-left: 20px;
  }

  .ak-rok-obal {
    margin-right: 20px;
  }
}

@media all and (orientation: landscape) {

  /*na sirku*/
  .logo-uniza {
    margin-left: 30px;
  }

  .horne-menu {
    margin-right: 30px;
  }

  .titulok {
    margin-left: 40px;
  }

  .ak-rok-obal {
    margin-right: 40px;
  }

  .stlpec {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media all and (max-width: 768px) {
  .sirka5 {
    width: 280px;
  }
}

@media all and (max-width: 720px) {
  .sirka5 {
    width: 40%;
  }

  .logo-uniza {
    width: 220px;
    background-size: contain;
  }

  .obr-hlavicka {
    margin-left: 0px;
    margin-right: 0px;
  }

  #id-hamburger {
    display: block;
    right: 0px;
  }

  .obal-logo-a-horne-menu {
    height: 80px;
  }

  .horne-menu {
    display: none;
  }

  .hlavicka {
    position: static;
  }

  .titulok-mm {
    padding-top: 10px;
  }

  .stlpec {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }

}

@media all and (max-width: 540px) {
  .titulok {
    margin-top: 0px;
    margin-left: 0px;
    padding-top: 11px;
    float: none;
    display: block;
    text-align: center;
  }

  .ak-rok-obal {
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 10px;
    float: none;
    display: block;
    text-align: center;
  }

  .ak-rok-text {
    float: none;
  }
}

@media all and (max-width: 450px) {
  .sirka5 {
    width: 90%;
  }

  .medzera {
    margin-left: 0px;
    margin-right: 0px;
  }

  .dorovnanie1 {
    display: none;
  }

}