/*#2973B8/*RAL 5012*/
/*  Z barev zachováno jen to, co se má projevit i při tisku (nebo co se nemění) - tzn hlavně black border u nadpisu + nohy pod nadpisem, apod. 
    Možno později přepsat stylem barev, když budou do xhtml vloženy později. Přitom by ale i taková definice měla být v barvách, aby nebyla přepsána něčím výše umístěným (k přepisu určeným) ze souboru barev.
    Barvy musí být načteny do xhtml později i proto, že tady v rozložení jsou použity sdružené definice (barvy resetující). 
*/ 

body                  { font-family:        verdana, sans-serif;
                        font-size:          0.8em;
                        overflow-y:         scroll;
                      }
#main #uvod,
#main #opravdu_unikatni_obsah 
                      { font-family:        serif; 
                        font-size:          1.25em;
                      }
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main #viztetez, #main .rkljazyksluz 
                      { font-family:        verdana, sans-serif; 
                      }                      

a                     { }
  a:hover, a:focus, a:active
                      { 
                      }
  a img               { border:             none;}                      
    a:hover img, a:focus img          
                      { filter:             saturate(160%) contrast(110%) brightness(102%);
                      }               

table                 { border-spacing:     0;}

.clear, .konecobtekani-ffbug /*bug uz zrejme odstranen*/
                      { clear:              both;
                      }
.jenomclear  
                      { clear:both; font-size:1px; margin:0; height:0;}
  
.uppercase
                      { text-transform: uppercase;}
  
.skryt
                      { display: none;}    
.hint, abbr 
                      { cursor: help;
                        border-bottom: 1px dotted black;
                      }
.stroke-out:not(:hover)           { text-decoration:    line-through;}                      

.rotate270            { transform:          rotate(270deg);}

#main ul>li, #main ol>li
                      { margin-bottom:      0.3em;}

ul.limargin>li, ol.limargin>li,
#main ul.limargin>li, #main ol.limargin>li
                      { margin-bottom:      0.7em;}

dd                    { margin-top:         0.45em;
                        margin-bottom:      1.9em;
                      }

/*****Konkrétní*****/

#obalvseho
                      { max-width:          80em;
                        margin:             0 auto; 
                        /*border:             4px solid #2973B8/*RAL 5012*/; 
                      }                      
/*****Hlavička*****/

