/* spolecne css */
:root {
/* --bs-body-bg: transparent; */
}

.h1, h1 {
    font-size: calc(1.375rem + 1.5vw);
    line-height: 1.25;
}
#header {padding-bottom:3px;}
#header.stick-on-top {
  z-index: 9999;
  position: fixed;
  top: 0;
}
#header a {
  color: #ffffff;
}
a.logo strong {
  text-indent: -999em;
  width: 72px;
  height: 30px;
  background-size: contain;
  }
.navbar-brand .slogan {display: none;}
@media (max-width: 767px) {
#header.stick-on-top .span10 {
  position: absolute;
  top: 0;
  right: 0;
  width: 80%;
  width: calc(100% - 80px);
}
#header.stick-on-top .span2 {
  float: left;
  width: auto;
}
}
#header .banner {
  text-align: right;
  position: relative;
}
#header a:hover, #header a:focus {
  text-decoration: none;
}
.mod-languages, .mod_search28, #mod-custom730, #mod-custom732, .mod-languages, .mod_search734, #mod-custom730 > div, #mod-custom732 > div {display:inline-block; line-height:30px; height:30px; margin-top:0; cursor:pointer;}
div.mod-languages li {margin: 0;}
div.mod-languages a {padding: 0;}
.mod_search696 input, .mod_search734 input {padding: 0px 14px;}
#pgSrch {    
    display: none;
    position: absolute;
    top: 36px;
    right: -32px;
    width: 340px;
    margin: 0 auto;
    background: rgb(0,0,110);/*rgba(12, 51, 118, 0.5); #0c3376;*/
    height: 50px;
    padding: 0px 5px 0px 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 9999;
    }
#pgSrch .btn {padding: 8px;}
div.mod_search696 input[type="search"], div.mod_search734 input[type="search"] {
    width: 200px;
    border-radius: 5px;
}

.opennav {
  font-size: 24px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 18px;
}
#features .row [class*="span"] h3 {
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
}
@media (max-width: 767px) {
#features .row [class*="span"] h3 {font-size: 18px;}
.top-sl .hero-unit h1 {padding-top: 80px;}
#footer .nav, #footer {
  text-align: center;
  justify-content: center;
}
}
#features a {
  color: #fff;
  text-shadow: 1px 1px 3px #1a3867;
  display: block;
}
.kontakty .fa::before, .kontakty .fab, .kontakty .fas {
  font-size: 20px;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  padding: 0;
  margin-right: 5px;
  display: inline-block;
}
.kontakty .fab svg {height:18px; margin-top: -2px;}

h1, h2, h3. h4. h5 {color:#27537c;}
/* menu stranky */
.offcanvas {overflow: auto;}
.offcanvas-header {
background: linear-gradient(135deg, rgb(5, 194, 252) 0%,rgb(97, 198, 211) 51%,rgb(26, 56, 103) 100%);
padding: 0 1rem;
}
.offcanvas-header .btn img {height: 20px; width: auto;}
#menu_stranky {z-index: 9999;}
#menu_stranky .dropdown-toggle::after {vertical-align: .001em;}
#menu_stranky .dropdown .dropdown-menu {
width: 320px;
background: #f6f6f6;
text-transform: uppercase;
}
#menu_stranky .dropdown .dropdown-menu a {font-weight: bold;}
@media (max-width: 992px) {
.sidebar {visibility: hidden;}
.sidebar-inner {font-size: 14px; display: none;}
}
/* z 2020 */
.vizitka {
  background: #f0f0f0;
  border-left: 10px solid #009de1;
  padding: 10px;
  text-align: left;
}
.vizitka.foto {
  float: left;
  font-size: 90%;
  margin: 2% 2% 0 0;
  max-width: 450px;
  padding: 10px;
  position: relative;
  width: 48%;
  height: 120px;
  vertical-align: middle;
  display: table;
}
.kontakt-text {
    display: table-cell;
    padding-right: 5px;
    vertical-align: middle;
    min-width: 99%;
    height:120px;
}
.kontakt-text b.jmeno {
    display: block;
    padding: 0 0 10px;
}
.kontakt-obrazek {
    display: table-cell;
    height: 120px;
    overflow: hidden;
    vertical-align: middle;
    width: 1px;
}
.orez {
    height: auto;
    overflow: hidden;
    /*width:1px;*/
    max-width: 80px;
    display: block;
}
.orez img {
    margin-right: 15px;
    width: 100%;
    min-width: 80px;
}

.vizitka.foto a.abs, .vizitka.foto .abs {
    bottom: 2px;
    position: absolute;
    right: 2px;
    cursor: pointer;
}
.vizitka.foto a.abs .info-misc, .vizitka.foto .abs .info-misc {
    display: none;
}
.vizitka.foto a.abs:hover .info-misc, .vizitka.foto .abs:hover .info-misc {
    background: #444 none repeat scroll 0 0;
    color: #f0f0f0;
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    max-height: 160px;
    overflow-y: auto;
}
.vizitka.foto a.abs:hover img, .vizitka.foto .abs:hover img {
    visibility: hidden;
}
.abs:hover .info-misc .rozcestnik {background:transparent;}

 .vizitka.foto.kategorie b.jmeno {display: block; overflow: hidden; margin: 0px 0px 10px; height: 3em;}
 .jedenradek .text {overflow: hidden; white-space: nowrap; text-overflow:ellipsis; /* width: 350px; position:relative; height:1.5em;*/}

