*{margin:0;
}
html{
  background: rgb(34,195,185);
background: linear-gradient(0deg, rgba(34,195,185,1) 0%, rgba(253,198,45,1) 100%);}
h1{color:#fff;}
#cabecera{
  width:100%;
  height:8%;
  background: rgb(34,195,85);
 background: linear-gradient(0deg, rgba(34,195,85,1) 0%, rgba(253,247,45,1) 100%);}
img {
  display: block;
  margin: 0 auto;
  width: 50%;
}
ul {
  list-style:none;
  display: flex;
  background:#0ED9ED;}
ul li{
 }
ul li a{
  display: block;
  width:160px;
  height: 30px;
  padding: 5px;
  //border: 1px solid #2F0EED;
  background:#0ED9ED;
  text-decoration:none;
  color:#fff;
  font-family:Courier New;
  font-size:1.1em;
  font-weight:bold;
  text-transform:uppercase;
  
  }
ul li a: hover{
  color:#EDB40E;}
#contenedor{
  margin: 0 auto;
  width: 70%;
  height: 800px;
  background:#fff;
  }
  p{
    animation-duration:3s;
    animation-name: slidein;
    color: black;
  }
.marco{
  width:20%;
  border: 2px solid #ddd;
  border-radius:8px;
  padding:10px;
  margin:15px;
}
.marco img{
  //display:block;
  width:100%;
  height:200px;
}
.marco span{
  display:block;
  margin:0;
  background:red;
  color:white;
  font-style: italic;
  padding:5px;
  text-align:center;
}
.galeria{
  display:flex;
  flex-wrap:wrap;
  margin: 20px;
}