body {
    background-color: #f4f6f9;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
a {
            color:#00569d;
}
a img { border:none; vertical-align:top; }
.kontext, .kontext2 {
    float: right;
    margin-right: 1em;
    font-size: 90%;
    font-weight: bold;
    text-align: right;
    color: white;
}
.stred {
		text-align:center;
		}
.nezobrazovat {
    display: none;
}
.slov
{
	width:5em;
    margin-top: 0.5em;
    width: 140px;
}
/*
.main {
    width:1000px;
margin: 0 auto;
}
    */
.vlevo, .vlevo2 {
    float:left;

}

    .vlevo img, .vlevo input, .kontext2 input, .kontext img, .kontext input, .kontext2 img {
        margin-left: 1em;
        vertical-align: middle;
    }
#jazyk
{
	line-height: 33px;
	margin:0;
	padding:0;


}
#map, #m {
     height:450px;

}

    .legend { position:absolute; top:8px; right:8px; background:#fff; padding:6px 8px; font:14px/1.3 system-ui, Arial, sans-serif; border-radius:4px; box-shadow:0 2px 6px rgba(0,0,0,.15); }
    .legend h4 { margin:0 0 4px; font-size:14px; }
    .legend-item { display:flex; align-items:center; margin:2px 0; }
    .legend-item img { width:20px; height:20px; object-fit:contain; margin-right:5px; image-rendering:pixelated; }

#mapa_link {
    font-size: smaller;
    
}
#mapa_link a {
    
    margin-right: 2em;
}
#Boxmap {
    margin-bottom: 2em;
    z-index:10;
}

#main2 {
/*    width: 1130px; margin: 0 auto;*/
/*	V případě Sky šířka 1450px	jinak 	1130px */
}
    
.mezera, .cara, .cara2
{
clear: both; font-size: 1px;
}

#dolni .menu div {
    padding: 0.5em 0.5em 1em 0.5em;
}
#dolni .mensi a {
    color: rgb(190, 244, 255);
}
.clanky img {
    padding-right: 1em;
}
.clanky img.obrr {
    padding: 1em 0 1em 1em;
}
.clanky_mapa {
    /* width:1420px;*/
   
  
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important; /* Pokud je obal tvořený pomocí Flexboxu */

}
    /* Zrušení omezení šířky Bootstrap sloupce (col-lg-8) pouze na stránkách s mapou */
    .clanky_mapa .col-lg-8 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .clanky h1, .clanky_mapa h1 {
        color: #dc3545;
    }
.dvecary {
    border-bottom: solid 2px #dc3545;
    border-top: solid 2px #dc3545;
    padding: 1em 0;
    margin-top: 1em;
}
#jezyimg img, .fotkypruvodce {
    display: block;
width: 100%;
height: auto;
}

#kilometraze img {
    padding-right: 0;
}


#kilometraze iframe, .clanek iframe {
    margin-top:1em;
    width:100%;
   height:calc(100vw * 0.28);
   border:0;
}
/* --- Sjednocení tabulek informací o řece --- */
.reka-tabulky th {
    background-color: #f8f9fa !important;
    color: #495057 !important;
    font-weight: bold !important;
    border: 1px solid #dee2e6 !important;
}

/* --- Dynamické grafy Chart.js --- */
.chart-container-ajax {
    width: 100%;
    margin-top: 25px;
    display: none;
}

/* Zarovnání ikonky a textu v nadpisu z C# */
.pujcovny-nadpis-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pujcovny-nadpis-text {
    font-size: 1.15rem;
    font-weight: bold;
}

.table-primary {
    --bs-table-bg: #0d6efd; /* Pozadí buňky */
    --bs-table-color: #ffffff; /* Barva textu */
    --bs-table-border-color: #004a87; /* Barva linek */
}

/* SJEDNOCENÍ NA BÍLOU BARVU - zrušení pruhování a hoveru */
.table,
.table tr,
.table td,
.table-responsive {
    background-color: #ffffff !important;
}

    /* Úplné zrušení Bootstrap hover efektu (aby řádek nezmodral při najetí) */
    .table tbody tr:hover,
    .table tbody tr:hover td {
        background-color: #ffffff !important;
    }

/* Fix pro vnořenou tabulku cen - musí být také čistě bílá */
.inner-prices,
.inner-prices tr,
.inner-prices td {
    background-color: #ffffff !important;
    border: none !important;
    padding: 2px 5px !important;
}

/* Hlavní kontejner bez vnějších šedých čar, pouze stín a zaoblení */
.custom-card-clean {
    background-color: #fff;
    overflow: hidden;
}

.hover-shadow {
    transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
}

    .hover-shadow:hover {
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
        transform: translateY(-2px);
    }

/* Záložky 50/50 */
/* Oprava kontejneru záložek */
.tabs-header {
    display: flex !important;
    flex-wrap: nowrap !important; /* Zákaz zalomení na nový řádek */
    width: 100%;
    background-color: #f0f1f4;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.reka-tabulky th {
    background-color: #f8f9fa !important;
    color: #495057 !important;
    font-weight: bold !important;
    border: 1px solid #dee2e6 !important;
    text-align: center !important; /* Vynutí střed pro všechny th */
}
/* Zarovnání sloupců v itineráři (Den, r.km, km) bez úpravy HTML */
.itiner td:nth-child(1),
.itiner td:nth-child(3),
.itiner td:nth-child(4) {
    text-align: right !important;
    padding-right: 12px !important;
    white-space: nowrap;
}

/* Pravidlo pro vodočty (sjízdnost) - všechno natvrdo na střed */
.reka-stavy td {
    text-align: center !important;
}

