.block{
    margin: 20px auto;
    text-align: justify;
    width: 60%;
    min-width: 570px;
}
.content {
    width: 100%;
    border-style: none;    
    max-width: 600px;
    background-color: #333;
}
#GameView{
    background-image: url(./images/bg_topo.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: bottom;
}
#liftPos, #msgBox, #pinos {
    width: 100%;
    min-width: 470px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /*padding-left: 10%;
    padding-right: 10%;*/
}

#liftPos {
    /*margin-top: 50px;*/
    /*height: 60px;*/
    height: 130px;
    border-style: none;
    padding-top: 40px;
}

#pino1,#pino2,#pino3 {
    display: inline-block;
    width: 150px;
    height: 140px;
}

#msgBox {
    min-width: 470px;
    height: 125px;
    color: #FFF;
    background-image: url(./images/bg_base.png);
    padding-top: 30px;
    font-size: 1.2em;
}

.disco {
    border-width: 2px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    /*border-radius: 12% / 12%;*/
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    position: relative;
    z-index: 1;
}
#d1{
    background-image: url(./images/d1.png);
}
#d2{
    background-image: url(./images/d2.png);
}
#d3{
    background-image: url(./images/d3.png);
}
#d4{
    background-image: url(./images/d4.png);
}
#d5{
    background-image: url(./images/d5.png);
}
#d6{
    background-image: url(./images/d6.png);
}

.contentTorre {
    padding-top: 1px;
}
.pinoBG{
    background-image: url(./images/pin.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 12px;
    height: 140px;
    position: absolute;
    transform: translateX(68px);
    z-index: 0;
}
.pinoBG:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 0 20px 0 rgba(0, 0, 0, 0.6);
}
.scene {
  margin: 0 auto;
  position: relative;
  min-width: 570px;
  max-width: 835px;
}
.scene img {
    min-width: 100%;
    max-width: 570px;
    display: block;
}
.gameSlideup > *{
  display: none;
}
.gameSlideup, .gameSlidedown {
  overflow: hidden;
  transition: max-height .5s ease-in-out;
  max-height: 0;
  margin: 0;
}
.gameSlidedown {
  display: block;
  border-radius: 4px;
  /*max-height: 400px;*/
  max-height: 470px;
  max-width: 834px;
  position: relative;
  top: 10%;
}
.menu{
    display: inline-block;
    position: absolute;
    bottom: 75px;
    width: 100%;
    height: 78px;
    text-align: center;
}
.button{  
 max-width: 177px;
 max-height: 78px;
 width: 30%;
 height: 100%;
 background-size: contain;
 background-repeat: no-repeat;
 background-color: transparent;
 border: none;
 outline: none;
 cursor: pointer;
 position: relative;
 transition: all 0.3s ease-in-out;
}
.button:hover{
  transform: scale(1.1);
}
#btn_start{
  background-image: url(./images/start_button.png);
  width: 50%;
}