.vizitka {
  display: inline-block;
  zpadding: 1em;
  padding: 0;
  margin: 0 3px 3px 0;
  zmargin: 0;
  zborder: solid black 1px;
  zborder: none;
  text-align: left;
  vertical-align: top;
  ztext-decoration: none;

  zwidth:  320px;
  zheight: 180px;

  background:
    linear-gradient(
      to bottom,

/* присинённый: */
/*
      rgba(0, 0, 255, .5),
      rgba(0, 0, 255, .5)
*/

/* прижелтённый: */
/*
      rgba(128, 128, 0, .2),
      rgba(128, 128, 0, .2)
*/

/* присерённый: */
      rgba(0, 0, 0, .3),
      rgba(0, 0, 0, .3)

    ),
    url(http://kruiz.shakhty.su/images/lyjnik-700.png)
/*
    url(https://html5book.ru/wp-content/uploads/2016/12/photo-8.jpg)
    url(http://pda.shakhty.su/images/verh-4.gif)
*/
  ; 

  zbackground-size: 100% 100%;
  zbackground-size: 100% auto;
  background-size: cover;
  zbackground-position: bottom;
  zbackground-repeat: no-repeat;

  font-family: Helvetica, Arial;
  color: white;

  text-shadow:
    .5px .5px black,
    .5px -.5px black,
    -.5px -.5px black,
    -.5px .5px black
  ;

  box-sizing: border-box;
  border: solid transparent 5px;
}

.vizitka:hover, .vizitka:visited:hover {
  text-decoration: none;
  zborder-color: #087;
  border-color: #1db1ad;
  zborder-color: #EFF;
  zcolor: yellow;
}

.vizitka:visited {
  color: white;
}

.vizitka:active {
  zcolor: yellow;
}

.vizitka > div {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;

  zbackground-color: lime;
  zborder: solid lime 2px;

  zheight: calc(180px - 1em);

  width:  320px;
  height: 180px;
  padding: 1em;
}

.vizitka > div > div {
  width: 100%;
  zborder: solid lime 2px;
}

.vizitka .data {
  margin-bottom: .5em;
  background-color: rgba(0, 0, 0, .3);
  display: inline-block;
  padding: 0 .2em;
}

.vizitka .zagolovok {
  font-weight: bold;
  font-size: 130%;
}

.vizitka .srok {
  zfont-style: italic;
  zfont-weight: bold;
  color: #006;
  margin-top: .5em;
  display: inline-block;
  border-radius: .5em;
  padding: 0 .5em;

  text-shadow: none;
  ztext-shadow:
    .5px .5px white,
    .5px -.5px white,
    -.5px -.5px white,
    -.5px .5px white
  ;

  background:
    linear-gradient(
      to bottom,

/* присерённый: */
      rgba(255, 255, 255, .5),
      rgba(255, 255, 255, .5)

    )
  ; 

}

.vizitka .cena {
  font-weight: bold;
  zmargin-top: 1em;
  display: inline-block;
  border-radius: .5em;
  padding: .2em .5em;
  border: solid white 1px;

  background:
    linear-gradient(
      to bottom,

/* присерённый: */
      rgba(0, 0, 0, .5),
      rgba(0, 0, 0, .5)

    )
  ; 

}