@charset "utf-8";

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

body {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background: #5E6472;
    max-width: 100vw;
    max-height: 100vh;
}

body header {
    background: #FAF3DD;
    max-width: 100vw;
}

.barraiconos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    max-width: 100vw;
    margin: 0.4em 0.5em 0.2em 0.5em;
}

.barraiconos img {
    height: 1.7em;
}

.logo {
    height: 3em;
    margin: 0em 3.5em 0em 3.5em;

}

.menucontainer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #FFA69E;
    width: 50vw;
    height: 100vh;
    padding: 2rem 2rem 2rem 1rem;
    z-index: 999;
    left: 0;
    top: 2.6em;
    position: fixed;
}   


#usuario {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: 1em;
}

#usuario img { 
    height: 20vw;
    width: 20vw; 
    border-radius: 10em;
}

#usuario h4 {
    color: #5E6472;
    margin-top: .5em;
    margin-bottom: 1.5em;
}

.listamenu {
    list-style: none;
    margin-left: .5em;
    margin-top: .5em;
}

.listamenu li {
    margin-bottom: .6em;
    background-color: #FAF3DD;
    height: 7.5vh;
    display: flex;
    align-items: center;
}

.listamenu a {
    text-decoration: none;
    color: #5E6472;
    display: block;
    padding: .6em;
}

.listausuario {
    list-style: none;
    margin-left: .7em;
    margin-top: .5em;
    margin-bottom: .5em;
     
}

.listausuario li {
    margin-bottom: .6em;
    background-color: #FAF3DD;
    height: 7.5vh;
    display: flex;
    align-items: center;
}
    
    .listausuario a {
    text-decoration: none;
    color: #5E6472;
    display: block;
    padding: .6em;
}
    
    .listausuario li {
    margin-bottom: .6em;
    background-color: #FAF3DD;
}


.facultad h4 {
    font-size: 0.9em;
    margin: 1.2em 0em 1.6em 0em;
    display: flex;
    justify-content: center;
    font-weight: 300;
    color: #8BC6C7;
}

.alertaprincipal {
    font-size: 1em;
    color: #FFA69E;
    margin-left: 1.2em;
}

.notificacionesprincipal {
    font-size: 1.1em;
    color: #FAF3DD;
    font-weight: 300;
    display: flex;
    flex-direction: row;
    padding: .7em 1em .4em 1em;
}


.notificacionesprincipal .star {
    color: #FFA69E;
    margin-right: .4em;
    font-weight: 800;
}




.menuusuario {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #FFA69E;
    width: 50vw;
    height: 32vh;
    padding: 1em 1.5em 1em 1em;
    position: fixed;
    right: 0;
    top: 2.6em;
    z-index: 999;
}



.headinicio {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0.8em 0em 0.8em 0em;
    border-top: 1px solid #8BC6C7;
    border-bottom: 1px solid #8BC6C7;
}

.headinicio img {
    height: 90px;
    width: 90px;
    border-radius: 10em;
    margin: 0.8em 0em 0.8em 0em;
}

.headinicio .info {
    margin: 0em 0em 0em 0.8em;
}

.headinicio .info h1 {
    font-size: 1.6em;
    color: #FAF3DD;
    font-weight: 400;
}

.headinicio .info h3 {
    font-size: 1.2em;
    color: #8BC6C7;
    font-weight: 200;
    font-style: italic;
    margin: 0.3em 0em 0em 0em;
}


.tabla table {
    margin-left:auto; 
    margin-right:auto;
    margin-top: 0.5em;
    min-width: 90vw;
}

.aulas, th, td {
    color: #FAF3DD;
    padding: 0.5em;
}

.headtabla {
    background: #8BC6C7;
}

.contenidotabla td {
    border-bottom: 2px solid #8BC6C7;
    border-left: 2px solid #8BC6C7;
}

.finaltabla {
    border-right: 2px solid #8BC6C7;
}


.contactar {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: center;
    max-height: 100vh;
    max-width: 100vw;
    margin: 1em 0em 0em 0em;
}

.contactar section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.mensaje select {
    max-width: 90vw;
    height: 5vh;
    font-size: .9em;
    font-weight: 600;
    background-color: #FAF3DD;
    color: #DB2955;
}

.mensaje select option {
    font-size: .9em;
    font-weight: 600;
    color: #DB2955;
}

