/**************************************************************************

 CSS by Zivago * PJ | Design & Development             www.plasticjumper.it

 ..........................................................................
 ..........................................................................
 ..........................................................................
 ..........................................................................
 ..........................................................................

 **************************************************************************/

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    font: normal 62.5% Verdana, sans-serif;
    text-align: center;
    background: #f2f2f2;
}

#wrapper {
    margin: 0 auto;
    padding: 110px 0 0 0;
    width: 500px;
    text-align: left;
}

p.errornote {
    margin: 0;
    padding: 0 0 20px 0;
    font-size: 1.4em;
    color: #FF0000;
    text-align: center;
    font-style: italic;
}

img {
    border: none;
}

p {
    margin: 0;
    padding: 0;
}

#content {
    float: left;
    margin: 0;
    padding: 0;
    width: 500px;
    min-height: 300px;
    background: #ffffff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

    #content h1 {
        margin: 0;
        padding: 30px 0 0 30px;
        font-size: 1.8em;
        font-weight: normal;
        color: #727272;
    }

    #content #logo {
        display: block;
        float: left;
        margin: 30px 0 0 30px;
        padding: 0;
        width: 110px;
    }
    
    #content #login-form {
        display: block;
        float: right;
        margin: 0;
        padding: 0;
        width: 360px;
    }
    
        #content #login-form fieldset {
            margin: 0;
            padding: 30px 30px 0 30px;
            border: none;
        }
        
            #content #login-form fieldset label {
                display: block;
                padding: 0 0 15px 0;
                font-size: 1.5em;
                color: #404040;
            }
            
            #content #login-form fieldset #id_username,
            #content #login-form fieldset #id_password {
                margin: 0 0 15px 0;
                padding: 5px;
                width: 250px;
                border: 1px solid #cccccc;
                border-radius: 3px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
            }
            
            #content #login-form fieldset #bottone-login {
                display: block;
                margin: 15px 0 30px 0;
                padding: 6px;
                border: none;
                background: #4F4F4F;
                color: #ffffff;
                font-size: 1.6em;
                border-radius: 3px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                cursor: pointer;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
                -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
                -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
            }
            
            #content #login-form fieldset ul.errorlist {
                margin: 0;
                padding: 0;
                list-style: none;
            }
            
                #content #login-form fieldset ul.errorlist li {
                    margin: 0;
                    padding: 0;
                    font-size: 1.4em;
                    color: #FF0000;
                    font-style: italic;
                }
            
#footer {
    float: left;
    margin: 0;
    padding: 30px 20px 0 20px;
    width: 460px;
}

    #footer #content-footer {
        margin: 0 auto;
        width: 335px;
    }

        #footer #content-footer p.logo-hydra {
            float: left;
            margin: 0;
            padding: 0;
        }
    
            #footer #content-footer p.logo-hydra img {
                margin: 0;
                padding: 0;
                width: 30px;
            }
        
        #footer #content-footer p.crediti {
            margin: 0;
            padding: 0 0 0 40px;
            font-size: 1.2em;
            color: #4A4A4A;
        }
    
            #footer #content-footer p.crediti a:link,
            #footer #content-footer p.crediti a:visited {
                 color: #8B8478;
                 text-decoration: none;
            }
        
            #footer #content-footer p.crediti a:hover {
                 text-decoration: underline;
            }