/*base*/
.cookies-lista {
  position: fixed;
  width: 100%;
  max-height:0;
  z-index: 999;
  background: #d1d5de;
  bottom: 0;
  left: 0;
  right:0;
  color: #7b7b7c;
  text-align: center;
  overflow:hidden;
  -moz-transition: max-height 0.8s;
  -ms-transition: max-height 0.8s;
  -o-transition: max-height 0.8s;
  -webkit-transition: max-height 0.8s;
  transition: max-height 0.8s;
  box-sizing:border-box;
}
.cookies-lista * {
  box-sizing:border-box;
}
.cookies-lista.open {
  height:22px;
  max-height:100px;
}
.cookies-lista a {
  color: #444;
}
.cookies-lista .cookies-lista-container {
  width: 1000px;
  margin: 2px auto 2px;
  padding: 0 20px;
  display: inline-block;
}
.cookies-lista .cookies-lista-text {
  float: left;
  width: 80%;
  font-size: 12px;
  line-height:18px;
}
.cookies-lista .cookies-lista-button {
  float: right;
  width: 16%;
  height:18px;
  line-height:18px;
  background: #A1A5Ae;
  margin: 0 1%;
  color: #FFF;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
}
.cookies-lista .cookies-lista-button:hover {
  background: #71757e;
}

/*mobile*/
.cookies-lista.mobile.open {
  height:auto;
}
.cookies-lista.mobile .cookies-lista-container {
  width:100%;
  padding:0 10px;
}
.cookies-lista.mobile .cookies-lista-text {
  width:100%;
  float:none;
  line-height:1.3;
}
.cookies-lista.mobile .cookies-lista-button {
  width:150px;
  float:none;
  margin:5px auto 3px;
}

/*responsive*/
.cookies-lista.responsive.open {
  height: auto;
}
.cookies-lista.responsive .cookies-lista-container {
  max-width:100%;
  margin: 5px auto 1px;
}
@media (max-width: 650px) {
  .cookies-lista.responsive .cookies-lista-text {
    width:100%;
    float:none;
    padding:0;
    line-height:1.3;
  }
  .cookies-lista.responsive .cookies-lista-button {
    width:150px;
    float:none;
    margin:5px auto 3px;
  }
}

/*umisteni*/
.cookies-lista.top {
  top:0;
  bottom:auto;
}

/* upravy pro konkretni weby */
#NationalGeographicCZ .cookies-lista {
  bottom:32px;
}