.sliderr {
	width: 100%;
	position:relative;
	overflow: hidden;
	-webkit-box-shadow:5px 5px 15px #fff;	
	height: 450px;
	margin-top:8px;
	margin-left:25px;
}

.slider ul {
	display: flex;
	padding: 0;
	width: 400%;
	animation: cambio 20s infinite alternate linear;
}

.slider li {
	width: 100%;
	list-style: none;
}

#ima {
	width: 100%;
	height: 450px;
}

#ima2 {
	width: 550px;
	height: 300px;

	
}


@keyframes cambio {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}


@media screen and (max-width: 600px)
{
	.ima {
	width: 100%;
	height: 30%;

	}
    
   .sliderr
      {
	width: 100%;
	margin: 5% auto;
	padding-top: 10%;
	position:relative;
	overflow: hidden;
   }
   
   
}

/*----------------------------------*/
.imaa {
	width: 70%;
	 -webkit-box-shadow:5px 5px 20px 3px #fff;	
	height: 60%;
}

ul#imgListaEjemplo {
  background-color: #8C1717;
  border: 3px solid #FAF394;
  margin: 0 auto;
  padding: 6px;
  width: 80%;
  border-radius: 50px;
}

ul#imgListaEjemplo li {
  display: inline;
  padding: 0 10px;
}
ul#imgListaEjemplo li a {
  font-size: 18px;
  color: #FAF394;
}
img#imgContenedor{
  margin-top: 10px;
}


/*----------------------------------*/

.grid { 
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
  align-items: stretch;
  justify-items: center;
  width:100%;
  }
  
.grid img {
  border: 2px solid #8C1717;
  border-radius: 5px;
 /* box-shadow: 3px 3px 10px 3px  #000000;*/
   -webkit-box-shadow:5px 5px 14px 3px #000;	
  max-width: 100%;
 
}