.contenido {
    max-width: 90vw;
    max-height: 50vh;
    margin: 2em 0em 0.7em 0em;
    background-color: #FAF3DD;
    font-size: .9em;
    font-weight: 600;
    color: #DB2955;
}

.mensaje textarea {
    max-width: 90vw;
    max-height: 40vh;
    background-color: #FAF3DD;
    font-size: .9em;
    font-weight: 600;
    color: #DB2955;
    margin-top: 2em;
}

.mensaje input {
    max-width: 90vw;
    max-height: 50vh;
    background-color: #FAF3DD;
    font-size: .9em;
    font-weight: 600;
    color: #DB2955;
}

.formulario {
    margin: 0.9em 0em 0.3em 1.3em;
    color: #8BC6C7;
}

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

.enviar h4 {
    margin: 1.2em 0em 1em 0em;
    background: #DB2955;
    padding: 0.7em;
    border-radius: 0.5em;
}

.enviar a {
    text-decoration: none;
    color: #FAF3DD;
}

.InscripcionH1{
    background-color:#8BC6C7;
    padding: .5em;
}

.InscripcionH1 h1{
    margin-left:0.5em;
    font-size: 1.3em;
    font-weight: 500;
    color: #FAF3DD
    
}

.tabla1{
     display: block;
}
.tabla2{
    display: block;
}

.tabla3{
    display: block;
}

.tabla4{
    display: block;
}

.tabla5{
    display: block;
    
}

.clasetabla1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color:#FAF3DD;
    margin: 1em;
    padding: .5em;
    background-color:#FAF3DD;
    margin: 1em;
   
}

.clasetabla2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color:#FAF3DD;
    margin: 1em;
    padding: .5em;
   
}

.clasetabla3{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color:#FAF3DD;
    margin: 1em;
    padding: .5em;
    background-color:#FAF3DD;
    margin: 1em;
   
}

.clasetabla4{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color:#FAF3DD;
    margin: 1em;
    padding: .5em;
    background-color:#FAF3DD;
    margin: 1em;
   
}

.clasetabla5{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color:#FAF3DD;
    margin: 1em;
    padding: 0.5em;
    background-color:#FAF3DD;
    margin: 1em;
   
}

.flechitahistoria{
    width: 1.5em;
}

.HistoriaDiv{
    background-color:#8BC6C7;
    padding: .5em;
}

.historiah1{
     margin-left:0.5em;
    font-size: 1.2em;
    font-weight: 500;
    color: #FAF3DD
}

.historiah2 {
    margin-left: 1em;
    margin-top: 1em;
    font-size: 1.3em;
    font-weight: 500;
    color: #FAF3DD;
    display: block;
}

.historiah3 {
   font-size: 1.5m;
    font-weight: 500;
    color: #FFA69e;
    padding: .em;

}

.historiah5{
    display: flex;
    justify-content: flex-start;
    margin-left: 2em;
    margin-bottom: 1 em;
    margin-top: 1em;
    font-size: 0.8em;
    font-weight: 300;
    color: #FAF3DD;
    
}

.facultadhistoria h4 {
    font-size: 0.9em;
    margin: 1.2em 0em 1.6em 0em;
    display: flex;
    justify-content: center;
    font-weight: 300;
    color: #8BC6C7;
    padding-bottom: .7em;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #8BC6C7;
}


.bedelia {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: center;
    max-height: 100vh;
    max-width: 100vw;
    margin: 1em 0em 0em 0em;
}


.divopcioncarrerabedelia{
    margin-left: 1.5em;
}

.opcioncarrerabedelia {
    max-width: 90vw;
    height: 5vh;
    font-size: .9em;
    font-weight: 600;
    background-color: #FAF3DD;
    color: #DB2955;
    border-color: #DB2955;
    margin-left: 1.5em;
    margin-top: 1em;
}

.opcioncarrerabedelia option{
    max-width: 90vw;
    max-height: 50vh;
    background-color: #FAF3DD;
    font-size: .9em;
    font-weight: 600;
    color: #DB2955;
    
}


.tabla h4 {
    display: flex;
    justify-content: flex-start;
    margin-left: 1.5em;
    margin-top: 1.3em;
    font-size: 0.9em;
    font-weight: 500;
    color: #FFA69E;
}

.tabla table {
    margin-top: .8em;
    margin-bottom: 1.5em;
    width: 95vw;
}


.aulas, th, td {
    color: #FAF3DD;
    padding: 0.5em;
}

