div.bodyIndex_top {
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 5px;
   text-align: justify;
   font-family: verdana, arial;
   font-size: 1.6rem;
   /*background-color: #808000;*/
   /* width: 70rem; */
   @media only screen and (max-height: 500px) {
      display: none;
      visibility: hidden;
   }
   @media only screen and (max-width: 500px) {
      display: block;
      visibility: visible;
   }
}

div.bodyIndex_right {
   position: absolute;
   margin-top: 0px;
   margin-left: 430px;
   text-align: justify;
   font-family: verdana, arial;
   font-size: 1.6rem;
   height: 250px;
   /*background-color: #808000;*/
   @media only screen and (min-height: 501px) {
      display: none;
      visibility: hidden;
   }
   @media only screen and (max-width: 500px) {
      display: none;
      visibility: hidden;
   }
}

span.Intestazione1_Briscola {
   color: #000000;
   @media only screen and (max-height: 550px) {
      /*margin-left: 420px;*/
      font-size: 1.3rem;
      font-weight: normal;
      color: #0000FF;
   }
   @media only screen and (max-height: 430px) {
      /*margin-left: 420px;*/
      font-size: 1.3rem;
      font-weight: normal;
      color: #0000FF;
   }
   @media only screen and (max-height: 420px) {
      /*margin-left: 420px;*/
      font-size: 1.3rem;
      font-weight: normal;
      color: #0000FF;
   }
   @media only screen and (max-height: 380px) {
      /*margin-left: 420px;*/
      font-size: 1.3rem;
      font-weight: normal;
      color: #0000FF;
   }
   @media only screen and (max-height: 360px) {
      /*margin-left: 420px;*/
      font-size: 1.3rem;
      font-weight: normal;
      color: #0000FF;
   }
   @media only screen and (max-width: 500px) {
      /* non e' landscape */
      margin-left: 0px;
      font-size: 1.6rem;
      font-weight: bold;
      color: #0000FF;
   }
   @media only screen and (max-width: 380px) {
      font-size: 1.4rem;
      font-weight: bold;
      color: #0000FF;
   }
   @media only screen and (max-width: 340px) {
      font-size: 1.3rem;
      font-weight: bold;
      color: #0000FF;
   }
}

div.Tavolo {
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   height: 552px;
   font-family: verdana, arial;
   font-size: 1.6rem;
   background-color: #0080ff;
   @media only screen and (max-height: 599px) {
      height: 500px;
   }
   @media only screen and (max-height: 550px) {
      height: 420px;
   }
   @media only screen and (max-height: 500px) and (min-width: 500px) {
      /* Mette i messaggi livello, opzioni, ecc a destra invece che in alto */
      width: 420px;
   }
   @media only screen and (max-height: 430px) {
      height: 420px;
   }
   @media only screen and (max-height: 420px) {
      height: 410px;
   }
   @media only screen and (max-height: 400px) {
      height: 390px;
   }
   @media only screen and (max-height: 380px) {
      height: 370px;
   }
   @media only screen and (max-height: 360px) {
      height: 350px;
   }
   @media only screen and (max-height: 340px) {
      height: 300px;
   }
   @media only screen and (max-height: 310px) {
      height: 300px;
   }
   @media only screen and (max-height: 300px) {
      height: 290px;
   }
}

button.Partita {
   position: absolute;
   margin-left: 1rem;
   margin-top: 0.8rem;
   margin-bottom: 0.8rem;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 15px;
   padding-right: 15px;
   border-radius: 20px;
   outline: none;
   font-size: 1.92rem;
   width: 15rem;
   @media only screen and (max-height: 500px) {
      display: none;
      visibility: hidden;
   }
}

button.Opzioni {
   position: absolute;
   margin-left: 20rem;
   margin-top: 0rem;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   border-radius: 0px;
   outline: none;
   border: none;
   width: 10rem;
   text-align: left;
   background-color: aliceblue;
   color: #0000ff;
   display: inline-block;
   font-family: Verdana, Arial;
   font-size: 16px;
   font-weight: bold;
   font-style: normal;
   cursor: pointer;
   @media only screen and (max-height: 500px) {
      /*margin-top: 25px;*/
      margin-left: 0px;
      text-align: left;
   }
}

