.bodyValidacion{
    background:#8d949d;margin:0
}
.formulario{
    width:40%;
    background:#e6e6e6;
    border-radius:8px;
    box-shadow:0 0 40px -10px #000;
    margin:2% auto;
    padding:20px 30px;
    max-width:calc(100vw - 40px);
    box-sizing:border-box;
    font-family:'Montserrat',sans-serif;
    position:relative;
    padding-bottom: 80px;
}

.login{
    width: 100%;
    margin:calc(50vh - 160px) auto;
}

.formulario h3{
    width: 100%;
    margin:10px 0 20px 0;
    padding-bottom:5px;
    color:#78788c;
    border-bottom:2px solid #78788c;
    
}

.formulario input{
    width:100%;
    box-sizing:border-box;
    background:#fff;
    outline:none;
    resize:none;
    border:0;
    font-family:'Montserrat',sans-serif;
    transition:all .3s;
    border-bottom:2px solid #bebed2;
}
.login input {
    padding:5px;
}

.formulario p {
    margin: 0px; 
    border: 0px; 
    padding: 0px;
}

.formulario input:focus{
    border-bottom:2px solid #78788c}
.formulario p:before{
    content:attr(type);
    display:block;
    margin:5px 0 0;
    font-size:14px;color:#5a5a5a}
.button_form{
    float:right;
    padding:8px 12px;
    margin:8px 3px;
    font-family:'Montserrat',sans-serif;
    border:2px solid #78788c;
    background:0;
    color:#5a5a6e;
    cursor:pointer;
    transition:all .3s;
}
.button_form:hover{
    background:#78788c;
    color:#fff
}
.formulario div{
    content:'Hi';
    position:absolute;
    bottom:-15px;
    right:-20px;
    background:#50505a;
    color:#fff;
    width:320px;
    padding:16px 4px 16px 0;
    border-radius:6px;
    font-size:13px;
    box-shadow:10px 10px 40px -14px #000
}
.formulario span{
    margin:0 5px 0 15px
}
#mensaje, #confirmacion {
    text-align: center;
    font-size: 0.8em;
    margin: 0.8em 0.2em;
}