html{
    background-image: url("../img/textureeco.png");
    background-color: #F2F2F2;
    background-repeat: repeat;
    background-size: cover;
}
#html,body,*{font-family: helvetica;}
#form {width: 250px; height: 265px; margin-left:auto; margin-right: auto; text-align: center; font-size: 12px; box-shadow: 1px 1px 9px 1px #C9C9C9; border-radius: 6px; background: #F0F0F0; padding-top: 10px; padding-bottom: 10px;}
#recuperaform {width: 250px; height: 265px; margin-left:auto; margin-right: auto; text-align: center; font-size: 12px; box-shadow: 1px 1px 9px 1px #C9C9C9; border-radius: 6px; background: #F0F0F0; padding-top: 10px; padding-bottom: 10px;}
#recuperaform p{color: #838383; font-size: 11px; }
#form p{color: #838383; font-size: 11px; }
#regform {
    width: 695px;
    height: 362px;
    margin-left:auto; margin-right: auto;
    text-align: center;
    font-size: 12px;
    box-shadow: 1px 1px 9px 1px  #C9C9C9;
    border-radius: 6px;
    /*background: #162D50;*/
    background: #F2F2F2;
    padding-top: 10px;
    padding-bottom: 10px;
}
input[type="text"].reg{width: 170px; margin-bottom: 5px;}
#regform p{color: #838383; font-size: 11px; }
#frameworkClientLogo{margin-top: 45px; margin-bottom: 25px; height: 76px; margin-left:auto; margin-right: auto; width: 230px; background: url("../img/frameworkClienLogo.png") top left no-repeat; }

input[type="text"]{
    width: 200px;height: 22px; background:url("../img/text.png") top left repeat-x;
    color: #626262; border:none; border-radius: 3px;
    margin-bottom: 25px; font-size:10px;
}
input[type="password"]{
    width: 200px;font-size: 10px;
    height: 22px;
    background:url("../img/text.png") top left repeat-x;
    color: #626262; border:none; border-radius: 3px;
    margin-bottom:25px;
}
input[type="button"]{
    border:none; width: 80px; height: 28px;
    background: url("../img/bottone-su.png");
    top left no-repeat; font-family: helvetica; color:#626262; font-size:10px; cursor: pointer; color: #F2F2F2;
}
input[type="button"]:active{
  border:none; width: 80px; height: 28px;
    background: url("../img/bottone-su.png");
    top left no-repeat; font-family: helvetica; color:#626262; font-size:10px; cursor: pointer; color: #F2F2F2;
}
input[type="submit"]{
    border:none; width: 80px; height: 28px;
    background: url("../img/bottone-su.png");
    top left no-repeat; font-family: helvetica; color:#626262; font-size:10px; cursor: pointer; color: #F2F2F2;
}
input[type="submit"]:active{
  border:none; width: 80px; height: 28px;
    background: url("../img/bottone-su.png");
    top left no-repeat; font-family: helvetica; color:#626262; font-size:10px; cursor: pointer; color: #F2F2F2;
}
#FormArea01{display:none;}
#FormArea02{display:block; }
#FormArea03{display:none; }