@charset"utf-8"
    *{box-sizing:}

body {font-family: sans-serif;background-image:url(../imagenes/fondo%20perfil.png); margin:0}

@font-face{font-family:'rosario'; src:url ("rosario.ttf")}

#logodgpc {width: 5em;}

header {background-color: darkgrey;
        height: 8.5em;padding:.5em;
        box-shadow: .3rem .3rem 1rem 0 rgba(0,0,0,0.2);
        }

.menu {font-family: sans-serif;
       text-decoration: none;
       font-weight: 500;
       line-height: 2.5rem;
       color:white; 
       font-size:1.3rem;
       background-color: grey; 
       border-radius: 1rem;
       padding:.3em; 
       }

header nav ul {
  list-style: none; 
  display: flex;
  justify-content: space-evenly; 
  flex-wrap: wrap;
  margin-right: 2.1em;
  }



#fotonay {
width: 100%; 
height: auto;
border-radius:10rem;
border: 3px dashed white}

.nombre {color: black;
         font-weight: 100;
         font-size: 2em;
         text-align: center;
         text-shadow:.5rem .5rem .5rem #808080;
         margin-bottom: .4em;
         margin-top: .7em;}

#logoclub{width: 100%; 
height: auto; 
display: flex; 
}

#subtitulo {
    font-size: 15; 
    text-align: center; 
    line-height: 1.5em;
    margin-top: .1em;
    margin-bottom: 1.5em;}

.contenedor1 {background-color: lightgrey;
                     padding-top: 0.1em;
                     padding-left: 2.5em; 
                     padding-right: 2.5em;
                     padding-bottom: 1em;
                     margin-right: 2em;
                     margin-left: 2em;
                     margin-top: 2em; 
                     margin-bottom: 1em;
                     display: flex;
                     flex-direction: column;
                     border-radius: 2rem;
                     }
.primera{background-color: lightgrey;
                     padding-top: 0.1em;
                     padding-left: 2.5em; 
                     padding-right: 2.5em;
                     padding-bottom: 1em;
                     margin-right: 2em;
                     margin-left: 2em;
                     margin-top: 2em; 
                     margin-bottom: 1em;
                     border-radius: 2rem;
                     
}
.titulosecundario {
    color: ghostwhite;  
    font-size: 1.6em;
    font-weight: 200;
    background-color: rosybrown;
    border-radius: 3rem;
    border: 10px dashed rosybrown; 
    list-style: none; 
    margin-right: 1em;
    text-align:center;}

.materia {color:white;
    font-family: sans-serif; text-shadow:.5rem .5rem .5rem #808080;
    font-size: 22;
    line-height: 0rem;
}

.nivel {
    color:dimgrey; 
    font-size:17; 
    list-style: none; 
    text-indent: 0.5rem; 
    font-weight: 500;}

.catedra {
    color: rosybrown; 
    text-decoration: none; 
    font-family: sans-serif; 
    font-weight: 500;}

.instituciones {
 margin-bottom: 2em;   
}

.facu {
list-style: none;
font-size: 20; 
margin-bottom: 1em;}

.titulo2 {
color: dimgrey; 
text-shadow:.5rem .5rem .5rem #808080; 
font-weight: 400; 
text-decoration: none; 
font-size: 22;
margin-top: .3em;
margin-bottom: .1em;}

.pertenencia {
    text-decoration: none;
}

.titulo3 {
color: dimgrey; 
text-shadow:.5rem .5rem .5rem #808080; 
font-weight: 500; 
text-decoration: none; 
font-size: 2em;
margin-top: .1em;
margin-bottom: .1em;}

.autoridades {
    line-height: 1.4rem; 
    color: dimgrey;
    font-size: 1em;
}

.autoridades2 {
    color: dimgrey;
    margin-top: .1em;
    margin-bottom:.8em; 
}

.puesto {
    color: rosybrown;
    font-style: italic;
    margin-top: .2em;
    margin-left: 1.4em;
}

.tituloterciario {
    color:white; 
    text-shadow:.5rem .5rem .5rem #808080; 
    font-size: 23;
    font-weight: 300;
    margin-top: 1em;
    margin-bottom:.5em;
}

#docentes {
    color:white; 
    text-shadow:.5rem .5rem .5rem #808080; 
    font-size: 23;
    font-weight: 300;
    margin-bottom: .7em;
}

.descripcion {
    color: dimgrey;
    font-size: 1em;
    list-style: none;
    margin-top: .5em;
    margin-bottom: .5em;}

.texto {
    line-height: 1.5rem; 
    color: dimgrey;
    font-size: 1em}

.grupo{
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 2em;
    margin-top: 2em;
    line-height: 2.5rem;
    }

.integrantes {
font-size:1.1em;
text-decoration: none;
color: dimgrey; 
background-color: white; 
border-radius: 8rem;
padding:.4em;
margin-top: 2em;
}

.lista{
list-style: none;
}

#mapa{
    width: 100%;
    height: auto;
}

.logo {width:5em;}
#logo2 {width: 10em}




footer {background-color: dimgrey; padding: 0.2em; font-size: 0.8em; padding-left: 2em; padding-right: 2em; margin-top: 4em;}

#piedepagina {color: black; font-family: sans-serif; font-style: normal}


@mediascreen and (min-width: 30 em) 
    .usuario{
        display: flex; 
        align-items: flex-start; 
        max-width: 30 em;}
    .usuario img{
        height: 10 em;
        width: 10 em;
        margin-right: 1 em}
    .usuario div{
        text-align:left;
        flex-grow: 1;}