/* Sjednocení vertikálního středu pro všechny tabulky u řeky */
.reka-tabulky td {
    vertical-align: middle !important;
}
.chk-odsazeni label {
    margin-left: 8px; /* Velikost mezery mezi čtverečkem a textem */
    cursor: pointer; /* Mění kurzor na ručičku při najetí na text */
}
/* Tabulka sjízdnosti se striktně stejnými sloupci a zalamováním textu */
.reka-stavy {
    table-layout: fixed !important;
    width: 100% !important;
    border-collapse: collapse;
}

    /* Nastavení všech buněk (hlavičky i těla) */
    .reka-stavy th,
    .reka-stavy td {
        /* Předpokládáme 5 sloupců = 20% každý */
        width: 20% !important;
        /* POVOLENÍ ZALAMOVÁNÍ */
        white-space: normal !important; /* Text se zalomí na nový řádek */
        word-wrap: break-word; /* Rozbije příliš dlouhá slova, aby nepřetekla */
        overflow-wrap: anywhere; /* Moderní verze pro maximální jistotu */
        text-align: center !important;
        padding: 8px 4px !important;
        vertical-align: middle !important;
    }

    /* Ošetření ikon v zalamované tabulce */
    .reka-stavy img {
        display: inline-block;
        max-width: 100%;
        height: auto;
        margin-bottom: 2px; /* Malá mezera pod ikonkou, pokud je pod ní text */
    }

/* Pro jistotu mírně zvětšíme i samotný čtvereček, aby se na něj lépe klikalo */
.chk-odsazeni input[type="checkbox"] {
    cursor: pointer;
    transform: scale(1.2);
    margin-right: 2px;
}

/* Volitelně: zúžení prvního sloupce (číslo dne), aby nezabíral zbytečně moc místa */
.itiner td:nth-child(1) {
    width: 40px;
}

    /* Oprava jednotlivých záložek */
    .tabs-header > div {
        flex: 1 1 50%; /* Flexibilní šířka přesně 50 % */
        width: 50%;
        text-align: center;
        box-sizing: border-box; /* Padding a border se počítají DO šířky */
        margin: 0;
        padding: 0;
        display: block; /* Zajištění blokového chování uvnitř flexu */
    }

        /* Reset starých floatů, které by mohly zůstat v mezipaměti */
        .tabs-header > div,
        .tabs-header > div.bile {
            float: none !important;
        }
        .tabs-header > div a {
            display: block;
            padding: 8px 5px;
            text-decoration: none;
            color: #666;
        }

        /* AKTIVNÍ ZÁLOŽKA (přiřazuje váš JS) */
        .tabs-header > div.bile {
            background-color: #fff !important;
            border-bottom: 3px solid #dc3545 !important; /* Ta "vaše" červená */
        }
            .tabs-header > div.bile a .tab-name {
                color: #dc3545 !important;
            }

            .tabs-header > div.bile a {
                color: #000 !important;
            }
/* Zrušení starých rámečků, které JavaScript vrací přes třídu novinkytext */
.novinkytext {
    border: none !important;
    background: transparent !important;
}
/* 1. VYHOĎTE: Staré floaty a odsazení, které rozbíjejí Flexbox */
.vlevo, .odsad, .odsad2, .odsad3, .odsad4, .odsad5, .mezera {
    /* Tyto třídy už v novém kódu nepoužíváme, způsobují jen zmatky */
    float: none !important;
    margin: 0 !important;
}
/* Pro jistotu pojistka přímo na ID těch kontejnerů */
#novinky1, #novinky2, #novinky3, #novinky4 {
    border: none !important;
    outline: none !important;
}

/* Texty v záložce */
.tab-name {
    font-size: 1rem;
    font-weight: bold;
    display: block;
    line-height: 1.2;
    color: #dc3545;
}

.tab-val {
    font-size: 0.75rem;
    color: #888;
    display: block;
}

/* Odstranění třídy nezobrazovat (váš JS ji pravděpodobně ovládá) */
.nezobrazovat {
    display: none;
}

/* Modré linky v obsahu podle vašeho přání */
.link-blue {
    color: #0056b3 !important;
    text-decoration: none;
    font-weight: 500;
}

    .link-blue:hover {
        text-decoration: underline;
    }

/* Čistý text bez čar mezi řádky */
.content-item {
    padding-bottom: 8px;
    margin-bottom: 8px;
}
/* Odstranění zbytečných čar u GridView, pokud tam zůstaly */
table[id*='GridViewP'] {
    border-collapse: collapse !important;
    border: none !important;
}

.mesic-link {
    cursor: pointer;
    color: #0d6efd;
    text-decoration: underline;
    font-weight: 500;
}

    .mesic-link:hover {
        color: #0a58ca;
    }

/* --- CheckBoxListy (Fotoprůvodce, Mapa) --- */
.custom-checkbox-list input[type="checkbox"],
.custom-map-checkbox input[type="checkbox"] {
    margin-right: 0.3rem !important;
    margin-left: 1rem !important;
    cursor: pointer;
    width: 1.1em;
    height: 1.1em;
    vertical-align: middle;
    accent-color: #0d6efd;
}

    .custom-checkbox-list input[type="checkbox"]:first-child,
    .custom-map-checkbox input[type="checkbox"]:first-child {
        margin-left: 0 !important;
    }

.custom-checkbox-list label,
.custom-map-checkbox label {
    cursor: pointer;
    color: #495057;
    vertical-align: middle;
}

.custom-map-checkbox label {
    display: inline-flex;
    align-items: center;
}

    .custom-map-checkbox label img {
        max-height: 22px;
        width: auto;
    }
/* Návrat k textovému výpisu (Rejstřík) */
.zobr-reky {
    display: inline; /* Zruší blokové chování seznamu */
    padding-left: 0;
    margin-bottom: 0;
}

    .zobr-reky li {
        display: inline; /* Položky se řadí vedle sebe jako slova ve větě */
    }

        /* Přidání malé mezery a optického oddělovače (např. tečky) mezi řeky */
        .zobr-reky li::after {
            content: " \2022 "; /* Vloží malou středovou tečku mezi názvy */
            color: #adb5bd; /* Šedá barva tečky */
            margin: 0 0.3rem; /* Mezera kolem tečky */
        }

        /* Poslední položka v seznamu tečku nepotřebuje */
        .zobr-reky li:last-child::after {
            content: " ";
        }
