.login-classico-wrap{
    width:860px;
    margin:30px auto;
}

.login-classico-box{
    border:1px solid #999;
    background:#fff;
    box-shadow:0 0 3px rgba(0,0,0,.2);
}

.login-classico-topo{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#f1f1f1;
    border-bottom:1px solid #999;
    padding:6px 10px;
}

.login-classico-topo h1{
    margin:0;
    font-size:18px;
}

.login-classico-grid{
    display:grid;
    grid-template-columns:1fr 350px;
}

.login-classico-esq{
    padding:20px;
    border-right:1px solid #ccc;
}

.login-classico-esq h2{
    margin-top:0;
    text-align:center;
    color:red;
    font-size:16px;
}

.campo-login{
    width:430px;
    margin:0 auto 12px;
    display:flex;
    align-items:center;
}

.campo-login label{
    width:110px;
    font-weight:bold;
    font-size:16px;
    text-align:right;
    padding-right:12px;
}

.campo-login input{
    width:220px;
    height:32px;
    border:1px solid #999;
    padding:4px 8px;
}

.esqueceu-senha{
    display:block;
    width:430px;
    margin:0 auto 12px;
    padding-left:122px;
}

.btn-validar{
    display:block;
    margin:0 auto;
    background:#0033cc;
    color:#fff;
    border:1px solid #000;
    padding:8px 20px;
    font-size:20px;
    font-weight:bold;
    cursor:pointer;
}

.texto-seguranca{
    margin-top:20px;
    border-top:1px solid #ccc;
    padding-top:12px;
    font-size:13px;
    line-height:1.5;
}

.login-classico-dir{
    background:#fffdd5;
    padding:20px;
    text-align:center;
}

.login-classico-dir h3{
    margin-top:0;
    color:red;
    font-size:22px;
}

.gratis-facil{
    margin:18px 0;
    font-size:28px;
    color:#b00000;
    font-weight:bold;
    text-shadow:1px 1px #fff;
}

.btn-cadastro{
    display:inline-block;
    background:#ddd;
    border:2px solid #999;
    color:#000;
    text-decoration:none;
    padding:10px 35px;
    font-size:24px;
    font-weight:bold;
}

.confirmacao-email{
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid #ccc;
    font-size:14px;
}

.conselhos-seguranca{
    margin-top:40px;
    font-size:18px;
    color:#2233aa;
}

.login-erro{
    background:#ffd6d6;
    border:1px solid #cc0000;
    color:#900;
    padding:10px;
    margin-bottom:15px;
}

@media(max-width:900px){

    .login-classico-wrap{
        width:95%;
    }

    .login-classico-grid{
        grid-template-columns:1fr;
    }

    .login-classico-esq{
        border-right:0;
        border-bottom:1px solid #ccc;
    }

    .campo-login{
        grid-template-columns:1fr;
    }

    .campo-login label{
        text-align:left;
        padding-right:0;
        margin-bottom:5px;
    }

    .btn-validar,
    .esqueceu-senha{
        margin-left:0;
    }
}