@import 'variablesGlobales.css';

.contenedor_editar_perfil{
    width: 100vw;
    height: 90vh;
    display: flex;
    justify-content: center;
}
.contenedor_formulario{
    width: 50vw;
    height: 90vh;
}
.imagen{
    width: 100%;
    height: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bordes{
    width: 60%;
}
input{
    width: 60%;
}
.bordes1{
    width: 52%;
    height: 50%;
    border-radius: 25px;
    border-style: solid;
    border-width:  thin;
    border-left: 3px solid #2b72a8;
    border-right: 3px solid #d4181d;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 0 0, 0 100% ;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
    background-image: -webkit-linear-gradient(left, #2b72a8 0%, #d4181d 100%), -webkit-linear-gradient(left, #2b72a8 0%, #d4181d 100%);
    background-image: -moz-linear-gradient(left, #2b72a8 0%, #d4181d 100%), -moz-linear-gradient(left, #2b72a8 0%, #d4181d 100%);
    background-image: -o-linear-gradient(left, #2b72a8 0%, #d4181d 100%), -o-linear-gradient(left, #2b72a8 0%, #d4181d 100%);
    background-image: linear-gradient(to right, #2b72a8 0%, #d4181d 100%), linear-gradient(to right, #2b72a8 0%, #d4181d 100%);
    padding-top:7px;
    padding-bottom: 7px;
    padding-left: 30px;
}
.bordes2{
    width: 63%;
    height: 50%;
    border-radius: 25px;
    border-style: solid;
    border-width:  thin;
    border-left: 3px solid #2b72a8;
    border-right: 3px solid #d4181d;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 0 0, 0 100% ;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
    background-image: -webkit-linear-gradient(left, #2b72a8 0%, #d4181d 100%), -webkit-linear-gradient(left, #2b72a8 0%, #d4181d 100%);
    background-image: -moz-linear-gradient(left, #2b72a8 0%, #d4181d 100%), -moz-linear-gradient(left, #2b72a8 0%, #d4181d 100%);
    background-image: -o-linear-gradient(left, #2b72a8 0%, #d4181d 100%), -o-linear-gradient(left, #2b72a8 0%, #d4181d 100%);
    background-image: linear-gradient(to right, #2b72a8 0%, #d4181d 100%), linear-gradient(to right, #2b72a8 0%, #d4181d 100%);
    padding-top:7px;
    padding-bottom: 7px;
    padding-left: 30px;
}
.img_editar{
    width: 30%;
    height: 128%;
    background-image: url("../image/EditarPersona2.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.formulario{
    width: 100%;
    height: 80%;
}
@media screen and (min-width: 200px) and (max-width: 730px){
    .contenedor_formulario{
        width: 80vw;
    }
}
@media screen and (max-height: 450px){
    .imagen{
        width: 100%;
        height: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .img_editar{
        width: 30%;
        height: 100%;
        background-image: none;
        background-repeat: no-repeat;
        background-size: contain;
    }
}