.custom-hover:hover {
    color: #0d6efd !important;
    text-decoration: underline !important;
}
    .zobr-reky a {
        text-decoration: none;
        color: #212529; /* Tmavá barva textu */
        transition: color 0.15s;
    }

        .zobr-reky a:hover {
            color: #0d6efd; /* Modrá barva při najetí myší */
            text-decoration: underline;
        }
.clanky_druhysl {
    width:50%;float:left;
}
#podmenu, .mensi {
    font-size:90%;
    font-weight: normal;
}

#hlavicka {
   background: #0d65a4 url('gif/pozadi2.jpg') repeat-x 0 0;
   height: 108px;
  background-size: 100% auto;

}
.dalsi{
 color:#01416F;
 font-size:120%;

}
#hlavicka a {
   color: white;
}

#Vyber_sj table {
    font-size: 80%;

}
#Vyber_sj table caption, .nadpis {
    font-size:130%;
    font-weight: bold;
}
    #Vyber_sj table caption, .graf {
        margin-bottom: 1em;
    }

#Vyber_sj {

	color:	#01416F;
	
}

    #Vyber_sj img {
        
        padding: 0;
    }
    #Vyber_sj .nadpis {
        float: right;
        width: 35%;
        font-size: 100%;
    }
    #Vyber_sj .nadpis a img{
        width: 100px;
    }
.re_kon {
    font-size: 100%;font-weight: bold;border: 1px solid #0e65a2; clear:right;background-color: #E6F4FF;
    color:	#01416F;
	margin: 0;
	padding: 1em;
	margin-bottom: 1em;
}
.re_kon2 {
    font-size: 100%;font-weight: bold;border: 1px solid #0e65a2; clear:right;background-color: #FFFFD9;
    color:	#01416F;
	margin: 0;
	padding: 1em;
	margin-bottom: 1em;
}
.cara, .cara2 {
    border: 2px solid #dc3545;
    margin-bottom: 10px;
}
.cara2 {
    border: 1px solid #dc3545;
    margin-bottom: 10px;
}

.clanky {

        padding-left: 1em;
    padding-right: 1em;
    
    

}
.clanky ul table, .diskus .clanky_hlav, .firmymenu, .kalen .r_dis, .paticka_odkaz, .hlas2 div span img, .odsad_vrch {
    margin-top: 1em;
}
    .clanky a:hover, .novinkynadpis a, .info, #Vyber_sj table caption, .nadpis a {
        color: #dc3545;
        text-decoration: none;
    }
.clankyuvod, #profil {
    margin-top: 1.3em;
    }

.clankyprvni {
    font-size: 120%;
    padding-bottom: 1em;
    border-bottom: 2px solid #dc3545;
}

.vpravo
{
	text-align:right;
}
#dolni {
    background-color:#0d65a4;
    margin-bottom: 2em;
}
#dolni a {
    color:white;
}
#PanelKilom table td:first-child {
    vertical-align: top;
    text-align: right;

}
.sloupec_grafika span.tipsj, .zw span.tipsj, .ww1 span.tipsj, .ww2 span.tipsj, .ww3 span.tipsj, .ww4 span.tipsj, .ww5 span.tipsj, #adm-sticky {
    display: none;
}
.sloupec_grafika:hover span.tipsj {display:block;}
.tipsj {
position:absolute;
  z-index:100;
  border:1px;
  background-color:white;
  border-style:solid;
  border-width:1px;
  border-color: gainsboro;
  padding:3px;
  color:black; 
box-shadow: rgba(0, 0, 0, 0.3) 0 2px 10px;
filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 2px 10px);
}
.zw:hover span.tipsj, .ww1:hover span.tipsj, .ww2:hover span.tipsj, .ww3:hover span.tipsj, .ww4:hover span.tipsj, .ww5:hover span.tipsj {display:block;}

.boxsj
{
    position: absolute;
    background-color: #CDE;
    border: 1px solid #669BC3;
    padding: 5px;
    outline: ridge 1px;
    font-size:70%;
     color: #01416F;
}
.boxsj2
{
    position: absolute;
    background-color:white;
    margin: 0px;
    padding: 0px;
    outline: ridge 1px;

}
.boxsj span
{
    color:red;
    font-weight:bold;
}
.novinky {

    margin-bottom: 1em;
    box-shadow: 1px 2px 4px rgb(128, 128, 128);
    


    text-align:center;
    font-size: 130%;
    
}
    .novinkynadpis {
    background-color: #D3D3D3;
    float: none; width: 100%; clear: both; overflow: hidden;
    }

 .info span, .clanky_hlav {
font-style: italic;
color: darkgray;
padding: 0 0.5em;
font-weight: bold;
}
.info img {
    margin-top:1em;
padding: 0;
}
    .info ul {

list-style:none;
    margin-left: 0px;
    padding-left: 15px;
    line-height: 160%;
}
.info .stred ul li {
    width: 33%;
    float: left;
}
.novinkynadpis div {
    color: #dc3545;
    font-weight: bold;
    float: left;
    width: 50%;
    padding: 0.5em 0;
}
.bile {
    background-color:white;
}
.kdays3
{
    background-color: #CCCCCC;
    color: #A9A9A9;
}
.bile a:link, .blie a:visited, .bile a:hover {
text-decoration: none; cursor: default;}
#navigace a
{
 	font-size:80%;
	color: #01416F;
}
.nobr 
{
    white-space: nowrap

} 
#navigace img
{
 	padding:0;
}

#zebricky li, .podtrh2 {
    border-bottom: 1px solid #dc3545;
    padding-bottom: 0.5em;
    margin-top: 1em;
}

 .reklamaW {
        margin: auto;
    }
    .reklamaW {
        width: 310px;
        margin-bottom:2em;
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size: 70%;
    }