#hlavicka         
                      { 
                        position:           relative; /*kvůli vyhledávání, aby se absolutem mohlo zarovnat na spodek (a doprava v rámci mezí)*/
                      }
  #h0isnohama
                      { float:              left;
                        padding:            0.25em 0 0 0;
                        margin:             1em 0 0 1em;
                        width:              60em;
                        max-width:          90%;                                                                               
                      }
  #h0
                      {                                         
                        border:             4px solid black;                              
                        outline:            2px solid white;                                                                        
                        font-size:          2.4em;
                        text-align:         center;
                        letter-spacing:     0.1em;
                      }
    #h0 h1            { font-size:          1em; 
                        margin:             0;
                        min-height:         81px;
                        padding:            0.2em;
                      }
    #h0 a             { min-height:         81px;
                        padding:            0.2em;
                        display:            block;
                        text-decoration:    none;                       
                      }
                      
      #h0 img         { float:              left;
                        margin-right:       0.5em;
                        font-size:          0.3em; 
                      }
      .h0en
                      { /*font-size:          0.88em;  /*v zahraničních názvech se navíc uvádí ČR a pak je to moc vysoké; a hlvaně už samotnej název vychází jinak*/
                      }
      .h0pl
                      { /*font-size:          0.78em;  /*v zahraničních názvech se navíc uvádí ČR a pak je to moc vysoké*/
                      }                      
      .h0ru
                      { /*font-size:          0.68em;  /*v zahraničních názvech se navíc uvádí ČR a pak je to moc vysoké*/
                      }                      
    #h0podtitul       { 
                        font-size:          0.5em;
                        display:            block;  /*vetsinou to je v odkazu, takze nemozno pouzit rovnou div*/
                        margin:             1.4em 0.5em 0 0;
                        text-align:         right;
                        letter-spacing:     0em;                                      
                      }
      .h0ru #h0podtitul
                      { 
                        margin:             0.4em 0.5em 0 0;
                      }
                      
    #h0nohy           { 
                        height:             3em;
                        border-left:        8px solid #505060;
                        border-right:       8px solid #505060;
                        margin:             0 0.8em;
                        text-align:         right;              
                      }                          
      #h0nohy span.dodatkovatabulkaskok    
                      { background:         #a0a0a0;  
                        padding:            0.05em;
                        margin:             0.1em 0;
                        display:            inline-block;
                      }                          
      @media (min-width: 50.01em) and (max-width: 65.49em) /*tablet - social je castecne nad mainem*/
      { 
        #h0nohy       { height:             auto; /*zruseni nepotrebnych nohou (zachovani moznosti dodatkove tabulky na podstrankach), abyse nohy nevznasely ve vzduchu*/
                        padding-bottom:     0.5em;
                        border:             none;
                      }      
      }/*konec media tablet*/

  #stropvyhledu
                      { max-width:          80em;
                        margin:             0 auto;  
                      }                      
    #social           { 
                        /*background:         black url('/obrazky/rozlozeni/social/cb.jpg') left top no-repeat; je v barvách*/
                        width:              230px;
                        max-width:          100% !important;
                        /*min-*/height:         94px /*79px/*108px/*81*/; /*Ani uprava min-height na tvrdy height tady nedonutila IE ve WM zobrazit CB cele, ale aspon uz jsou viditelne ty vnitrni odkazy; A vzhledem k absolutnimu pozicovani veskereho vnitrniho obsahu, a to v px, tu vyjimecne muze tvrda vyska byt*/
                        margin:             0 0 0 0;
                        float:              right;
                        border-bottom:      4px solid black;
                        border-left:        4px solid black;
                        /*height:             94px;/*Pro vynuceni vysky, protoze IE ve WM6 min-height podrizeneho relativniho divu ignoruje a absolutne umistene odkazy pak nejsou videt - ale nepomaha to*/
                        border-radius:      0 0 0 1.5em; 
                      }
      @media (min-width: 50.01em) and (max-width: 65.49em) /*tablet - social je castecne nad mainem*/
      { #social       { border-top:         4px solid black;
                        border-top-left-radius: 1.5em;
                        margin:             0.2em 0;     
                      }
      }/*konec media tablet*/
      
      
      #social>div     { /*netreba od zavedeni vnitrniho absolute: /* pred pridanim linkedinu, jen pro fb a eml: 48px 30px 5px 85px;*//*jeste driv: 36px 30px 5px 126px;*/
                        position:           relative;     /*pro vnoreny absolute*/
                        width:              100%;         /*aby bylo videt hover ztmaveni, kdyz jsou uvnitr jen absolutni prvky*/ 
                        min-height:         94px; 
                      }  
      #social div .minheight   
                      { /*height:             94px; /*Pro vynuceni minheight nadrazeneho divu, protoze IE ve WM6 min-height ignoruje a absolutne umistene odkazy pak nejsou videt  - ale nepomaha to */
                        /*width:              1px;*/ 
                      }  
                      
        #social a     { /*color:              white;*/
                        position:           absolute;
                        border-radius:      40%;
                        padding:            6px;
                      }
          #social a:focus, #social a:active
                      { /*background-color:   white;*/
                      }                      
          #sociallinkedin
                      { top:                49px /*55px*/;
                        left:               13px /*19px*/;
                      }                          
          #socialfb   { top:                43px /*49px*/;
                        left:               86px /*92px*/;
                      } 
          #socialeml  { top:                46px /*52px*/;
                        left:               117px /*123*/;
                      }                  
          #socialgplus
                      { top:                5px /*14*/;
                        left:               197px /*202*/;
                      }
          #socialtwitter
                      { top:                73px /*79px*/;
                        left:               209px /*215px*/;
                      }                  
                      
  #vyhledavani        { padding:            0 35px 0 40px;
                        min-height:         50px;
                        /*background:         url('/obrazky/rozlozeni/vyhledavani.png') center bottom no-repeat;*/
                        float:              right;
                        width:              13em;
                        /*position:           absolute; //presunuto do zobrazeni pro dostatecne vysoke okno
                        bottom:             0;
                        right:              0;*/
                        margin-top:         0.5em;  /* pro ruzna alternativni zobrazeni pri uzsim nebo nizsim okne - aby se nohy trochu priblizily travniku + aby hledani nebylo nalepeny na CB*/                         
                      }
    @media (min-width: 50.01em) and (max-width: 65.49em) /*tablet - social je castecne nad mainem a vyhledavani je vlevo od nej -   !: zde maxwidth v media nizsi nez u socialu, pac u socialu zbytecne pouziti nevadi, zde by vadilo, tak je to tesneji*/
    { #vyhledavani  { 
                      margin:               5em 1em 0 0;     
                    }
    }/*konec media tablet*/
    #vyhledavani h2   { width:              0;
                        height:             0;
                        font-size:          0em;
                        overflow:           hidden;
                        margin:             0;
                      }    
    #vyhledavani form, #vyhledavani form * 
                      { margin:             0;
                        padding:            0; 
                        position:           static; 
                        float:              none;                        
                      }    
    #vyhledavani form div
                      { border:             1px dashed;
                        padding:            0 0 0.5em 0.5em;
                      }    
    #vyhledavani label
                      { font-weight:        bold; 
                        display:            block;
                      }
    #vyhledavani input
                      { border:             none;
                        border-bottom:      1px dashed;
                        max-width:          11em; /*Pro Hrome od cca 10/2014 - najednou ve vsem googlim nakynuly inputy*/
                      }        
      #vyhledavani input:hover, #vyhledavani input:focus, #vyhledavani input:active,
      #vyhledavani:hover input  /* Aby se krysoužívačům vyhledávací pole zvýraznilo už při najetí na postavičky, a ne až přímo při najetí na input. A poznámka pro otrapy, co v diskuzích pomlouvají cizí kód, kterému nerozumějí: o řádek výše je hover pro input proto, že hover pro div nefunguje ve všech prohlížečích, je to jen bonus navíc. A teď běžte nepodloženě pomlouvat jiný web, můj nechte na pokoji. */
                      { 
                        position:           relative;
                        z-index:            2;
                      }
    #vyhledavani .submit
                      { display:            none;
                      }    
                      
                      
