.UPRAVA-VODY {
  background-color: #ffffff;
  overflow: hidden;
  width: 100%;
  min-width: 1440px;
  min-height: 3735px;
  position: relative;
}

.UPRAVA-VODY .rectangle-39 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1440px;
  height: 3498px;
  background-color: #000000;
}

.UPRAVA-VODY .flexcontainer-11 {
  width: 1060px;
  height: 670px;
  top: 1817px;
  left: 165px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: absolute;
}

.UPRAVA-VODY .text-9 {
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 20px;
  position: relative;
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
}

.UPRAVA-VODY .text-wrapper-59 {
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 30px;
}

.UPRAVA-VODY .rectangle-40 {
  position: absolute;
  top: 393px;
  left: 0;
  width: 1440px;
  height: 391px;
  background-color: #2b3347;
}

.UPRAVA-VODY .rectangle-41 {
  position: absolute;
  top: 801px;
  left: 0;
  width: 600px;
  height: 345px;
  background-color: #2b3347;
  border-radius: 0px 20px 20px 0px;
}

.UPRAVA-VODY .rectangle-42 {
  position: absolute;
  top: 801px;
  left: 615px;
  width: 826px;
  height: 345px;
  background-color: #2b3347;
  border-radius: 20px 0px 0px 20px;
}

.UPRAVA-VODY .v-CE-ROV-OV-SPR-VA {
  position: absolute;
  top: 854px;
  left: 750px;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 24px;
  text-align: right;
  letter-spacing: 0;
  line-height: 30px;
}

.UPRAVA-VODY .text-wrapper-60 {
  font-weight: 600;
  color: #6e90ea;
}

.UPRAVA-VODY .text-wrapper-61 {
  font-weight: 500;
  color: #ffffff;
}

.UPRAVA-VODY .text-wrapper-62 {
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
}

.UPRAVA-VODY .rectangle-43 {
  position: absolute;
  top: 1163px;
  left: -2px;
  width: 1444px;
  height: 418px;
  background-color: #2b3347;
}

.UPRAVA-VODY .OPTIMALIZACE-SPOT {
  position: absolute;
  top: 1237px;
  left: 138px;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 30px;
}

.UPRAVA-VODY .text-wrapper-63 {
  color: #ffffff;
}

.UPRAVA-VODY .text-wrapper-64 {
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
}

.UPRAVA-VODY .rectangle-44 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1440px;
  height: 393px;
  object-fit: cover;
}

.UPRAVA-VODY .text-wrapper-65 {
  position: absolute;
  top: 187px;
  left: 188px;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 46px;
  white-space: nowrap;
}

.UPRAVA-VODY .text-wrapper-66 {
  position: absolute;
  top: 254px;
  left: 188px;
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 46px;
  white-space: nowrap;
}

.UPRAVA-VODY .BILANCE-VODY-unik-tn {
  position: absolute;
  top: 477px;
  left: 138px;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 24px;
}

.UPRAVA-VODY .text-wrapper-67 {
  font-weight: 700;
  color: #6e90ea;
  line-height: 46px;
}

.UPRAVA-VODY .text-wrapper-68 {
  font-weight: 700;
  color: #000000;
  line-height: 46px;
}

.UPRAVA-VODY .text-wrapper-69 {
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  line-height: 35px;
}

.UPRAVA-VODY .BILANCE-DESINFEKCE {
  position: absolute;
  top: 908px;
  left: 138px;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 24px;
}

.UPRAVA-VODY .text-wrapper-70 {
  font-weight: 700;
  color: #6e90ea;
  line-height: 30px;
}

.UPRAVA-VODY .text-wrapper-71 {
  font-weight: 700;
  color: #ffffff;
  line-height: 30px;
}

.UPRAVA-VODY .flexcontainer-12 {
  width: 1049px;
  height: 70px;
  top: 1713px;
  left: 195px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: absolute;
}

.UPRAVA-VODY .text-10 {
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  color: #6e90ea;
  font-size: 32px;
  position: relative;
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
}

.UPRAVA-VODY .text-wrapper-72 {
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  color: #6e90ea;
  font-size: 32px;
  letter-spacing: 0;
  line-height: 30px;
}

.UPRAVA-VODY .rectangle-45 {
  position: absolute;
  top: 3492px;
  left: 0;
  width: 1440px;
  height: 243px;
  background-color: #2b3347;
}

.UPRAVA-VODY .kontakty-51 {
  position: absolute;
  top: 3553px;
  left: 1184px;
  width: 78px;
  height: 15px;
  display: flex;
}

.UPRAVA-VODY .o-n-s-57 {
  margin-left: 11.54%;
  width: 60px;
  margin-right: 11.54%;
  flex: 1;
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #c2c2c2;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.UPRAVA-VODY .kutnohorsk-9 {
  position: absolute;
  top: 3523px;
  left: 461px;
  width: 382px;
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #c2c2c2;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.UPRAVA-VODY .text-wrapper-73 {
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #c2c2c2;
  font-size: 16px;
  letter-spacing: 0;
}

