/* CSS Document */
		#menu{
			background-color:#990000;
		}
		#menuf{
			background-color:#0000FF;
		}
		
		#menu ul{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		#menuf{
			list-style: none;
			margin: 0;
			padding: 0;
		}
#form1 input {
	font-style: italic;
}

		#menu ul li{
	display: inline-block;
	background-position: right;
		}
		#menuf ul li{
	display: inline-block;
	background-position: right;
		}
		#menu ul li a{
			color: white;
			display: block;
			padding: 13px 20px;
			text-decoration: none;
		}
		#menuf ul li a{
			color: white;
			display: block;
			padding: 13px 20px;
			text-decoration: none;
		}
#menu2 input {
	font-style: italic;
	height: 20px;
}

		#menu ul li a:hover{
			background-color:#000000;
		}
		.item-r{
			float: right;
		}
#menu2 {
	background-position: right;
}

.slider {
	width: 80%;
	margin: auto;
	overflow: hidden;
}

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

.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%;}
}.slider {
	height: 400px;
}