/*****Levý sloupec*****/  
  
#levysloupec          { float:              left; 
                        padding:            0.5em; 
                        width:              18em; 
                      }
  #levysloupec:hover  {   
                      }                      
    @media (min-width: 50.01em) and (max-width: 65.49em) /*tablet - social je castecne nad mainem a vyhledavani je vlevo od nej -   !: zde maxwidth v media nizsi nez u socialu, pac u socialu zbytecne pouziti nevadi, zde by vadilo, tak je to tesneji*/
    { #levysloupec  { position:             relative;     
                      /* !!! V nejsirsim zobrazeni ma relative cely obal, ne levysloupec, protoze tam se s jazykama jede i doprava, a do sloupce by se nevesla nemcina !!! Tzn. tam se jazyky pozicuji vuci obalu, ne vuci sloupci !!! */
                    }
    }/*konec media tablet*/


#jazyky div           { float:              left;
                        margin:             0.3em 0.2em 0.2em 0;
                        border-left:        2px solid;
                      }
  #jazyky div a       { display:            block;
                        min-height:         3.25em;
                        vertical-align:     top;
                        text-align:         center;
                        line-height:        1em;
                        border-radius:      0 0 0.75em 0;
                      }
    #jazyky div a:link, #jazyky div a:visited
                      { text-decoration:    none;}                                                                 
    #jazyky div a:hover, #jazyky div a:focus, #jazyky div a:active
                      { text-decoration:    underline;}
    #jazyky div a.aktivni
                      { 
                        text-decoration:    none;
                      }                      
      #jazyky div a img
                      { }                                                                 
    @media (min-width: 50.01em) and (max-width: 65.49em) /*tablet - social je castecne nad mainem a vyhledavani je vlevo od nej -   !: zde maxwidth v media nizsi nez u socialu, pac u socialu zbytecne pouziti nevadi, zde by vadilo, tak je to tesneji*/
    { #jazyky       { 
                      position:             absolute;
                      top:                  -3.5em;
                      /* !!! V nejsirsim zobrazeni ma relative cely obal, ne levysloupec, protoze tam se s jazykama jede i doprava, a do sloupce by se nevesla nemcina !!! Tzn. tam se jazyky pozicuji vuci obalu, ne vuci sloupci !!! */     
                    }
    }/*konec media tablet*/
  
  #cticoumis          { background:         rgba(0,0,0,0.7);
                        font-size:          0.8em;
                        padding:            0.2em;
                      }

#preskocitmenu        { }

  #preskocitmenu a,
  #preskocitmenu-pravysloupec a,
  #preskocitmenu-pata a    
                      { display:            block;
                        font-size:          0;
                        height:             1px; /*9px;*/
                        width:              1px; /*11px;*/     /*Aby se to nechytlo myši, která jede shora na menu - pak menu uskočí dolů a je z toho úklik*/
                      }                                            

  #preskocitmenu a img:not(:focus-within),
  #preskocitmenu-pravysloupec a img:not(:focus-within),
  #preskocitmenu-pata a img:not(:focus-within)    
                      { display:            none;
                      }                      
                      
  /*#preskocitmenu a:hover,*/ #preskocitmenu a:active, #preskocitmenu a:focus,
  /*#preskocitmenu-pravysloupec a:hover,*/ #preskocitmenu-pravysloupec a:active, #preskocitmenu-pravysloupec a:focus,
  /*#preskocitmenu-pata a:hover,*/ #preskocitmenu-pata a:active, #preskocitmenu-pata a:focus
                      { 
                        font-size:          1.3em;
                        height:             auto;
                        width:              100%;     /*kompenzace toho, že standardně je to zúžený*/
                      }                       
  #preskocitmenu a .sipka-utf
                      { 
                        display:            inline-block;
                        padding-bottom:     8px;                        
                        /*min-height:          1.3em;*/
                      }  
  /*#preskocitmenu a:hover , #preskocitmenu a:active, */#preskocitmenu a:focus .sipka-utf
                      { 
                        font-size:          4em;
                      }
                                                                  
#hlavninadmenu        { 
                        margin:             0.8em 0 0 0;
                        border:             2px solid;
                      }
  #hlavninadmenu a    { display:            block;
                        padding:            0.1em;  
                        text-align:         center;
                        text-decoration:    none; 
                      }
