/*INIZIO STYLE*/
form#inputtext { width: 40%; min-width: 160px; margin: 0 0 0 0; }

/*ETICHETTA STILE*/
form#inputtext label { display: block; margin: 0 0 0.6em 0; padding: 0; font-size: 0.7em; line-height: 1.6em; text-transform: uppercase; color: #4186CC; }

/*INPUT STILE*/
.inputGrossi { display: block; width: 350px; outline: none; border: none; margin: 0 1px 1.2em; padding: 1em; font-size: 1em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background-color: #f3f3f3;
color: #575757;
-webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
-webkit-transition: 0.2s ease-in;
-moz-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in;
}
.btn {
 outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: bold 12px Arial, Helvetica, sans-serif;
 color: #fff;
 padding: 10px 20px;
 border: solid 1px #0076a3;
 background: #4186CC;
}

input[type="text"]:focus, input[type="password"]:focus { /*colore RGBA = HEX #4186CC + opacità*/
-webkit-box-shadow: 0 1px 0 0 rgba(65,134,204,1);
-moz-box-shadow: 0 1px 0 0 rgba(65,134,204,1);
box-shadow: 0 1px 5px 0 rgba(65,134,204,0.4);
}

/*STILE - ATTRIBUTI SOLA LETTURA*/
input[type="text"][readonly="readonly"] { background: rgba(255,255,255,0.5); }

/*STILE - PER ATTRIBUTI */
input:required:invalid, input:focus:invalid {  }
input:required:valid { background-color: #4186CC; }

/*STILE - PER PLACEHOLDER*/
input[type="text"]::-webkit-input-placeholder, input[type="text"]:-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="text"]:-ms-input-placeholder { font-style: italic; font-weight: lighter; }
input[type="text"]:focus::-webkit-input-placeholder, input[type="text"]:focus:-moz-placeholder, input[type="text"]:focus::-moz-placeholder, input[type="text"]:focus:-ms-input-placeholder { color: #e7e7e7; }