@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
*{box-sizing:border-box;}
header, main, section, footer{padding:0;overflow:auto;}
main, section,aside{float:left}
body{ background-color: #023859; font-family: 'Open Sans', sans-serif; font-weight: 400;}
#header{max-width:75em; margin:0;}
#logo {width:15em;height: auto; margin:3em}
#logo img {width: 100%;}
figure{width:100%;height:auto;margin: 0;}
img{width:100%; height: auto;}
#pagina nav{float:right; width:150; overflow:hidden; position:relative; font-family: 'Open Sans', sans-serif; font-weight:400; font-style: normal; text-transform: uppercase; text-decoration:none; letter-spacing:0.1em;}
#pagina nav ul{list-style:none; clear:both; float:left; position:relative; margin:1em; padding:0}
#pagina nav ul li{ list-style-type:none; display:inline-block; margin: 0.5em; float: left; list-style: none; position:relative;}
#pagina nav ul li a{display:block; padding:2 1.5em; text-decoration:none; background-color:#F1F2EB; color:#011826}
#pagina nav ul li a:hover{background-color:#011826 ;color:#F1F2EB}
#personal nav {float:right; width:130; overflow:hidden; position:relative; font-family: 'Open Sans', sans-serif; font-weight:400; font-style: normal; text-transform: uppercase; text-decoration:none; letter-spacing:0.1em;}
#personal nav ul {list-style:none; clear:both; float:right; position:relative; margin:1em; padding:0}
#personal nav ul li{ list-style-type:none; display:inline-block; margin: 0.5em; float: right; list-style: none; position:relative;}
#personal nav ul li a{display:block; padding:2 1.5em; text-decoration:none; background-color:#F1F2EB; color:#011826}
#personal nav ul li a:hover{background-color:#011826 ;color:#F1F2EB}
#contenido {margin:0; padding: 2em; width:100%; color:#03658C;}
main{width:100%;}

main{float:left;margin 0; padding:3em;width:60%}
aside{float:right;margin 0; padding:3em;width:40%}
h1{ font-size: 3em;
    font-weight: 700;
    color: #011826;}
h2{ font-size: 2.5em;
    font-weight: 700;
    color: #011826;}
h3{ font-size: 1.75em;
    font-weight: 700;
    color: #011826;}
h4{font-size: 1em;
    font-weight: 700;
    color: #011826;}
sectiom {float:left;margin 2em 1em; padding:1em;background-color: #023859; font-family: 'Open Sans', sans-serif; font-weight: 400;}

#videos{width:100%;margin:3em;padding:0.2em; display:inline-block; float:left;}
#videos img{width: 18.75em; margin:0.5em; padding:0;}
#personajes{width:33%;margin:0;padding:1em; display:inline-block; float:left;}
#personajes img{width: 20; margin:0.5em; padding:0;}
footer{width:100%; clear: both; overflow:auto; text-align: center;}
@media screen and (min-width: 40em) {#contenido {padding-bottom: 0;
    main {width: calc(60% - 1em);margin-right: 1em;} aside {width: 40%;}}