#menu, #menu ul       { list-style-type:    none;
                        padding:            1px 0 1px 0;
                        margin:             0;
                        
                      }

  ul#menu ul          { padding-left:       1em;
                      }
  ul#menu>li>ul       { padding-left:       0.3em;
                      }

  #menu li            { border-left:        1px solid; /*03/2014*/ }
  #menu>li            { margin:             0.5em 0.4em 1.2em; /*puvodne pri mene hlavnich sekci bylo nahore 0.5em a dole 1.2em; nezhustovat, pak vadi bordery */
                        padding:            2px;
                        border-left:        none; /*03/2014*/
                      }
  #menu>li.aktivni    { 
                      }
  #menu>li.menu_odsadit
                      { margin-top:         3em; 
                      }

    #menu a           { display:            block;
                        padding:            0.1em 0.4em;
                        text-decoration:    none;
                      }
    #menu>li>a        { padding:            0.4em;
                        border:             2px solid;
                        font-size:          1.3em;
                      }

      #menu a:hover, #menu a:focus, #menu a:active
                      { 
                      }                  
    #menu a.aktivni   {              
                      } 



    #menu ul li       { padding:            0.35em 0 0.4em; 
                      }
                   
    #menunohy         { 
                        height:             8em;
                        border-left:        8px solid;
                        border-right:       8px solid;
                        margin:             0 1em 0.1em 1em;
                        /*text-align:         right;*/
                        font-size:          0.8em;              
                      }                          
      #menunohy span.dodatkovatabulkaskok  
                      {   
                        padding:            0.05em 0.05em 0.3em 0.05em;
                        margin:             0;
                        display:            block;
                      }
                                 


    #jslinkzobrazitmenu
                      { display:            block;
                        margin:             0.8em 0 ;
                        border:             2px solid;
                        padding:            0.1em;
                        
                      }    

    #jslinkzobrazitmenu a
                      {  
                        display:            block;
                        text-align:         center;
                        text-decoration:    none;
                        font-size:          2em;
                      } 

                         
/*****Hlavní sloupec*****/



#main                 { /*margin-left:        20em;  /*levysloupec+3 ; -1 padding*/
                        padding:            0 0.25em 1em 0.25em;
                        float:              left;
                        width:              40em;
                        max-width:          99% !important; 
                      }
  #main:hover       
                      { 
                      }
  
#main a               { }
  #main a:visited     { }
  #main a:hover, #main a:focus, #main a:active, 
  #main a:hover *, #main a:focus *, #main a:active * /* kvůli vnořenému strongu a dalším*/
                      { 
                      }
/*#main strong          { color:              yellow;}*/

#main h1              { 
                        border:             4px solid black;
                        outline:            3px solid white;
                        margin:             2px 0 0 0px;  /*2px pro outline, zbytek fakt margin; ale hloavnisloupec ma padding, do kteryho se tady hodi zajet, takze tu bylo 0; jenze pak jsem dal hlavicce position relative kvuli hledani a asi i CB, a tim zacal kus tady mizet, takze zase musi byt nahore 2px padding aby znacce nahore nechybel bily rantl*/
                        padding:            0.2em;
                        font-size:          2em;
                        text-align:         center; /*po zavedeni vkladani obrazku se mozna nehodi, mozna zakomentovat*/
                        letter-spacing:     0.05em;
                      }
  #main h1 img        { float:              left;}                                             
  #main h1 span       { font-size:          0.80em;} /*Podtitul*/


#drobecky             { /*margin:             0 .6em;*/
                        padding:            1em 0.5em 0 0.5em;
                        border-left:        8px solid #505060;/*nohy nutne i pro tisk*/
                        border-right:       8px solid #505060;/*nohy nutne i pro tisk*/
                      }
  .drobecky-jednacelacesta
                      { padding:            0 0 0.5em 0;}


#index                { /*margin:             1em 0.5em 0 1.5em; /*0.5em je šířka nohy h1; a vlevo kousek náznak protisměru - varianta křižovatka s jízdními pruhy těsně na sobě*/
                        /*border-left:        6px double;  - varianta křižovatka s jízdními pruhy těsně na sobě */
                        margin:             0em 0.4em; /*0.5em je šířka nohy h1, ale ta nezasahuje až ke kraji, takže v silnici zabírá víc; ale pak má svůj margin i parkovací/startovní pole*/
                      }
                      
  #index h2           { margin:             0;}
  #index h3           { margin:             0.4em 0 0.3em 0;}  
  
  .index2             { float:              left;
                        width:              18em;
                        max-width:          98% !important;
                        border-top:         2px solid;
                        border-right:       2px solid;
                        /*border-left:        2px solid;*/
                        margin:             1.5em 0.4em;
                        /*margin:             0 0 1em -2px /*splynutí levého a pravého marginu do jednoho - zajištění výšky dělící čáry podle vyššího z jízdníxh pruhů  - varianta křižovatka s jízdními pruhy těsně na sobě */;
                        /*padding:            0.3em 0 0.3em 0.3em; před zavedením vnitřního index2a, když to vypadalo trochu jako startovní pole*/
                        padding:            0;  
                      }    
    .index2a          { 
                        border-left:        2px solid;
                        border-bottom:      2px solid;
                        padding:            0.3em 0 0.3em 0.3em;    
                      }
    .index2a ul       { 
                        padding-left:       1em;    
                      }

    
    .index3           { margin:             0.5em 0 0 2em;
                        padding:            0.25em 0.1em 0.35em 0.25em;
                        /*border-top:         2px solid;    před zavedením vnitřního index2a, když to vypadalo trochu jako startovní pole*/
                        border-bottom:      2px solid;
                      }

  #index a            { display:            block;
                        text-decoration:    none;
                      }
    #index .okoloindexu4   
                      { font-size:          0.85em; 
                        padding:            0.2em 0.4em 0 0.4em;
                      }
    #index a.index4   { /*display:            inline;   /*Musi byt uvedeno i to "#index", protože jinak by dřívější definice pro id měla vyšší prioritu*/ 
                        /*text-decoration:    underline;*/
                        /*margin-left:        0.4em;*/
                        overflow:           hidden;
                        white-space:        nowrap;
                        text-overflow:      ellipsis;
                        /*max-width:          80%;*/ 
                      }  
  #index img          { float:              left;
                        margin:             0.3em 0.3em 0 0;          
                      }
       
    
