@import url('stylecatalogos.css');
@media screen and (min-width:1000px) {
    #imglogo {
        width: 20vw;
    }

    .divregistrarse {
        padding: 1vw 5vw 0 5vw;
        width: 100%;
    }

    .divregistrarse1 {
        padding: 0 5vw; 
    }
    #ContentPlaceHolder1_btnRegistrarme,
    #ContentPlaceHolder1_btnCancelar {
        width: 11vw;
        height: 6vh;
        font-size: 1.2vw;
        position: relative;
        left: 25%;
        top: 30%;
        transform: translate(-50%, -50%);
        margin-bottom:3vw;
    }
    .title {
        margin-top: 11px;
        margin-left: 50px;
    }
    h5#txt1 {
        font-size: 1vw;
    }
    #ContentPlaceHolder1_txtNumerodocumento,
    #ContentPlaceHolder1_txtEmail,
    #ContentPlaceHolder1_txtPassword,
    #ContentPlaceHolder1_txtConfirmacionPassword,
    #ContentPlaceHolder1_DropDownListDepartamentos,
    #ContentPlaceHolder1_txtnombre {

        border: 0.2vw solid #4f7889;
        border-radius: 1vw;
    }

    #ContentPlaceHolder1_txtApellido,
    #phone {
        border: 0.2vw solid #4f7889;
        border-radius: 1vw;
    }


}

@media screen and (max-width:1000px) {
    #imglogo {
        width: 25vw; 
    }

    .divregistrarse {
        padding: 1vw 5vw 0 5vw; 
    }

    .divregistrarse1 {
        padding: 0 5vw;
    }

    #divradio input[type=radio] {
        width: 5vh; 
    }

    #divradio {
        font-size: 3vw; 
    }

    #txt1 {
        font-size:4vw; 
    }


    #ContentPlaceHolder1_txtNumerodocumento,
    #ContentPlaceHolder1_txtEmail,
    #ContentPlaceHolder1_txtPassword,
    #ContentPlaceHolder1_txtConfirmacionPassword,
    #ContentPlaceHolder1_DropDownListDepartamentos,
    #ContentPlaceHolder1_txtnombre {
        font-size: 4vw;
        border: 0.5vw solid #4f7889;
        border-radius: 3vw;
    }

    #ContentPlaceHolder1_txtApellido,
    #phone {
        border: 0.5vw solid #4f7889;
        border-radius: 3vw; 
    }


    #chkTratamientoDatosPersonales {
        height: 4vw; 
        width: 4vw; 
    }

    .form-check {
        font-size: 3vw; 
    }

    #ContentPlaceHolder1_btnRegistrarme,
    #ContentPlaceHolder1_btnCancelar {
        width: 30vw; 
        height: 5vh; 
        font-size: 3vw; 
    }

    input#phone {
        padding: 1vw; 
    }
    .title {
        margin-top: 120px;
        margin-left: 10px;
    }



}

.iti-flag {
    background-image: url("images/flags.png");
}

@media (-webkit-min-device-pixel-ratio:2 ), (min-resolucion: 192dpi) {
    .iti-flag {
        background-image: url("img/flags@2x.png");
    }
}

input#ContentPlaceHolder1_btnRegistrarme {
    background-color: rgba(100, 128, 57, 1);
    border: 1px solid rgba(100, 128, 57, 1);
    color: rgb(208 214 200);
    font-weight: bold;

}

    input#ContentPlaceHolder1_btnRegistrarme:hover {
        background-color: rgb(208 214 200);
        border: 1px solid rgba(100, 128, 57, 1);
        color: rgba(100, 128, 57, 1);
    }
input#ContentPlaceHolder1_btnCancelar {
    background: rgba(79, 120, 137, 1);
    border: 1px solid rgba(100, 128, 57, 1);
    color: rgb(208 214 200);
    font-weight: bold;
}
    input#ContentPlaceHolder1_btnCancelar:hover {
        background: rgb(201 99 48);
        color: rgb(208 214 200);
    }
h5.txt1 {
    color: black;
}