body{
    width: 1330px;
    height: 1500px;
    background-color: #EECFD4;
    margin-left: 300px;
}
shop{
background-color: #333333
    
}
.logo{
    width: auto;
    height: auto;
    float: left;
    margin-left: 310px;
    margin-right: 300px;
}
.botton{
    width: 420px;
    height: 50px;
    background-color:#333333;
    float: left;
  margin-top: 70px;
    margin-bottom: 20px;
     }
#Nuevo{
    width: 1000px;
    height: 100px;
    background-color:#EFB9CB;
    float: left; 
  margin-top: 40px;
    margin-left: 160PX;
}
.slider{
    width: 700px;
    height: 700px;
    background-color:#EFB9CB;
    float: left;
    margin-bottom: 120px;
    margin-left: 300PX;
     overflow: hidden;
}
.slider ul {
    display: flex;
    padding: 0;
    width: 400%;
    
    animation: cambio 20s infinite;
    animation-direction: alternate;
}
.slider li {
    width: 100%;
    list-style: none;
}
.slider img{
    width: 100%;
}

@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%;}
}

#otros{
    width: 350px;
    height: 350px;
    background-color: #EFB9CB;
    float: left;
    margin-left: 70px;
    margin-top: 30px;
}
#redes{
    width: 150px;
    height: 150px;
    float: left;
    margin-top: 50px;
    margin-right: 300px;
    margin-left: 200px;
}