.reklamaG {
    padding-bottom: 2em;
    margin-bottom: 1em;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 70%;
    border-bottom: 1px solid rgb(234, 230, 230);
}
.odsad4{
    margin-left: 5em;

}
.r_dis a, .tabor
{
	padding: 4px 15px 4px 8px;
	background-color: #E6F4FF;
	 color: #01416F;
	 vertical-align:top;
	 display:block;
	border: 0px solid #FFF;
	 font-weight:bold;
	 text-align:left;
}
.colapse {
     cursor: pointer;
}
/*
    .zobr-user, .zobr-reky, .rovne ul.dynamic
{
	list-style: none;
	text-align:left;

}
    .menu, .paticka, #dolni, #hlavicka  {

width: 1000px;
margin: 0 auto;

}
.levysloupec {
width: 1120px;
}
.sirka, #ctl00_ctl00_ContentPlaceHolder1_Kilometraz_tKilom {
    width: 100%;
}
.menu .vlevo {

    font-size: 115%;
line-height: 120%;
}
.menu a {
    color: #dc3545;
    text-decoration: none;
}

.menu .vlevo, .info {
    font-weight: bold;
}
.menu span a {
    color: #00569d;
   
}
.menu_reky {
    font-size: 85%;font-weight: bold; text-align:center;clear:right; margin: auto; 
    
}
    .menu_reky a {
        color: #dc3545;
        margin: 0 1em;
    }

#Panel_reakce {
    border: 1px solid #669BC3;
    width: 98%;
    padding: 1%;
}

.menu_reky_div, .menu_hlav, .radek {
    margin-bottom: 0.5em;
    background-color: #E6F4FF;
    padding: 0.5em;
    border: 2px solid #E6F4FF;
}
    
.menu_hlav_sel
{
    background-color: white;
    color:#0e65a2;
    padding: 0.5em;
    border: 2px solid #E6F4FF;
    margin-bottom: 0.5em;
}
.menu_hlav a {
    text-decoration:underline;
}
.menu_hlav_sel div {
    margin-bottom: 1em;

}
.menu_hlav_sel  {
   padding-bottom: 0;


}

.paticka, .paticka_odkaz a {
    color: darkgray;
    line-height: 160%;
    margin-bottom: 2em;
    
}
.paticka a {
    margin-right: 1em;
}
.vice {
    color: #6a6666;
    font-weight: bold;
}
.zobr-user li, .obrl
{
	float:left;
	width:100px;
	margin-bottom:20px;
    text-align: center;
	
}
.obrl img, .rating, .obrl, .paticka .clanky_hlav a {
      padding:0;
    margin:0;
}
    */
.rating {
width:200px;}

.rating_hvezdy {
float:left;
width:45%;margin-top:1em;
line-height:1.6;
}

.rafting_podbarveni {
    background-color:#f9f9f9;
    padding: 1em;
    line-height: 1.6;
}
.rafting_text {
    padding-left:65px;
    margin: 1em 0;
}
.zobr-reky li
{
	float:left;
	margin-right:20px;
	
}
.zobr-reky
{
     display:inline-block;
     padding-left: 5px;
     width: 100%;
     margin: 0.3em;
}
.novinkytext .vlevo {
    color: #dc3545;
    width: 20%;
}
.rozdel {
    line-height: 200%;
    margin-left: 3em;
}
.obrr
{
float: right;
border:0;
}

.sez_nad, .sez_nad_t
{
	margin: 1em 0 0 0;
	padding: 0;
	font-weight:bold;
	font-size: 150%;
	display:block;
	color:#01416F;	
}
.sez_nad, .paticka_odkaz
{
	font-size: 90%;
}
#ctl00_ContentPlaceHolder1_Poll1
{
    border-color: #669BC3;
    border-style:solid;
    border-width: 1px;
}

.tab3 td {
    text-align: right;
border-width: 1px;

	border-style: inset;
}

.tab3 td:first-child {
    text-align: left;
border-width: 1px;

	border-style: inset;
}

.thumb img
{
	border:  1px solid red;
    margin-bottom: 0.3em;
}
.sez_popis_t, .sez_popis_t a
{
    margin-top: 1px;
    font-weight: bold;
    color: #01416F;
}
.sez_popis, .sez_adresa
{
	margin-top:1px;
	font-size: 95%;
}
.sez_adresa_t
{
	margin:0.5em 0 0 20px;


	color:#01416F;

	
}
.rekl_re {
    width: 96%;
    margin: 1em 0;
    padding: 1em;
    font-size: 100%;
    background-color: #FFFFD9;
    color: #00569d;
    font-weight: bold;

    line-height: 1.4;
}
.rekl_re .rekl_logo {
width: 100px;
float: left;
display: flex;
}
.rekl_re .rekl_logo a, .rekl_re .rekl_logo img {
margin:auto;
padding-right:0;
}
.ital {
    font-style: italic;
}
	
.rekl_nadp, .prvni_radek td
{
		font-size: 150%;
		font-weight:bold;
		margin-bottom: 1em;

}

.rekl_re img
{
	border:0;
	padding-right: 1em;
}
.sez_adr
{
  font-weight:bold;
}
 .nadpis h2
{
	margin:1em 0 0 0;
	padding: 0;
}
 .nadpis a
{
     text-align:center;
	display:block;
	padding-bottom: 1.5em;
}
 nadpis img
{
  margin-left: 1em;

}
.odsad, #kilometraze ul {
    padding-left: 1em;
}
.odsad2
{
	margin-left: 160px;
}
.odsad5
{
	margin-left: 115px;
}
.odsad3
{
	margin-left: 300px;
}
.clanek h2
{
 font-size:120%;
}
.tab {width:100%; word-break: normal;
}
#kilometraze .tab {
    border-width:1px;border-style:Solid;border-collapse:collapse;
}
.tab td {
    padding: 3px;
}
.tab2 td {
    padding: 5px;
}

.tab th {
    color:#01416F;
    background-color: #E6F4FF;
}
.tab .radek1, .tab .radek3 {
    
    background-color:#f9f9f9;
}
.tab .radek2, .tab .radek4 {
    
    background-color:#EEEEEE;
}
.tab .radek3, .tab .radek4  {
    text-align:right;
}
.sloupec_grafika {
   width: 30px;
  overflow:hidden;
  word-wrap:break-word;
  vertical-align: top;
}
.stav1 {
       background: #FFFFFF url('gif/kilo_pozadi_zw.gif') repeat-y 50% 0;
}
.stav2 {
       background: #FFFFFF url('gif/kilo_pozadi_ww1.gif') repeat-y 50% 0;
}
.stav3 {
       background: #FFFFFF url('gif/kilo_pozadi_ww3.gif') repeat-y 50% 0;
}
.stav0 {
       background: #FFFFFF url('gif/kilo_pozadi.gif') repeat-y 50% 0;
}

