@charset "utf-8"

/*--------------  REGLAS GENERALES ----------------*/
* {margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
    list-style: none;
    box-sizing: border-box;
   }
    
    img {
    max-width: 100%;
    height: auto;}  

a {text-decoration:none;}

ul{list-style: none;
 margin: 0;
 padding: 0;}
    

/*--------------  BODY ----------------*/    
    
body {background-color: white;
    margin:8px
    padding:0px;
    display: block;
}

.Contenedor1{margin-top:3em;
     border-radius:3em;
    display: flex;
justify-content:space-around;
align-items: stretch;
text-align: center;
flex-wrap: wrap;}

/*--------------  HEADER ----------------*/
         
header { background-image: url(../imagenes/background_header.jpg);
    background-size: contain;}

/* _______________ LOGOS _________________ */

.Logos{padding: .5em 0 0 0;
    display: flex;
justify-content: space-around;;
align-items: center;
flex-wrap: wrap;}


/* ____________ Logo Catedra ____________ */

#logo-catedra{
    width: 20em;
    }

/* ____________ Logo UBA____________ */

#logo-uba{
    width: 20em;
  }

/* ____________ Logo Acumar____________ */

#logo-acumar{
    width: 20em;
}


/*--------------  Barra de Navegación ----------------*/
nav {
    display: inline-block;}

header nav ul 
{display: flex; flex-wrap: wrap; justify-content: ;
box-sizing: border-box;font-size: 0.7em}


header nav ul li {
    min-width: 4em;}


header nav ul li a {
    color: whitesmoke;
    font-weight:100;
    padding: .25em .5em;
    text-align:center;
    display:block;
padding-top: .1em;}


/*--------------  MAIN ----------------*/

/*--------------  Seccion 1----------------*/
.sobremi{
    padding: 1em;
    border: .2em solid rgba(0, 119, 195, 0.3);
max-width: 30em;}

.sobremi img{max-width: 20em;
max-height:10em;
border-radius: 10%;
margin-bottom: 2.1em;}

.sobremi h1{margin-bottom: 1em;
color:orange}
.SobreMi h2{margin-bottom: 1em;
color:orangered;}

/*--------------  Seccion 2 ----------------*/
.asignaturas{
    padding: 1em;
    border: .2em solid rgba(0, 119, 195, 0.3);
max-width: 30em;}

.asignaturas h2{margin-bottom: 1em;
color: orange;}
.asignaturas h3{margin-bottom: 2em;
color: orangered;}
.asignaturas ul {margin:0 0 3em 0;}

#materias, #cursando{margin-bottom: 2em;}


/*-------------- Seccion 3 ----------------*/

.reel {
    max-width: 20em;
    display: flex;
    flex-wrap: wrap;
    justify-content:center;;
    margin: auto;
    padding: 2em;;
}

.reel p {font-weight:100%;
    text-decoration: none;font-size: 0.9em;}

.reel a{color:black;}


.reel h2 {padding-bottom: .7em;
    font-weight:100%;
    font-family: sans-serif; 
    border-bottom:.2rem solid #000000;}


.reel ul{
    margin-bottom: 2em;
    margin-top: 2em;
    max-width: 10em;
}


.reel ul li {
    margin-bottom: 1em ;
    display: flex;
    flex-direction:column; 
    text-align: center;
    justify-content:center; 
    border-radius: .80em;
    font-weight:100; border:solid ; 
    border-width: 1px;
    min-width: 10em;    
    box-sizing: border-box; 
    font-family: sans-serif; 
}



/*--------------  FOOTER ----------------*/

footer{background-image: url(../imagenes/back_fractal.jpg);
margin:1em 0 1em 0;
    text-align: center;
    background-size: contain;
    }
footer p{padding:1em;
font-size: .8em;}




/*--------------  Para Escritorio ----------------*/

@media(min-width:1200px){
    
    .contenedora {
    max-height: 2em;
    max-width:100%;
    margin: 1em;
    padding: 1em;}
    
    .footer { 
    margin-top:4em;
        padding:2em;
    background-color: gainsboro; 
    font-family: sans-serif;
    font-size: 0.7em; 
    max-width: 100%;
text-align: center;}
    
}