@import url('https://fonts.googleapis.com/css?family=Arvo:400,400i,700,700i');

*{
	margin: 0rem;
	padding: 0rem;
}

.pagina {	width: 100%;
            position: absolute;
            font-family:'Arvo';
            text-align: center;
            background-image: url(img/backgroundflora.png);
}

/** MENU **/
.navegador1{
    background-color: darkturquoise;
    padding: 1rem;
	margin-top: -1.2rem;
}

header h4{
            color: darkviolet;
            font-size: 1rem;
}

.navegador2{
    background-color: deepskyblue;
	padding: 0.5rem;
	margin-top: -1.5rem;
}

.navegador2 h4{color:darkslateblue;
    
}

nav ul li {
	float: center;
	display: inline-block;
	list-style-type: none;
}

nav ul li a {
	text-align: center;
	display: inline-block;
	padding: 0.5rem 0.5rem;
	text-decoration: none;
	margin: 1rem;
	border-bottom: 0.2rem solid #70519D;
}


nav ul li a:hover{
	background-color:blanchedalmond;
}

.nombre {font-family: 'Arvo';
         text-align: center; 
         position: relative;
         top: 2rem;
         color: blanchedalmond;
         padding: 2rem;
}
.nombre h1{
    font-size: 3rem;
}
.nombre h2{border-bottom-style: solid;
            border-bottom-color: darkturquoise;
            padding: 1rem;
    
}
	
.materias {
    font-family: 'Arvo';
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: baseline;
	align-content: stretch;
	margin: 2rem;
	margin-top: 4rem;
    position: relative;
}

.materias p{font-size: 13px;
            line-height: 25px;
    
}
.columna1 {background-color: blanchedalmond;
            padding: 1rem;
    
}

.columna2 {background-color: blanchedalmond;
            padding: 1rem;
    
}

.columna3 {background-color: blanchedalmond;
            padding: 1rem;
    
}

.propuesta{ padding: 1.5rem;
            line-height: 18px;
            font-size: 14px;
            background-color: blanchedalmond;
            color: deepskyblue;
}
.propuesta img{
                position: relative;
                width: 10%;
                align-items: center;
}

.datosacademicos{
	background-color: deepskyblue;
	padding: 2rem;
    line-height: 18px;
}
.datosacademicos p{
                    font-size: 12px;
}
footer {
    background-color: darkslateblue;
	padding: 2rem;
    position: relative;
    font-family: 'Arvo', serif; 
    font-style: italic;
    color: blanchedalmond;
}

footer h2 {
	text-align: center;
    font-size: 12px;
}

footer h4 {
	text-align: center;
    font-size: 10px;
}
footer p {
	text-align: center;
    font-size: 8px;
}