header{
    height: 9em;
    width: 90%;
}
#logo img{
    height: 5em;
    width: 5em;
}
.sesion{
    background-color: #73C8DB;
    margin-left: 5.8em;
    margin-top: -0.8em;
    list-style-type: none;
    width:auto;
}
.sesion li:hover{
    background-color:#BDE2E9;
}
a{
    font-family:'Titillium Web', sans-serif;
font-size:0.75em;
    text-decoration: none;
    color: white;
}
#menu nav ul a li{
    background-color: #EF9A33;
font-family:'Titillium Web', sans-serif;
    height: 2em;
    width: 5em;
font-size:0.75em;
font-style:normal;
font-weight:100;
    text-align: center;
    padding: 1em;
border:0.25em solid white;
    border-radius:1em 1em;
    
    display:block;
    flex-wrap:wrap;
    flex-grow:1em;  
    justify-content: center;
}
#menu li:hover{
    background-color:#F7AD7C;
}
h1{
   font-family:'Titillium Web', sans-serif;
   font-size:1em;
   font-weight: 100;
   color: #73C8DB;
   margin-left: 5.5em;
   margin-top: -3em;
}
#contenedor{
   display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.fotos{
    margin-left: -14em;
    
   display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
#foto img{
    height: 10em;
    width: auto;
    border-radius: 50%;
    margin-left: 20em;
    margin-top: -21em;
    
    
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.datos{
    margin-top: -25em;

   display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
#datospersonales{
    width: 100%;
    height: auto;
    margin-top: 15em;
    margin-left: 25em;

    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.derecha{
    margin-top: -1em;
    margin-bottom: 5em;
    margin-left: -10em;
    
   display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
#derecha{
    margin-left: -10em;
    
   display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
h2{
    font-family:'Titillium Web', sans-serif;
    font-size: 1em;
    font-weight: 200;
    color:white;
    background-color: #73C8DB;
    padding: 0.5em;
    text-align: center;
    width: 15em;
    margin-left: 1em;
    margin-top: -10em;
}
.textoderecha{
   display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
#textoderecha{
    margin-left: -33em;
    margin-top: 8em;
}
p{
   font-family:'Titillium Web', sans-serif;
   font-size:0.8em;
   font-weight: 100;
   color: darkgray;
   text-align: center;
}
#izquierda{
    margin-bottom: 5em;
    margin-left: 1em;
    
   display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
h3, h4{
    font-family:'Titillium Web', sans-serif;
    font-size: 1em;
    font-style:normal;
font-weight:300;
    color: #FF4E00;
    text-align: left;
    line-height:2em;
    text-align: center;
}