/* --- ----------------------------------------------------------------------------- Styly pro SEKCE v hlavní části stránky, tj od vodoznaku na konec --- */
.section_tabulky {
    display: flex; /* Uděláme z ní flex kontejner */
    flex-direction: row; /* Její děti (text a mapa) půjdou vedle sebe */
    flex-wrap: nowrap; /* TOTO JE KLÍČOVÉ: ZABRÁNÍ ZALOMENÍ NA PC */
    justify-content: flex-start;
    /* Změňte tuto řádku: */
    align-items: stretch; /* KLÍČOVÉ: Zajistí, že se flex položky (text a obrázek) roztáhnou na stejnou výšku */
    /* Původně bylo align-items: flex-start;, což bránilo roztahování. */
    width: 100%; /* Zajistí, že zabere celou dostupnou šířku uvnitř main */
    margin-left: 0px; /* Odsazení pro blok, aby začal až za obrázkem ladderu */
    gap: 20px;      /* Vytvoří 20px mezeru mezi flex položkami */
}

/* --- ----------------------------------------------------------------------------- Styly pro tabulky --- */

.leve_menu {
background-color: lightgrey;
padding: 10px 20px; /* Odsazení zleva a zprava */
}

/* Styly - LIMASOFT - tabulky*/

table   {table-layout: fixed;font-size: 8pt;font-family: arial;border-collapse: separate;width: 100%;border-color: Black;   empty-cells: show;border-spacing: 0px;}
tr      {vertical-align: top;}
td      {border-color: Black; padding: 4px;}
img     {padding-bottom: 0px;}
h1      {font-size: 12pt;font-family: arial;font-weight: bold;padding-bottom: 20px;}
h2      {color: Red;font-size: 16px;font-style: italic;font-family: Arial;font-weight: bold;}
h3      {font-size: 16px;font-style: italic;font-family: Arial;font-weight: bold; text-align:right; margin-right: 10px;}
h4, dt  {font-size: 8pt;font-family: arial;font-weight: bold;margin-bottom: 4px;}
hr      {height: 1px; color: black; background-color: black; border: 0px solid black;}
ul      {list-style-position: inside;}



/* různé šířky a zarovnání sloupců*/    
#a      {position: absolute; top: 15px; right:20px}
#sl_1   {width:130px;vertical-align:top}
#sl_2a  {width:40px;vertical-align:top; text-align:right}
#sl_3   {width:230px;vertical-align:top;text-align:right}
#sl_3w  {width:270px;vertical-align:top;text-align:right}
#sl_3_  {vertical-align:top;text-align:right}
#sl_4   {width:132px;vertical-align:top}
#sl_4w  {width:150px;vertical-align:top}
#sl_y3  {width:130px;vertical-align:top}
#sl_y3w {width:250px;vertical-align:top}
#sl_y4  {width:100px;vertical-align:top}
#sl_y4n {width:60px;vertical-align:top}
#sl_y4w {width:220px;vertical-align:top}
#sl_y5  {width:80px;vertical-align:top}
#sl_y6  {width:60px;vertical-align:top}

#robot_vpravo   {position: relative;left:150px}
#barva  {background-color:#3cafff}
#pozn   {font-style: italic; font-family:arial; font-size:11px; color: Black}
/* obrázky v øadì jako odkazy*/
div.rada_obr { float: left; width: 120px; height: 180px; margin: 1em; text-align: center; font-size: 0.8em;}
/* zarovnání a barvy */
.left   {text-align:left}
.right  {text-align:right}
.red      {color: Red;}
.blue     {color: Blue;}
.gray   {color: Gray;}
.leve       {font-size: 10pt;font-family: arial;font-weight: bold;margin-bottom: 4px;}
/* vynechání rámečku*/

#dolni  {border-top: none;}
#levy_horni  {border-right: none; border-bottom: none;}
#pravy_horni  {border-left: none; border-bottom: none;}
/*border-collapse: collapse;border-spacing: 0px;    border: 1px;*/