/* 
    Creato      : 4-nov-2014, 21.25.58
    Autore      : Alessandro Branca
*/

/* FONT */
    /* IE */
    @font-face {font-family: century; src: url(../font/gothic.eot);}
    @font-face {font-family: firma; src: url(../font/firma.eot);}
    @font-face {font-family: h1; src: url(../font/MontereyMediumFLF.eot);}
    @font-face {font-family: h2; src: url(../font/LABTSEC_.eot);}
    @font-face {font-family: paragrafo; src: url(../font/abranca-paragrafo.eot);}
    
    /* CSS3 BROWSER */
    @font-face {font-family: century; src: url(../font/gothic.ttf);}
    @font-face {font-family: firma; src: url(../font/firma.ttf);}
    @font-face {font-family: h1; src: url(../font/MontereyMediumFLF.ttf);}
    @font-face {font-family: h2; src: url(../font/LABTSEC_.ttf);}
    @font-face {font-family: paragrafo; src: url(../font/abranca-paragrafo.ttf);}


html,body
{
    margin: 0;
    padding: 0;
    background-color: #d1d5da;
    font-family: "Afacad Flux", sans-serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-variation-settings:
        "slnt" 0;
    color: #16161d;
}

.login {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 900px;
    height: 500px;
    padding: 13px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 15px #96a0ab;
    border-radius: 10px;
    transform: translate(-50%, -50%);
}
.login table
{
    margin-left:auto; 
    margin-right:auto;
    margin-top: auto;
    text-align: center;
    width:80%;
}

.login .testa
{
    border-bottom: 1px solid #CCCCCC;
    font-family: "Afacad Flux", sans-serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-variation-settings:
        "slnt" 0;
    text-transform: uppercase;
    font-size: 48px;
    padding:30px;
}

input
{
    width: 90%;
    padding: 10px;
    border: none;
    border: solid 1px #c9c9c9;
    transition: border 0.3s;
    font-family: "Afacad Flux", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
        "slnt" 0;
    border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    font-size: 16px;
}
input:focus, input.focus, input:hover
{
    box-shadow: inset 1px 1px 2px 0 #c9c9c9;
}
input[type="text"]
{ 
    border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    
}
input[type="submit"]
{ 
    background-color: #efefef;
    width: 50%;
}
input[type="password"]
{ 
    border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
}

.login .messaggi
{
    color: red;
}