@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

*{	margin:0;    
	padding:0;
	box-sizing:border-box; 
    border: 0;
    outline: 0;	
    font-family: 'Raleway', sans-serif;
}


/* ---------- ENCABEZADO de logos fadu ---------- */

.logosinstitucionales{
    background-color: crimson;
    padding: .7em 4vw .7em 4vw; 
    display: flex; 
    justify-content: space-between; 
}

header{
    background-color: crimson;
    width: auto;
    height: auto;
}

/* ------------ MENU ------------- */

.menu {
    display: flex; 
    justify-content: center; 
}

.menu ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
}

.menu li{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 1em;
    letter-spacing: .1em;
    padding: 15px 20px;
    color: #FFF;
    
}

.menu li:hover {
    background: rgba(0,0,0,0.3);
    
}

.menu li a {
    display: block;
    color: #FFF;
    text-decoration: none;
}

.menu li a:link{color: #FFF; } /*links antes de hacer click*/
.menu li a:visited{color: #C0C0C0; } /*links luego de hacer click*/


/* ------------ CUERPO/BODY ------------- */

body{
   margin:auto ;
}


/* ------------ PRESENTACIÓN ------------- */
.principalperfil {
    display:flex;
    justify-content: space-between;
    
    }

.contenedorperfil{
    display: flex;
    background-image: url(../images/Aulamagenta.jpg);
    background-size: cover;
    width: 100%;
   
}

.avatar{
    margin:1.6em .5em 1em .5em;
}

.datos{
    margin:2em 0 2em 0;
}

.datos .nombre{
    font-family: "Raleway", sans-serif;
    font-weight: 900;
    font-size: 2em;
    line-height: 1em;
    color: #FFF;

}

.datos #carrera {font-family: 'Raleway:900', sans-serif;
    font-weight: 300;
    font-size: .7em;
    letter-spacing: .1em;
    color: #FFF;
    margin-top: .5em;
    border-top: .2px solid white;
    padding-top: .7em;
}


/* ------------ MATERIAS  ------------ */

#materias{
    margin: 1em 2em;
}
#materias .titulomaterias {
    color: crimson;
    margin: 1em 0 1em 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
}


.contenedormaterias{
    background-color: rgba(220,20,60,10%);
    color: #201f44;
    display: flex;
    padding: 1em 1.3em 1em 1.3em;
    justify-content: space-around;
    max-width: 100%;
    flex-wrap: wrap;  
}


.contenedormaterias p{
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: .8em;
    color: 0A0A0A;
}


.nombremateria{
   font-family: 'Raleway', sans-serif;
    font-weight: 800;
    color: #0A0A0A;
}

#materias article {
    margin: 15px;

}


/* ------------- PROYECTO  ----------- */
.contenedorinfo{
    display: flex; 
    justify-content: space-around;
    margin: 1em;
    flex-wrap: wrap;

}

   /* --------- Titulos info  --------- */

.contenedorinfo .tit {
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
    text-align: center;
    color: #0A0A0A;    
    border: 2px solid crimson;
    border-radius: 10px;
    padding: .8em;
    
    }


   /* --------- Subtitulos info --------- */

#subtitulos{
    margin: 10px 0px;
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    font-size: .7em;
    text-align: center;
    color:#0A0A0A;

}

   /* --------- Docentes  --------- */
    
.contenedordocentes{ 
    margin: 1em;
    padding: 0 .5em;
    width: 33vw;
    height: auto;

}


   /* --------- Equipo  --------- */

.contenedorgrupovm22{
    margin: 1em;
    padding: 0 .5em;
	font-family: 'Raleway', sans-serif;
    width: 33vw;
    height: auto;
    }

.contenedorintegrantes{
    font-size: 50%;
    text-align: center;
    text-transform: uppercase;
    word-spacing: -.3em;
    letter-spacing: .3em;
}

   /* --------- Botones miemrbos del equipo  --------- */

.contenedorintegrantes li{
    font-family: 'Raleway' , sans-serif;
    font-weight: 600;
    color: #FFF;
    background: #0A0A0A;
    list-style: none;
    border-radius: 8px;
    margin-bottom: 1em; /*externo*/
    padding: .8em 2em; /*interno*/ }

.contenedorintegrantes li a{
    text-decoration: none;
}

.contenedorintegrantes li a:link{color: #FFF; } /*links de cada una antes de hacer click*/
.contenedorintegrantes li a:visited{color: #DA4A3B; } /*links de cada una luego de hacer click*/

#Cintia {
    background-color: crimson;
}


   /* --------- Comitente  --------- */

.contenedorcomitente{
    padding: 0 .5em;
    margin: 1em;
    width: 33vw;
    height: auto;
}
    

.contenedorcomitente p{
    color:#0A0A0A;
    font-family: 'Raleway' , sans-serif;
    font-weight: 600;
    font-size: .7em;
    }




/* ----------- PIE  ---------- */

.pie{
	
    color: FFF;
    background-color: 0A0A0A;
	font-family: 'Raleway600',sans-serif;
    font-size: .6em; 
    border-top: 2px solid crimson;
    margin: auto;
    padding: 10px;
    word-spacing: normal;
    letter-spacing:  .02em;
}