.box_sipka {
	position: relative;
margin-bottom: 1em;
}
.box_sipka:after, .box_sipka:before {
content: " ";
position: absolute;
left: -8px;
bottom: -8px;
border-top: 10px solid black;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-bottom: none;
}


.zw {
    border-left:solid 3px #00ff00;
}
.ww1 {
    /*background: #FFFFFF url('gif/kilo_pozadi_ww1.gif') repeat-y 50% 0;*/
    border-left:solid 3px #ffff00;
}
.ww2 {
    border-left:solid 3px #808000;
}
.ww3 {
    border-left:solid 3px #ff0000;
}
.ww4 {
    border-left:solid 3px #ff00ff;
}
.ww5 {
    border-left:solid 3px #d15356;
}
.sloupec_grafika img {
      margin-bottom: 1px;
}
.hledat li, .jezy {
    padding-bottom: 1em;
}
.jezy2 img {
    width: 100px;
}
.hledat em {
    color: #dc3545;
}
.hledat br {
    margin-bottom: 0.6em;
}
.odsad_obrr {
    margin: 2em;
    padding-right: 2em;
}
.vypnout_stred object, #ctl00_banner {
    margin-left: 5em;
}
#ctl00_ContentPlaceHolder1_Poll1
{
    border-color: #669BC3;
    border-style:solid;
    border-width: 1px;
    
}
.infoWindowContent {
          overflow-y: scroll;
overflow-x: hidden;
           max-height: 250px;
           width: 100%;
           } 
.infoWindow {
           overflow: auto;
           max-height: 250px;
           max-width: 320px;
           } 
.kdays2
{font-size:80%;}
.vyska
{
    height: 52px;
}
.bottom0, .odsad h2 {
        margin-bottom: 0;
        margin-top:0;
    }  
.vysvet td
{
   padding-left: 1em;
   width: 80px;
}
.vysvetBut
{
    float:right;
   margin: 20px 0 0 10px;
}

.kalen, .diskus
{
	border: solid 1px #01416F;
	margin: 1em 0;
	padding: 0 1em 0.5em 1em;
}

    .diskus .clanky_hlav span  {
        padding-right: 3em;
    }
.menuh
	{
font-size: 115%;
    font-weight: bold;
	font-family: arial, helvetica, sans-serif;
    width:99.8%;
	float:left;
	margin-bottom:2em;
background-color: #E6F4FF;
border: 1px solid #01416F;
	}

.menuh a
	{
	display:block;
	
	white-space:nowrap;
	margin:0;
	padding: 0.3em 0.7em 0.3em 0.7em;
	}
.firmymenu .menuh, .noborder {
    border: 0;
}
.firmymenu .menuh a {
    border: 1px solid #01416F;
    padding-right: 30px;
    background: #E6F4FF url('gif/odrazka_d.gif') no-repeat 97% 50%;
}

.googlewide{
display:inline-block;width:300px;height:250px;
}
.googleleader{
display:inline-block;width:728px;height:90px;
}
.menuh ul ul a
	{
    border: 1px solid #01416F;
    border-top: 0;
    padding-right: 2em;
	}	
.menuh a:link, .menuh a:visited, .menuh a:active	/* menu at rest */
	{
	color: #dc3545;
/*	background-color: #E6F4FF;		*/

	text-decoration:none;

	}
.menuh ul ul a:link, .menuh ul ul a:visited, .menuh ul ul a:active	/* menu at rest */
	{
	color: #dc3545;
    background-image:none;
	background-color: white;		
	text-decoration:none;
	}	
.menuh a:hover						/* menu on mouse-over  */
	{
	color: white;
	background-color: #0d65a4;	/* cornflowerblue */
	text-decoration:none;
	}
    .menuh ul ul a:hover {
        color: black;
	background-color: #E6F4FF;
    }
.menuh ul .obarvi  {
background-color: white;

}
.menuh ul .obarvi:hover						/* menu on mouse-over  */
	{
	color: #dc3545;
	background-color: #E6F4FF;	/* cornflowerblue */
	text-decoration:none;
	}
.menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;

	}

.menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */

	}

.menuh ul ul
	{
    font-size: 90%;
    font-weight:normal;
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}


div.menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div.menuh li:hover ul ul,
div.menuh li li:hover ul ul
{display:none;}

div.menuh li:hover ul,
div.menuh li li:hover ul
{display:block;}

 .tab img {
text-align:center;
margin:0; padding:0;
    }
 .hlaska
{
	font-weight:bold;
	color:Red;
	text-align:center;
	padding-top:2em;

}
.firmymenu ul {
    padding-left:7%;
}

.rafting_border {
    margin-right: 3px;
    border-right:solid 1px #dc3545;
}
    .rafting_border img {
        padding-right:0;
    }
.blankstar
{
background-image: url(gif/HVEZDA_empty.gif);
width: 16px;
height: 16px;
padding:0;
}

.waitingstar
{
background-image: url(gif/HVEZDA_half.gif);
width: 16px;
height: 16px;
padding:0;
}

.shiningstar
{
background-image: url(gif/HVEZDA_full.gif);
width: 16px;
height: 16px;
padding:0;

}
.hlas
{
float:right;
width: 20%;
}

 .clanky #mapa {
       max-width: 1298px;
margin-bottom: 7em;
    }
.tab_sj {
    border-collapse: collapse;
}
.tab_sj td {

    padding:0.4em;
        border:1px inset black;
}
.tab_sj th {
    font-weight:bold;
    background-color:#bfe6ff;
    padding:0.4em;
        border:1px inset black;
}
.tab_sj td:nth-child(2), #tbSjizdnost td:nth-last-child(6) { 
   text-align:right;
}
.tab_sj td:nth-child(5), #tbSjizdnost td:nth-last-child(3), #tbSjizdnost td:nth-last-child(1)  { 
   text-align:center;
}