.headtabla {
    background: #8BC6C7;
}

.contenidotabla td {
    border-bottom: 2px solid #8BC6C7;
    border-left: 2px solid #8BC6C7;
}

.finaltabla {
    border-right: 2px solid #8BC6C7;
}

.calendario {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 2em;
}

ul {list-style-type: none;}
body {font-family: Verdana, sans-serif;}

/* Month header */
.month {
    padding: 2em;
    background: #8bc6c7;
    text-align: center;
}

/* Month list */
.month ul {
    margin: 0;
    padding: 0;
}

.month ul li {
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

/* Previous button inside month header */
.month .prev {
    float: left;
    padding-top: 10px;
}

/* Next button */
.month .next {
    float: right;
    padding-top: 10px;
}

/* Weekdays (Mon-Sun) */
.weekdays {
    padding: .5em;
    background-color:#ddd;
}

.weekdays li {
    display: inline-block;
    width: 13%;
    color: #666;
    text-align: center;
}

/* Days (1-31) */
.days {
    padding: 10px 0;
    background: #eee;
    padding: 0.4em;
}

.days li {
    list-style-type: none;
    display: inline-block;
    width: 13%;
    text-align: center;
    font-size: 1.3em;
    color:#777;
    padding-bottom: .3em;
    margin-bottom: .3em;
}

/* Highlight the "current" day */
.days li .active {
    padding: 5px;
    background: #8bc6c7;
    color: white 
}

.fechasimportantes {
    margin: 2em;
}

.fechasimportantes div {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin-bottom: .7em;
}

.fechasimportantes h2 {
    color: #8bc6c7;
    border-style: solid;
    border-width: thin;
    border-color: #8bc6c7;
    padding: .2em;
}

.fechasimportantes div p {
    margin-left: .5em;
    color: #FAF3DD;
}

.mensajeria {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
}

.headmensajeria {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    background-color: #8bc6c7;
    justify-content: space-between;
    width: 100vw;
}

.headmensajeria a {
    padding: 0.2em;
    display: flex;
    width: 13vw;
    height: auto;
}

.headmensajeria img {
    width: 90%;
    height: 90%;
    padding-right: 1em;
    margin-bottom: .2em;
    margin-top: .2em;
}

.conversaciones {
    display: flex;
    justify-content: center;
    font-size: .9em;
    font-weight: 600;
    color: #5E6472;
    padding-left: 3em;
}


.inbox {
    display: flex;
    justify-content: center;
    padding: .5em 1em .5em 1em;
    align-content: center;
    align-items: center;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #DB2955;
}

.inbox img {
    height: 10vh;
    width: 10vh;
    border-radius: 10em;
}

.inbox div {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: .7em;
    margin-right: .4em;
}

.inbox h2 {
    font-size: 1.2em;
    color: #8bc6c7;
}

.inbox h6 {
    color: #FFA69E;
}

.inbox p {
    font-size: .8em;
    color: #FAF3DD;
}

#noleido {
    background-color: #858b99;
    padding-top: .4em;
}

#noleido a {
    text-decoration: none;
}

.cargarmas {
    display: flex;
    justify-content: center;
    padding: .6em;
    background-color: rgba(139, 198, 199, .5);
    font-size: .7em;
    font-weight: 400;
    color: #FFA69E;
}

.configurar {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100vh;
    width: 100vw;
}

.configuracion {
    padding: 1em;
    margin-top: 1.3em;
}

.configuracion h1 {
    font-size: 1.3em;
    color: #8bc6c7;
    margin-bottom: 1em;
}

.configuracion .cb {
    height: 1.5em;
    width: 1.5em;
}

.configuracion p {
    font-size: 1.2em;
    color: #FAF3DD;
    margin-bottom: 1.3em;
}

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

.botonconfig {
    background-color: #8bc6c7;
    height: 2em;
    width: 6em;
    font-size: 1em;
    margin: .5em;
    color: #DB2955;
    border-radius: .5em;
    padding: .3em;
}

.botonconfig a {
    text-decoration: none; 
    color: #DB2955;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-content: center;
    padding: .2em;
}

.chat {
    padding: 1.5em;
    margin-top: 1em;
}

.mensajeschat {
    max-height: 55vh;
    overflow: scroll;
    margin-bottom: 2em;
}

.contenido_mensajes {
    max-height: 55vh;
}

.mensajea img {
    height: 8vh;
    border-radius: 10em;
}

