/*Formatos body */

body {

    width: 100%;
    margin: auto;
    border: auto;


    font-size: 12pt;
    background-color: white;


}

/*Formato headers */
header {
    width: 100%;
    height: 200px;
    padding: 20px;
    text-align: left;
    content: inherit;
    color: black
}


h1 {
    background-color: navy;
    color: black;
    font-size: 200%;
    text-align: center
}

h2 {
    background-color: navy;
    color: black;
    font-size: 85%;
    text-align: left
}

/*formato de navigation bar*/
nav {
    width: 100%;
    height: 200px;
    height: 25%;
    margin-top: 1%;
    margin-bottom: 1%;
    padding: 10px;
    border: 5px;
    border-style: solid;
    border: solid 5px black;
    margin: center
}

nav {
    border: 5px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    border-color: black
}

nav li {
    float: left;

}

nav li:last-child {
    border-right: none;
}

nav li a {
    display: block;
    color: white;
    padding: 10px;
    text-align: center;
    padding: 8px;
    text-decoration: none;
}

nav li a:hover:not(.active) {
    background-color: #111;
}

.active {
    background-color: #4CAF50;
}

div {
    display: block:;
}

/* ordered List*/
ol {
    list-style-type: lower-alpha
}

/*wrapper*/
#wrapper {
    margin: auto;
    width: 80%;
    border-style: solid
}

/*aside*/
aside {
    width: 25%;
    float: right;
    background-color: black;
    padding: 5px;
    border: 5px;
    border-style: solid;
    border-color: antiquewhite;
    margin-right: auto;
    margin-left: auto;
    color: white
}

/*images*/

/* section*/
#main-section {
    width: 65%;
    background-color: ghostwhite;
    float: left;
    padding: 10px;
    border: 2px;
    font-size: 15px;
    content: inherit;
    margin: auto;


}


/* footers */

footer {
    width: 100%;
    display: block;
    padding: 5px;
    background-color: black;
    font-style: italic;
    font-size: small;
    text-align: center;
    color: white;
    border-style: solid;
    border-color: black;
    clear: both
}



html {
    background: #e6e9e9;

}

/*H3*/
h3 {
    background-color: hsl(240, 100%, 50%);
    color: black;
    font-size: 100%;
    text-align: center
}