/*Street view*/
 .modalBackground
        {
            background-color: Black;
            filter: alpha(opacity=40);
            opacity: 0.4;
        }
        .modalPopup
        {
            background-color: #FFFFFF;
            width: 80%;
            border: 1px solid #0e65a2;
        }
        .modalPopup .header
        {
            background-color: #E6F4FF;
            height: 80%;
            color: #01416F;
            line-height: 30px;
            text-align: center;
            font-weight: bold;
        }
        .modalPopup .body
        {
            min-height: 50px;
            line-height: 30px;
            text-align: center;
            padding-bottom: 5px;
            height: 80%;
        }
    
         #iFramePersonal {
             height: 80%;
             min-height: 500px;
         }
        .modalPopup .button
        {
            height: 23px;
            color: White;
            line-height: 23px;
            text-align: center;
            font-weight: bold;
            cursor: pointer;
            background-color: #9F9F9F;
            border: 1px solid #5C5C5C;
        }
        .modalPopup td
        {
            text-align: left;
        }

       .resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  /*  margin-top:2em;*/
}

       .resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 68.25%;
}

       .divtab {
    display: table; 
    padding-bottom: 1em;
}
.divtab > div { 
    display: table-row; 
}
.divtab > div > div { 
    display: table-cell;
    padding: 5px;
}
#l20let {
text-align: center;
font-weight: bold;
}
#l20let a {
color: #dc3545;
text-decoration: none;
}
#logo {
padding-top: 10px;
width: 150px;
}
 .odsad44 {
         margin-top:2em;
    }

/* Styl pro novou ikonku fotoaparátu v kilometráži */
.bi-camera-fill {
    cursor: pointer;
    transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
    vertical-align: middle;
    /* Tyto dva řádky ikonku zvednou: */
    position: relative;
    top: -5px; /* Zkuste -2px nebo -3px podle toho, co bude vypadat lépe */
}
    /* Efekt při najetí myší na ikonku */
    .bi-camera-fill:hover {
        transform: scale(1.2); /* Ikonka se lehce zvětší */
        color: #cc0000 !important; /* Změní se na vaši raftí červenou */
    }

/* Oprava pro GLightbox, aby se popisky (title) zobrazovaly hezky */
.gslide-description {
    background: rgba(0, 0, 0, 0.7) !important;
    color: #fff !important;
}

/* Použijeme přímo ID pro maximální prioritu */
/* Mikro verze menu řeky - maximální úspora místa */
#ctl00_ctl00_ContentPlaceHolder1_menu_reka,
#menu_reka,
.menu_reky_clean {
    clear: both !important;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 55px !important;
    background: #ffffff !important;
    z-index: 999 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    width: 100% !important;
    /* Vertikální padding snížen na minimum */
    padding: 4px 10px !important;
    margin-bottom: 15px !important;
    border-bottom: 1px solid #dee2e6 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
}

/* Položky menu */
.menu_reky_div_clean {
    display: block !important;
    /* Horizontální mezery mezi položkami mírně staženy */
    padding: 3px 0px !important;
    flex: 0 0 auto !important;
    position: relative;
}

    /* ZMENŠENÉ PÍSMO */
    .menu_reky_div_clean a {
        text-decoration: none;
        font-weight: bold;
        color: #0d6efd !important;
        font-size: 1rem !important; /* Sníženo z 0.85rem */
        white-space: nowrap !important;
        line-height: 1.2;
    }

/* Moderní CSS semaforky pro sjízdnost */
.stav-kruh {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%; /* Vytvoří dokonalý kruh */
    box-shadow: 0 2px 4px rgba(0,0,0,0.2); /* Jemný stín pro plastičtější vzhled */
    vertical-align: middle;
}

/* Stav 1: Zelená (Sjízdné / Dobré) */
.stav-1 {
    background-color: #198754;
    border: 1px solid #146c43;
}

/* Stav 2: Žlutá / Oranžová (Pozor / Zvýšený stav) */
.stav-2 {
    background-color: #ffc107;
    border: 1px solid #cc9a06;
}

/* Stav 3: Červená (Nesjízdné / Nebezpečí) - pokud používáte */
.stav-3 {
    background-color: #dc3545;
    border: 1px solid #b02a37;
}

/* Stav 0 nebo jiný: Šedá (Neznámý stav / Sucho) */
.stav-0, .stav- {
    background-color: #6c757d;
    border: 1px solid #565e64;
}
    /* AKTIVNÍ POLOŽKA */
    .menu_reky_div_clean.active a {
        color: #cc0000 !important;
    }

    .menu_reky_div_clean.active::after {
        content: "";
        position: absolute;
        bottom: -1px; /* Přisazeno těsně k dolní lince */
        left: 7px;
        right: 7px;
        height: 2px;
        background-color: #cc0000 !important;
        z-index: 10;
    }

.menu_reky_div_clean a:hover {
    color: #0a58ca !important;
    text-decoration: none !important;
}
.menu_reky_div_clean a:not(.fw-bold) {
    color: #00569d !important;
    font-weight: normal !important;
}

/* 2. Aktivní prvek menu (vynucení černé/tmavé) */
.menu_reky_div_clean a.fw-bold {
    color: #000000 !important;
}

/* 3. Zmenšení navigace (Home / Ceska republika) */
/* Musíme zacílit na breadcrumb i jeho vnitřní položky */
#kilometraze nav .breadcrumb {
    font-size: 0.9em !important; /* Opravdu malé písmo */
    background: transparent !important;
    padding: 0 !important;
    margin-bottom: 5px !important;
}

#kilometraze .breadcrumb-item,
#kilometraze .breadcrumb-item a {
    font-size: 0.9em !important;
     /* Šedá barva pro navigaci, aby netloukla do očí */
}