.mensajeb img {
    height: 8vh;
    border-radius: 10em;
}

.mensajea {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 1.5em;
    background-color: #8BC6C7;
    padding: .7em;
    border-radius: 0em 1em 1em 1em;
}

.mensajea p {
    color:#DB2955;
    padding: .5em;
    font-size: 1em;
    font-weight: 400;
}

.mensajea h6 {
    color: #5E6472;
    font-weight: 500;
    padding-right: 2em;
    display: flex;
    justify-content: flex-end;
}

.mensajeb {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 1.5em;
    background-color: #bed5d6;
    padding: .7em;
    border-radius: 1em 0em 1em 1em;
}

.mensajeb p {
    color:#DB2955;
    padding: .5em;
    font-size: 1em;
    font-weight: 400;
}

.mensajeb h6 {
    color: #5E6472;
    font-weight: 500;
    padding-left: .7em;
}

.tipear {
    position: relative;
}

.tipear textarea {
    color: #DB2955;
    background-color: #FAF3DD;
    padding: 1.5em 2.4em 1.5em 2em;
    font-size: 1em;
    font-weight: 600;
    border-radius: .8em;
    border: none;
}

.adjuntar {
    display: flex;
    justify-content: flex-end;
    z-index: 2;
    position: absolute;
    left:92%;
    top:65%;
}

.adjuntar img {
    height: 1.5em;
}

#send {
    margin: 0.3em 0em 1em 1.3em;
    background: #DB2955;
    padding: 0.7em;
    border-radius: 0.5em;
    text-decoration: none;
    color: #FAF3DD;
}

.inscripcion{
    padding: 1em;
    
}

.inscripcion h1{
    font-size: 1.3em;
    color: #FAF2DD;
    padding: 0.5em;
    background-color: #8bc6c7;
    font-weight: 400;
    }

.cbinsc {
    height: 1.5em;
    width: 1.5em;
}

.inscripcion p {
    display: flex;
    justify-content:flex-start;
    font-size: 1.1em;
    color: #FAF2DD;
    margin-bottom: 0.5em;
    margin-top: 1em;
    font-weight: 500;
}

.inscripcion h2{
    font-size: 1em;
    color: #8bc6c7;
    margin-top: 2em;
    font-weight: 600;
    
}

.formularioinsc{
    margin: 0em 0em 0.7em 0em;
    color: #5E6472;
    font-size: 0.8em;
    
}

.divmateriainsc{
    background-color:#FAF3DD;
    margin-top: 1em;
    padding: 0.7em;

    
}

.opcioncatedra select option {
    font-size: .9em;
    font-weight: 600;
    color: #DB2955;
    
}

.opcioncatedra input {
    max-width: 90vw;
    max-height: 50vh;
    background-color: #FAF3DD;
    font-size: .9em;
    font-weight: 600;
    color: #DB2955;
    
}

.opcioncatedra select {
    max-width: 87vw;
    height: 5vh;
    font-size: .9em;
    font-weight: 600;
    background-color: #FAF3DD;
    color: #DB2955;
    border-color: #DB2955;
    
}

.botonesinscrip {
    display: flex;
    justify-content: center;
    margin-top: 2em;
    margin-bottom: 1em;
}

.botoninscrip {
    background-color: #8bc6c7;
    height: 2em;
    width: 6em;
    font-size: 1em;
    margin: .5em;
    color: #DB2955;
    border-radius: .5em;
    padding: .3em;
}

.botoninscrip a {
    text-decoration: none; 
    color: #DB2955;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-content: center;
    padding: .2em;
}

#cambiarfoto{
    font-size: 0.9em;
    color: #8BC6C7;
    font-weight: 300;
    font-style: italic;
    margin: 0.3em 0em 0em 0em;
    background-color: transparent;
    border: 0;
    padding: .3em;
}
.headmisdatos{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0.8em 0em 0em 0em;
    border-top: 1px solid #8BC6C7;
    border-bottom: 1px solid #8BC6C7;
}

.headmisdatos img {
    height: 90px;
    width: 90px;
    border-radius: 10em;
    margin: 0.8em 0em 0.8em 0em;
}

.headmisdatos .info {
    margin: 0em 0em 0em 0.8em;
}

.headmisdatos .info h1 {
    font-size: 1.6em;
    color: #FAF3DD;
    font-weight: 500;
}

.Datos1{
   display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin: 0em 0em 0em 0em;
    margin-bottom: 1em;
    padding: 1em;
}

