/* CSS pro  hledej.franklinova-expedice.cz a search.franklinova.expedice.cz */

html {
  background-color: #5C8684;
  background: url("pozadi.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
  font-family: sans-serif;
  font-size: 100%;
  padding-top: 2em;
  padding-left: 1em;
  padding-right: 1em;
}

h1 {
  font-size: 120%;
  padding: 0;
  margin-bottom: 1em;
}

p {
  padding: 0;
  margin-top: 1em;
  margin-bottom: 1em;
  line-height: 150%;
}

li {
  line-height: 150%;
}

main {
  margin: auto;
  max-width: 1024px;
  border: 1px solid #aaa;
  padding: 1em;
  background-color: #fff;
}

nav {
  margin: auto;
  max-width: 1024px;
}

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

nav li {
  display: inline-block;
  padding: 0.5em;
  background-color: #f9f9f9;
  border-color: #aaa;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  margin-right: 1em;
  font-size: 90%;
}

nav li.active {
  font-weight: bold;
}

nav li a {
  text-decoration: none;
}

.page {
  display: none;
}

.show {
  display: block;
}


.kategorie {
  font-size: 80%;
  padding: 1px 3px;
  border: 1px solid #aaa;
  background-color: #f9f9f9;
}

.menu-tlacitko {
  display: none; /* na desktopu nebudeme ukazovat */
}

.skryj-menu { /* v desktopu není skrytý stav menu */
  display: block;
}


  /* Menu */

@media all and (max-width: 900px) {
    .menu-tlacitko { /* obrázek, který se ukáže jen v mobilním menu */
      display: block;
      position: absolute;
      top: 0px;
      right: 0px;
      display: block;
      z-index: 100;
      background-color: #ffffff; /* transparent; */
      background-image: url(http://com.franklinova-expedice.cz/hamburger.png);
      background-repeat: no-repeat;
      background-position: right top;
      border: 1px solid #aaa;
      width: 64px;
      height: 64px;
      float: right;
      cursor: pointer;
    }
    
    nav {
      background-color: transparent;
      position: absolute;
      z-index: 100;
      right: 0px;
      top: 64px;
      max-width: 100%;
      transition-property: transform, opacity;
      -webkit-transition-property: transform, opacity;
      transition-duration: 0.2s;
      -webkit-transition-duration: 0.2s;
      transition-timing-function: ease-in;
      -webkit-transition-timing-function: ease-in;
      transform-origin: right;
      -webkit-transform-origin: right;
      transition-delay: 0s;
      -webkit-transition-delay: 0s;
      transform: scaleX(1);
      -webkit-transform:  scaleX(1);
      -moz-transform: scaleX(1);
      -ms-transform: scaleX(1);  
    }
    
    nav ul {
      width: 200px; /* přesunuto z nav */
        /* background-color: $barva-menu-mobil-pozadi; */
      margin-top: 0px;
    }
    
    nav li {
      width: 100%;
      margin-right: 0;
      box-sizing: border-box;
    }
    
    nav li:last-child {
      border-bottom-width: 1px;
    }
    
    nav.skryj-menu { /* skrytý stav menu */
      transform: scaleX(0);
      -webkit-transform: scaleX(0);
      -moz-transform: scaleX(0);
      -ms-transform: scaleX(0); 
    }
    
  }

  .no-csstransitions #main .skryj-menu { /* skrytý stav menu pro starší prohlížeče */
    display: none; 
  }
} /* konec mobilní verze */