button.gvButton {
   padding: 10px;
   border-radius: 20px;
   /*border: 1px solid #ccc;*/
   border-width: 1px;
   border-style: solid;
   border-color: #777777;
   outline: none;
   font-size: 1.6rem;
   font-weight: normal;
   min-width: 100px;
   min-width: 10rem;
   cursor: pointer;
   background-color: #f5f5f5;
}

button.gvConferma {
   margin-left: 10px;
   margin-left: 1rem;
   height: 40px;
   /*background-color: #00ff00;*/
}

button.gvAnnulla {
   margin-left: 30px;
   margin-left: 3rem;
   height: 40px;
   /*background-color: #ff0000;*/
   /*color: #ffffff;*/
}

button.gvButtonHover:hover {
   border-width: thin;
   /*box-shadow: inset 1px 2px 5px #777;*/
   transform: translateY(1px);
   background-color: #e5e5e5;
}

button.TornaMenu {
   position: absolute;
   display: inline-block;
   margin-top: 180px;
   margin-left: 22rem;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 15px;
   padding-right: 15px;
   border-radius: 20px;
   outline: none;
   font-size: 1.6rem;
   width: 15rem;
   /*background-color: #ff0000;*/
   /*color: #ffffff;*/
   font-weight: normal;
}

button.TornaMenu_FinePartita {
   margin-top: 320px;
   @media only screen and (max-height: 380px) {
      margin-top: 190px;
   }
   @media only screen and (max-width: 360px) {
      width: 11rem;;
      padding-left: 5px;
      padding-right: 5px;
   }
}

button.Rivedi {
   @media only screen and (max-width: 600px) {
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px;
      border-radius: 0px;
      outline: none;
      border: none;
      width: 10rem;
      text-align: left;
      background-color: aliceblue;
      color: #0000ff;
      position: absolute;
      font-family: Verdana, Arial;
      font-size: 1.6rem;
      font-weight: bold;
      font-style: normal;
      margin-left: 30rem;
      margin-top: 0rem;
      cursor: pointer;
      display: none;
      visibility: hidden;
   }
   @media only screen and (min-width: 501px) {
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px;
      border-radius: 0px;
      outline: none;
      border: none;
      width: 10rem;
      text-align: left;
      background-color: aliceblue;
      color: #0000ff;
      position: absolute;
      font-family: Verdana, Arial;
      font-size: 1.6rem;
      font-weight: bold;
      font-style: normal;
      margin-left: 30rem;
      margin-top: 0rem;
      cursor: pointer;
      display: none;
      visibility: hidden;
   }
}

div.Partita {
   margin-top: 0px;
   background-color: #008000;
   display: none;
   visibility: hidden;
   height: 552px;
   max-height: 552px;
   @media only screen and (max-height: 599px) {
      height: 500px;
      max-height: 500px;
   }
   @media only screen and (max-height: 550px) {
      height: 420px;
      max-height: 420px;
   }
   @media only screen and (max-height: 430px) {
      height: 420px;
      max-height: 420px;
   }
   @media only screen and (max-height: 420px) {
      height: 410px;
      max-height: 410px;
   }
   @media only screen and (max-height: 400px) {
      height: 390px;
      max-height: 390px;
   }
   @media only screen and (max-height: 380px) {
      height: 370px;
      max-height: 370px;
   }
   @media only screen and (max-height: 360px) {
      height: 350px;
      max-height: 350px;
   }
   @media only screen and (max-height: 340px) {
      height: 300px;
      max-height: 300px;
   }
   @media only screen and (max-height: 310px) {
      height: 300px;
      max-height: 300px;
   }
   @media only screen and (max-height: 300px) {
      height: 290px;
      max-height: 290px;
   }
}

img.risultato {
   display: inline-block;
   position: absolute;
   margin-top: 10px;
   margin-left: 115px;
   height: 170px;
   width: 170px;
}
div.risultato {
   display: inline-block;
   position: absolute;
   margin-top: 200px;
   margin-left: 10px;
}
p.risultato {
   display: inline-block;
   position: absolute;
   margin-top: 190px;
   margin-left: 1rem;
   width: 23rem;
}