body{
   margin: 0; 
   font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
h1{
    font-size: 35px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #7a28cb;
    text-align: center;
    font-weight: bold;
    letter-spacing: 5px;
    /* text-shadow: 2px 4px #4c1089; */
    animation: move 5s linear infinite;
}

@keyframes move {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}

h1:hover {
    transform: scale(1.1);
  }

h2{
    font-size: 30px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color:#d62839;
}

.cabecera{
    text-align: center;
    animation: change-colors 5s infinite;
}
@keyframes change-colors {
    0% {
      background-color: red;
    }
    50% {
      background-color: blue;
    }
    100% {
      background-color: green;
    }
  }

.contenido{
    width:50%;
    float:left;
}

.contenido img{
    width:70%;
    margin:auto;
    display:block;
}

.barra-lateral{
 padding-top:40px;
 float:right;
 width:40%;
}

.barra-lateral img{
    width: 100%;
    margin:auto;
    display:block;
}

.barra-lateral h3{
    font-size: 30px;
    font-family: Arial, Helvetica, sans-serif;
    color:darkgreen;
    text-align: center;
    border-bottom: 2px solid #7a28cb;

}

table{
    width:100%;
    border-collapse: collapse;
}

.col_corta {
    background-color: cornflowerblue;
    width: 15%;
    border: 2px solid black;
    text-align: center;
}

.col_larga{
    background-color: cornflowerblue;
    width: 40%;
    border: 2px solid #070707;
    text-align: center;

}

.color_claro{
    background-color: aquamarine;
    border: 2px solid #070707;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.color_oscuro{
    text-align: center;
    background-color:cadetblue;
    border: 2px solid #070707;
    padding-top: 10px;
    padding-bottom: 10px;
}

.tabla
{
    width: 90%;
    align-content: center;
}

