*{
	margin: 0px;
	padding: 0;
}
.carrosel {
	width: 500px;
	height: 375px;
	outline: 3px solid black;
	margin: 50px auto;
	box-shadow: 10px 10px 15px  rgba(0,0,0,0.7);
	overflow:hidden;
}

.carrosel ul{
	display:flex;
	list-style:none;
	width:1200px;
	height:250px;
	
}
img{
	width: 500px;
	height: 375px;
}
.ajust{
width:176px;
height:76px;
}
.wpp{
width:33px;
height:27px;
}

.carrosel li{
	position:relative;
	animation: slide 15s infinite ease-out;
}
@keyframes slide{
	0%{left: 0px}
	20%{left: 0px}
	
	30%{left:-500px}
	50%{left:-500px}
	
	60%{left:-1000px}
	90%{left:-1000px}
	
	100%{left: 0px}

}