#opravdu_unikatni_obsah 
                      { /*border-left:        8px solid #909090;
                        border-right:       8px solid #909090;*/
                        /*padding:            0 4px;*/        
                      
                      }        
  #opravdu_unikatni_obsah>*,
  #uvod>*  
                      { margin-right:       1.6em;  /*nedávat sdruženě, aby se nepřepsal horní dolní*/
                        margin-left:        1.6em;      
                      }
  #opravdu_unikatni_obsah>h2,
  #opravdu_unikatni_obsah>.listovanisirka /*potrebuje omezit sirku na 100%, a css3 jeste furt neumi definici 100%-12px*/,
  #uvod>h2 
                      { margin-right:       0.3em;  /*nedávat sdruženě, aby se nepřepsal horní dolní*/
                        margin-left:        0.3em;      
                      }                   

  #opravdu_unikatni_obsah>h3,
  #uvod>h3             /* Nadpisy mají větší font, tak musejí mít menší okraje, aby je neměly výsledně reálně větší a nebyly odsazené; a rovnou už je můžu pro přehlednost předsadit*/
                      { margin-right:       1.05em;  /*Zde boční marginy; níže se řeší horní a dolní*/
                        margin-left:        1.05em;      
                      }

  #opravdu_unikatni_obsah>h4, 
  #uvod>h4            /* Nadpisy mají větší font, tak musejí mít menší okraje, aby je neměly výsledně reálně větší a nebyly odsazené; a rovnou už je můžu pro přehlednost předsadit*/
                      { margin-right:       1.3em;  /*Zde boční marginy; níže se řeší horní a dolní*/
                        margin-left:        1.3em;      
                      }

  #opravdu_unikatni_obsah>h5,
  #uvod>h5            /* Nadpisy mají větší font, tak musejí mít menší okraje, aby je neměly výsledně reálně větší a nebyly odsazené; a rovnou už je můžu pro přehlednost předsadit*/
                      /* h5 ma mensi font nez h4, tak musi mit vetsi okraj, aby nebyl vic predsazeny*/
                      { margin-right:       1.6em;  /*Zde boční marginy; níže se řeší horní a dolní*/
                        margin-left:        1.6em;      
                      }
                         

  #vytvoreno          { float:              right;
                        margin:             0.5em 0 0.2em 0.2em;
                        padding:            0.4em 1.2em 0.4em 0.2em; /*pravy padding velky proto, aby se neobjevil horizbar kvuli verticalbaru, ktery se objevi pri vetsim poctu radku, a s nimz automaticky vypocet floatacke sirky nepocita; prip. by asi slo zamatrjoskovat, ale tohle taky facha */
                        border:             1px solid;
                        max-height:         5em;
                        overflow-y:         auto;
                      }

  #opravdu_unikatni_obsah h2,
  #uvod h2
                      { /*display:            table;   /*misto clearu*/    
                        /*width:              100%;    /*misto clearu*/
                        clear:              both/*left*/;
                        /*border-top:       6px dashed #909090;*/
                        border-bottom:      6px solid #b0b0b0;
                        padding:            0.25em;
                        margin-top:         2em;
                        margin-bottom:      1em;  
                      }
  #opravdu_unikatni_obsah h3,
  #uvod h3
                      { 
                        margin-top:         1.6em;
                        margin-bottom:      0.6em;  
                      }                      
  
  #opravdu_unikatni_obsah h4,
  #uvod h4
                      { 
                        margin-top:         1.5em;
                        margin-bottom:      0.3em;  
                      }  

  #opravdu_unikatni_obsah ul li ul,
  #uvod ul li ul
                      { 
                        margin-top:         0.2em;
                        margin-bottom:      0.7em;  
                      }      
                      

  #opravdu_unikatni_obsah p,
  #uvod p
                      { text-align:         justify;
                      }



  #skokzespodanahorunamenu
                      { margin:             2em 0;}
  #skokzespodanahorunamenu a:focus
                      { position:           relative;
                        z-index:            2;
                      }                              
/*****Pravý sloupec*****/

#pravysloupec         { float:              left;
                        margin:             0 0 0 1em;
                        /*width:*/ 
                      }
  #pravysloupec:hover {   
                      }
                                            
.billboardisnohama    { margin:             1em auto 0 auto; 
                      }
