odkazbody {
    margin:0;
    padding-top: 60px;
}
.navbar-brand {
    margin-right:0;
}
/* hover dropdown menus */

@media (min-width: 0) {
    body {
        padding-bottom: 135px;
    }
}
@media (min-width: 518px) {
    body {
        padding-bottom: 105px;
    }
}
@media (min-width: 937px) {
    body {
        padding-bottom: 70px;
    }
}
img#logo_mesto {
    width:60px;
    margin:0;
}
nav {
    border-bottom: 2px solid #13374f;
}
.navbar, .navbar-brand {
    padding:0;
}
.navbar {
    background-color: #efefef;
}
.nav-item {
    margin: 0;
}
.navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 6px !important;
    padding-left: 6px !important;
}
.nav-link, .dropdown-item {
    color: #13374f !important;
}


@media (min-width: 1200px) {
    .nav-link:hover, .dropdown-item:hover, .actived {
        background-color: #13374f;
        color:white !important;
    }
}
@media (max-width: 1200px) {
    .dokumenty tr, .dokumenty td, .dokumenty th {
        display: block;
    }
    .dokumenty td a {
        display: block;
        padding-left: 20px;
        margin-bottom: 0;
    }
    .dokumenty tr {
        padding-bottom: 40px;
    }
    .dokumenty tr:first-child, .dokumenty tr:last-child {
        padding-bottom: 0;
    }
    .dokumenty th {
        display: none;
    }
    .dokumenty td[data-title]:before {
      content: attr(data-title) ":\00A0";
      font-weight: bold;
    }
}
.wrapper1, .wrapper2, .wrapper3 {
    //border-bottom: 1px solid gray;
}
/*.copy {
    border-top: 1px solid gray;
}*/
.wrapper1 img, .wrapperClanky img {
    width:100% !important;
    margin:0;
}
.wrapper1 h1 {
    color:white;
    text-shadow: 0 0 3px black;
    font-weight:bold;
}
.textcez {
    position:relative;
}
.top {
    position:absolute;
    top:20px;
    left:30px;
}
#pin, #envelope {
    /*margin-left: 40px; */
    margin-right: 20px;
    height:100%;
}
.oznamenia {
    border: 2px solid #f8d942;
    border-radius: 10px;
}
h5.card-title {
    font-weight: bold;
}
.hladaj {
    border: 1px solid #13374f;
    border-radius: 10px;
}
.hladaj:hover {
    background-color: #13374f;
    color:white;
}

/* carousel */
@media (min-width: 768px) {
  /* show 3 items */
  #myCarousel .carousel-inner .active,
  #myCarousel .carousel-inner .active + .carousel-item,
  #myCarousel .carousel-inner .active + .carousel-item + .carousel-item {
    display: block;
  }

  #myCarousel > .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  #myCarousel > .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  #myCarousel > .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
    transition: none;
  }

  #myCarousel > .carousel-inner .carousel-item-next,
  #myCarousel > .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }

  #myCarousel > .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* left or forward direction */
  #myCarousel > .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  #myCarousel > .carousel-item-next.carousel-item-left + .carousel-item,
  #myCarousel > .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  #myCarousel > .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  /* farthest right hidden item must be abso position for animations */
  #myCarousel > .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* right or prev direction */
  #myCarousel > .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  #myCarousel > .carousel-item-prev.carousel-item-right + .carousel-item,
  #myCarousel > .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  #myCarousel > .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}
/* carousel end */
.yrs > ul {
   //float: right;
   margin: 0 auto;
   width: 100%;
}
.yrs li {
    display:inline-block;
}
.odkaz {
    border:1px solid #007bff;
    border-radius:20px;
    padding:5px 15px;
    //display: flex;
}
.odkaz:hover {
    border-color:#0056b3;
}

.kontakt hr {
    border-top: 1px solid #f8d942;
}

.wrapper3 .card {
    border:none;
}

.wrapper3 .card .card-img-top {
    border-radius:0;
}

.copy {
    font-size:13px;
}

.wrapperClanky, .hody {
    color: #271893;
}

.wrapperClanky h1 {
    font-weight: bold;
}
.kontakty {
    color: #094366;
}
.zvyraznene {
    background-color:#094366;
    color:white;
    border-radius: 5px;
    padding: 5px;
}
.zvyraznene2 {
    background-color:#ECECEC;
    border-radius: 8px;
    padding: 5px;
}
.dokumenty th, .dokumenty td {
    padding: 8px;    
    vertical-align: middle;
    max-width: 100%;
    font-size: 12px;
}
.dokumenty td:last-of-type {
    text-align: center;
}
.vysledky th, .vysledky td {
    padding: 5px;
    vertical-align: middle;
}
.dokumenty h1 {
    color: #271893;
}

.dokumenty table, .vysledky table {
    margin: 0 auto;
    table-layout: auto;
    width: 100%;
}
.vysledky table, .vysledky tr, .vysledky td, .vysledky th {
    border: 2px solid black;
}

.dokumenty table, .dokumenty tr, .dokumenty td, .dokumenty th {
    color: #271893;
    border: 1px solid #ddd;
}
.dokumenty tr:hover {
    background-color: #f7f7f7;
}

.spodna_lista {
    display: none;
    position: fixed;
    bottom: 0px;
    padding: 10px 0;
    width: 100%;
    background-color: white;
    text-align: center;
}

.spodna_lista img {
    width: 100px;
    padding: 5px 10px;
}

/* mapa.html css */

#res {
    position:fixed;
    top:50px;
    right:50px;
    display:none;
}

.sub {
    background-color:#1e3f48;
    border-radius: 100px;
    border: 5px solid #b7d8e1;
    padding: 20px;
    color:#b7d8e1;
    font-size:25px;
}

.hody input[type=text] {
    width: 100%;
}
.hody input[type=radio] {
    margin: 0 10px;
}
.hody p {
    margin-bottom: 0;
}

.hody textarea {
   resize: none;
   width: 100%;
   height: 150px;
}

.hody ul li {
    font-size:12px !important;
}

.hody td {
    text-align: left;
}

/* mapa.html css end */

/* dropdown multi menu */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

/* dropdown multi menu end*/

.login {
    border-radius:4px;
    background:#efefef;
    border:1px solid #13374f; 
}
.login td input {
    margin-bottom:10px;
    margin-top:10px;
}