/* CSS Document */

*                       { 
                        margin: 0px; 
                        padding: 0px; 
                        box-sizing: border-box;
                        }
                        
header                  {
                        background-color: AntiqueWhite;
                        text-align: center;
                        padding: 1rem;
                        }
                        
footer                  {
                        background-color: AntiqueWhite; 
                        text-align: center;
                        font-size: 15px;
                        }

body                    { 
                        font-size: 1.5em; 
                        font-family: Verdana, Geneva, Tahoma, sans-serif;
                        }
                
li                      {
                        border: medium solid BurlyWood;
                        float: left;
                        }
                        
a:link, a:visited       {
                        color: black;
                        }
                
ul                      {
                        list-style-type: none;
                        }
                
a                       {
                        transition: width 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
                        }
                
li a:hover              {
                        background-color: BurlyWood;
                        }  
                
li.dropdown             {
                        text-align: center;
                        display: inline-block;
                        }
                        
li a:hover dropdown:hover .tlacitko             
                        {
                        background-color: moccasin;
                        }
                        
li a, .tlacitko         {
                        background-color: cornsilk;
                        padding: 10px;
                        min-width: 200px;
                        text-decoration: none;
                        text-align: center;
                        display: inline-block;
                        }
                        
.tlacitko               {
                        cursor: pointer;
                        min-width: 230px;
                        }
                
.obsah                  {
                        z-index: 1;
                        display: none;
                        position: absolute;
                        }
                        
.obsah a                {
                        display: block;
                        }
                        
div a                   {
                        z-index: auto;
                        }
                
.obsah a:hover          {
                        color: DarkGoldenrod;
                        background-color: moccasin;
                        font-weight: bold;
                        }
                
.dropdown:hover .obsah  {
                        display: block;
                        }
                        
section:after           {
                        content: "";
                        display: table;
                        clear: both;
                        }