* {
    font-family: 'Open Sans', Arial, sans-serif;
    color: #000000;
}

header {
    background-color: #397cb5;
    box-shadow: 0px 8px 6px -6px #000;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 10
}

.navegador{
    margin-top: 0.5em;
    margin-left: auto;
    clear: both;
    float:right;
    right: 0;
	}

ol, ul {
    list-style: none outside none;
}
.navegador li {
    float: left;
    margin-left: 20px;
	}


.navegador a {
    color: #182945;
    background-color: #E8E8F0;
    display: block;
    font-size: 12px;
    height: 16px;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 7px;
    padding-bottom: 7px;
    text-transform: uppercase;
    margin-top: 10px;
    text-decoration: none;
}




.navegador li ul {
	z-index: 100;
  display:none;
  position:absolute;
  width: 40%;
}

.navegador li:hover > ul{
display: block;
padding: 0px;
position: fixed;
   
}

.navegador ul li a:hover{
    background-color:#633189;
    color: white;
}

#avatar img{
      padding: 5px;
    border: 0.2em solid blue;
    border-radius: 20%;
    height: 10em;
    width: auto;
    display: flex;
    justify-content: center;
    margin: auto;
}

#logos{
     margin-bottom: 4em;
    max-width: 50em;
  position: relative;
    float:right;
}
	
h1{
    font-size: 3em;
    color: azure;
    margin-left: 9.8em;
}

main{
    padding: 2em;
    background-color: beige;
}

footer{
    background-color:black;
    padding: 2em;
}