/*!
 * Font Awesome Pro 5.8.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src: url("../fonts/fa-light-300.eot");
  src: url("../fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.woff") format("woff"), url("../fonts/fa-light-300.ttf") format("truetype"), url("../fonts/fa-light-300.svg#fontawesome") format("svg"); }

.fal {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300; 
}

.ablanco{
    color:#FFFFFF;
    font-weight: bold;
    padding-top:3px;
}
.ablanco:hover{
    color:#FFFFFF;
    font-weight: bold;
    padding-top:3px;
}

A{
    color:#073b93;
}
A:link{
    text-decoration: none
}
A:visited{
    text-decoration: none
}
A:hover{
    text-decoration: underline
}
#restaurarpwd{
    color:#FFFFFF;
}
#registro{
    color:#FFFFFF;
}

@media (min-width: 1px) {
    #contenedorLogin{
        width: 370px;
    }
    #contenedorLogin2 {
        width: 250px;
        color: #FFF;
        margin: auto;
        margin-top: 0%;
    }
    #contenedorLogin2 .img{
        height: 50px;
    }

    #contenedorLogin3{
        font-size: 3.7em;
        font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
        font-weight: bold;
        line-height: 1.0em;
    }
    #contenedorLogin4{
        font-size: 2.0em;
        font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
        font-weight: bold;
        line-height: 1.0em;
    }
    #divLogin1{
        width: 100%;
    }
    #divLogin2{
        width: 100%;
    }
    #contenedorPrincipalLogin{
        display:unset;
    }
    #loginBandera{
        width: 50px;
        height: 50px;
    }
}
@media (min-width: 672px) {
    #contenedorLogin{
        width: 400px;
    }
    #contenedorLogin2 {
        width: 250px;
        margin-top: -5%;
    }
    #contenedorLogin3{
        font-size: 3.7em;
        line-height: 1.0em;
    }
    #contenedorLogin4{
        font-size: 2.0em;
        line-height: 1.0em;
    }
    #divLogin1{
        width: 60%;
    }
    #divLogin2{
        width: 40%;
    }
    #contenedorPrincipalLogin{
        display:flex;
    }
    #loginBandera{
        width: 80px;
        height: 80px;
    }

}
@media (min-width: 750px) {
    #contenedorLogin2 {
        width: 340px;
        color: #FFF;
        margin: auto;
        margin-top: -5%;
    }
    #contenedorLogin3{
        font-size: 5em;
        line-height: 1.0em;
    }
    #contenedorLogin4{
        font-size: 2.5em;
        line-height: 1.0em;
    }
    #divLogin1{
        width: 55%;
    }
    #divLogin2{
        width: 45%;
    }
    #loginBandera{
        width: 80px;
        height: 80px;
    }
}

@media (min-width: 1000px) {
    #contenedorLogin2 {
        width: 520px;
        border-radius: 0.5rem;
        color: #FFF;
        margin: auto;
        margin-top: -5%;
    }
    #contenedorLogin3{
        font-size: 8em;
        line-height: 1.0em;
    }
    #contenedorLogin4{
        font-size: 4.5em;
        line-height: 1.1em;
    }
    #divLogin1{
        width: 50%;
    }
    #divLogin2{
        width: 50%;
    }
    loginBandera{
        width: 80px;
        height: 80px;
    }
}