.billboard            { 
                        padding:            0.5em;
                        width:              17em;
                      }

  .billboard#zalozkyacitace
                      { margin:             5em 0 0 0;
                      }
      

  .billboard h2       { font-size:          1em;
                        margin:             0;
                        padding:            0 0 0.3em 0;  
                        line-height:        1;
                        font-weight:        normal;
                        border-bottom:      1px solid;
                      }
    .billboard h2 .otazka
                      { 
                        font-weight:        bold;
                      } 

  .billboard ul, .billboard>p,
  #novinky_archiv ul
                      { list-style-type:    none; 
                        margin:             0;
                        padding:            0;                         
                        max-height:         6em;
                        overflow-y:         scroll;                                                
                      }
    .billboard#novinky ul, .billboard#zajimave ul, .billboard#blogfeedczeski ul, .billboard#blogfeedosobni ul 
                      {                          
                        max-height:         7.5em;                                                
                      }
    #novinky_archiv ul
                      {                          
                        max-height:         none;
                        overflow-y:         visible;                                                
                      }    
    .billboard#qr_docistnamobilu ul
                      {                          
                        max-height:         9.5em;                                                
                      }                      
    .billboard li,
    #novinky_archiv li{ border-bottom:      1px solid;
                        padding:            0;                        
                      }
      .billboard .datum, #novinky_archiv .datum
                      { display:            block;                       
                      }
      .billboard#novinky .datum, .billboard#blogfeedczeski .datum, .billboard#blogfeedosobni .datum
                      { font-size:          0.75em;                    
                      }
      #novinky_archiv .datum
                      { font-size:          0.85em;                    
                      }

      .billboard#novinky a, .billboard#blogfeedczeski a, .billboard#blogfeedosobni a, .billboard#zajimave a, .billboard#mimoweb a, .billboard#terminy a, .billboard#nabizim a, .billboard#zalozkyacitace a, /*jde o to, aby se to nevztahovalo na inline odkazy ve vtipech a citatech*/
      .billboard#qr_docistnamobilu a,
      #novinky_archiv a
                      { 
                        display:            block;
                        text-decoration:    none;
                        padding:            0.15em 0;                                                
                      }
      #novinky_archiv a
                      { 
                        padding:            0.35em 0;                                                
                      }      
      .billboard#novinky a, .billboard#blogfeedczeski a, .billboard#blogfeedosobni a /*, #novinky_archiv a*/
                      { 
                        overflow:           hidden;
                        white-space:        nowrap;
                        text-overflow:      ellipsis;                                                
                      }
      .pravysloupec:focus-within, .pravysloupec *:focus-within, .billboard a:focus    
                      {    
                        /*position:           relative;*/
                        z-index:            100;                                             
                      }
      .billboard a:visited    
                      {    
                                                                    
                      }
      .billboard a:hover, .billboard a:focus, .billboard a:active    
                      { 
                      }


  .billboard li#citace
                      { overflow-x:         auto;
                      }
  .billboard li#citace.zvyraznit
                      { 
                      }                      
  .billboard h3, .billboard h4, .billboard p  /*kvuli citaci*/
                      { margin:             0;
                        padding:            0;                         
                        font-size:          1em;                                                 
                      }
  .billboard li.citace a
                      { display:            inline;
                      }
                      
  /*Konkretni billboardy*/
  .billboard#terminy .dtstart
                      { display:            inline-block;
                        min-width:          5.5em;
                      }
                      
  .billboard#terminy li
                      { overflow:           hidden;
                        white-space:        nowrap;
                        text-overflow:      ellipsis;
                      }
                                            
  .billboard#qr_docistnamobilu #qrcode img,
  .billboard#qr_docistnamobilu #getpocket img
                      { float:              left;
                      }
    .billboard#qr_docistnamobilu #getpocket img
                      { margin-right:       0.5em;
                      }                      
                      
.billboardnohy        { 
                        height:             3em;
                        border-left:        8px solid #505060;
                        border-right:       8px solid #505060;
                        margin:             0 0.8em;
                        text-align:         right;              
                      }                      
                      
                                            
/******Pata*****/


#nadpatou             { clear:              both;  /*kvuli stylu fixed u paty pri dostatecny vysce: jednak zajisti dokresleni zelenych kraju az dolu (klasicky clear) i pri fixed pate, a jednak pri fixed pate zajisti, ze pod patou neuvazne spodek obsahu*/              
                      }
#pata                 { 
                        border-top:         1px solid;
                        padding:            0.5em 0em 0;  /*pozor, ovlivnuje i sirku pri fixedu*/
                      }
#pata>*               { 
                        font-size:          0.9em;  /*to nemůže mít přímo pata, aby to neovlivnilo výpočet tvrdý šířky při fixed; a musí to být s > aby se to s dalším nořením zase nenásobilo na menší a menší*/                         
                      }                  
    
#pata a               {  
                        text-decoration:    none;
                      }                  
                  

#pata #tachometr      { 
                        float:              left;
                        /*position:           relative;    /*aby se umístění CNW počítadla (tachometru) počítalo od rohu paty, ne od rohu dokumentu*/
                        width:              133px;
                        min-height:         50px;
                        margin:             0 1em 0 0;   
                      }

  #pata #tachometr #pocetnactenivlastnilog   
                      { padding:            3px 1px; 
                        text-align:         center;
                        margin:             25px auto 0;
                      }
  #pata #tachometr #pocetnactenivlastnilog span   
                      { 
                        padding:            1px 5px;
                        cursor:             default; /*normalni sipka misto textovyho*/
                        border-radius:      1px;
                        font-size:          0.95em;              
                      }
  #pata #tachometr #pocitadlocnw   
                      { position:           absolute;              
                        left:               35px;  /*(133-56)/2*/  
                        top:                20px;                  
                        border:             4px solid;             
                        height:             15px;  /*0,75*20*/     
                        width:              56px;  /*0,75*0,75*/   
                      }

