
.contenedortotal {
  width: 800px;
  height: 440px;
}

/* *********** Carrusel "a" inicio *********** */

.imagenmeda {
  overflow: hidden; 
  list-style: none;
  margin: 0;
  padding: 0;
}

.imagenmeda, .imagenmeda li {
  width: 400px;
}

.imagenmeda img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

.imagenmeda li {
  position: absolute;
  z-index: 1;
}

.imagenmeda li:target {
  z-index: 3;
  animation: slidea 1s 1;
}

.imagenmeda li:not(:target) { 
  animation: hidden 1s 1; 
}
 
.slidea {
  position: relative;
  left: 625px;
  width: 175px;
  height: 440px;
}

.slidea-inner {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slidea-open:checked + .slidea-item {
  position: static;
  opacity: 100;
}

.slidea-item {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
}

.slidea-item img {
  display: block;
  height: auto;
  max-width: 100%;
}

.trio {
  display: block;
  position: relative;
  list-style: none;
  width: 175px;
  height: 440px;
  margin: 0;
  padding: 0;
}

.trio a {
  display: block;
}

.trio img {
  margin-bottom: 16px;
  width: 175px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}


/* ************************************** */

#slidea-1:checked ~ .control-1,
#slidea-2:checked ~ .control-2,
#slidea-3:checked ~ .control-3,
#slidea-4:checked ~ .control-4,
#slidea-5:checked ~ .control-5 {
  display: block;
}

.slidea-indicador {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 20;
}

.slidea-indicador li {
  display: inline-block;
  margin: 0 5px;
}

.slidea-circulo {
  color: #828282;
  cursor: pointer;
  display: block;
  font-size: 35px;
}

.slidea-circulo:hover {
  color: #aaaaaa;
}

#slidea-1:checked ~ .control-1 ~ .slidea-indicador 
    li:nth-child(1) .slidea-circulo,
#slidea-2:checked ~ .control-2 ~ .slidea-indicador 
    li:nth-child(2) .slidea-circulo,
#slidea-3:checked ~ .control-3 ~ .slidea-indicador 
    li:nth-child(3) .slidea-circulo,
#slidea-4:checked ~ .control-4 ~ .slidea-indicador 
    li:nth-child(4) .slidea-circulo,
#slidea-5:checked ~ .control-5 ~ .slidea-indicador 
    li:nth-child(5) .slidea-circulo {
  color: #428bca;
}

/* *********** Carrusel "a" final *********** */

/* *********** Carrusel "b" inicio *********** */

.imagenmedb {
  overflow: hidden; 
  list-style: none;
  margin: 0;
  padding: 0;
}

.imagenmedb img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

.imagenmedb li {
  position: absolute;
  z-index: 1;
}

.imagenmedb li:target {
  z-index: 3;
  animation: slideb 1s 1;
}

.imagenmedb li:not(:target) { 
  animation: hidden 1s 1; 
}
 
.slideb {
  position: relative;
  left: 344px;
  width: 456px;
  height: 383px;
}

.slideb-inner {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slideb-open:checked + .slideb-item {
  position: static;
  opacity: 100;
}

.slideb-item {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
}

.slideb-item img {
  display: block;
  height: auto;
  max-width: 100%;
}

.sexteto {
  display: block;
  position: relative;
  list-style: none;
  width: 456px;
  height: 440px;
  margin: 0;
  padding: 0;
}

.sexteto li {
  float: left;
  margin-left: 17px;
  width: 135px;
}

.sexteto a {
  display: block;
}

.sexteto img {
  margin-bottom: 17px;
  width: 135px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}


/* ************************************** */

#slideb-1:checked ~ .control-1,
#slideb-2:checked ~ .control-2,
#slideb-3:checked ~ .control-3 {
  display: block;
}

.slideb-indicador {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 20;
}

.slideb-indicador li {
  display: inline-block;
  margin: 0 5px;
}

.slideb-circulo {
  color: #828282;
  cursor: pointer;
  display: block;
  font-size: 35px;
}

.slideb-circulo:hover {
  color: #aaaaaa;
}

#slideb-1:checked ~ .control-1 ~ .slideb-indicador 
    li:nth-child(1) .slideb-circulo,
#slideb-2:checked ~ .control-2 ~ .slideb-indicador 
    li:nth-child(2) .slideb-circulo,
#slideb-3:checked ~ .control-3 ~ .slideb-indicador 
    li:nth-child(3) .slideb-circulo {
  color: #428bca;
}

/* *********** Carrusel "b" final *********** */

/* *********** Carrusel "c" inicio *********** */

.imagenmedc {
  overflow: hidden; 
  list-style: none;
  margin: 0;
  padding: 0;
}

.imagenmedc img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

.imagenmedc li {
  position: absolute;
  z-index: 1;
}

.imagenmedc li:target {
  z-index: 3;
  animation: slidec 1s 1;
}

.imagenmedc li:not(:target) { 
  animation: hidden 1s 1; 
}
 
.slidec {
  position: relative;
  left: 344px;
  width: 456px;
  height: 383px;
}