.Datos2{
   display: flex;
    flex-direction: column;
    align-self: center;
    justify-content:flex-start;
    margin: 0em 0em 0em 0em;
    margin-bottom: 1em;
    padding: 1em;
    
}
.formulariodatos{
    font-size: 0.9em;
    color: #8BC6C7;
    font-weight: 400;
    margin-top: 0.8em;
    margin-bottom: .4em;
}

.campomisdatos input{
    background-color: #FAF3DD;
    font-size: .9em;
    font-weight: 600;
    color: #DB2955;
 }


.divmisdatosh2{
    background-color: #8bc6c7;
        
}

.misdatosh2{
    font-size: 1.2em;
    color: #FAF2DD;
    padding: 0.5em;
    font-weight: 100em;
    margin-left: 
  
}

.GeneroMisDatos{
    font-size: .9em;
    color: #FAF2DD;
    font-weight: 100em;
    margin-left:.5em;
}

.divgenero{
    display: flex;
    align-content: center;
    align-self: center;
    justify-content: flex-start;
    padding: .4em;
 }
    
.divopcioncarrera {
    margin-left: 1.5em;
}

.opcioncarrera {
    max-width: 90vw;
    height: 5vh;
    font-size: .9em;
    font-weight: 600;
    background-color: #FAF3DD;
    color: #DB2955;
    border-color: #DB2955;
    margin-top: 1em;
}

.opcioncarrera option{
    max-width: 90vw;
    max-height: 50vh;
    background-color: #FAF3DD;
    font-size: .9em;
    font-weight: 600;
    color: #DB2955;
    
}


main img {
    flex-direction: column;      
}

.figcaptioncertificado{
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
    padding: 1em;
}

.epigrafe {
    height: 1.3em;
    width: 1.3em;
    
}


.certificado{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center;
    margin-top: 3em;
    border-radius: 20em;
    
    
}

.figcaptioncertificado p {
    font-size: 1em;
    color: #8BC6C7;
    font-weight: 500;
    font-style: italic;
    margin-left: 0.3em;
    
}



.divlogoinicio{
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 3em;
    
    
}

.deinicio{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.regular{
   display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
}
  

.forminicio{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    
}

.h5inicio{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    color: #8BC6C7;
    font-size: .7em;
    font-weight: 400;
        
;}

.h6inicio{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    margin-top: 1em;
    margin-bottom: 1em;
    color: #DB2955;
    font-size: .7em;
    font-weight: 600;
}

.fondobodyinicio {
    background-color: #FAF2DD;

}

.fondobodyinicio form {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.formulariodatosinicio{
    font-size: 0.9em;
    color: #8BC6C7;
    font-weight: 600;
    margin-top: 1em;
    
}

.logoinicio{
    height: 10em;
    margin-top: 1em;
    margin-bottom: 1em;
    
}

.fondobodyinicio .campo {
    background-color: rgba(139, 198, 199, .3);
    margin-top: .5em;
    margin-bottom: .2em;
    border: 0;
    padding-left: .5em; 
}


.botoningresar {
    display: flex;
    justify-content: center;
    align-self: center;
    margin: 1.2em 0em 1em 0em;
    background-color: #DB2955;
    padding: 0.7em;
    border-radius: 0.5em;
    margin-bottom: 3em;
}

.flexslider {
    width: 90vw;
    margin: 1em;
    margin-top:2em;
}

.flexslider img {
    min-height: 6vh;
    min-width: 85vw;
}

.flexslider figcaption {
    background-color: #FAF3DD;
    padding: .5em;
    line-height: 1.5em;
    position: absolute;
    height: 3.6em;
    width: 89vw;
    top: calc(100% - 3.3em);
    left: 0;
    right: 0;
    transition: all .5s ease;
    overflow: hidden;
    color: rgb(139, 198, 199);    
}

.flexslider li:hover figcaption {
    background-color: rgba(139, 198, 199, .8);
    border: solid 2px rgba(139, 198, 199, .8);
    height: 18vh;
    z-index: 999;
    top: calc(100% - 18vh);
    transition: all .3s ease-out;
    color: #FAF3DD;
}

.sinsesion {
    text-decoration: none;
    font-size: 1.5em;
}

.video {
    position: relative;
    padding-bottom: 56.25%; 
    align-self: center;
    width: 90vw;
    margin-bottom: 3em;
    margin-top: 3em;
}

.video iframe {
    position: absolute;
    width: 100%; 
    height: 100%;
    border: .2em solid;
    border-color: #8BC6C7;
}


.divtwitter{
    display: flex;
    justify-content: center;
    overflow: scroll;
    height: 60vh;
    margin-bottom: 3em;
    margin-top: 2em;
    margin-left: 1em;
    margin-right: 1em;
}

.NoticiasDiv{
    background-color:#8BC6C7;
    padding: .5em;
    margin-top: 3em;
}

.h1noticias{
    margin-left:1em;
    font-size: 1.3em;
    font-weight: 600;
    color: #FAF3DD
}
    
.barraiconos2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    max-width: 60vw;
    margin: 0.4em 0.5em 0.2em 0.5em;
    
}

.casa2{
   height: 2em;
    width: 2.5em;
}

.logo2{
    height: 3em;  
}
  




.porcentajes {
    display: flex; 
    justify-content: space-between;
    margin: 1em;
    padding: .8em;
    background-color: #DB2955;
    border-radius: .6em;
    margin-top: 2.5em;
    margin-bottom: 2em;
}

.porcentajes h1 {
    color: #8BC6C7;
}

.porcentajes h3 {
    color: #FAF3DD;
    font-size: 1em;
    margin-top: .3em;
    font-weight: 500;
}

.porcentajes h4 {
    margin-top: 0; 
    font-size: 1.2em;
    font-weight: 500;
    color: #FAF3DD;
}

.porcentajes h6 {
    font-size: .8em;
    font-weight: 500;
    color: #FAF3DD;
}






@media (max-width: 55em){
    #menugeneral {
        display: none;
    }
}