#pata #barvy    
                      { float:              left; 
                        border-left:        1px solid;
                        border-right:       1px solid;
                        padding:            0em 0.6em 0.1em;
                      }

  #pata #barvy a:first-child
                      { font-weight:        bold;
                      }

                      
#pata #podtrhavani    
                      { float:              left; 
                        border-right:       1px solid;
                        padding:            0em 0.6em 0.1em;
                      }

                        


#pata #author    
                      { float:              left; 
                        padding:            0em 0 0.1em;
                      }                      
                      
  #pata #barvy a, #pata #podtrhavani a, #pata #author span.mistoa
                      {  
                        display:            block;
                        padding:            0.05em 0.8em 0.2em; 
                      }                                            
    
#pata #validita    
                      { float:              right; 
                      }   
  #pata #validita a     
                      { display:            block; 
                        float:              left;
                        margin:             0.5em 1em 0 0; 
                      }  
  #pata #validita a.kontrolka   {

                        
                        /*kulatý obrázek kontrolka vedle textu*/
                        padding:            5px 0.5em /*5px 30px 5px 5px*/;
                        border-width:       1px;
                        border-style:       solid;
                        border-radius:      3px;                        
                      }

  #pata #validita a#pataskoknahlavicku
                      { 
                        margin:             0.2em /*0.5em*/ 0.45em 0 0;
                        padding:            0 0.25em 3px 0.55em;
                        border:             1px solid;
                        border-radius:      3px;      
                        vertical-align:     top; display:inline-block;
                      }   
  #pata #validita a#pataskoknahlavicku span.sipka-utf
                      { font-size:          1.8em;
                        font-weight:        bold;
                      }                         

#pata #pristupnostlinkpata a    
                      { display:            /*inline-*/ block; 
                        padding:            2px 1em 0;
                        float:              right;
                      }

/******Obecné drobné*****/


table * 
                      { vertical-align:     top;  }

  table.normalni, table.normalni caption,
  table#obory_tabulka, table#obory_tabulka caption 
                      {	margin-left:        auto; 
                        margin-right:       auto;
                      }

  table.normalni,
  table#obory_tabulka
                      { border-style:       solid none none solid;
                  	    border-width:       1px;
                      }

  table.normalni td, table.normalni th, table.normalni caption, table.bludiste caption,
  table#obory_tabulka td, table#obory_tabulka th 
  
                      { text-align:         left;
                        border-style:       none solid solid none;
                    	  border-width:       1px;
                        padding:            0.2em 1em 0.2em 1em;
                      } 
  table.normalni td.bezborderuvpravo, table.normalni th.bezborderuvpravo
                      { 
                        border-right:       none;
                      } 

  table.normalni.captionnadpis caption
                      {
                        font-size:          1.35em; 
                        border-top:         none;
                        border-right:       none;
                        border-left:        none;
                        padding:            0.75em 1em 0.45em 0em;
                        font-family:        sans-serif;
                        font-weight:        bold;
                      }                                                 

  table.normalni tr.prazdnyradekbezboku td
                      {
                        border-right:       none;
                        border-left:        none;
                      }                          
  
  /*terminy*/
  table.normalni.terminy td, table.normalni.terminy th, table.normalni.terminy caption
                      { 
                        padding-top:        0.6em;
                        padding-right:      1em;
                        padding-bottom:     0.5em;
                        padding-left:       0.6em;
                      }
  table.normalni.terminy td.bezborderuvpravo, table.normalni.terminy th.bezborderuvpravo
                      { 
                        padding-right:      0.2em;
                      }                      
  table.normalni.terminy .qr
                      { 
                        margin:             0.7em 0 1em;
                      }                      
                      
                        
  table.normalni caption 
                      {	border-style:       solid solid none solid;}   

  table.normalni th
                      { 
                      }
  table.normalni td.hoverclick, table.normalni th.hoverclick /*Trida aktualne dodavana externim JS pluginem*/
                      { 
                      }                      
  table.normalni tr:hover, table.normalni td.hover, table.normalni th.hover /*Trida aktualne dodavana externim JS pluginem*/
                      { 
                      }
  table tr.odtucnit th{ font-weight:        normal;}

  
  /*Obory*/
     /* table#obory_tabulka (adamek.cz/martin-adamek) */
     /* Nemá třídu .normalni, ma jen to svoje id;  Některé vlastnosti má přes čárku přiřazeny už výše */
  table#obory_tabulka caption
                      { }
  table#obory_tabulka td, table#obory_tabulka th  
                      { vertical-align:     middle;
                   
                      }                        
  table#obory_tabulka th  
                      { text-align:         center;
                      }                        
  table#obory_tabulka a 
                      { text-decoration:    none;
                        display:            block;
                      }
  table#obory_tabulka th
                      { font-size:          1.2em;
                        padding-right:      0em;
                        padding-left:       0em;
                      }                                               

  
  table#obory_tabulka th .rotate270  
                      { font-size:          1.3em; /*nasobi se jeste tim vyse uvedenym, bo je to vnorene*/
                      }                                                                          
  table#obory_tabulka a strong 
                      { font-size:          1.4em;
                      }                       
  table#obory_tabulka #bunka_knihy strong
                      { font-size:          1.9em; /*nenasobi se, prepisuje se definice pro strong*/
                      }                       
  table#obory_tabulka th 
                      { 
                    	  border-width:       2px;
                      } 

  /* Omezeni vysky bunky v tabulce - pridal jsem pro https://www.adamek.cz/jazyky/slovnik-zajmena/ , ale k dispozici obecne pro kteroukoliv stranku */
  
  @media screen       {
                       table.limit_tr_height_4_4 tbody tr:not(:first-child:last-child) td>div { 
                        max-height:         4.25em; /* vychazi na cca 3,5 radku; umyslne polovina, aby uzivatele trklo, ze nevidi vsechno */ 
                        overflow:           auto; 
                        padding:            0.2em 0.4em 0.2em 1em; /*0.2em 1em 0.2em 1em;*/
                       }
                       
                       table.limit_tr_height_4_4 tbody tr:not(:first-child:last-child) td {
                        padding:            0;
                       }
                      
                      } /* @media screen */


  /* www.adamek.cz/jazyky/nemcina-gramatika  - tabulky s tvary sloves */
  
  .grammar_tables_verbs_german table  
                      { margin-bottom:      2em;
                      }
                      
  @media (min-width: 25em) { /* 3sloupcove zobrazeni je od 65.5em vys; a to bohate staci. A kdyz je to mene, tak zase neni vlevo menu, takze pak staci klidne 40em a ty tabulky mohou zarezavat i na vetsim mobilu; v zasade tedy bohate staci sirka dana sirkou bunek (sloupcu) prave dle te definice zde nize. */
  .grammar_tables_verbs_german table td:nth-child(2),
  .grammar_tables_verbs_german table td:nth-child(3)  
                      { min-width:          8em;
                      }
  }                      

                      
