body {
    background-color:aliceblue
}

* {
font-family: 'Lora', serif;;
  
    
}

body {
    display: block;
        margin: 0p;
      padding: 00;
    box-sizing:border-box;
}

body div #barra social {
    display: inline;
    width: auto;
    position: fixed;
    left: 0;
    top: 200px;
    z-index: 2000;
    flex-direction: column
}

#logos { 
    display: block;
    margin: auto;
    justify-content: center;
    margin-top: 2em;
    background-color:aliceblue;
    box-sizing: 1em;
    height: 2.5em;
    width: auto;
    margin-bottom: 1.5em;
}


 
body header div {
 display: flex;
justify-content: center;
}


header {
	background-color:none;
	width:100%;
	padding:20px;
    box-shadow: 0 0.3em 0.em rgba(0, 0, 0,.7);
    /* Flexbox */
	display: flex;
	justify-content:center;
	align-items:center;
	flex-direction:row;
	flex-wrap:wrap;
}


header nav {
	width:50%;
	/* Flexbox */
 
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

header nav a {
	background:beige;
	color:black;
	text-align: center;
	text-decoration: none;
	padding:10px;
/* Flexbox */
	flex-grow:1;
}

header nav a:hover {
	background:orange ;
}

main{
    width:200p;
    border:1px;
    margin:5px;
    
}

.nombre 
{
    
margin: auto;
    text-align:center;
    padding: inherit;
}

.perfil {
    justify-content: center;
}
    
.perfil
{    box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, .35);
    padding:10px;
	flex:1 1 0%;
	/*flex:1;*/
}

.perfil img {
    display: block;
    margin: auto;
    justify-content: center;
    margin-top: 2em;
    font-size: 1.5em;
    
}



.bio { 
    display: block;
    text-align: center;
    letter-spacing: 0.6em;
    padding:1em;
    color: black;
    text-transform: ;
    letter-spacing: 0.05em;
    margin-top: 1.em;
    margin-bottom: 1.em;
    font-size: 1em;

}

#titulo {
    
}

.main article 
    {
    text-align: center; 
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

main p {
    text-align: center;    
	margin-bottom: 20px;
	padding-bottom:20px;
	border-bottom:1px solid #000;    
}


}
 
.main article p:nth-last-child(1)
{ text-align: center; 
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom:none;
}

.article {
  text-align: center
}

.propuesta {
    display:block;
}

h3 {
    text-align: center
}

.caja {
  
    padding: 5em;
    margin:auto;
    display: flex;
    justify-content: center
    
}
.img {
    max-width: 30%;
     margin: auto;
    padding:.5em;
    box-sizing: border-box;
    display: block;
    justify-content: center   
}

aside { 
/*FLEX*/
	flex:1 1 30%;
	/*flex:0 0 300px;*/
	display:block;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:flex-start;
}

#navegador {
    display: block;
    list-style-type:none;
   text-align:center;
	background:none;
	padding:10px;
}

#navegador a img {
    border-radius: 60%;
    margin-bottom: 1em;
    display: block;
    margin: auto;
    height: 5em;
    width: 5em;
     list-style-type: none;
     display: inline;
   text-align: center;
   margin: 0 0px 0 0;
}
 
.social {
    display: block;
    list-style-type: none;
    text-align:center;
	background:none;
    padding:5em}
    
{ background-color:antiquewhite;
}
 
#social a {
    color:darkred;
	text-decoration: none;
	padding:10px;
    display: inline-block;
}

.a {
	flex-grow:1;
	color:azure;
	padding:0px;
	text-align: center;
	text-decoration:none;
}
 
.a:hover {
	background:#E74C3C;
    color:#fff;
	padding:10px;
	text-align: center;
	text-decoration:none
}
 


section .datos academicos 
{
   text-align: center; 
}
 
a h4{
    display: block;
    text-align: center;
}

footer {
    background:;
	width: 100%;
	padding:0px;
    
    /* Flexbox */
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
 
footer  {
	background:dark;
	display:block;
	flex-wrap:wrap;
    text-align: justify
}
 


@media screen and (max-width: 600px) {
	.contenedor {
		flex-direction:column;
	}
 
	header {
		flex-direction:column;
		padding:0;
	}
 
	header .logo {
		margin:20px 0;
	}
 
	header nav {
		width: 100%;
	}
 
    .caja {
        display: flex;
        flex-direction: row
    }
    
    
    .bio
{
   flex-direction:  column;
    }
    
	aside {
		flex-direction:row;
		flex:0;
	}
 
	aside .widget nav {
		flex-grow:1;
        justify-content:center;
	}

}
 
section {
padding: 20px    
}

@media screen and (max-width: 800px) {
    main div a{
    width: 80%;
    height:100%,; 
}

	aside {
		flex-direction:column;
	}
 
	footer {
		justify-content:space-around;
	}
}