body{margin: 0px; padding: 0px; background:#C7E6EE; color: #C7E6EE; width: 100%;
 font-family: time new roman,; 
	font-size: 1em; line-width: 1.5px;  padding-top: 80px;}

img{max-width: 100%; height: auto;}
nav{float: right; background-color:purple;  margin: 0px; padding: 0px; list-style: none;
 padding-right: 20px; height: 80px;}
nav ul li{display: inline-block; line-height: 90px; }
nav ul li a { display: block;padding: 0px 10px; text-decoration: none;}
nav ul li a:hover{background: #00ffff; height: 90px;}

#cuerpo{background-color:#38BCD8;color:black; width: 90%; max-width: 800px; 
	margin: 20px auto; box-shadow: 0 0 10px black;}
#cuerpo header,#cuerpo{padding: 40px; height:100%; }
#pie{background: #008080; color: black; text-align: center; padding: 20px; margin-top: 40px;}
#pie a{color: orange;}
#encabezado{background:#85C8D9; color:white; height: 65px; width: 100%; left: 0px; top: 0px; position: fixed;}
#pie{background:black; color:white; height: 10px; width: 100%; left: 0px; bottom: 0px; position: fixed;}
#logo img{width: 900px;height: 220px;}
h2{background-color:#08A7F7 ; color: white; text-align: center;}
p{text-align:justify;font-size: 18pt;}
.contenido img{width: 250px;height: 150px; padding: 10px;}

#seccion{width: 95%;margin: auto;overflow: hidden;}
#seccion ul{display: flex;padding:10px;width: 200%;text-decoration: none;animation:rotar 20s infinite;
	animation-direction:alternate;animation-timing-function:ease-in;}
#seccion ul li{text-decoration: none;width: 100%;list-style:none;}
#seccion img{width: 100%;}
@keyframes rotar{
	0%{margin-left: 0%;}
	20%{margin-left: 0%;}}
	@keyframes rotar{
	25%{margin-left: 100%;}
	45%{margin-left: 100%;}}
	@keyframes rotar{
	50%{margin-left: -200%;}
	70%{margin-left: -200%;}}
	@keyframes rotar{
	75%{margin-left: -300%;}
	100%{margin-left: -300%;}}
	@keyframes rotar{
	90%{margin-left: -400%;}
	100%{margin-left: -400%;}}

#seccion2{width: 95%;margin: auto;overflow: hidden;}
#seccion2 ul{display: flex;padding:10px;width: 200%;text-decoration: none;animation:rotar 10s infinite;
	animation-direction:ri;animation-timing-function:ease-in;}
#seccion2 ul li{text-decoration: none;width: 100%;}
#seccion2 img{width: 100%;}
@keyframes rotar{
	0%{margin-left: 0%;}
	20%{margin-left: 0%;}}
	@keyframes rotar{
	25%{margin-left: 100%;}
	45%{margin-left: 100%;}}
	@keyframes rotar{
	50%{margin-left: -200%;}
	70%{margin-left: -200%;}}
	@keyframes rotar{
	75%{margin-left: -300%;}
	100%{margin-left: -300%;}}
	@keyframes rotar{
	90%{margin-left: -400%;}
	100%{margin-left: -400%;}}
#seccion2 img{height: 200px;padding: 10px;}