@font-face {
	font-family: Andrea;
  	src: url(../../intranet/css/fonts/andrea/Krub/Krub-Regular.ttf);
}

@font-face {
	font-family: Andrea-Bold;
  	src: url(../../intranet/css/onts/andrea/FF_DIN_Bold.otf);
}

@font-face {
	font-family: Andrea-Bold-Condensed;
  	src: url(../../intranet/css/fonts/andrea/FF_DIN_Condensed_Bold.otf);
}

@font-face {
	font-family: Andrea-Light;
  	src: url(../../intranet/css/fonts/andrea/FF_DIN_Light.otf);
}

.login_content {
    width: 30vw;
    height: 26vw;
    margin: auto;
    margin-top: calc(50vh - 14vw);
    border-radius: 2vw;
    background-color: white;
    -webkit-box-shadow: 21px 28px 123px -28px rgba(0, 0, 0, 0.97);
    -moz-box-shadow: 21px 28px 123px -28px rgba(0, 0, 0, 0.97);
    box-shadow: 21px 28px 123px -28px rgba(0, 0, 0, 0.97);
    min-height: 400px;
    min-width: 417px;
}

body {
    background-image: url("../img/bg_login.jpg");
    font-family: Andrea !important;
}
.andrea_logo {
    width: 35%;
    margin-left: 32%;
    margin-top: 10%;
}

.ethea_logo {
    width: 80%;
    /* margin: auto; */
    margin-left: 10%;
    margin-top: 8%;
}
.campos{
    width: 70%;
    margin-left: calc(15% - 7px);
    margin-top: 4%;
    padding: 10px;
    border: 2px black solid;
    font-weight: bolder;
}

.boton_inicio{
    background-color: black;
    color: white;
    border: none;
    width: 30%;
    padding: 5px;
    margin-left: 35%;
    margin-top: 5%;
    font-family: Andrea-Bold-Condensed;
    font-size: 23px;
}

.olvide_contrasena{
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

.olvide_contrasena a{
    cursor: pointer;
    color: black;
    text-decoration: none;
}

@media only screen and (max-width: 760px){


    .login_content {
        width: 90vw;
        height: 80vw;
        margin: auto;
        margin-top: calc(50vh - 40vw);

        min-width: 0;
    }
}