#tests {
  width: 730px;
  height: 716px;
  background: url('img/background.jpg') no-repeat;
}
#tests button {
  border: 0;
  text-indent: -9999px;
  cursor: pointer;
}
#tests .join {
  background: url('img/start.png') no-repeat;
  width: 109px;
  height: 109px;
  position: absolute;
  top: 400px;
  left: 310px;
}
#tests .question_title {
  color: #ffe59f;
  border: 0;
  font-size: 30px;
  font-family: 'estilotextregular';
  width: 290px;
  line-height: 33px;
  transform: rotate(-3deg);
  margin: 0 0 20px 36px;
}
#tests .add_to_gallery {
  background: url('img/addToGalery.png') no-repeat;
  width: 109px;
  height: 109px;
  position: absolute;
  top: 231px;
  right: 90px;
}
#tests.t {
  background: url('img/t.jpg') no-repeat !important;
}
#tests.s {
  background: url('img/s.jpg') no-repeat !important;
}
#tests.a {
  background: url('img/a.jpg') no-repeat !important;
}
#tests.j {
  background: url('img/j.jpg') no-repeat !important;
}
#tests.k {
	background: url('img/k.jpg') no-repeat !important;
}
#tests.m {
	background: url('img/m.jpg') no-repeat !important;
}
#tests.n {
	background: url('img/n.jpg') no-repeat !important;
}
#tests.p {
	background: url('img/p.jpg') no-repeat !important;
}
#tests .question_answer {
  color: white;
  font-size: 22px;
  font-family: 'estilotextregular';
  line-height: 31px;
  display: block;
  cursor: pointer;
  margin-bottom: 5px;
}
#tests .question_answer.selected::before {
  background: url('img/radio_checked.png') no-repeat;
}
#tests .question_answer::before {
  content: ".";
  text-indent: -9999px;
  background: url('img/radio.png') no-repeat;
  width: 31px;
  height: 31px;
  display: inline-block;
  margin-right: 10px;
}
#tests.sectIndex {
  background: url('img/game.jpg') no-repeat;
}
#tests .question_count {
  color: white;
  font-family: 'estilotextregular';
  font-size: 16px;
  margin-right: 15px;
  margin-left: 185px;
}
#tests .question_next {
  background: url('img/next.png') no-repeat;
  width: 39px;
  height: 39px;
}
#tests #question {
  position: absolute;
  top: 400px;
  left: 180px;
}
#tests #follow {
  background: url('img/follow.png') no-repeat;
  width: 201px;
  height: 36px;
  position: absolute;
  bottom: 55px;
  left: 260px;
  cursor: pointer;
}
#tests #follow.checked {
  background: url('img/follow_checked.png') no-repeat;
}
#tests #rules {
  width: 530px;
  height: 552px;
  background: white;
  position: absolute;
  bottom: 0;
  left: 90px;
  color: #5c1010;
  font-family: 'estilotextbold';
  font-size: 16px;
  line-height: 20px;
  padding: 15px;
  display: none;
  z-index: 6;
}
#tests .rules_title {
  text-align: center;
  text-transform: uppercase;
  font-family: 'estilotextbold';
  font-size: 22px;
  color: #5c1010;
  margin-bottom: 15px;
}
#tests .close {
  background: url('img/close.png') no-repeat;
  width: 42px;
  height: 42px;
  position: absolute;
  top: -3px;
  right: -3px;
  cursor: pointer;
}
#tests .introText {
  color: white;
  font-size: 19px;
  line-height: 20px;
  width: 480px;
  text-align: center;
  position: absolute;
  top: 546px;
  left: 120px;
  font-family: 'estilotextregular';
}
#tests #home {
  background: url('img/home.png') no-repeat;
  width: 56px;
  height: 71px;
  position: absolute;
  top: 30px;
  right: 90px;
  cursor: pointer;
}
#tests .rules {
  position: absolute;
  bottom: 15px;
  right: 15px;
  color: white;
  font-size: 19px;
  font-family: 'estilotextbold';
}
#tests #sayButton {
  background: url('img/saybutton.png') no-repeat;
  width: 56px;
  height: 71px;
  position: absolute;
  top: 30px;
  right: 15px;
  cursor: pointer;
}
#tests #say {
  background: url('img/say.png') no-repeat;
  width: 186px;
  height: 36px;
  position: absolute;
  bottom: 15px;
  left: 260px;
  cursor: pointer;
}
#tests #say.checked {
  background: url('img/say_checked.png') no-repeat;
}
#tests.sectJoin {
  background: url('img/intro.jpg') no-repeat;
}