.main ul li{
    width: 25%;
    margin: 10% auto;
}



/*Modal recurso1*/

.openClick1{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 100;
    opacity: 0;/*ocultar*/

    /*efecto*/

    transition: opacity 400ms ease;
    pointer-events: none;
}

.openClick1:target{
    pointer-events: auto;
    opacity: 1;
}



.cajaModal {
    width: 80%;
    height: 90%;
    position: relative;
    background-color: white;
    border-radius: 3px;
    padding: px;
    transition: all 500ms ease-in;
}

.efecto{
    margin: 0 auto;
}


.openClick1:target .efecto{
    margin: 2% auto;
}

.close{
    font-size: 23px;
    font-weight: bold;
    color: #D1D1D1;
    position: relative;
    top: 21px;
    right: -92%;
}


/*caja de avisos*/


.abriraviso{
    position: fixed;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 100;
    opacity: 0;/*ocultar*/

    /*efecto*/

    transition: opacity 400ms ease;
    pointer-events: none;
}

.abriraviso:target{
    pointer-events: auto;
    opacity: 1;
}



.cajaaviso {
    width: 220px;
    height: 260px;
    top: 20%;
    left: %;
    position: relative;
    background-color: ;
    border-radius: 3px;
    padding: 0px;
    transition: all 500ms ease-in;
}
    
}

.efecto2{
    margin: 0px auto;
}


.abriraviso:target .efecto2{
    margin: 2% auto;
}

.close1{
   
    font-weight: bold;
    opacity: 0;
    position: fixed;
    top: 0px;
    left: 00px;
    right: -111px;
    width: 2000px;
    height: 2000px;
}