@-webkit-keyframes deslizar_izquierda{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes deslizar_izquierda{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes deslizar_derecha{0%{-webkit-transform:translateX(200%);transform:translateX(200%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes deslizar_derecha{0%{-webkit-transform:translateX(200%);transform:translateX(200%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes deslizar_izquierda{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes aparecer{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes aparecer{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}*{font-family:'Roboto', sans-serif;font-weight:500;text-align:center}body,html{min-height:100%!important}body{background-color:#EBEBEB;background-image:url(../img/login_fondo.jpg);background-position:top center;background-repeat:no-repeat;display:block}.borde-circulo-fotografia{z-index:1;border:4px solid rgba(255, 255, 255, 0.5);border-radius:50%;display:block;width:150px;padding:10px;margin:auto}.circulo-fotografia{z-index:0;max-width:150px;height:auto;overflow:hidden;margin:auto}.fotografia{display:block;margin:0 auto;height:150px;width:150px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;background:url("../img/logotipo_justicia.png") center no-repeat;background-size:cover}.contenedor-formulario{margin:auto;margin-top:10%;-webkit-animation:1s ease-out 0s 1 deslizar_izquierda;animation:1s ease-out 0s 1 deslizar_izquierda}.etiqueta-usuario{color:#666;padding-bottom:20px;display:block}.etiqueta-username{color:#FFF;padding-bottom:20px;display:block;text-transform:uppercase}.cf:after,.cf:before{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}h1{color:#9D2449;font-size:1.6em;font-weight:bold;text-transform:uppercase;margin-top:2rem}.campos-formulario{width:20rem;margin:1rem auto;position:relative}.campos-formulario input{width:11rem;height:2.5rem;padding:0.75rem 0.7rem;float:left;font-size:1.4rem;border:0;background:#eee;border-radius:7px;font-weight:black;text-align:center;float:left;border:1px #979797 solid}@-moz-document url-prefix(){.campos-formulario input{width:15.10rem}}.campos-formulario input:focus{outline:0;background:#fff;-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.8) inset;box-shadow:0 0 2px rgba(0, 0, 0, 0.8) inset}.campos-formulario input::-webkit-input-placeholder{color:#999;text-align:center}.campos-formulario input:-moz-placeholder{color:#999;text-align:center}.campos-formulario input:-ms-input-placeholder{color:#999;text-align:center}.campos-formulario button{overflow:visible;right:0;position:absolute;float:right;border:0;padding:0;cursor:pointer;height:6rem;width:6rem;font-size:2rem;color:#fff;text-transform:uppercase;background:#19BFC7;border-radius:7px;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3);text-align:center}.campos-formulario button:active,.campos-formulario button:focus,.campos-formulario button:hover{background:#4EB445;outline:0}.c.campos-formulario button:hover:before{border-right-color:#4EB445}.campos-formulario button:active:before,.campos-formulario button:focus:before{border-right-color:#4EB445}.campos-formulario button:-moz-focus-inner{border:0;padding:0}