body {
    
	width:100%;
	margin:auto;
    font-family: 'Open Sans';
    background-color:#E6E8E6;
    
    
    
}


.container {
    display: flex;
	width: auto;
    margin-top: 20px;            
    margin-bottom: 0px;
    margin-left: 5%;
}


.header {
    display: flex;
	width: 100%;
	top: 0px;
    background-color: black;
    font-size: 13px;
    text-align: right; 
    padding-bottom: 10px;
    background-color: #FF3A20;
}


.logo{
    display: flex;
    justify-content: flex-start;
    align-content: flex-end;
    align-items: center;
    background-size: contain;
    margin-top: 8px;
    justify-content: space-between;
    margin-bottom: 15px;
}



a {
    text-decoration: none;
    color: black;
    
    
}


#menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    align-content: flex-end;
    color: black;
    margin-bottom: 0px;
    font-size: 13px;
    list-style: none;
    padding: 0px;

     
    }   

    
.menu { 
   
    list-style: none;
    margin-left: 20px;
    font-weight: 600;
       
        
        
    }
        

#alumno3 { 
        
          font-family: 'Open Sans';
          color: #E6E8E6;
          margin-bottom: 40px;
          margin-left: 50px;
          margin-right: 32%;
          font-size: 23px;
          text-align: center;
          background-size: contain;
          background-color: #FF3A20;
          padding-top: 5px;
          padding-bottom: 5px;
          padding-left: 5px;
          width: 53%;
         

}
    


.fotocatalina { 
                display: flex;
                justify-content: flex-start;
                margin-top: 40px;
                margin-bottom: 0px;
                margin-left: 50px;
                image-resolution:from-image;
                width: 55%; 
                padding-right: 3px;
                padding-bottom: 10px;
                position: static;
                background-size: contain;
                
                
}

h1 {
    display: flex;
    background-position: center;
    background-size: contain;
    margin-bottom: 20px;
  
    
}

    
h2 {
    font-family: 'Open Sans';
    font-size:30px;
    text-align: justify;
    margin-left: 50px;
       
}

#materias {
          font-family: 'Open Sans';
          color: #FF3A20;
          margin-bottom: 10px;
          margin-top: 10px;
          font-size: 20px;
          background-size: contain;
    
}

.materias { 
            font-size: 70%;
            font-family: 'Open Sans';
            text-align: justify;
            margin-bottom: 20px; 
            list-style: none;
            margin-left: 50px;
}


h3 {
     font-family: 'Open Sans';
     font-size:20px;
     text-align: justify;
     margin-left: 50px;
     
}

#docentes {
           font-family: 'Open Sans';
           color: #FF3A20;
           margin-bottom: 10px;
           font-size: 20px;
    
}

.profesores { 
            font-family: 'Open Sans'; 
            font-size: 70%;
            text-align: justify;
            margin-left: 50px;
            margin-bottom: 0px ;
    
}

#equipo {
           font-family: 'Open Sans';
           color: #FF3A20;
           margin-bottom: 10px;
           margin-left: 50px;
           font-size: 20px;
    
    
}

.grupo {
         font-family: 'Open Sans'; 
         font-size: 70%;
         text-align: justify;
         margin-left: 50px;
         margin-bottom: 50px;
         list-style: none;
}

#footer {
    display: block;
    background-color: #FF3A20;
    font-size:55%;
    text-align: center;
    overflow: visible;
    padding: 10px; 10px; 10px; 10px;
    
}

@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Open+Sans');