#campo {
  position: relative;
  background: url("../images/formazione/campo_calcio.jpg") center top no-repeat;
  margin: 4px;
  text-align: center;
}
.disponibile {
  padding: 3px;
  height: 28px;
}

#panchina h2,
#disponibili h2 {
  color: #333;
  background-color: #c8c8c8;
  text-align: center;
  font-size: 1.3em;
  height: 32px;
  line-height: 1.3em;
}
.giocatore {
  cursor: hand;
  cursor: pointer;
}

.disponibile.attivo,
.attivo .portapanchinaro {
  background-color: #f00;
  color: #fff;
}
#panchina {
  position: relative;
}
#panchina .panchinaro {
  clear: both;
  width: 100%;
  margin: 4px;
  height: 36px;
}
#riepilogo {
  position: absolute;
  top: 540px;
  text-align: center;
  width: 100%;
}
.sbloccati {
  position: relative;
  margin-top: 570px;
}
.sbloccali {
  position: relative;
  margin-top: 570px;
}
.sbloccali .bottone,
.sbloccati .bottone {
  position: relative;
  float: left;
}
#panchina .panchinaro .portapanchinaro {
  border: 1px solid #ccc;
  margin-left: 10px;
  display: inline-block;
  float: left;
  width: 200px;
  padding: 3px;
  height: 28px;
}

#panchina > div > span {
  display: inline-block;
  float: left;
  margin-top: 5px;
  font-weight: bold;
}

.titolare {
  position: absolute;
  width: 110px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: top center;
}

.titolare .portanome {
  position: absolute;
  bottom: 0px;
  left: 0px;
  color: #fff;
  width: 100%;
  text-align: center;
  overflow: hidden;
  font-size: 0.75em;
  background-repeat: no-repeat;
  background-position: top center;
  height: 44px;
}

.titolare .portanome.bloccato {
  background-image: url("../images/formazione/nome_disattivo.png");
}
.titolare .portanome.sbloccato {
  background-image: url("../images/formazione/nome_attivo.png");
}
.titolare.attivo .portanome.sbloccato {
  background-image: url("../images/formazione/nome_selezionato.png");
}

.capitano {
  position: absolute;
  background: url("../images/formazione/bott_cap_spe.png") center top no-repeat;
  width: 30px;
  height: 14px;
  cursor: hand;
  cursor: pointer;
}

.capitano.attivo {
  background: url("../images/formazione/bott_cap_acc.png") center top no-repeat;
}

.vicecapitano {
  position: absolute;
  background: url("../images/formazione/bott_vcp_spe.png") center top no-repeat;
  width: 30px;
  height: 14px;
  cursor: hand;
  cursor: pointer;
}

.vicecapitano.attivo {
  background: url("../images/formazione/bott_vcp_acc.png") center top no-repeat;
}
#g1 {
  top: 10px;
  left: 200px;
}

.f3-3-3-1 #g2 {
  top: 110px;
  left: 50px;
}
.f3-3-3-1 #g3 {
  top: 110px;
  left: 203px;
}
.f3-3-3-1 #g4 {
  top: 110px;
  left: 355px;
}
.f3-3-3-1 #g5 {
  top: 220px;
  left: 50px;
}
.f3-3-3-1 #g6 {
  top: 220px;
  left: 203px;
}
.f3-3-3-1 #g7 {
  top: 220px;
  left: 355px;
}
.f3-3-3-1 #g8 {
  top: 320px;
  left: 50px;
}
.f3-3-3-1 #g9 {
  top: 320px;
  left: 203px;
}
.f3-3-3-1 #g10 {
  top: 320px;
  left: 355px;
}
.f3-3-3-1 #g11 {
  top: 410px;
  left: 203px;
}

