/* Standardní tabulka s buňkami vedle sebe */

  table.responsive {
    margin-top: 5px;
  }

  table.responsive td,
  table.responsive th {
    vertical-align: top;
    border: 0px solid #ccc;
    padding-left: 10px;
  }

table.responsive th {
  background-color: #ccc;
  color: #000;
font-weight: normal;
}


  /* Od šířky 418px a méně – „stacked“ */
  @media screen and (max-width: 350px) {
    table.responsive,
    table.responsive thead,
    table.responsive tbody,
    table.responsive th,
    table.responsive td,
    table.responsive tr {
      display: block;
      width: 100%;
    }

    /* Skrytí záhlaví – nahradíme je atributem data-label */
    table.responsive thead {
      display: none;
    }

    /* Upravení buněk – zobrazí label + obsah */
    table.responsive td {
      position: relative;
      padding-left: 5%;
      box-sizing: border-box;
    }

    /* Vloží label (popis záhlaví) před obsah buňky */
    table.responsive td::before {
      content: attr(data-label);
      position: absolute;
      left: 8px;
      top: 8px;
      font-weight: bold;
      white-space: nowrap;
    }
  }

  img {
    width: auto;
    height: auto;
    float:left;
    padding: 10px;
  }

@media screen and (max-width: 800px) {

  img.no-responsive {
    width: auto;
    height: auto;
    float:left;
    margin: 0.4em 1em 1em 0;
  }
}


@media screen and (min-width: 405px) and (max-width: 1100px) {
  table.responsive {
    margin-top: 70px;
  }
}

hr {
    border-top: 0px dotted #ccc;
}




  table.responsive2 {
    margin-top: 5px;
  }

  table.responsive2 td,
  table.responsive th {
    vertical-align: top;
    border: 0px solid #ccc;
    padding-left: 10px;
  }

table.responsive2 th {
  background-color: #ccc;
  color: #000;
font-weight: normal;
}


  /* Od šířky 700px a méně – „stacked“ */
  @media screen and (max-width: 700px) {
    table.responsive2,
    table.responsive2 thead,
    table.responsive2 tbody,
    table.responsive2 th,
    table.responsive2 td,
    table.responsive2 tr {
      display: block;
      width: 100%;
    }

    /* Skrytí záhlaví – nahradíme je atributem data-label */
    table.responsive2 thead {
      display: none;
    }

    /* Upravení buněk – zobrazí label + obsah */
    table.responsive2 td {
      position: relative;
      padding-left: 5%;
      box-sizing: border-box;
    }

    /* Vloží label (popis záhlaví) před obsah buňky */
    table.responsive2 td::before {
      content: attr(data-label);
      position: absolute;
      left: 8px;
      top: 8px;
      font-weight: bold;
      white-space: nowrap;
    }
  }

  img {
    width: auto;
    height: auto;
    float:left;
    padding: 10px;
  }
/* Generate 0.000959 second */