@media (min-width: 30em){
    .HistoriaDiv {
        margin-top: 1.5em;
        background-color: transparent;
    }
    
        .historiah1 {
        font-size: 2em;
        color: #8BC6C7;
    }

}





@media (min-width: 25em){ 
    
    .historia {
        max-height: 100vh;
    }

.añosrespon {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin: 1em;
        flex-wrap: wrap;
        margin-left: 3vw;
        margin-right: 3vw;
    }    
    
    .clasetabla1 {
        width: auto;
        height:4em;
        justify-content: space-between;
        padding: .7em;
    }
    
    .clasetabla1 h3 {
        font-size: 2em;
        margin-right: 1em;
        margin-left: .5em;
    }
    
    .clasetabla2 {
        width: auto;
        height: 4em;
        justify-content: space-between;
        padding: .7em;
    }
    
    .clasetabla2 h3 {
        font-size: 2em;
        margin-right: 1em;
        margin-left: .5em;
    }
    
    .clasetabla3 {
        width: auto;
        height: 4em;
        justify-content: space-between;
        padding: .7em;
    }
    
    .clasetabla3 h3 {
        font-size: 2em;
        margin-right: 1em;
        margin-left: .5em;
    }
    
    .clasetabla4 {
        width: auto;
        height: 4em;
        justify-content: space-between;
        padding: .7em;
    }
    
    .clasetabla4 h3 {
        font-size: 2em;
        margin-right: 1em;
        margin-left: .5em;
    }
    
    .clasetabla5 {
        width: auto;
        height: 4em;
        justify-content: space-between;
        padding: .7em;
    }
    
    .clasetabla5 h3 {
        font-size: 2em;
        margin-right: 1em;
        margin-left: .5em;
    }
    
    
    .añosrespon table {
        min-width: fit-content;
        margin: auto;
        width: 28vw; 
        padding: 0;
        margin: 0; 
        margin-left: 1em;
    }
    
    .historiah5 {
        margin-top: .5em;
    }
}





@media (min-width: 55em){
    main {
        max-height: 100vh;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    
    .hambur {
        display: none;
    }
        .menucontainer {
        display: flex;
        flex-direction: row;
        padding: .5em .2em .5em .5em; 
        height: 4em;
        width: 100vw;
        background-color: transparent;
        flex-grow: 1;
    }
    
    header nav {
        display: flex;
        flex-direction: column;
        height: 7.3em;
        justify-content: space-between;
        width: 100vw;
    }
    
    .listamenu {
        display: flex;
        flex-direction: row; 
        flex-wrap: wrap;
        background-color: transparent;
        margin-top: 2.1em;
        flex-grow: 1;
    }
    
    .listamenu a {
    font-size: .8em;
    margin-right: .2em;
    }

    #usuario {
        display: none;
    }
    
    .barraiconos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    min-width: 40vw;
    padding: .2em;
    margin: 0;
    margin-right: .7em; 
    margin-top: .5em;
    margin-left: .7em;
    border-bottom: solid .05em #5E6472; 
}

    .listamenu li {
    background-color: #FAF3DD;
    height: 4vh;
    display: flex;
    align-items: center;
}

    #logo {
    height: 2.8em;
    margin-right: 30vw;
    margin-left: 30vw;
    }

    .barraiconos{
        justify-content: space-between;
    }
    
