html {
    background: url("./../../img/login.jpg") no-repeat center center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

a { text-decoration:none }





div#wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }



 form { margin-bottom:0; margin-top:2%; }
#myform { text-align:center;
          padding:3% 1% ;
		  width:30%;
		  margin-left:35%;		  		  
		  margin-top:5%;		  		  
		  float:left;
            }

#logotop {  width: 40%; margin-top: 40px;  margin:auto;  display:block;  }

input{
   margin-top: 5%; 
   margin-bottom: 5%; 
   padding:1%; 
   text-align:center;
   font-size:3vmin;   
   width:80%;
   font-family:'testo';
   border:0;   
}

input[type=text] , input[type=password] {
  color:white;
  background-color:transparent;
  opacity:0.7;
  border-bottom:3px solid black;
  border-radius:0;
}


input#login_submit {  
height:auto;
color:black;
background-color:white;
opacity:0.5;
border:3px solid black;
  
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: white;
}



input[type=submit]:hover ,  .actionButton:hover  {  
  cursor:pointer;  

}


 
 @media  screen  and (max-width: 1050px)  {
 
 #myform { width:30%; } 
 input   { font-size:4vmin;  } 
 
 
 }


 @media  screen  and (max-width: 768px)  {
    #myform { width:60%;margin-left:20%;clear:both; margin-top:3%} 
    input   { font-size:5vmin;  }
 } 



 @media  screen  and (max-width: 600px)  {
    #myform,#info_piccola { width:80%;margin-left:10%;clear:both; }    
    input   { font-size:7vmin;  }
 }