body{
     background: #04546F;
     font-family: 'Poiret One', sans-serif;
     margin: auto;
     color: #eeeeee;
     }


     h2, h3, h4, h5, h6{
     text-align: center;
     letter-spacing: 2px;
     font-weight: normal;
     text-transform: uppercase;
     text-decoration: none;
     line-height: 3em;
     color: #888;
     }

     h1 {
     display: none;
     }
    
     h2{
     font-size: 25px;
     text-shadow: 0px 0px 20px black;
     }
    
    h3{
    font-weight: bold;
    line-height: 1em;
    text-align: left;
     }
         
     .tucny{
     font-weight: bold;
     }
     .bannertext{  
     display: none;
     } 

     .zajem{
     text-align: center;
     text-transform: uppercase;
     line-height: 4em;       
     }
      nav{
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 9999;
      width: 100%;
      height: 70px;
      background-color: rgba(4,13,53,.85);
      
      }  

      
     ul{
      position: fixed;
      left: 30%; top: 0;
      margin: auto;
     }
         
     li {
      display: inline-block;       
      text-transform: uppercase;
      font-size: 15px;
      padding:  20px 15px 10px;
      }
      
      td{
      width: auto;
      padding: 20px;

      }
      table{
      margin: 0px auto;
      }   
   
    nav a{
      color: #eee;
      transition: 250ms ease-in-out;
    } 
   
    nav a:hover {
      color: #888;           }
   
    .logo {              
      display: inline-block;
      margin-right: 20px;
      margin-left: 50px;
      padding-top: 20px;
      text-transform: uppercase;
      font-size: 18px;
      letter-spacing: 2px;
    }
    
    .odkryt, .skryt {      
      display: none;
      padding-left: 15px;
      background-repeat: no-repeat;  
      background-position: center left;
    }
    
    .odkryt {
      background-image: url(down-icon.png);
    }
    
    .skryt {
      background-image: url(up-icon.png);
    }

     p{
     text-align: justify;
     font-size: 1em;
     }
      
     #banner{
     background: url("banner.jpg") no-repeat top center; 
     position: relative;
     background-size: 100%;
     background-attachment: left: 0; top: 0;
     margin-bottom: -270px; 
     height:800px;
    }
     
     .banner-content{
     padding-top: 200px;
     }

     a {
     text-decoration: none;
     color:#888;
     }
             
     .obsah{
       margin: 8%;
     }
   
     .program{
         padding: 18px 20px;
         transition: 180ms ease-in-out;
         font-size: large;
     } 
     
    .program:hover {
        font-size: larger;
    }

     #onas {
     height: 100%;
     }
     
     #repertoar{
     background: #040D35;
     height: 100%;
     line-height: 30px;
     }

     #koncerty {
     height: 100%;    
     }
     
     #obsazeni {
      background: #040D35;   
     height: 100%;
     }
     
     .mobil{
         display:none;
     }
     #galerie {
     height: 100%;
     }
     
     #kontakt{
     text-align: center;
     background: #040D35;   
     height: 100%;
     }
    
     #kontakt table{
        text-transform: uppercase;
        font-size: 20px;
        text-align: center;
        border-radius: 20px;
        background: rgba( 4, 84, 111,0.2);
    }
     
    #repertoar .button{
    display: block;
    background: #888;
    border-radius: 15px;
    width: 180px;
    color: #040D35;
    font-weight: bold;
    margin: auto;
    transition: all 250ms ease-in-out;
    text-align: center;
    margin-top: -35px;
    }
  
  #repertoar .button:hover{
      background: #04546F;
      color: #888;
    }
  
  
  footer{
  text-align: center;
  background: #040D35;
 }

 #right{
     text-align: right;
 }
 .aktkoncerty{
     display:none;
 }