.barraiconos img {
    height: 1.6em;
}

    .menuusuario {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #FFA69E;
    width: 20vw;
    position: fixed;
    right: 0;
    top: 7.4em;
    z-index: 999;
}
 
    
    .historia {
        max-height: 100vh;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    
    
    .facultad h4 {
        justify-content: flex-end;
        padding-right: 1em;
    }
    
    .facultadhistoria h4 {
        justify-content: flex-end;
        padding-right: 1em;
    }
    
    .porcentaje{
        margin-left: 35em;
        display: flex;
        align-content: center;
        justify-content: space-between;
        align-self: center;
        max-width: 100%;
        margin-top: 3em;
        margin-bottom: 4em;
        width: 200px
        
    }

    
    .historiah5 {
        margin-top: .5em;
        margin-bottom: 1.5em;
    }
    

    .porcentajes {
    width: 20vw;
    align-self: center
    margin-left: 4vw;
    margin-right: 0vw;
    margin-top: 1.5em;
    margin-bottom: 1em;
    display: flex;
    flex-direction: column;
    height: 60vh;
    }
    
    .porcentajeaprobado h1 {
        display: flex;
        justify-content: center;
        font-size: 3em;
        font-weight: 500;
    }
    
    .porcentajeaprobado h3 {
        display: flex;
        justify-content: center;
        align-self: center;
        flex-wrap: wrap;
        text-align: center;
    }
    
    .promedio {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: baseline;
        background-color: #FAF3DD;
        border-radius: .4em;
        height: 2em;
    }
    
    .promedio h6 {
        color: #DB2955;
        padding: .2em .0em .3em .3em;
    }
    
    .promedio h4 {
        color: #DB2955;
        padding: .2em .3em .3em 0;
    }
    
    .añosrespon {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        margin: 1em;
        flex-wrap: wrap;
        margin-left: 3vw;
        margin-right: 3vw;
        max-height: 14em;
    }    
    
    .clasetabla1 {
        width: 34vw;
        height:5em;
        justify-content: space-between;
        padding: .7em;
    }
    
    .clasetabla1 h3 {
        font-size: 2em;
        margin-right: 1em;
        margin-left: .5em;
    }
    
    .clasetabla2 {
        width: 34vw;
        height: 5em;
        justify-content: space-between;
        padding: .7em;
    }
    
    .clasetabla2 h3 {
        font-size: 2em;
        margin-right: 1em;
        margin-left: .5em;
    }
    
    .clasetabla3 {
        width: 34vw;
        height: 5em;
        justify-content: space-between;
        padding: .7em;
    }
    
    .clasetabla3 h3 {
        font-size: 2em;
        margin-right: 1em;
        margin-left: .5em;
    }
    
    .clasetabla4 {
        width: 34vw;
        height: 5em;
        justify-content: space-between;
        padding: .7em;
    }
    
    .clasetabla4 h3 {
        font-size: 2em;
        margin-right: 1em;
        margin-left: .5em;
    }
    
    .clasetabla5 {
        width: 34vw;
        height: 5em;
        justify-content: space-between;
        padding: .7em;
    }
    
    .clasetabla5 h3 {
        font-size: 2em;
        margin-right: 1em;
        margin-left: .5em;
    }
    
    .historia .tabla {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }
    
    .añosrespon table {
    min-width: fit-content;
    margin: auto;
    width: 34vw;
    padding: 0;
    margin: 0;
    margin-left: 1em;
    
}

@media (min-width: 55em){
    
    #logo {
    height: 2.8em;
    margin-right: 30vw;
    margin-left: 30vw;
}
}

    @media (min-width: 75em) {
    #logo {
    height: 2.8em;
    margin-right: 37vw;
    margin-left: 37vw;
    }

    }
 
    .certi { 
    align-self: center;
    margin-top: .5em;
        
        
    }