@font-face{
	font-family: 'ToyotaText_Bold';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/ToyotaText_Bold.ttf') format('TrueType');
}
@font-face{
	font-family: 'ToyotaText';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ToyotaText.ttf') format('TrueType');
}
#login-b{
    background: url('/img/fondo-login.jpg');
    background-position: center center;
    background-size: cover;
}
#login-b .cabecera{
    height: 150px;
}
#login-b .cabecera img{
    max-width: 100%;
    margin-top: 15px;
}
#login-b .auto img{
    position: absolute;
    transition: all 0.7s;
    left: -60%;
    width: 760px;
    animation-name: moverAuto;
    -webkit-animation-name:moverAuto;
    -moz-animation-name:moverAuto;
    -ms-animation-name:moverAuto;
    -o-animation-name:moverAuto ;

    animation-duration: 3s;    
    -webkit-animation-duration: 3s;
    -ms-animation-duration: 3s;
    -o-animation-duration: 3s;
    -moz-animation-duration: 3s;
}
@keyframes moverAuto {
    /* from {left: calc(-760px - 90px)} */
    from {left: -850px}
    to {left: -60%;}
}
@-webkit-keyframes moverAuto {
    from {left: -850px}
    to {left: -60%;}

}

#login-b form.formulario{
    padding: 60px 30px;
    background: #db000c;
}
#login-b .formulario h5{
	font-family: 'ToyotaText_Bold';
	font-style: normal;
    font-weight: 700;    
    font-size: 34px;
    text-align: center;
    color: #ffffff;
    padding-bottom: 60px;
    margin-bottom: 0px;
    margin-top: 0px;
}
#login-b .formulario input[type="email" i],#login-b .formulario input[type="password" i]{
	font-family: 'ToyotaText';
	font-style: normal;
	font-weight: 400;    
    width: 100%;
    border-radius: 20px;
    height: 36px;
    border: 0px;
    margin-bottom: 25px;
    padding-left: 40px;
    font-size: 14px;
    background: #ffffff;
    color: #7a7a7a;
}
#login-b .formulario input{
    width: 100%;
    padding-left: 40px;
    height: 36px;
}
#login-b .formulario .usuario img , #login-b .formulario .clave img{
    position: absolute;
    top: 12px;
    left: 30px;
    width: 12.5px;
}
#login-b .formulario .ingresar{
    padding-top: 15px;
    text-align: center;
    padding-bottom: 30px;
}
#login-b .formulario .ingresar #ingresar{
	font-family: 'ToyotaText_Bold';
	font-style: normal;
	font-weight: 700;    
    background: #464646;
    color: #fdfdfd;
    border: 0px;
    border-radius: 20px;
    padding: 7.5px 0px;
    width: 100%;
    font-size: 18px;
}
#login-b .formulario a{
	font-family: 'ToyotaText';
	font-style: normal;
	font-weight: 400;    
    display: block;
    text-align: center;
    color: #fffefe;
    text-decoration: underline;
}
.btn.btn-warning{
    display: none;
}
.btn.btn-warning.active{
    width: 100%;
    margin-top: 30px;
}