/* 
    Created on : 30/03/2020, 07:03:45 PM
    Author     : ACB
*/
.body {
    color: #666;
    font-family: Arial;
    background-color: #CCC;
}
.ventana_modal {
        width: 100%;
        height: 120%;
        color: #FFF;
        position: absolute;
        background: rgba(0,0,0,0.8);
        top: 0;
        left: 0;
        opacity: 1;
        z-index: 100;
    }
    .form_modal {
        width: 550px;
        height: 650px;
        padding: 25px;
        background: white;
        background-color: #FFF;
        color: #666;
        position: fixed;
        margin-left: 35%;
        margin-top: 5%;
    }
    .form_modal img {
        width: 500px;
        height: 500px;
    }
.container_modal {
    background-color: #FFF;
    font-family: Arial;
    padding: 20px;
}
.cerrar_modal {
    font-weight: bold;
    text-align: right;
}
.cerra_modal a {
    color: red;
}

@media (min-width: 560px) {
    .ventana_modal {
        width: 100%;
        height: 220%;
        color: #FFF;
        position: absolute;
        background: rgba(0,0,0,0.8);
        top: 0;
        left: 0;
        opacity: 1;
        z-index: 100;
        font-size: 12pt;
    }
    .form_modal {
        width: 340px;
        height: 440px;
        padding: 25px;
        background: white;
        background-color: #FFF;
        color: #666;
        position: fixed;
        margin-left: 20%;
        margin-top: 15%;
    }
    .form_modal img {
        width: 280px;
        height: 280px;
    }
}
@media (min-width: 768px) {
    .ventana_modal {
        width: 100%;
        height: 120%;
        color: #FFF;
        position: absolute;
        background: rgba(0,0,0,0.8);
        top: 0;
        left: 0;
        opacity: 1;
        z-index: 100;
        font-size: 12pt;
    }
    .form_modal {
        width: 400px;
        height: 500px;
        padding: 25px;
        background: white;
        background-color: #FFF;
        color: #666;
        position: fixed;
        margin-left: 35%;
        margin-top: 10%;
    }
    .form_modal img {
        width: 350px;
        height: 350px;
    }
}
@media (min-width: 992px) {
    .ventana_modal {
        width: 100%;
        height: 120%;
        color: #FFF;
        position: absolute;
        background: rgba(0,0,0,0.8);
        top: 0;
        left: 0;
        opacity: 1;
        z-index: 100;
        font-size: 12pt;
    }
    .form_modal {
        width: 500px;
        height: 600px;
        padding: 25px;
        background: white;
        background-color: #FFF;
        color: #666;
        position: fixed;
        margin-left: 28%;
        margin-top: 10%;
    }
    .form_modal img {
        width: 450px;
        height: 450px;
    }
}
@media (min-width: 1200px) {
    .ventana_modal {
        width: 100%;
        height: 120%;
        color: #FFF;
        position: absolute;
        background: rgba(0,0,0,0.8);
        top: 0;
        left: 0;
        opacity: 1;
        z-index: 100;
    }
    .form_modal {
        width: 550px;
        height: 650px;
        padding: 25px;
        background: white;
        background-color: #FFF;
        color: #666;
        position: fixed;
        margin-left: 35%;
        margin-top: 5%;
    }
    .form_modal img {
        width: 500px;
        height: 500px;
    }
}