/*enlaces obras sociales*/
main div#prestadores {
  grid-column-start: 1;
  grid-column-end: -1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  justify-items: center;
  padding: 20px 10px;
  margin-bottom: 20px;
  margin-top: 60px;
}
/*------configuracion general imagenes----*/
main div#prestadores a {
  height: 30vw;
  width: 80%;
  border-radius: 10px;
  box-shadow: 0px 0px 5px #000;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 90% auto;
  background-position: 50% 50%;
  background-color: #fff;
}
main div#prestadores a:hover {
  box-shadow: 0px 0px 5px #48887b;
  background-image: url(../imagenes/obras_sociales/osdeVerde.jpg);
}
/*---- asignacion de imagenes a cada boton ----*/
main div#prestadores a#uno {
  background-image: url(../imagenes/obras_sociales/cimesa.jpg);
}
main div#prestadores a#uno:hover {
  background-image: url(../imagenes/obras_sociales/cimesaVerde.jpg);
}
main div#prestadores a#dos {
  background-image: url(../imagenes/obras_sociales/galeno.jpg);
}
main div#prestadores a#dos:hover {
  background-image: url(../imagenes/obras_sociales/galenoVerde.jpg);
}
main div#prestadores a#tres {
  background-image: url(../imagenes/obras_sociales/medife.jpg);
}
main div#prestadores a#tres:hover {
  background-image: url(../imagenes/obras_sociales/medifeVerde.jpg);
}
main div#prestadores a#cuatro {
  background-image: url(../imagenes/obras_sociales/osde.jpg);
}
main div#prestadores a#cuatro:hover {
  background-image: url(../imagenes/obras_sociales/osdeVerde.jpg);
}
main div#prestadores a#cinco {
  background-image: url(../imagenes/obras_sociales/osep.jpg);
}
main div#prestadores a#cinco:hover {
  background-image: url(../imagenes/obras_sociales/osepVerde.jpg);
}
main div#prestadores a#seis {
  background-image: url(../imagenes/obras_sociales/ospe.jpg);
}
main div#prestadores a#seis:hover {
  background-image: url(../imagenes/obras_sociales/ospeVerde.jpg);
}
main div#prestadores a#siete {
  background-image: url(../imagenes/obras_sociales/pasteleros.jpg);
}
main div#prestadores a#siete:hover {
  background-image: url(../imagenes/obras_sociales/pastelerosVerde.jpg);
}
main div#prestadores a#ocho {
  background-image: url(../imagenes/obras_sociales/prevension.jpg);
}
main div#prestadores a#ocho:hover {
  background-image: url(../imagenes/obras_sociales/prevensionVerde.jpg);
}

/*imagen botones*/
main div#prestadores a img {
  width: 100%;
}

@media only screen and (min-width: 320px) {
  /*---- cambio de disposicion de botones obras sociales -------*/
  main div#prestadores {
    grid-template-columns: repeat(3, 1fr);
    margin-left: 15px;
    margin-right: 15px;
    gap: 20px;
  }
  main div#prestadores a {
    height: 25vw;
    width: 100%;
  }
}

@media only screen and (min-width: 480px) {
  /*****************PRESTADORES********************/
  main div#prestadores {
    grid-template-columns: repeat(4, 1fr);
    margin-left: 15px;
    margin-right: 15px;
    gap: 15px;
  }
  main div#prestadores a {
    height: 20vw;
  }
}

@media only screen and (min-width: 720px) {
  main div#prestadores {
    margin-left: 9%;
    margin-right: 9%;
  }
  main div#prestadores a {
    height: 15vw;
  }
}

@media only screen and (min-width: 1900px) {
  main div#prestadores {
    margin-left: 12%;
    margin-right: 12%;
    margin-bottom: 80px;
  }
}