*{padding: 0;margin:0;box-sizing:border-box;transition: 0.5s all;}


/* Estilos Generales */
Body {font-family:'Open Sans', sans-serif;}
main{background-color:#f1f4f5;font-family: 'Open Sans', sans-serif;}
section{background-color: #e7eff0; padding: 1rem;margin:1rem}
strong{font-weight: bold;}


/* Header */
header{color:#2c2c2c;background:#4b75c3;padding: 1rem;text-align: center;font-size: 20px; display: flex; justify-content: space-between;flex-wrap: wrap; align-items:center;}
.portada{width: 100%;}



/* Menú */
nav{background:#4b75c3;font-size:1.5rem;}
h1{color: #FFFFFF; font-size: 2rem; width: 10%;}
.menu{justify-content:center; padding: 1rem 0 0 0; word-spacing: 0.5rem;}
.link-activo { border-bottom: 0.3rem solid ; padding-bottom: 0.3rem; color: #2c2c2c; font-weight: 600; }
nav ul li a {color:#ffffff;}
nav ul li {display:inline-block;text-decoration:none;}
nav ul li a:hover {color: #2c2c2c;}


/* Main*/
.equipo {color: #2c2c2c;font-size: 2rem;text-align: center; margin: 2rem 0 0.5rem 0;background-color: #e7f4fa;}
.alumnos{padding: 1rem;margin: 1rem;display: flex;justify-content: center;flex-wrap: wrap;}
.materia {background-color: #9dcee3; text-align: center; padding: 0.8rem;}

.avatar{display:inline-block;width:250px;height: 250px;border-radius: 100%}  
a {text-decoration:none;}

.agos{padding:1rem;}
.agos h3{color: #2c2c2c;font-size: 1rem; text-align: center; margin: 1.5rem 0rem 0.5rem 0rem;}
.agos a:hover h3 {color:#4b75c3; text-decoration: underline;}

.marce{padding:1rem;}
.marce h3{color: #2c2c2c;font-size: 1rem; text-align: center; margin: 1.5rem 0rem 0.5rem 0rem;}
.marce a:hover h3 {color: #4b75c3; text-decoration: underline;}


.sofi{padding:1rem;}
.sofi h3{color: #2c2c2c;font-size: 1rem; text-align: center; margin: 1.5rem 0rem 0.5rem 0rem;}
.sofi a:hover h3 {color: #4b75c3; text-decoration: underline;}

.jil{padding:1rem;}
.jil h3{color: #2c2c2c;font-size: 1rem; text-align: center; margin: 1.5rem 0rem 0.5rem 0rem;}
.jil a:hover h3 {color: #4b75c3; text-decoration: underline;}


/* Datos Obligatorios */
.catedra{color: #2c2c2c;font-size: 1rem;text-align: center;margin: 2rem 0 0.5rem 0;}
.sector li {margin: 1rem; text-align: center; list-style: none; line-height: 1.8rem;}
hr{width: 50%; margin:auto;}
.sector li a {color: #2c2c2c;font-size: 1rem;text-align: left; margin: 0.5rem 0rem 4rem 0rem;}
.sector li h4 {font-weight: bold;}
.sector li p {color: #323d3e;}
.sector li h4 a:hover {color:#4b75c3; text-decoration-line: underline;}


/* Pie de Página */
footer{background: #4b75c3;padding: 2rem;}
footer p{font-size: 0.8rem;color:#000000;}


/* Mapa */
.mapa {color: #2c2c2c;font-size: 2rem;text-align: center;margin: 2rem 0 0.5rem 0;background-color: #e7f4fa;display: flex;flex-direction: column;align-items: center;}
h2 {margin-top: 1rem;text-align: center;margin-bottom:1rem;}
img{max-width: 100%;height: auto;}


/* Plan */
section h2{color: #2c2c2c;font-size: 2rem;}
.plan{align-items:center;}
.logo{width: 100%; text-align: center; border-radius: 50px; display: flex; }
.videoapp {border-radius: 5px; width: 300px; height: 225px; margin:auto }
.teca{width: 100%; }
.teca p {font-size: 1.5rem;text-align:center;}
.teca h3{text-align:right;font-size: 2.5rem;text-align: center;}

.objetivos{color: #FFFFFF; font-size: 1.5rem;;padding: 0.5rem 2rem 0.5rem 1rem;background: #82a7ea;border-radius: 1rem; margin-top: 2rem; margin-bottom: 1rem; }
.comitente{color: #FFFFFF;font-size: 1.5rem;;padding: 0.5rem 2rem 0.5rem 1rem;background: #82a7ea;border-radius: 1rem; margin-top: 2rem; margin-bottom: 1rem; }
.usuarios{color: #FFFFFF; font-size:1.5rem;padding: 0.5rem 2rem 0.5rem 1rem;background: #82a7ea;border-radius: 1rem; margin-top: 2rem; margin-bottom: 1rem; }
.sector {font-size: 1rem; margin: 0.5rem; text-align: center;}





/* Responsive cuando es mayor a 768px */

@media screen and (min-width:48rem){
    
    
section h2{color: #2c2c2c;font-size: 2rem;}
.plan{display:flex; align-items: center;}
.logo{width: 50%;align-items: center; margin-left: 15rem;}
.videoapp {border-radius: 5px; width: 360px; height: auto; margin-left: -1rem; margin-top: 2rem}
.teca{width: 50%; text-align: center; }
.teca p {font-size: 1.5rem;text-align:center;margin-right: 13rem;}
.teca h3{text-align:right;font-size: 2.5rem;text-align: center;margin-right: 12rem;}
   
nav{background:#4b75c3;padding: 0.8rem;font-size:1.5rem;}
.menu{justify-content:center; padding: 0.8rem; word-spacing: 0.5rem;}
.link-activo {border-bottom: 0.3rem solid ; padding-bottom: 0.3rem; font-weight: 600; color: #2c2c2c; }
nav ul li a {color:#ffffff;}
nav ul li {display:inline-block;text-decoration:none;}
nav ul li a:hover {color: #2c2c2c;}    
       
    
}
    
    
/* VN05 - 1ºcuatrimestre 2020. */