.f3-3-1-3 #g2 {
  top: 110px;
  left: 50px;
}
.f3-3-1-3 #g3 {
  top: 110px;
  left: 203px;
}
.f3-3-1-3 #g4 {
  top: 110px;
  left: 355px;
}
.f3-3-1-3 #g5 {
  top: 220px;
  left: 50px;
}
.f3-3-1-3 #g6 {
  top: 220px;
  left: 203px;
}
.f3-3-1-3 #g7 {
  top: 220px;
  left: 355px;
}
.f3-3-1-3 #g8 {
  top: 320px;
  left: 203px;
}
.f3-3-1-3 #g9 {
  top: 420px;
  left: 50px;
}
.f3-3-1-3 #g10 {
  top: 420px;
  left: 203px;
}
.f3-3-1-3 #g11 {
  top: 420px;
  left: 355px;
}

.f3-3-2-2 #g2 {
  top: 110px;
  left: 50px;
}
.f3-3-2-2 #g3 {
  top: 110px;
  left: 203px;
}
.f3-3-2-2 #g4 {
  top: 110px;
  left: 355px;
}
.f3-3-2-2 #g5 {
  top: 220px;
  left: 50px;
}
.f3-3-2-2 #g6 {
  top: 220px;
  left: 203px;
}
.f3-3-2-2 #g7 {
  top: 220px;
  left: 355px;
}
.f3-3-2-2 #g8 {
  top: 330px;
  left: 80px;
}
.f3-3-2-2 #g9 {
  top: 330px;
  left: 325px;
}
.f3-3-2-2 #g10 {
  top: 370px;
  left: 140px;
}
.f3-3-2-2 #g11 {
  top: 370px;
  left: 265px;
}

.f3-4-3 #g2 {
  top: 110px;
  left: 50px;
}
.f3-4-3 #g3 {
  top: 110px;
  left: 203px;
}
.f3-4-3 #g4 {
  top: 110px;
  left: 355px;
}
.f3-4-3 #g5 {
  top: 230px;
  left: 20px;
}
.f3-4-3 #g6 {
  top: 230px;
  left: 140px;
}
.f3-4-3 #g7 {
  top: 230px;
  left: 265px;
}
.f3-4-3 #g8 {
  top: 230px;
  left: 385px;
}
.f3-4-3 #g9 {
  top: 370px;
  left: 50px;
}
.f3-4-3 #g10 {
  top: 370px;
  left: 203px;
}
.f3-4-3 #g11 {
  top: 370px;
  left: 355px;
}

.f3-5-2 #g2 {
  top: 110px;
  left: 50px;
}
.f3-5-2 #g3 {
  top: 110px;
  left: 203px;
}
.f3-5-2 #g4 {
  top: 110px;
  left: 355px;
}
.f3-5-2 #g5 {
  top: 280px;
  left: 3px;
}
.f3-5-2 #g6 {
  top: 245px;
  left: 103px;
}
.f3-5-2 #g7 {
  top: 210px;
  left: 203px;
}
.f3-5-2 #g8 {
  top: 245px;
  left: 303px;
}
.f3-5-2 #g9 {
  top: 280px;
  left: 403px;
}
.f3-5-2 #g10 {
  top: 370px;
  left: 140px;
}
.f3-5-2 #g11 {
  top: 370px;
  left: 265px;
}

.f6-3-1 #g1 {
  top: -10px;
  left: 200px;
}
.f6-3-1 #g2 {
  top: 60px;
  left: 50px;
}
.f6-3-1 #g3 {
  top: 80px;
  left: 203px;
}
.f6-3-1 #g4 {
  top: 60px;
  left: 355px;
}
.f6-3-1 #g5 {
  top: 140px;
  left: 50px;
}
.f6-3-1 #g6 {
  top: 160px;
  left: 203px;
}
.f6-3-1 #g7 {
  top: 140px;
  left: 355px;
}
.f6-3-1 #g8 {
  top: 270px;
  left: 50px;
}
.f6-3-1 #g9 {
  top: 270px;
  left: 203px;
}
.f6-3-1 #g10 {
  top: 270px;
  left: 355px;
}
.f6-3-1 #g11 {
  top: 390px;
  left: 203px;
}