.listovanisirka /*obal sirokych tabulek*/
                      { font-size:          0.95em;
                        /*border:             dotted 1px;*/
                        width:              inherit;
                        overflow:           auto;
                        width:              100%;
                        max-width:          none;
                        /*padding:            0.2em; dela to hokej v sirce*/
                        padding-bottom:     1em; /*Kdyz IE po pridani horizu prida i vert, pac horiz zabral misto, tak at je vse na celou vejsku videt najednou*/
                        margin:             1em 0;    
                      }                      


form fieldset
                      { margin:             2em 0 0 0;
                        /*width:              18em;
                        max-width:          99% !important;
                        float:              left;
                        */
                      }                      
form div.okoloinputu
                      { margin:             0.8em 0 0.2em 0;}                      

                      
.tabulkaprihlasek
                      { /*table-layout:     fixed;  nefunguje, na nic, pomáhá jen větší celková šířka*/
                        width:              150em;
                      }
  .tabulkaprihlasek thead 
                      { /*position:           fixed; Nejde, pač je potřeba horiz listovat*/}                      

  .tabulkaprihlasek-timestamp
                      { /*width:              800px!important; nefunguje, na nic, pomáhá jen větší celková šířka*/}
  .tabulkaprihlasek .suma td
                      { border-top:         double;}                                            

/*Stare galerie*/
.tekutefotky          { float:              left;
                        margin-bottom:      2em;
                      }
/*netreba definovat zde , plati i tak .tekutefotky.obtekani-vpravo          { float:              right;}*/
.konecgalerie         { clear:              left;}

/*Novejsi obtekani - musi byt az pod starou galerii, protoze existuji poloautomaticky vlozene kombinace .tekutefotky a .obrazekobtekanyr - napr. k24*/
.obrazekobtekanyl     { float:              left; 
                        margin-right:       1em;
                      }                      
.obrazekobtekanyr     { float:              right; 
                        margin-left:        1em;
                      }
                      
                                            
                      
/******Konkrétní stránky*****/
  
    .text h3 .nadpisekkterastrana                    
                      { font-size:          0.5em;
                      }
.reklama-na-vyuku-ve-slovniku
                      { padding:            0.6em 1.6em;
                        margin:             1em 0;
                        float:              left; /*nutne, aby si to samo nastavilo sirku podle sveho vnitrku; aby se to neroztahlo na celou sirku*/
                        border:             solid 1px;
                      }                     
.reklama-na-vyuku-ve-slovniku a
                      { text-decoration:    none;
                        display:            block;
                      }                           

.velkyskokobal a      { font-size:          1.2em;
                        display:            block;
                        border:             solid 0.1em;
                        padding:            0.5em 0.5em 1em 1em;
                        text-align:         left;
                        text-decoration:    none; 
                      }
                      
/* Kontakt */

.kontakt-mailamailafter .kontakt-mailafter
                      { margin-top:       0; 
                        padding:          0.5em; 
                      }
                                            
.kontakt-mailamailafter .kontakt-mailafter p#jslink_view_kontakt-mail>a                                             
                      { 
                        display:            block;
                        border:             solid 0.1em;
                        padding:            0.5em 0.5em 1em 1em;
                        text-align:         left;
                        text-decoration:    none; 
                      }