.slidec-inner {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slidec-open:checked + .slidec-item {
  position: static;
  opacity: 100;
}

.slidec-item {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
}

.slidec-item img {
  display: block;
  height: auto;
  max-width: 100%;
}

.sexteto {
  display: block;
  position: relative;
  list-style: none;
  width: 456px;
  height: 440px;
  margin: 0;
  padding: 0;
}

.sexteto li {
  float: left;
  margin-left: 17px;
  width: 135px;
}

.sexteto a {
  display: block;
}

.sexteto img {
  margin-bottom: 17px;
  width: 135px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}


/* ************************************** */

#slidec-1:checked ~ .control-1,
#slidec-2:checked ~ .control-2 {
  display: block;
}

.slidec-indicador {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 20;
}

.slidec-indicador li {
  display: inline-block;
  margin: 0 5px;
}

.slidec-circulo {
  color: #828282;
  cursor: pointer;
  display: block;
  font-size: 35px;
}

.slidec-circulo:hover {
  color: #aaaaaa;
}

#slidec-1:checked ~ .control-1 ~ .slidec-indicador 
    li:nth-child(1) .slidec-circulo,
#slidec-2:checked ~ .control-2 ~ .slidec-indicador 
    li:nth-child(2) .slidec-circulo {
  color: #428bca;
}

/* *********** Carrusel "c" final *********** */

/* *********** Carrusel "d" inicio *********** */

.imagenmedd {
  overflow: hidden; 
  list-style: none;
  margin: 0;
  padding: 0;
}

.imagenmedd, .imagenmedd li {
  width: 400px;
}

.imagenmedd img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

.imagenmedd li {
  position: absolute;
  z-index: 1;
}

.imagenmedd li:target {
  z-index: 3;
  animation: slided 1s 1;
}

.imagenmedd li:not(:target) { 
  animation: hidden 1s 1; 
}
 
.slided {
  position: relative;
  left: 625px;
  width: 175px;
  height: 440px;
}

.slided-inner {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slided-open:checked + .slided-item {
  position: static;
  opacity: 100;
}

.slided-item {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
}

.slided-item img {
  display: block;
  height: auto;
  max-width: 100%;
}

.trio {
  display: block;
  position: relative;
  list-style: none;
  width: 175px;
  height: 440px;
  margin: 0;
  padding: 0;
}

.trio a {
  display: block;
}

.trio img {
  margin-bottom: 16px;
  width: 175px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}


/* ************************************** */

#slided-1:checked ~ .control-1,
#slided-2:checked ~ .control-2,
#slided-3:checked ~ .control-3,
#slided-4:checked ~ .control-4 {
  display: block;
}

.slided-indicador {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 20;
}

.slided-indicador li {
  display: inline-block;
  margin: 0 5px;
}

.slided-circulo {
  color: #828282;
  cursor: pointer;
  display: block;
  font-size: 35px;
}

.slided-circulo:hover {
  color: #aaaaaa;
}

#slided-1:checked ~ .control-1 ~ .slided-indicador 
    li:nth-child(1) .slided-circulo,
#slided-2:checked ~ .control-2 ~ .slided-indicador 
    li:nth-child(2) .slided-circulo,
#slided-3:checked ~ .control-3 ~ .slided-indicador 
    li:nth-child(3) .slided-circulo,
#slided-4:checked ~ .control-4 ~ .slided-indicador 
    li:nth-child(4) .slided-circulo {
  color: #428bca;
}

/* *********** Carrusel "d" final *********** */

/* *********** Carrusel "e" inicio *********** */

.imagenmede {
  overflow: hidden; 
  list-style: none;
  margin: 0;
  padding: 0;
}

.imagenmede, .imagenmede li {
  width: 400px;
}

.imagenmede img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

.imagenmede li {
  position: absolute;
  z-index: 1;
}

.imagenmede li:target {
  z-index: 3;
  animation: slidee 1s 1;
}

.imagenmede li:not(:target) { 
  animation: hidden 1s 1; 
}
 
.slidee {
  position: relative;
  left: 625px;
  width: 175px;
  height: 440px;
}

.slidee-inner {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slidee-open:checked + .slidee-item {
  position: static;
  opacity: 100;
}

.slidee-item {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
}

.slidee-item img {
  display: block;
  height: auto;
  max-width: 100%;
}

.trio {
  display: block;
  position: relative;
  list-style: none;
  width: 175px;
  height: 440px;
  margin: 0;
  padding: 0;
}

.trio a {
  display: block;
}

.trio img {
  margin-bottom: 16px;
  width: 175px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}


/* ************************************** */

#slidee-1:checked ~ .control-1,
#slidee-2:checked ~ .control-2,
#slidee-3:checked ~ .control-3 {
  display: block;
}

.slidee-indicador {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 20;
}

.slidee-indicador li {
  display: inline-block;
  margin: 0 5px;
}

.slidee-circulo {
  color: #828282;
  cursor: pointer;
  display: block;
  font-size: 35px;
}

.slidee-circulo:hover {
  color: #aaaaaa;
}

#slidee-1:checked ~ .control-1 ~ .slidee-indicador 
    li:nth-child(1) .slidee-circulo,
#slidee-2:checked ~ .control-2 ~ .slidee-indicador 
    li:nth-child(2) .slidee-circulo,
#slidee-3:checked ~ .control-3 ~ .slidee-indicador 
    li:nth-child(3) .slidee-circulo {
  color: #428bca;
}

/* *********** Carrusel "e" final *********** */