.f6-1-2-1 #g1 {
  top: -10px;
  left: 200px;
}
.f6-1-2-1 #g2 {
  top: 60px;
  left: 50px;
}
.f6-1-2-1 #g3 {
  top: 80px;
  left: 203px;
}
.f6-1-2-1 #g4 {
  top: 60px;
  left: 355px;
}
.f6-1-2-1 #g5 {
  top: 140px;
  left: 50px;
}
.f6-1-2-1 #g6 {
  top: 160px;
  left: 203px;
}
.f6-1-2-1 #g7 {
  top: 140px;
  left: 355px;
}
.f6-1-2-1 #g8 {
  top: 210px;
  left: 203px;
}
.f6-1-2-1 #g9 {
  top: 330px;
  left: 80px;
}
.f6-1-2-1 #g10 {
  top: 330px;
  left: 325px;
}
.f6-1-2-1 #g11 {
  top: 390px;
  left: 203px;
}

.f3-6-1 #g1 {
  top: -10px;
  left: 200px;
}
.f3-6-1 #g2 {
  top: 80px;
  left: 50px;
}
.f3-6-1 #g3 {
  top: 80px;
  left: 203px;
}
.f3-6-1 #g4 {
  top: 80px;
  left: 355px;
}
.f3-6-1 #g5 {
  top: 200px;
  left: 50px;
}
.f3-6-1 #g6 {
  top: 200px;
  left: 203px;
}
.f3-6-1 #g7 {
  top: 200px;
  left: 355px;
}
.f3-6-1 #g8 {
  top: 295px;
  left: 50px;
}
.f3-6-1 #g9 {
  top: 295px;
  left: 203px;
}
.f3-6-1 #g10 {
  top: 295px;
  left: 355px;
}
.f3-6-1 #g11 {
  top: 410px;
  left: 203px;
}

.f4-3-3 #g2 {
  top: 110px;
  left: 20px;
}
.f4-3-3 #g3 {
  top: 110px;
  left: 140px;
}
.f4-3-3 #g4 {
  top: 110px;
  left: 265px;
}
.f4-3-3 #g5 {
  top: 110px;
  left: 385px;
}
.f4-3-3 #g6 {
  top: 230px;
  left: 50px;
}
.f4-3-3 #g7 {
  top: 230px;
  left: 203px;
}
.f4-3-3 #g8 {
  top: 230px;
  left: 355px;
}
.f4-3-3 #g9 {
  top: 350px;
  left: 50px;
}
.f4-3-3 #g10 {
  top: 350px;
  left: 203px;
}
.f4-3-3 #g11 {
  top: 350px;
  left: 355px;
}

.f4-2-4 #g2 {
  top: 110px;
  left: 20px;
}
.f4-2-4 #g3 {
  top: 110px;
  left: 140px;
}
.f4-2-4 #g4 {
  top: 110px;
  left: 265px;
}
.f4-2-4 #g5 {
  top: 110px;
  left: 385px;
}
.f4-2-4 #g6 {
  top: 230px;
  left: 90px;
}
.f4-2-4 #g7 {
  top: 230px;
  left: 315px;
}
.f4-2-4 #g8 {
  top: 350px;
  left: 20px;
}
.f4-2-4 #g9 {
  top: 350px;
  left: 140px;
}
.f4-2-4 #g10 {
  top: 350px;
  left: 265px;
}
.f4-2-4 #g11 {
  top: 350px;
  left: 385px;
}

.f4-4-2 #g2 {
  top: 110px;
  left: 20px;
}
.f4-4-2 #g3 {
  top: 110px;
  left: 140px;
}
.f4-4-2 #g4 {
  top: 110px;
  left: 265px;
}
.f4-4-2 #g5 {
  top: 110px;
  left: 385px;
}
.f4-4-2 #g6 {
  top: 230px;
  left: 20px;
}
.f4-4-2 #g7 {
  top: 230px;
  left: 140px;
}
.f4-4-2 #g8 {
  top: 230px;
  left: 265px;
}
.f4-4-2 #g9 {
  top: 230px;
  left: 385px;
}
.f4-4-2 #g10 {
  top: 350px;
  left: 140px;
}
.f4-4-2 #g11 {
  top: 350px;
  left: 265px;
}

