/* CSS Document */

*                  { margin: 0px; padding: 0px; box-sizing: border-box; font-family: verdana;}
              
h1                 { color: Black; padding: 15px; font-size: 70px; letter-spacing:  15px; text-shadow: 6px 3px 6px rgb(150, 150, 150); }

h2                 { text-decoration: underline; margin-bottom: 7px; margin-top: 15px;}
             
figure             { margin-top: 25px ; padding: 2px; background: dimgray; font-size: 20px; border: 4px solid black; color: white; float: left;width: 20%;} 
    
img                {border-radius: 10%; border: 4px solid black; transition: transform 0.5s ease;}

body               { background-image: url(foto/pozadi.png);}

header             { text-align: center; margin: 30px 150px 20px 150px;}

nav li             { color: black; width: 11%;}   

nav li:hover       { color: white; transform: scale(1.5);transition: transform  0.5s ease;}
                  
nav a              { color: black; display: block; font-size: 25px;  } 

figcaption         { text-align: center; font-style: italic;}

footer             { text-align: center; margin-bottom: 15px; font-size: 12px; color: black; text-decoration: underline; margin-top: 700px;}

li                 { list-style-type: none; float: left; text-align: center; margin-top: -13px;}

h4                 { color: black; font-size: 40px; text-align: center; padding-top: 50px;}

a                  { display: block; }

p                  {margin: 0px 80px 5px 80px;}

article            { padding: 30px; text-align: center; margin-left: 310px; margin-right: 310px; margin-bottom: 40px; background-image: url(foto/pozaditextu.jpg); box-sizing: border-box ;border-radius: 10%;box-shadow: 9px 9px 25px rgb(150, 150, 150);}

ul                 {padding: 50px; margin-top: 1px; margin-bottom: 30px;}

article a:hover    { color: black; font-weight: lighter;}

.selected          { color: white; text-decoration: underline; text-shadow: 6px 3px 6px rgb(150, 150, 150); }

figure:hover       { color: white;}  

#cara2             { margin: 0px 390px 10px 390px ; border: 2px solid black; margin-top: 35px;}
#cara3             { margin: 10px 150px 0px 150px ; border: 2px solid grey;}
#cara4             { margin: 1px 120px 1px 120px ; border: 2px solid black;}
#cara5             { margin: 10px 200px 10px 200px ; border: 2px solid silver;}

#pomlcka           {color:black; text-decoration: none;}

#cisloobrazku      {font-size: 25px; margin-top: 25px;}

#po                { right: 0; border-radius: 3px 0 0 3px; }

#pred, #po         { cursor: pointer; position: absolute; top: 90%; width: auto; padding: 30px; color: black; font-size: 20px; border-radius: 0 3px 3px 0; }
 
.container:hover img      { transform: scale(1.1); }

#zacatek                  { margin-top: 55px; }

.obsah a                  { display: block;}

.obsah a:hover            { display: block;}

.dropdown:hover .obsah    {display: block;}

.obsah:hover              {display: block;}

.obsah                    { display: none;}

.tlacitko                 { display: inline-block; text-align: center; text-decoration: none; color: black; display: block; font-size: 25px; }

li a                      {text-decoration: none;}

li.dropdown               { display: inline-block;}

nav { background-image: url(foto/pozaditextu.jpg); box-sizing: border-box; border-radius: 45px; box-shadow: 9px 9px 25px rgb(150, 150, 150); margin: 10px 50px -10px 50px;  }


@media screen and (max-width: 600px)  { nav { width: 100%; }  article { width: 100%;}   h2 { color: white ;}}