.UPRAVA-VODY .text-wrapper-74 {
  color:white;
  font-weight: 300;	
  text-decoration: underline;
}

.UPRAVA-VODY .conel-automation-s-r-9 {
  position: absolute;
  top: 3623px;
  left: 188px;
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #c2c2c2;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.UPRAVA-VODY .vrstva-16 {
  position: absolute;
  top: 3526px;
  left: 191px;
  width: 155px;
  height: 43px;
}

.UPRAVA-VODY .kontakty-52 {
  position: absolute;
  top: 3523px;
  left: 991px;
  width: 285px;
  height: 15px;
  display: flex;
}

.UPRAVA-VODY .o-n-s-58 {
  margin-left: 7.37%;
  width: 242px;
  margin-right: 7.72%;
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #c2c2c2;
  font-size: 14px;
  flex: 1;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.UPRAVA-VODY .kontakty-53 {
  position: absolute;
  top: 3583px;
  left: 1148px;
  width: 114px;
  height: 15px;
  display: flex;
}

.UPRAVA-VODY .o-n-s-59 {
  margin-left: 7.02%;
  width: 98px;
  margin-right: 7.02%;
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #6e90ea;
  font-size: 14px;
  flex: 1;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.UPRAVA-VODY .kontakty-54 {
  position: absolute;
  top: 3623px;
  left: 1193px;
  width: 78px;
  height: 15px;
  display: flex;
}

.UPRAVA-VODY .o-n-s-60 {
  margin-left: 21.79%;
  width: 44px;
  margin-right: 21.79%;
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #c2c2c2;
  font-size: 14px;
  flex: 1;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.UPRAVA-VODY .navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 1440px;
  height: 108px;
}

.UPRAVA-VODY .NAVBAR-8 {  
    position: fixed;
    
    /* Zajištění, že se zarovná se zbytkem stránky (max 1440px) */
    width: 1440px; 
    
    /* Fixní centrování lišty v okně prohlížeče */
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto; 
    margin-right: auto; 
    
    height: 108px;
    background-color: #0000008c;
    backdrop-filter: blur(5px) brightness(100%);
    -webkit-backdrop-filter: blur(5px) brightness(100%);
    
    /* Flexbox pro zarovnání loga a odkazů */
    display: flex;
    align-items: center; 
    justify-content: space-between; /* Roztáhne logo a menu na okraje */
    
    /* Odsazení OD okrajů lišty (zarovná s obsahem) */
    padding: 0 180px; 
    z-index: 100;
    box-sizing: border-box; 	
}

.UPRAVA-VODY .kontakty-55 {
  position:absolute;
  top: 46px;
  width: 114px;
  height: 15px;
  display: flex;
  left: 1163px;	
	
}

.UPRAVA-VODY .o-n-s-61 {
  margin-left: 5.13%;
  width: 70px;
  margin-right: 5.13%;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  flex: 1;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.UPRAVA-VODY .kontakty-56 {
  position: absolute;
  top: 46px;
  left: 638px;
  width: 78px;
  height: 15px;
  display: flex;
}

.UPRAVA-VODY .o-n-s-62 {
  margin-left: 17.95%;
  width: 51px;
  margin-right: 16.67%;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  flex: 1;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.UPRAVA-VODY .kontakty-57 {
  position: absolute;
  top: 46px;
  left: 835px;
  width: 285px;
  height: 15px;
  display: flex;
}

.UPRAVA-VODY .o-n-s-63 {
  width: 285px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  flex: 1;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}


.text-wrapper-74:hover {
  color: #4FA4FF;   
}

.o-n-s-57:hover {
  color: #4FA4FF;   
}
.o-n-s-58:hover {
  color: #4FA4FF;   
}
.o-n-s-60:hover {
  color: #4FA4FF;   
}
.o-n-s-61:hover {
  color: #4FA4FF;   
}
.o-n-s-62:hover {
  color: #4FA4FF;   
}
.o-n-s-63:hover {
  color: #4FA4FF;   
}

.logo-wrapper2 {
    position: relative; /* Důležité: Kontejner je relativní */
    display: block;
	margin-right: 20px;
    top: 3526px;
    left: 191px;
    width: 155px;
    height: 43px;
		 
    /* NEMUSÍTE nastavovat pevnou šířku/výšku, převezme ji od defaultního obrázku */
}

.logo-wrapper2 .logo-default2 {
    /* Zajistí, že defaultní obrázek definuje velikost wrapperu */
    display: block; 
}

.logo-hover-image2 {
    position: absolute; /* Důležité: Hover obrázek je absolutní */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('img/vrstva-1-1-blue.svg'); /* Cesta k novému obrázku */
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0; /* Ve výchozím stavu neviditelný */
    transition: opacity 0.3s ease; /* Plynulý přechod */
    right: 500px;
}

.logo-wrapper2:hover .logo-hover-image2 {
    opacity: 1; /* Při najetí myší se hover obrázek zobrazí */
}