.f4-5-1 #g2 {
  top: 110px;
  left: 20px;
}
.f4-5-1 #g3 {
  top: 110px;
  left: 140px;
}
.f4-5-1 #g4 {
  top: 110px;
  left: 265px;
}
.f4-5-1 #g5 {
  top: 110px;
  left: 385px;
}
.f4-5-1 #g6 {
  top: 280px;
  left: 3px;
}
.f4-5-1 #g7 {
  top: 245px;
  left: 103px;
}
.f4-5-1 #g8 {
  top: 210px;
  left: 203px;
}
.f4-5-1 #g9 {
  top: 245px;
  left: 303px;
}
.f4-5-1 #g10 {
  top: 280px;
  left: 403px;
}
.f4-5-1 #g11 {
  top: 370px;
  left: 203px;
}

.f5-3-2 #g2 {
  top: 180px;
  left: 3px;
}
.f5-3-2 #g3 {
  top: 145px;
  left: 103px;
}
.f5-3-2 #g4 {
  top: 110px;
  left: 203px;
}
.f5-3-2 #g5 {
  top: 145px;
  left: 303px;
}
.f5-3-2 #g6 {
  top: 180px;
  left: 403px;
}
.f5-3-2 #g7 {
  top: 280px;
  left: 70px;
}
.f5-3-2 #g8 {
  top: 250px;
  left: 203px;
}
.f5-3-2 #g9 {
  top: 280px;
  left: 335px;
}
.f5-3-2 #g10 {
  top: 380px;
  left: 140px;
}
.f5-3-2 #g11 {
  top: 380px;
  left: 265px;
}

.f5-4-1 #g2 {
  top: 180px;
  left: 3px;
}
.f5-4-1 #g3 {
  top: 145px;
  left: 103px;
}
.f5-4-1 #g4 {
  top: 110px;
  left: 203px;
}
.f5-4-1 #g5 {
  top: 145px;
  left: 303px;
}
.f5-4-1 #g6 {
  top: 180px;
  left: 403px;
}
.f5-4-1 #g7 {
  top: 300px;
  left: 20px;
}
.f5-4-1 #g8 {
  top: 270px;
  left: 140px;
}
.f5-4-1 #g9 {
  top: 270px;
  left: 265px;
}
.f5-4-1 #g10 {
  top: 300px;
  left: 385px;
}
.f5-4-1 #g11 {
  top: 380px;
  left: 203px;
}

.f3-4-1-2 #g2 {
  top: 110px;
  left: 50px;
}
.f3-4-1-2 #g3 {
  top: 110px;
  left: 203px;
}
.f3-4-1-2 #g4 {
  top: 110px;
  left: 355px;
}
.f3-4-1-2 #g5 {
  top: 220px;
  left: 20px;
}
.f3-4-1-2 #g6 {
  top: 220px;
  left: 140px;
}
.f3-4-1-2 #g7 {
  top: 220px;
  left: 265px;
}
.f3-4-1-2 #g8 {
  top: 220px;
  left: 385px;
}
.f3-4-1-2 #g9 {
  top: 330px;
  left: 203px;
}
.f3-4-1-2 #g10 {
  top: 400px;
  left: 80px;
}
.f3-4-1-2 #g11 {
  top: 400px;
  left: 325px;
}

.f3-4-2-1 #g2 {
  top: 110px;
  left: 50px;
}
.f3-4-2-1 #g3 {
  top: 110px;
  left: 203px;
}
.f3-4-2-1 #g4 {
  top: 110px;
  left: 355px;
}
.f3-4-2-1 #g5 {
  top: 220px;
  left: 20px;
}
.f3-4-2-1 #g6 {
  top: 220px;
  left: 140px;
}
.f3-4-2-1 #g7 {
  top: 220px;
  left: 265px;
}
.f3-4-2-1 #g8 {
  top: 220px;
  left: 385px;
}
.f3-4-2-1 #g9 {
  top: 330px;
  left: 80px;
}
.f3-4-2-1 #g10 {
  top: 330px;
  left: 325px;
}
.f3-4-2-1 #g11 {
  top: 400px;
  left: 203px;
}

