/* CSS Document */
body      {
  padding: 0px;
  margin: 0px;
  background-image: URL('obrazky/pozadistranky.jpg'); 
    background-attachment: fixed;
}
* {box-sizing: border-box;}
div.sedepozadi {background-color: rgb(200,200,200);}
div.pozadiobrazek { position: relative;
                     width: 100%;
                     height: 300px;
                    background-image: URL('obrazky/poutac3.jpg');
                    background-repeat: no-repeat;
                    background-size: cover;
                    border-radius: 0px 0px 0px 0px;}
div.pastlacitek {position: relativ;
                display: inline-block;
                 width: ;
                 height: 10%;
                 border: 3px solid orange;
                }

div img.inline{
                display: inline-block;
                
                }

#obalovaci { margin: 5px auto;   
            position: relative; width:96%; height:1400px; 
            border-radius: 10px 10px 0px 0px;}
#obsah {beckground-color: blue; position: absolute; width: 960px; 
        height: 800px; top: 60px; left: 0px}
#hlavicka {position: asolute; width: 960px; height: 60px; 
            top: 0px; left: 0px
            box-shadow: 0 1px 2px 1px rgb(80,80,80); /* stín menu */
            }
.logo { position: relativ;
         background: rgb(200,200,200);
         width: 100%;
        height: 90px;
        
       opacity: 0.8; 
        padding:0px; 
        border-radius: 0px 0px 0px 0px;  }
.logo img { position: absolute; 
            height: 90px;
            border-radius: 0px 0px 10px 10px;
            padding:5px;      }


nav.menu {
  display: block;
  width: 100%;
  background: rgb(0,173,239);
  font-size: 0;
  border-radius: 10px 10px 0px 0px;
}

nav.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

nav.menu ul li {
  width: 100%;
}

nav.menu a {
  display: block;
  color: white;
  text-decoration: none;
  font-family: sans-serif;
   line-height: 2em;
  padding: 0 15px;
  font-size: 16px;
  transition-duration: 0.6s;
}

nav.menu a:hover {
  background: rgba(0, 0, 0, 0.1);
}

.odkazy { position: relativ;
     width: 100%;
        
      
      
    }                   
a.posun {display: block; width: 160px; height: 80px; overflow: hidden;
         position: relative; color: white; text-decoration:none; 
         
         font-size: 22px;
          
    top: 0px;
    left: 0%;
    margin: 10px;
    
    z-index: 1;
      
        }
a:hover.posun {text-indent: -161px;
             
                }
a.posun img {border: none;}

@media (min-width: 600px)   {
        
        #obalovaci {width:80%; }
        
        nav.menu a {
          line-height: 50px;
        }
        
        nav.menu ul {
          width: 100%;
          text-align: center;
        }
        
        nav.menu ul li {
          width: auto;
          
          display: inline-block;
        }
        .texty {   font-size: 20px;         }
                            }       

        
.texty { position: relativ;
         background-color: rgb(0,173,239); 
          border: 1px solid black;
         color: white;
         font-size: 14px;
         font-family: sans-serif;
        width: 100%;
        height: auto;
        opacity: 0.8;
         padding:10px;
          margin: 10px 0px;
        clear : both;
        border-radius: 10px 10px 10px 10px;  }

.texty img   {
  float:left;
  height:80px;
  margin:5px;
  border-radius: 10px 10px 10px 10px;
            }
            
.kontakty { position: relativ;
         background-color: rgb(200,200,200); 
          border: 1px solid black;;
         color: black;
         font-size: 14px;
         font-family: sans-serif;
        width: 100%;
        height: auto;
        opacity: 0.9;
        padding:10px;
        margin:10px 0px; 
        clear : both;
        border-radius: 10px 10px 10px 10px;  }
        
.kontakty ul li {list-style-type: none}

.onastext { position: relativ;
         background-color: rgb(200,200,200); 
          border: 1px solid black;;
         color: black;
         font-size: 14px;
         font-family: sans-serif;
        width: 100%;
        height: auto;
        opacity: 0.9;
        padding:10px;
        margin:-20px 0px; 
        clear : both;
        border-radius: 0px 0px 10px 10px;  }

#zapati {
  padding: 20px;
  text-align: center;
  color: orange;
}
#zapati a {
  color: blue;