  .grafika-obal .obal-test {text-align:center; max-width: 696px; margin: auto;}

  .grafika-obal .obal-test h2 {
      padding: 0 10px 15px 10px;
      text-align: left;
      font-size: 24px;
      font-weight: 500;
      line-height: 1.4;
  }
  .grafika-obal .otObr {
      display: block;
      width: 100%;
      padding: 0;
      box-sizing: border-box;
      position: relative;
      margin-bottom: 15px;
  }

  .grafika-obal .obal-test p {
    padding: 0 5px 5px 5px;
    box-sizing: border-box;
    margin: 0;
    text-align: left;
  }

  .grafika-obal .obal-test p.uvod {
      padding: 10px;
      line-height: 1.5;
  }

  .grafika-obal .obal-test .hodnoceni p {
      padding: 10px;
      line-height: 1.5; text-align: center;
  }
  span.poznamka {
    text-align: right;
    color: gray;
    font-size: 13px;
    display: block;
  }

  .grafika-obal .obal-test span.zadani {
      text-align:left;
      line-height: 22px;
      padding: 0 0 8px 0;
      font-weight: normal;
      display:block;
  }
  .grafika-obal .obal-odpovedi  {line-height:22px; text-align:left; padding: 0 0 28px 0;}
  .grafika-obal .obal-odpovedi  b {font-weight: bold;}
  .grafika-obal .obal-odpovedi  p {color: black;}

  .grafika-obal .obal-odpovedi a {
    display:block; font-weight:normal; text-decoration:none;
    font-size: 18px;
    padding: 0 0 5px;
    line-height: 22px;
    color: #05171f;
    padding: 10px 20px; box-sizing: border-box;
    border-top: 1px solid #e9e9e9;

  }
  .grafika-obal .obal-odpovedi a:hover {color: #2F6AC2;}

  .grafika-obal .obal-odpovedi a .odrazka {
      width: 28px;
      height: 22px;
      background: url('https://graphics.stdout.cz/f2a93d11e3ad5c7492f055e82c1e736c/odrazka._0_.png') no-repeat left top;
      display: block;
      float: left;
      padding: 8px 10px 0 0;
      text-shadow: none;
      margin: 2px 0 0 0;
  }


  .grafika-obal .obal-odpovedi.odpovezeno a {color: #B9B9B9;}
  .grafika-obal .obal-odpovedi a.vybranaOdpoved {color:black;}
  .grafika-obal .obal-odpovedi a.vybranaOdpoved .odrazka, .grafika-obal.desktop .obal-odpovedi a:hover .odrazka {background: url('https://graphics.stdout.cz/f2a93d11e3ad5c7492f055e82c1e736c/odrazka-hover._0_.png') no-repeat left top;}


  .obal-odpovedi.hodnoceni p a {
    color: #2F6AC2;
    display: inline;
    text-decoration: underline;
    border: 0;
    padding: 0;
}

  .grafika-obal .obal-test .tlac {
      display: inline-block;
      font-size: 22px;
      padding: 16px 28px;
      margin: 15px 0 0;
      background-color: #2F6AC2;
      color: #ffffff;
      cursor: pointer;
      text-decoration: none;
      border-radius: 4px;
  }
  .grafika-obal .obal-test .tlac:hover {background-color: #4078C8; color: #ffffff;}


  .grafika-obal .obal-test .dalsi-ot {
  text-align: center; display: block;
  }

  .grafika-obal .obal-test .dalsi-ot a:hover {
          background: #4078C8;
  }



.grafika-obal .obal-test .pocitadlo {
    display: block;
    width: 100%; font-size: 14px;
    text-align: center;
    font-weight: normal;
    padding: 20px 0 0;
    border-top: 1px solid #e9e9e9;
}



.obal-odpovedi.hodnoceni {
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    padding: 20px 50px;
    margin: 0 0 20px 0;
    background-color: #e9e9e9;
}



.grafika-obal .otObr .zdroj {
    text-align: right;
    display: block;
    margin-bottom: 0;
    font-size: 11px !important;
    font-style: italic;
    position: absolute;
    bottom: 0;
    right: 0;
    color: white !important;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
    background: rgba(0, 0, 0, 0.38);
    padding: 3px 5px 5px 7px !important;
}

.grafika-obal.desktop .tl-spustit-test img {
    transition: all 0.5s;
}
.grafika-obal.desktop .tl-spustit-test:hover img {
    transform: scale(1.1);
}



@media screen and (max-width: 480px) {
  .grafika-obal .obal-test h2 {
    padding: 0 10px 10px;
    margin: 0px;
    font-size: 20px;
  }
  .grafika-obal .obal-odpovedi a {
    padding: 7px 10px 11px 10px;
  }
  .grafika-obal .obal-test .pocitadlo {
    padding: 10px 0 0 0;
  }
  .grafika-obal .obal-odpovedi {
    padding: 0;
  }
}