.f3-5-1-1 #g2 {
  top: 110px;
  left: 50px;
}
.f3-5-1-1 #g3 {
  top: 110px;
  left: 203px;
}
.f3-5-1-1 #g4 {
  top: 110px;
  left: 355px;
}
.f3-5-1-1 #g5 {
  top: 280px;
  left: 3px;
}
.f3-5-1-1 #g6 {
  top: 245px;
  left: 103px;
}
.f3-5-1-1 #g7 {
  top: 210px;
  left: 203px;
}
.f3-5-1-1 #g8 {
  top: 245px;
  left: 303px;
}
.f3-5-1-1 #g9 {
  top: 280px;
  left: 403px;
}
.f3-5-1-1 #g10 {
  top: 320px;
  left: 203px;
}
.f3-5-1-1 #g11 {
  top: 420px;
  left: 203px;
}

.f4-1-3-2 #g2 {
  top: 110px;
  left: 20px;
}
.f4-1-3-2 #g3 {
  top: 110px;
  left: 140px;
}
.f4-1-3-2 #g4 {
  top: 110px;
  left: 265px;
}
.f4-1-3-2 #g5 {
  top: 110px;
  left: 385px;
}
.f4-1-3-2 #g6 {
  top: 210px;
  left: 203px;
}
.f4-1-3-2 #g7 {
  top: 310px;
  left: 50px;
}
.f4-1-3-2 #g8 {
  top: 310px;
  left: 203px;
}
.f4-1-3-2 #g9 {
  top: 310px;
  left: 355px;
}
.f4-1-3-2 #g10 {
  top: 420px;
  left: 80px;
}
.f4-1-3-2 #g11 {
  top: 420px;
  left: 325px;
}

.f4-3-1-2 #g2 {
  top: 110px;
  left: 20px;
}
.f4-3-1-2 #g3 {
  top: 110px;
  left: 140px;
}
.f4-3-1-2 #g4 {
  top: 110px;
  left: 265px;
}
.f4-3-1-2 #g5 {
  top: 110px;
  left: 385px;
}
.f4-3-1-2 #g6 {
  top: 230px;
  left: 50px;
}
.f4-3-1-2 #g7 {
  top: 230px;
  left: 203px;
}
.f4-3-1-2 #g8 {
  top: 230px;
  left: 355px;
}
.f4-3-1-2 #g9 {
  top: 330px;
  left: 203px;
}
.f4-3-1-2 #g10 {
  top: 400px;
  left: 80px;
}
.f4-3-1-2 #g11 {
  top: 400px;
  left: 325px;
}

.f4-3-2-1 #g2 {
  top: 110px;
  left: 20px;
}
.f4-3-2-1 #g3 {
  top: 110px;
  left: 140px;
}
.f4-3-2-1 #g4 {
  top: 110px;
  left: 265px;
}
.f4-3-2-1 #g5 {
  top: 110px;
  left: 385px;
}
.f4-3-2-1 #g6 {
  top: 230px;
  left: 50px;
}
.f4-3-2-1 #g7 {
  top: 230px;
  left: 203px;
}
.f4-3-2-1 #g8 {
  top: 230px;
  left: 355px;
}
.f4-3-2-1 #g9 {
  top: 330px;
  left: 80px;
}
.f4-3-2-1 #g10 {
  top: 330px;
  left: 325px;
}
.f4-3-2-1 #g11 {
  top: 400px;
  left: 203px;
}

.f4-2-3-1 #g2 {
  top: 110px;
  left: 20px;
}
.f4-2-3-1 #g3 {
  top: 110px;
  left: 140px;
}
.f4-2-3-1 #g4 {
  top: 110px;
  left: 265px;
}
.f4-2-3-1 #g5 {
  top: 110px;
  left: 385px;
}
.f4-2-3-1 #g6 {
  top: 220px;
  left: 90px;
}
.f4-2-3-1 #g7 {
  top: 220px;
  left: 315px;
}
.f4-2-3-1 #g8 {
  top: 320px;
  left: 50px;
}
.f4-2-3-1 #g9 {
  top: 320px;
  left: 203px;
}
.f4-2-3-1 #g10 {
  top: 320px;
  left: 355px;
}
.f4-2-3-1 #g11 {
  top: 420px;
  left: 203px;
}

