.TestClass {
	color: Black;
	background-color: White;
	text-align: left;
}

*{
	margin:0;
	padding:0;
	
}

body{
	font family: Gotham,"Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:1.3em;
	font-size:1em;
	background:url(imagenes/fondo.jpg) repeat;
}
.container{
	width:100%;
	max-width:1000px;
	/*background: #fff;*/
	background-color:#fff; filter:alpha(opacity=70); opacity:.9;
	margin:20px auto;
	border-radius:2%;
}

header{
	width:100%;
	float:left;
	
}
header h1{
	margin-left:15px;
	float:left;
	
}
header h2{
	float:right;
	font-size:1.3em;
	margin-top:130px;
	margin-right:50px;
}



nav{
	width:100%;
	clear:both;
	padding:10px;
	
	}
nav ul{
	width:100%;
	list-style:none;
	margin-bottom:30px;
}
nav ul li{
	text-align:center;
	width:15%;
	float:left;
	
}
aside{
	width:30%;
	float:right;
	margin-left:20px;
	margin-top:20px;
}

aside article{
	width:90%;
	margin-bottom:50px;
	border-bottom:dotted 1px #5e5c5c;
	padding-bottom:20px;
}
aside article img{
	width:250px;	
}



footer{
	width:100%;
	clear:both;
	text-align:center;
	padding-bottom:100px;
}
footer p{
	font-size:0.9em;
	color:#645f60;
	
}
footer a:hover{
	text-decoration:none;
	
}

section{
	width:60%;
	foat:left;
	margin-left:20px;
	margin-top:20px;
	
}
section p{
	margin-top:20px;
	margin-bottom:20px;
}
section img{
	width:80%
	
}




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

.slider ul {
	display: flex;
	padding: 0;
	width: 500%;
	
	animation: cambio 20s 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%;}
}