*{
    margin: 0;
    padding: 0;
    background-image: url(img/fondo.jpg);
    color: black;
    box-sizing: border-box;
}
#contenedor{
    width: 90%;
    border: 2px solid black;
    margin: 25px auto;
}
#logo{
    height: 250px;
    border-radius: 50%;
    float: left;
    padding: 5px;
    width: 250px;
    margin: 9px;
}
#encabezado{
    height: 90px;
    padding: 11px;
    font-size: 50px;
    text-shadow: 3px 10px 8px #888;
    color:rgb(75, 140, 221);
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    border-color:3px solid white;
    background: white;
}
#cabeza{
    border-bottom: 2px solid black;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 22px;
    padding: 10px;
}
#nota{
    text-align: right;
    margin: 10px;
    padding: 10px;
    border: 2px solid white;
    margin-left: 1170px;
    padding: 7px;
    font-size: xx-small;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    width: 300px;
    background: white;
    font-style: oblique;
    text-shadow: 3px 10px 5px #888;
}
#titulo p{
    text-align: justify;
    padding: 6px;
    margin: 13px;
    font-family: Arial, Helvetica, sans-serif;
}
#titulo h3{
    text-align: left;
    text-decoration: underline;
    margin: 13px;
    padding: 7px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: x-large;
}
#cuerpo{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    border: 2px solid black;
    margin: 10px auto;
    width: 1470px;
}
.contenido{
    border: 4px solid gray;
    margin-left: 35px;
    margin-right: 35px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: justify;
    width: 330px;
}
.contenido img{
    width: 40%;
    height: 40%;
    margin-bottom: 10px;
    margin-left: 90px;
}
h4{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border: 2px solid red;
    color: white;
    background: red;
    text-align: center;
    font-size: larger;
    width: 300px;
    height: 55px;
}
h5{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border: 2px solid blue;
    color: white;
    background: blue;
    text-align: center;
    font-size: larger;
    height: 35px;
}
h6{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border: 2px solid green;
    color: white;
    background: green;
    text-align: center;
    font-size: larger;
    height: 35px;
}
#primero{
    background: rgb(255, 241, 239);
    font-family: Arial, Helvetica, sans-serif;
}
#segundo{
    background: rgb(235, 255, 255);
    font-family: Arial, Helvetica, sans-serif;
}
#tercero{
    background: rgb(223, 247, 223);
    font-family: Arial, Helvetica, sans-serif;
}
#info1{
    background:rgb(255, 241, 239);
    margin-left: 10px;
    margin-right: 10px;
}
#info2{
    background:rgb(235, 255, 255);
    margin-left: 10px;
    margin-right: 10px;
}
#info3{
    background:rgb(223, 247, 223);
    margin-left: 10px;
    margin-right: 10px;
}
#desarrollo{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    border: 2px solid black;
    margin: 10px auto;
    width: 1470px;
}
.episodio{
    border: 4px solid gray;
    width: 270px;
    height: 340px;
    margin-left: 35px;
    margin-right: 35px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px;
    text-align: justify;
}
#pintura{
    border: 2px solid white;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    width: 20px;
    height: 25px;
}
h7{
    font-size: x-large;
    border: 2px solid red;
    background: red;
    padding-top: 9.5px;
    padding-bottom: 5px;
    padding-left: 49.5px;
    padding-right: 85px;
    color: white;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
h8{
    font-size: x-large;
    border: 2px solid blue;
    background: blue;
    padding-top: 9.5px;
    padding-bottom: 5px;
    padding-left: 79px;
    padding-right: 80px;
    color: white;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
h9{
    font-size: x-large;
    border: 2px solid green;
    background: green;
    padding-top: 9.5px;
    padding-bottom: 5px;
    padding-left: 50px;
    padding-right: 55px;
    color: white;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
#nudo1{
    background:  rgb(255, 241, 239);
    font-family: Arial, Helvetica, sans-serif;
}
#nudo1 p{
    background: rgb(255, 241, 239);
}
#nudo2{
    font-family: Arial, Helvetica, sans-serif;
    background: rgb(235, 255, 255);
}
#nudo2 p{
    background:rgb(235, 255, 255);
}
#nudo3{
    font-family: Arial, Helvetica, sans-serif;
    background: rgb(223, 247, 223);
}
#nudo3 p{
    background: rgb(223, 247, 223);
}
#casa2{
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    width: 400px;
    height: 320px; 
    padding: 5px;
    margin: 7px 7px 7px 515px;
    margin-bottom: 30px;
    margin-top: 25px;
}
.Sombra{
    box-shadow: 15px 13px 10px #888;
}
#final{
    border-top: 2px solid black;
}
#pie p{
    font-family:monospace;
    font-size: large;
    border: 2px solid white;
    border-top-width: 10px;
    border-left-width: 70px;
    border-right-width: 70px;
    border-bottom-width: 10px;
    color: black;
    background: white;
    text-align: center;
    width: 900px;
    height: 59px;
    margin: 5px 5px 50px 290px;
}
.pie2{
    box-shadow: 15px 13px 10px #888;
    border-radius: 7px;
}