#ventana_modal{/*malla*/
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    background-color: #00000099;
    left: 0;
    top: 0;
    z-index: 1001;
    text-align: center;
    

        opacity: 0;
        /*transition: opacity 1s ease-in;*/
}

#area_ventana{
    border: solid 1px #363636;

    text-align:center;
    z-index: 1002;
    padding: 10px;
    max-height: 90%;
    min-height: 10px;

    margin: 0 auto;
    position: relative;
    top: 0px;

    box-shadow: 0px 10px 12px -5px rgba(0,0,0,0.75);
	background: radial-gradient(#151515,#151515ba);
    border-radius: 10px;
    color: white;
    padding: 20px;

    transition: top 700ms ease;

    /*bottom: 0; para que jale la funsión de minimizar*/
}
#av_cuerpo{
	text-align:center;
	/*overflow-y:auto; */
}
#av_cuerpo h1{
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: left;
}
#av_pie{
	text-align: right;
}
#boton_cerrar,#boton_minimizar{
    width: 16px;
    height: 16px;
    padding: 0px 3px 6px 3px;
    cursor: pointer;
    float: right;
    margin: -17px -7px;
}
#boton_cerrar icono{
    color: white;
    font-size: 16px;
}
.previeu_img{
    max-width: 90%;
}

/*FORM*/
    #area_ventana h2, .marco_blog  h2{
        text-align: left;
    }
    #area_ventana ul, .marco_blog ul{
        padding: 0;
        margin: 0;
    }
    #area_ventana li, /*.marco_blog li*/{
        border: 0px solid #ffb5b0;
        list-style-type: none;
        text-align: right;
    }
    #area_ventana .columnas, .marco_blog .columnas{
        column-count: 2;
        column-gap: 5px;
    }
    #area_ventana .label{
        border: 0px solid yellow;
        display: inline-block;
        font-size: 14px;
        width: auto;
        text-align: right;
    }
    #area_ventana input[type='text'],#area_ventana input[type='date'], #area_ventana input[type='search'],
    #area_ventana select,#area_ventana textarea,
    #area_ventana input[type='number'],#area_ventana input[type='file'],#area_ventana input[type='email'],
    #area_ventana input[type='tel'],#area_ventana input[type='password'],#area_ventana input[type='time'],
    #area_ventana input[type='datetime-local'],#area_ventana .file
    {
        padding: 0 0 0 7px;
        width: 250px;
        margin-bottom: 10px;
        margin-left: 0;
    }
    #area_ventana select{
        padding: 3px 0 3px 7px;
        width: 259px;
    }
    #area_ventana .tadobleancho, .marco_blog .tadobleancho{
        width: 699px;
        max-width: 699px;
        min-width: 699px;
        height:80px;
        font-size: 14px;
    }
    #area_ventana  input[type='submit'], .marco_blog  input[type='submit']{
        margin: 0;
    }
    #area_ventana .file{
         height: 25px;
    }

    #area_ventana .file .cargando {
        color: #40b33b !important;
        position: absolute;
        top: -1px;
        left: -1px;
        width: 94%;
        height: 10px;
        padding: 9px 9px;
        border: 0px solid red;
        display: none;
        background-color: #bee2b7;
        font-weight: bold;
        border-radius: 6px;
    }

    .label_ventana{
        text-align: right;
        vertical-align: top;
        padding-top: 5px;
        color: lightgrey;
    }

/* Móviles en horizontal o tablets en vertical ----------------------------------------------------------------------- */
@media screen and (max-device-width: 700px) {/*CELULAR EN POSICIÓN VERTICAL*/

    #area_ventana{
        margin-top: -5% !important;

    }

}/* fin @media screen  */