.f3-2-3-2 #g2 {
  top: 110px;
  left: 50px;
}
.f3-2-3-2 #g3 {
  top: 110px;
  left: 203px;
}
.f3-2-3-2 #g4 {
  top: 110px;
  left: 355px;
}
.f3-2-3-2 #g5 {
  top: 220px;
  left: 90px;
}
.f3-2-3-2 #g6 {
  top: 220px;
  left: 315px;
}
.f3-2-3-2 #g7 {
  top: 320px;
  left: 50px;
}
.f3-2-3-2 #g8 {
  top: 320px;
  left: 203px;
}
.f3-2-3-2 #g9 {
  top: 320px;
  left: 335px;
}
.f3-2-3-2 #g10 {
  top: 420px;
  left: 90px;
}
.f3-2-3-2 #g11 {
  top: 420px;
  left: 315px;
}

.f3-2-4-1 #g2 {
  top: 110px;
  left: 50px;
}
.f3-2-4-1 #g3 {
  top: 110px;
  left: 203px;
}
.f3-2-4-1 #g4 {
  top: 110px;
  left: 355px;
}
.f3-2-4-1 #g5 {
  top: 220px;
  left: 90px;
}
.f3-2-4-1 #g6 {
  top: 220px;
  left: 315px;
}
.f3-2-4-1 #g7 {
  top: 290px;
  left: 20px;
}
.f3-2-4-1 #g8 {
  top: 310px;
  left: 140px;
}
.f3-2-4-1 #g9 {
  top: 310px;
  left: 265px;
}
.f3-2-4-1 #g10 {
  top: 290px;
  left: 385px;
}
.f3-2-4-1 #g11 {
  top: 410px;
  left: 203px;
}

.f4-2-1-3 #g2 {
  top: 110px;
  left: 20px;
}
.f4-2-1-3 #g3 {
  top: 110px;
  left: 140px;
}
.f4-2-1-3 #g4 {
  top: 110px;
  left: 265px;
}
.f4-2-1-3 #g5 {
  top: 110px;
  left: 385px;
}
.f4-2-1-3 #g6 {
  top: 220px;
  left: 90px;
}
.f4-2-1-3 #g7 {
  top: 220px;
  left: 315px;
}
.f4-2-1-3 #g8 {
  top: 320px;
  left: 203px;
}
.f4-2-1-3 #g9 {
  top: 420px;
  left: 50px;
}
.f4-2-1-3 #g10 {
  top: 420px;
  left: 203px;
}
.f4-2-1-3 #g11 {
  top: 420px;
  left: 355px;
}

.f4-2-2-2 #g2 {
  top: 110px;
  left: 20px;
}
.f4-2-2-2 #g3 {
  top: 110px;
  left: 140px;
}
.f4-2-2-2 #g4 {
  top: 110px;
  left: 265px;
}
.f4-2-2-2 #g5 {
  top: 110px;
  left: 385px;
}
.f4-2-2-2 #g6 {
  top: 220px;
  left: 90px;
}
.f4-2-2-2 #g7 {
  top: 220px;
  left: 315px;
}
.f4-2-2-2 #g8 {
  top: 320px;
  left: 80px;
}
.f4-2-2-2 #g9 {
  top: 320px;
  left: 325px;
}
.f4-2-2-2 #g10 {
  top: 420px;
  left: 90px;
}
.f4-2-2-2 #g11 {
  top: 420px;
  left: 315px;
}