/* Moderní vzhled pro ASP.NET Pager */
.strankovani-raft a,
.strankovani-raft span,
.strankovani-raft b {
    display: inline-block !important;
    margin: 0 4px !important; /* Toto dělá tu mezeru mezi čísly */
    padding: 6px 14px !important;
    border-radius: 6px !important; /* Jemně zakulacené rohy */
    text-decoration: none !important;
    font-weight: bold !important;
    font-size: 0.9rem !important;
    /* Barvy pro neaktivní čísla a šipky */
    color: #00569d !important;
    background-color: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
    transition: all 0.2s ease-in-out;
}
    /* Skrytí hranatých závorek, které pager natvrdo generuje */
    .strankovani-raft span[id$="_OpenPar"],
    .strankovani-raft span[id$="_ClosePar"] {
        display: none !important;
    }
    /* Hover efekt při najetí myší na odkaz */
    .strankovani-raft a:hover {
        background-color: #f8f9fa !important;
        color: #cc0000 !important; /* Zčervená podle vašeho stylu */
        border-color: #c6c7ce !important;
    }

/* Aktivní aktuální stránka (bývá renderována jako span nebo b bez odkazu) */
.strankovani-raft span,
.strankovani-raft b {
    background-color: #00569d !important;
    color: #ffffff !important;
    border-color: #00569d !important;
    cursor: default;
}

/* --- EFEKT PRO MALÉ LOGO V MENU --- */
/* --- EFEKT PRO MALÉ LOGO V MENU (Plynulá verze bez cukání) --- */

/* 1. Výchozí stav: Logo v liště je, ale zabírá 0 pixelů a je průhledné */
#sticky-logo {
    display: inline-block !important; /* Je v dokumentu neustále */
    max-width: 0; /* Klíčové: nezabírá žádné místo na šířku */
    opacity: 0; /* Je neviditelné */
    overflow: hidden; /* Zabrání tomu, aby obrázek přetékal, když je max-width 0 */
    padding: 0 !important;
    margin-right: 0 !important; /* Žádná mezera, dokud není vidět */
    transform: translateX(-15px); /* Připraveno na odjetí doleva */
    transition: all 0.3s ease-in-out; /* Plynulá animace pro VŠE (šířku, posun i průhlednost) */
    vertical-align: middle;
}

    #sticky-logo img {
        height: 22px !important;
        width: auto !important;
    }

/* 2. Stav po odrolování (Třída se přidá JavaScriptem) */
.navbar.scrolled #sticky-logo {
    max-width: 100px; /* Plynule se roztáhne (musí být o trochu víc než šířka samotného loga) */
    opacity: 1; /* Plynule se zviditelní */
    margin-right: 5px !important; /* Udělá si drobnou mezeru od textu */
    transform: translateX(0); /* Dojede na své místo */
}


/* --- SMRSKNUTÍ MENU PO ODROLOVÁNÍ (aby se tam vešlo logo) --- */

