.modales-contenido{
    background-color:#f2f2f2;
    width:400px;
    padding: 10px 20px;
    margin: 20% auto;
    position: relative;
  }
  .modales{
    background-color: rgba(0,0,0,.8);
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:0;
    pointer-events:none;
    transition: all 1s;
  }
  #miModalesCompanias:target{
    opacity:1;
    pointer-events:auto;
  }
  #miModalesControl:target{
    opacity:1;
    pointer-events:auto;
  }
  #miModalesMaritimo:target{
    opacity:1;
    pointer-events:auto;
  }
  #miModalesAcosta:target{
    opacity:1;
    pointer-events:auto;
  }
  #miModalesZoomRosero:target{
    opacity:1;
    pointer-events:auto;
  }
  #miModalesZoomAcosta:target{
    opacity:1;
    pointer-events:auto;
  }
  #miModalesZoomRodriguez:target{
    opacity:1;
    pointer-events:auto;
  }