.f4-1-4-1 #g2 {
  top: 110px;
  left: 20px;
}
.f4-1-4-1 #g3 {
  top: 110px;
  left: 140px;
}
.f4-1-4-1 #g4 {
  top: 110px;
  left: 265px;
}
.f4-1-4-1 #g5 {
  top: 110px;
  left: 385px;
}
.f4-1-4-1 #g6 {
  top: 230px;
  left: 203px;
}
.f4-1-4-1 #g7 {
  top: 290px;
  left: 20px;
}
.f4-1-4-1 #g8 {
  top: 310px;
  left: 140px;
}
.f4-1-4-1 #g9 {
  top: 310px;
  left: 265px;
}
.f4-1-4-1 #g10 {
  top: 290px;
  left: 385px;
}
.f4-1-4-1 #g11 {
  top: 410px;
  left: 203px;
}

.f5-1-3-1 #g2 {
  top: 180px;
  left: 3px;
}
.f5-1-3-1 #g3 {
  top: 145px;
  left: 103px;
}
.f5-1-3-1 #g4 {
  top: 110px;
  left: 203px;
}
.f5-1-3-1 #g5 {
  top: 145px;
  left: 303px;
}
.f5-1-3-1 #g6 {
  top: 180px;
  left: 403px;
}
.f5-1-3-1 #g7 {
  top: 230px;
  left: 203px;
}
.f5-1-3-1 #g8 {
  top: 320px;
  left: 50px;
}
.f5-1-3-1 #g9 {
  top: 320px;
  left: 203px;
}
.f5-1-3-1 #g10 {
  top: 320px;
  left: 355px;
}
.f5-1-3-1 #g11 {
  top: 420px;
  left: 203px;
}

.f5-3-1-1 #g2 {
  top: 180px;
  left: 3px;
}
.f5-3-1-1 #g3 {
  top: 145px;
  left: 103px;
}
.f5-3-1-1 #g4 {
  top: 110px;
  left: 203px;
}
.f5-3-1-1 #g5 {
  top: 145px;
  left: 303px;
}
.f5-3-1-1 #g6 {
  top: 180px;
  left: 403px;
}
.f5-3-1-1 #g7 {
  top: 260px;
  left: 70px;
}
.f5-3-1-1 #g8 {
  top: 230px;
  left: 203px;
}
.f5-3-1-1 #g9 {
  top: 260px;
  left: 335px;
}
.f5-3-1-1 #g10 {
  top: 330px;
  left: 203px;
}
.f5-3-1-1 #g11 {
  top: 430px;
  left: 203px;
}

.f5-2-2-1 #g2 {
  top: 180px;
  left: 3px;
}
.f5-2-2-1 #g3 {
  top: 145px;
  left: 103px;
}
.f5-2-2-1 #g4 {
  top: 110px;
  left: 203px;
}
.f5-2-2-1 #g5 {
  top: 145px;
  left: 303px;
}
.f5-2-2-1 #g6 {
  top: 180px;
  left: 403px;
}
.f5-2-2-1 #g7 {
  top: 240px;
  left: 90px;
}
.f5-2-2-1 #g8 {
  top: 240px;
  left: 315px;
}
.f5-2-2-1 #g9 {
  top: 340px;
  left: 80px;
}
.f5-2-2-1 #g10 {
  top: 340px;
  left: 325px;
}
.f5-2-2-1 #g11 {
  top: 410px;
  left: 203px;
}

.f4-4-1-1 #g2 {
  top: 110px;
  left: 20px;
}
.f4-4-1-1 #g3 {
  top: 110px;
  left: 140px;
}
.f4-4-1-1 #g4 {
  top: 110px;
  left: 265px;
}
.f4-4-1-1 #g5 {
  top: 110px;
  left: 385px;
}
.f4-4-1-1 #g6 {
  top: 230px;
  left: 20px;
}
.f4-4-1-1 #g7 {
  top: 230px;
  left: 140px;
}
.f4-4-1-1 #g8 {
  top: 230px;
  left: 265px;
}
.f4-4-1-1 #g9 {
  top: 230px;
  left: 385px;
}
.f4-4-1-1 #g10 {
  top: 330px;
  left: 203px;
}
.f4-4-1-1 #g11 {
  top: 430px;
  left: 203px;
}