body {
  background-color: #f0f0f0;
  font-family: Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0;
}

.layout {
  background-color: #ffffff;
  margin: 0 auto;
  width: 100%;
  max-width: 640px;
  min-width: 240px;
}

.layout:after {
  content: "";
  display: table;
  clear: both;
}

.character {
  user-select: none;
  width: 240px;
}

.caption {
  font-family: 'Times New Roman', Times, serif;
  padding: 0px 9px;
  margin: 0;
}

.divider {
  margin: 0px 9px 9px 9px;
}

.text {
  font-size: 11px;
  padding: 0px 9px;
  margin: 9px 0px;
}

.buttons {
  list-style-type: none;
  padding: 0px 9px;
  margin: 9px 0px;
}

.button {
  display: inline-block;
  width: 88px;
  height: 31px;
}

.contacts {
  border-collapse: collapse;
  margin: 9px
}

.contacts .title, .contacts .contact {
  border: 1px solid;
  text-align: left;
  font-size: 11px;
  padding: 9px;
}