body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}#headerlogin{position:relative;margin:auto;top:2%;left:37%}.logo-valid{color:#005eb8;width:59%;height:59%}.logotipo{content:initial}.parrafo{color:#000;padding-top:12px;font-size:16px}.titulo{padding:5px;font-size:22px;font-weight:400;color:#002a66}@keyframes spinner{0%{transform:rotateZ(0)}100%{transform:rotateZ(359deg)}}*{box-sizing:border-box}.wrapper{display:flex;align-items:center;flex-direction:column;justify-content:center;width:100%;min-height:100%;padding:20px;background:rgba(darken(#8dd233,40%),.85)}.login{text-align:center;border-radius:6px;padding:30px 20px 20px 30px;width:70%;max-width:340px;background:#fff;position:relative;padding-bottom:10px;box-shadow:0 1px 5px rgba(0,0,0,.3);height:400px}a{color:#8dd233;text-decoration:none}button{width:90%;height:40%;padding:7px 7px;background:#0079c1;color:#fff;font-size:15px;display:block;border:none;margin-top:20px;position:absolute;left:5%;max-height:40px;border-radius:6px 6px 6px 6px;transform:rotateZ(0);transition:all .1s ease-out;border-bottom-width:7px}.boton-secundario:hover{background-color:#005eb8;color:#fff}.espacio{padding:25px}@media screen and (-webkit-min-device-pixel-ratio:2),not all{#headerlogin{background-position-x:0;background-position-y:0;background-size:250px auto;top:4%}.parrofo{font-size:15px}}@media screen and (max-width:980px){#headerlogin{background-position-x:50%;width:100%;top:15%;left:0}}@media (min:360px){#headerlogin{background-position-x:50%;width:100%}}