@media only screen and (max-width: 740px){
BODY{
    font-size:50%;
}

img
  {
    width:80%;
    height:80%;
  }

#sito
  {
    width:70%;
    height:70%;
  }

div.pagina {
    font-size:80%;
  }

div.fieldset {
    font-size:80%;
  }

fieldset {
    padding-left: 0px;
  }

legend {
    font-size:60%;
  }

input[type="submit"].btn {
    width: 33%;
    height: 20px;
    font-size:10px;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
}

input[type="text"] {
    height:50%;
    width:50%;
    display: inline-block;
    float: left;
  }

input[type="password"] {
    height:50%;
    width:50%;
    display: inline-block;
    float: left;
  }

input[type="image"].cerca {
    width:15%;
    height:15%;
    float:right;
  }

.myselect {
    width:50%;
  }

.riempitivo {
    display:none;
  }

.superfluo {
    display:none;
  }

th.menu {
    font-size:80%;
  }

th.elenco {
    font-size:50%;
  }

tr.elenco {
    font-size:50%;
  }

td.elenco {
    font-size:50%;
  }

.categoria {
    font-size:50%;
  }

.menu_item {
    font-size:50%;
  }

div.bottoni {
    width: 80%;
    height: 80%;
    text-align: center;
    position:relative;
  } 

div.usrpwd {
    width: 60%;
    float:left;
    position: relative;
    margin: auto;
    text-align: left;
    padding-top: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    padding-left: 37%;
}

div.usrpwdbtn {
    width: 60%;
    float:left;
    position: relative;
    margin: auto;
    text-align: left;
    padding-top: 2%;
    padding-right: auto;
    padding-bottom: 2%;
    padding-left: 37%;
}

div.coll10 {
    width: 100%;
    float:left;
    position: relative;
    margin: auto;
    text-align: left;
    padding-top: 5px;
    padding-right: 3px;
    padding-bottom: 5px;
    padding-left: 2px;
    z-index: 10;
}

div.coll15 {
    width: 100%;
    float:left;
    position: relative;
    margin: auto;
    text-align: left;
    padding-top: 5px;
    padding-right: 3px;
    padding-bottom: 5px;
    padding-left: 2px;
    z-index: 10;
}

div.coll20 {
    width: 100%;
    float:left;
    position: relative;
    margin: auto;
    text-align: left;
    padding-top: 5px;
    padding-right: 3px;
    padding-bottom: 5px;
    padding-left: 2px;
    z-index: 10;
}

div.coll25 {
    width: 100%;
    float:left;
    position: relative;
    margin: auto;
    text-align: left;
    padding-top: 5px;
    padding-right: 3px;
    padding-bottom: 5px;
    padding-left: 2px;
    z-index: 10;
  }

div.coll40 {
    width: 100%;
    float:left;
    position: relative;
    margin: auto;
    text-align: left;
    padding-top: 5px;
    padding-right: 3px;
    padding-bottom: 5px;
    padding-left: 2px;
    z-index: 10;
  }

div.coll60 {
    width: 100%;
    float:left;
    position: relative;
    margin: auto;
    text-align: left;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 2px;
    z-index: 10;
  }

div.coll100 {
    width: 100%;
    float:left;
    position: relative;
    margin: auto;
    text-align: left;
    padding-top: 5px;
    padding-right: 30px;
    padding-bottom: 5px;
    padding-left: 2px;
    z-index: 10;
}

div.rigavuota {
    width: 90%;
    height: 0px;
    float:left;
    position: relative;
    margin: auto;
    text-align: left;
    padding-top: 0px;
    padding-right: auto;
    padding-bottom: 0px;
    padding-left: 8%;
}

div.registattore40 {
    width: 100%;
    float:left;
    position: relative;
    margin: 0px;
    text-align: left;
    padding-top: 5px;
    padding-right: 3px;
    padding-bottom: 5px;
    padding-left: 2px;
    z-index: 10;
  }

div.registattore {
    width: 100%;
    float:left;
    position: relative;
    margin: 0px;
    text-align: left;
    padding-top: 5px;
    padding-right: 30px;
    padding-bottom: 5px;
    padding-left: 2px;
    z-index: 10;
}

label{
    display: inline-block;
    float: left;
    clear: left;
    width: 100px;
    text-align: left;
  }

#radio_1 {
    height: 20px;
    width: 10px;
    position: absolute;
    left: 100px;
    top: 18px;
  }

#radio_2 {
    height: 20px;
    width: 10px;
    position: absolute;
    left: 100px;
    top: 35px;
  }

.radio_lab {
    display: inline-block;
    float: left;
    clear: left;
    width: 100px;
    text-align: left;
    padding-left: 20px;
    height: 20px;
  }

#chk1 {
    height: 20px;
    width: 10px;
    position: absolute;
    left: 100px;
    top: 15px;
  }

#chk2 {
    height: 20px;
    width: 10px;
    position: absolute;
    left: 100px;
    top: 35px;
  }

#chk3 {
    height: 20px;
    width: 10px;
    position: absolute;
    left: 100px;
    top: 55px;
  }

#chk4 {
    height: 20px;
    width: 10px;
    position: absolute;
    left: 100px;
    top: 75px;
  }

#chk5 {
    height: 20px;
    width: 10px;
    position: absolute;
    left: 100px;
    top: 95px;
  }

.tablogon {
  text-decoration:none;
  text-align:center;
  border-color: #00C4C4;
  border-style:outset;
  border-width:5px;
  border-spacing:8px;
  padding:2px 3px 0px 2px;
  width: 100%;
  font-size:100%;
  }

div.logout {
    position: fixed;
    top: -5px;
    right: 25px;
    font-size:70%;
    z-index: 20;
  } 

.footerLink {
    position: fixed;
    top: -5px;
    left: 30px;
    font-size:70%;
    z-index: 20;
  }

textarea {
    font-size:77%;
    height: 20em;
    width: 35em;
  }

.list {
   width: 100%;
   position: relative;
   float:left;
   left: 15px;
   margin: auto;
}

.selez {
   width: 100%;
   position: relative;
   float:left;
   left: 15px;
   margin: auto;
}

.azione {
   width: 100%;
   position: relative;
   float:left;
   left: 15px;
   margin: auto;
}

}