@media (min-width: 1200px) { /* Platí pro počítače, kde je menu rozbalené */

    /* Plynulý přechod pro všechny odkazy v menu */
    .navbar .nav-link {
        transition: all 0.3s ease-in-out;
    }

  /* --- SMRSKNUTÍ MENU PO ODROLOVÁNÍ --- */

@media (min-width: 1200px) {

    /* Vynucení dokonalého vycentrování celé řady odkazů */
    .navbar .navbar-nav {
        align-items: center !important;
    }

    .navbar .nav-link {
        transition: all 0.3s ease-in-out;
    }

    /* Zmenšené menu - oprava výšky tučného textu */
    .navbar.scrolled .nav-link {
        padding-left: 8px !important;
        padding-right: 8px !important;
        padding-top: 5px !important; /* Jasně definovaná výška nahoře */
        padding-bottom: 5px !important; /* Jasně definovaná výška dole */
        font-size: 14.5px !important;
        line-height: 1.2 !important; /* KLÍČOVÉ: sjednotí výšku tučného i normálního textu */
        display: flex !important;
        align-items: center !important; /* Zamkne text přesně na střed */
    }

    .navbar.scrolled #sticky-logo {
        margin-right: 5px !important;
    }
}

    /* Ještě víc minimalizujeme prostor, který zabírá samotné logo */
    .navbar.scrolled #sticky-logo {
        margin-right: 5px !important;
    }
}
/* OPRAVY PRO MOBILNÍ ZOBRAZENÍ (šířka do 767px) */
/* --- OPRAVY PRO MOBILNÍ ZOBRAZENÍ (šířka do 767px) --- */
@media (max-width: 767px) {

    .navbar.scrolled #sticky-logo {
        margin-right: auto !important; /* Na mobilu ho odtlačíme od pravého kraje */
    }

    #sticky-logo img {
        height: 20px !important;
    }

    /* 1. HLAVNÍ KONTEJNER (Vymazáno overflow-x: hidden, které rozbíjelo přichytávání!) */
    #main2.container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100vw !important;
    }

    #ctl00_ctl00_levysloupec.row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* 2. ZMENŠENÍ NAVIGACE (Home / Česká republika) */
    #kilometraze nav .breadcrumb {
        font-size: 11px !important;
        background: transparent !important;
        padding: 0 !important;
        margin-bottom: 5px !important;
    }

    #kilometraze .breadcrumb-item,
    #kilometraze .breadcrumb-item a {
        font-size: 11px !important;
        color: #6c757d !important;
    }

    /* 3. MENU ŘEKY (PŘICHYCENÍ A BARVY) */
    .menu_reky_clean {
        clear: both !important;
        display: flex !important;
        flex-wrap: wrap !important; /* Dovolí záložkám přesun na nový řádek */
        gap: 3px !important;
        margin-top: 10px !important;
        padding: 5px 0 !important;
        width: 100% !important;
        /* Znovuoživení přichycení */
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 60px !important; /* Modrá hlavička webu má na mobilu cca 60px, menu se zastaví přesně pod ní */
        z-index: 1020 !important; /* Zajistí, že bude nad vším ostatním obsahem */
        background: #fff !important; /* Aby přes něj neprosvítal rolovaný text */
    }

    .menu_reky_div_clean a:not(.fw-bold) {
        color: #00569d !important; /* Modrá pro neaktivní */
        font-weight: normal !important;
    }

    .menu_reky_div_clean a.fw-bold {
        color: #000000 !important; /* Černá pro aktivní */
    }

    .menu_reky_div_clean a {
        padding: 6px 10px !important;
        font-size: 13px !important;
        border: 1px solid #dee2e6 !important;
        border-radius: 4px;
        background: #f8f9fa !important;
    }
    /* 1. Odstranění stínů a zakulacených rohů, aby tabulka mohla jít až ke kraji obrazovky */
    #obal_tabulky {
        border-radius: 0 !important;
        box-shadow: none !important;
        border-left: none !important;
        border-right: none !important;
        margin-bottom: 20px !important;
    }

    #tbSjizdnost {
        border-left: none;
        border-right: none;
    }

    /* 2. Zmenšení základního písma v celé tabulce */
    #tbSjizdnost {
        font-size: 12px !important;
    }

        /* 3. Drastické zmenšení vnitřních mezer (paddingu), aby se toho na displej vešlo víc */
        #tbSjizdnost th,
        #tbSjizdnost td {
            padding: 6px 3px !important;
        }

        /* 4. Přebití třídy fs-5 (která je na mobilu zbytečně obří - vodočty) */
        #tbSjizdnost .fs-5 {
            font-size: 14px !important;
        }

        /* 5. Ještě menší doplňkové texty (názvy vodočtů, jednotky) */
        #tbSjizdnost .small,
        #tbSjizdnost small {
            font-size: 10px !important;
            line-height: 1.1 !important;
        }
}

 /*
@media screen and (min-width: 500px) and (max-width: 700px) {

	#main2 {width: 500px; line-height: 1.2}

    #pravy, .hlavni_pruh,.clanky_druhysl,#Vyber_sj, .clanky_mapa, .levysloupec, #dolni, #hlavicka, .menu, .paticka, .main {float:none; width: 100%; line-height: 1.2
    }
    .clanky img {
         max-width: 490px;
         margin-right: 1em;
    }
    #hlavicka {
        background-size: auto 108px;
         background-image: url('gif/pozadi2a.jpg');
    }
    .hlas2 div span img, .hlas span img {
        margin-right: 0;
    }
    #map {
      
        height:250px;
    }
    #adm-sticky {
        display:contents;
    }
    .hlas2 div span img {
        margin-top: 1em;
    }
  
     .tab img {
margin:0;     }
    .vypnout_stred, .vypnout,.cara, #l20let { display:none;
    }
  
    .odsad3 {
        margin-left: 0;
        
    }
    .menuh a {
        margin-bottom: 0.2em;
    }   
    .menuh ul ul a {
        margin-bottom: 0;
    }
    .tab {
font-size: 85%;
    }
   .info ul {
        line-height: 100%;
    }
        .tab td {
            padding:0;
        }
        .rafting_text {
    padding-left:0;
}
    #kilometraze img {
        padding-right: 0;
 margin-right: 0;
    }
          }


@media screen and (max-width: 499px)  {

	#main2 {width: 100%; line-height: 1.5em;font-size:18px;}
    h1, h2, h3 {
        line-height: 1.1em;
        font-size:120%;
    } 
    #pravy, .hlavni_pruh,.clanky_druhysl,#Vyber_sj, .clanky_mapa, .levysloupec, #dolni, #hlavicka, .menu, .paticka, .main {
        float:none; width: 100%; line-height: 1.5em;
        
    }
    #adm-sticky {
        display: contents;
    }
  #slovo {
        width:70%;
    }
    #slovo, #ok {
        margin-left:0;
    }
    #logo {
        margin-top: 0.3em;
        width: 120px;
    }
    .rekl_re .rekl_logo img {
        width: 50px;
    }
        .rekl_re {
        width: auto;
    }
        .kontext2 {
        width: 40%;
        margin-top: 0.5em;
    }
    .menu_reky {
        font-size: 65%;
    }
    #hlavicka {
        background-size: auto 108px;
        background-image: url('gif/pozadi2a.jpg');
    }
     .rafting_text, ul {
    padding-left:0;
}
     .hlas2 div span img, .hlas span img {
        margin-right: 0;
        width:10px;
         height:10px;
    }
      #map {
        width: 380px;
        height:200px;
    }
      .clanky {
    padding-left: 0.5em;
    padding-right: 0.5em;
}
    .clanky img, ifame {
         max-width: 280px;
         padding-right: 1em;
    }
        .clankyuvod img {
         max-width: 100px;
    }
    .clankyuvod .bottom_clanek{
        clear:both;
    }
    .clankyprvni {
    font-size:100%;
}
    .clanky table img {
        max-width: 330px;
    }
   
         .vlevo span, .kontext, #profil, #dolni,.vypnout,#Vyber_sj, .vypnout_stred,  .cara, .menuh ul ul a, #l20let,.boxsj2 { display:none;
    }
          .odsad3,  .firmymenu ul {
        margin-left: 0;
        padding-left:0;
    }
    .odsad2 {
        margin-left: 0px;
       
        line-height: 1.4em;
    }
    .odsad3 {
            padding-top: 0.2em;
    clear: left;

    }
   
    .menuh a {
        margin-bottom: 0.2em;
    }
    .menuh { border:0; width:100%; font-size: 100%;
    }  
    
  .menu div {
    padding: 0;

line-height: 110%;
}
    .nahoru td {
        vertical-align: top;
    }

  .diskus .clanky_hlav span  {
        padding-right: 0.5em;
    }
  #kilometraze img {
        padding-right: 0;
 margin-right: 0;
    }
  #kilometraze iframe, .clanek iframe {
    margin-top:1em;
    width:100%;
   height:calc(100vw * 0.48);
   border:0;
}
    #kilometraze .tab {
        margin-left: -1em;
    }
  .tab {
font-size: 65%;
word-wrap:break-word;
    }
.novinky {
font-size: 100%;

    }
    .info, .re_kon {
        font-size: 80%;
    }
        .re_kon p {
        font-weight:  normal;
    }
    .info ul {
        line-height: 1.5em;
    }
        .tab td {
            padding:0;
        }
        .tab img {
margin:0;     }
     
}

     */