.modal-contenido{
    background-color:#AAAAAA;
    width:90%;
    height:90%;
    padding: 2% 2%;
    margin: 2% 2%;
    position: relative;

    
}

.modal{
    background-color: rgba(0,0,0,.8);
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:0;
    vertical-align: center;
    text-align: center;
    pointer-events:none;
    transition: all 1s;
    z-index: 20;
}


#miModal {
    margin: 2% 2%;
    width:90%;
    height:90%;
}


#miModal:target{
    opacity:1;
    pointer-events:auto;
    position:fixed;
    
}

#modal-cierre {
    position: relative;
    margin-left: 98%;
    margin-top: 2%;
}

#dir-video {
    height: 100%;
    width: 100%;
}