img.info {
  width: 100%;
  max-width: 320px;
}

.center {
  text-align: center;
}

table.sexwar {
  width: 100%;
  max-width: 600px;
}

table.sexwar tr td {
  width: 50%;
  text-align: center;
  border: 1px solid #6aaad9;
}

table.sexwar tr td.display {
  width: 50%;
  text-align: center;
  height: 100px;
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

table.sexwar tr td.display div {
  width: 100%;
  height: 100px;
  position: absolute;
  overflow: hidden;
  vertical-align: top;
  top: 0px;
  left: 0px;
}

table.sexwar tr td.male {
  background-image: url(../images/male.png);
}

table.sexwar tr td.female {
  background-image: url(../images/female.png);
}

td.weapon {
  padding: 6px;
  background-color: #d8d292;
}

td.weapon a {
  padding: 4px;
  margin-left: 3px;
  display: inline-block;
}

td.weapon a img {
  background-color: #fefff7;
  padding: 2px;
  border-radius: 10px;
  -moz-border-radius: 10px;
}

td.weapon a:hover {
  background-color: #f0f0f0;
}

img.weapon {
  position: absolute;
  max-width: 30px;
  max-height: 50px;
}

img.weapon_avatar {
  width: 20px;
  border-radius: 50%;
  -moz-border-radius: 50%;
}

div.sex_menu {
  padding: 4px;
  border-bottom: 1px solid gray;
}

div.wars-menu {
  padding: 6px;
  border: 1px solid #eaeaea;
  margin: 2px;
}

div.wars-progress {
  background-color: #bfbfbf;
  position: relative;
  height: 14px;
  font-size: 12px;
  line-height: 15px;
  color: #ffffff;
}

div.wars-progress div {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 14px;
}

div.wars-progress span {
  position: relative;
}

div.wars-progress div.male {
  background-color: #184d8b;
  background-color: #1abd15;
}

div.wars-progress div.female {
  background-color: #a80097;
  background-color: #1abd15;
}

div.wars-over {
  padding: 6px;
  background-color: #fffbe6;
}

.potracheno {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.potracheno img {
  margin-top: 27%;
  max-width: 90%;
}

.weapon_form {
  background-color: #fae2ba;
}

.text-info {
  font-size: small;
  color: #9b9b9b;
}

.sex_chat {
  padding: 4px;
  background-color: #d78c28;
  color: #ffffff;
}

.sex_chat a {
  color: #ffecbf;
}

div.title-male, div.title-female {
  background-color: #7b6709;
  color:#ffffff;
}

div.title-male a, div.title-female a {
  color: #fff2dd;
}


.post-male, .post-female {
  padding: 6px;
  border-bottom: 1px solid #95dfe3;
}

.post-male {
  background-color: #f3f8fc;
}

.post-female {
  background-color: #f9eafb;
}

@media screen and (min-width:240px) {
  table.sexwar tr td.display, table.sexwar tr td.display div {
    height: 128px;
  }
  
  img.weapon, img.weapon_avatar {
    width: 30px;
    max-width: 100%;
    max-height: 100%;
  }
}

@media screen and (min-width:480px) {
  table.sexwar tr td.display, table.sexwar tr td.display div {
    height: 200px;
  }
  
  img.weapon, img.weapon_avatar {
    width: auto;
    max-width: 100%;
    max-height: 100%;
  }
}