.management .vizitka {
	padding: 12px 6px;
}
.management .vizitka.foto {
  float: none;
  margin: 2% 0;
  margin-left: 0px;
  margin-left: 0px;
  max-width: unset;
  position: relative;
  width: auto;
  height: auto;
  display: block;
  min-width: unset;
}
@media only screen and (min-width: 767px) {
.vizitka.foto {	min-width: 300px;}
.management .vizitka.foto {
  min-width: unset;
}
}
 .vizitka .fa::before, .vizitka .fab {
	font-size: inherit;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	background: rgb(255, 255, 255);
    text-align: center;
	border-radius: 50%;
	margin: 0.1em;
	color: var(--bs-gray-600);
    box-shadow: 0 0 1px #b3b3b3;
    display: inline-block;
}
.vizitkar2 .vizitka.foto {
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    float:none;
}
.mod-banners.bannergroup {
  text-align: center;
}
.banneritem {margin: 0.1rem auto; display: inline-block;}
.banneritem a {
  font-weight: bold;
  border: 1px solid #d7caca;
  display: table-cell;
  padding: 5px;
  height: 80px;
  vertical-align: middle;
  box-shadow: 2px 2px 4px silver;
}
@media only screen and (max-width: 480px) {
.navbar-brand {margin-bottom: 0;}
}
#hero {padding-top: 33px;}
.dropdown-item.active, .dropdown-item:active {
	background-color: transparent;
}
.page-item.active .page-link {
  background-color: var(--bs-gray-600);
  border-color:  var(--bs-gray-600);
}
ul.pagination > li.active.page-item > a.page-link {color:white;}
[class|="budova"] {
    background: #666;
    border-radius: 5px;
    color: white;
    display: inline-block;
    font-size: 1.25em;
    font-style: normal;
    font-weight: bold;
    height: 2.25em;
    line-height: 2.25em;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 2.25em;
    font-family: Oswald, "trebuchet ms", Arial, Sans Serif;
}
h1 [class|="budova"], h2 [class|="budova"], h3 [class|="budova"], h4 [class|="budova"] {font-size:0.85em;}
.webui-popover-inner span[class|="budova"] {margin: 0;}
.budova-a {background: #DB001B; /* cervena */}
.budova-b {background: #52AE32; /* tmava zelena #006434;*/}
.budova-c {background: #FACB24; color:#404040;/* zluta */}
.budova-e {background: #A16C0F;/* hneda */}
.budova-f {background: #007AB9; /* modra */}
.budova-g {background: #F5BAC6;/* ruzova */}
.budova-ch {background: #EB6E08;/* oranzova */}
.budova-i {background: #6D7D7C;/* seda */}
.budova-l {background: #55AC42;/* svetle zelena */}
.budova-k {background: #6D7D7C;/* seda */}
.budova-p {background: #6D609C;/* fialova */}
.budova-ulz {background: #FFEFDB; color: #404040; /*#FFF0DA  svetle ruzova */}
.budova-v {background: #006434; /* tmava zelena*/}
.budova-ext {background: #ffffff url(/templates/uvn/images/ext_lokace.png) center center no-repeat; margin-right: 0; }

.mod-languages .visually-hidden {display:none;}
.blog-items .blog-item {
  font-size: inherit;
}
.mod-languages a.gsatelite {
  padding: inherit;
}
.cc-trigger.cc-trigger-handle.cc-trigger-bottom {
  bottom: 0;
}
.subnav-toggle {
  display: none;
}
#Mod722 {
  margin-bottom: -24px;
}
a.easy {font-size:1.2em; font-weight: bold;}
/*urgent */
#urgent .alert {
  margin-top: 24px;
  margin-bottom: 24px;
  border-radius: 40px 0;
}
#urgent {background: #c51718;}
#urgent + .mainbody {padding-top: 0 !important;}
#urgent .alert-light {
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 0;
	padding: 5px 24px;
	background: #fff076;
	color: #404040;
}
#urgent .alert-danger {
  background-color: #fff;
  color: #201b1b;
  padding: 16px;
}
#urgent .newsflash-vert.mod-list {margin:0;}
#urgent .newsflash-item {position:relative; margin-right:150px;}
#urgent .newsflash-title::before {
  content: "\f071 ";
  font-family: FontAwesome;
}
#urgent .alert .readmore {
  text-align: right;
  margin-top: 0;
  position: absolute;
  right: -150px;
  top: 0;
}
@media (max-width: 767px) {
 #urgent .newsflash-item {margin-right: inherit;}
 #urgent .alert .readmore {position:inherit; right:0;}
}
#urgent .alert a { font-weight: bold;  color: inherit; }
#urgent .alert a:hover, #urgent .alert a:active, #urgent .alert a:focus {
  color: inherit;
}
#urgent .readmore .btn {
  background: #c51718;
  border: 1px solid #c51718;
  color: #fff;
}
#urgent .readmore .btn:hover, #urgent .readmore .btn:active, #urgent .readmore .btn:focus {
  background: #8a1313;
  color: #fff;
}
#urgent .alert h4 {font-weight:bold;}