.inicio-sesion {
    /*margin-left: 1em;*/
    margin-top: 5em;
}

    .inicio-sesion .h2, .inicio-sesion h4 {
        text-align: center;
    }

/* keeps this behind all content */
#fondoLogin {
    position: fixed;
    left: 0;
    top: 0;
    z-index: -99;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: url("ata_buques.jpg");
    background-size: cover;
}

#centradoVertical {
    position: absolute;
    height: 100vh;
    left: 50vw;
    top: 0;
}

#centradoVerticalHijo {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#contenidoLogin {
    background-color: rgba(255,255,255,0.8);
    border: 2px solid #bab5b5;
}

#botonIniciarSesion {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
}

#camposLogin {
    margin-left: 15%;
    margin-right: 15%;
}

#contenidoLogin input[type=text]:focus, #contenidoLogin input[type=password]:focus {
    outline: #2196f3 solid 3px;
}

#contenidoLogin input[type=text], #contenidoLogin input[type=password] {
    outline: #000000 solid 1px;
    box-shadow: none;
    -moz-transition: outline ease-in-out .15s;
    -o-transition: outline ease-in-out .15s;
    -webkit-transition: outline ease-in-out .15s;
    transition: outline ease-in-out .15s;
    padding: 5px;
    width: 100%;
    max-width: none;
}