/* CUERPO */
    *{
        margin:0;
        padding:0;
    }
    #cuerpo{
        background-color: #ffffff;
        width:100vw;
        height: 100vh;
        position:relative
    }

/* CABECERO */
    #img_cabecero{
        width: 80%;
    }
    #titulo{
        color:#ba0c2f;
        margin-top:6em;
    }
/* CONTENEDOR LOGIN */
    #cont_login{
        background-color: transparent;
        width: 40%;
        position:absolute;
        top:50%;
        left:60%;
        margin: -13% 0 0 -30%;
        font-weight: 700;
        font-size: 14px;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        line-height: 1.42857143;
        border:solid 1px #ba0c2f;
        border-radius: 10px;
        padding-top: 2em;
    }
    #cont_login>div>h2{
        margin-top: 2em;
        margin-bottom: 2em;
    }
/* FORMULARIO LOGIN */
    #form_login{
        margin-bottom: 3em;
        margin-left:3em;
        margin-right:3em;
    }
    #titulo_login{
        font-size: 24px;
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color:#ba0c2f;
        margin-left:1em;
        margin-right:1em;
    }
    .form_col{
        text-align: left;
        margin-bottom: 2em;
        
    }
    .form_input{
        margin-top:5px;
        width: 100%;
        border-radius: 5px;
        border: 1px solid grey;
        height: 3em;
        padding: 8px;
    }
    .form_input:focus{
        border-color:#66afe9;
        outline: none;
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    }
    .form_submit{
        background-color: #ba0c2f;
        color:white;
        border:none;
        width: 6em;
        height: 2.5em;
        border-radius: 5px;
        cursor:pointer;
        font-weight: 400;
        white-space: nowrap;
        font-family: inherit;
        font-size: 18px;
        line-height: 1.3333333;
    }
    .form_submit:hover{
        background-color: #c51034;
    }

    #validacion{
        color:red;
        visibility: hidden;
        margin-bottom: .5em;
    }
/* ESTILOS FOOTER */
    #footer{
        background-color: #ba0c2f; 
        text-align:left; 
        padding:15px; 
        height: 60px; 
        width: 100%;
        color:white;
        position: absolute;
        bottom:0;
    }
    footer a{
        color:#e1d0d0;
    }
    footer a:hover{
        color:#e1d0d0;
    }

/* MEDIA */
    @media(max-width:1000px){
        #cont_login{
            width: 60%;  
            top:35%;
            left:50%;
            margin: -13% 0 0 -30%;      
        }
    }
    @media(max-width:610px){
        #cont_login{
            width: 90%;  
            top:35%;
            left:35%;
            margin: -13% 0 0 -30%;      
        }
        #footer{
            height: 80px;
        }
        #img_cabecero{
            width: 100%;
        }
    }
    @media(max-width:499px){
        #cont_login{
            width: 90%;  
            top:30%;
            left:35%;
            margin: -13% 0 0 -30%;      
        }
    }
    @media(max-height:499px){
        #footer{
            position: relative;
            bottom:0;
            height:auto;
            margin-bottom: 0;
            margin-top: 20%;
        }
        #img_cabecero{
            width: 100%;
        }
        #cont_login{
            margin: auto 0 0 -30%;              
        }
    }