* {
    padding: 0.5em;
    font-family: 'Open Sans', sans-serif;
    background-color: white;
    max-width: 960px;
    /*-----falta centrar todo----*/
}

body {
    padding: 0;
}

header {
    padding: 0;
}

#baner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #1976D2;
    padding: 0;
}

#baner a {
    display: flex;
    justify-content: flex-start;
    background-color: transparent;
    padding: 0;
}

#baner a img {
    background-color: transparent;
}

#banerlogos {
    display: flex;
    background-color: transparent;
    flex-direction: row;
    justify-content: space-around;
    flex-grow: 1;
    padding: 0;
}

#banerlogos img {
    display: flex;
    background-color: transparent;
    max-height: 35px;
    box-sizing: content-box;
}

aside {
    display: flex;
    flex-direction: column;
    padding: 0;
    box-sizing: content-box;
    max-width: 250px
}

aside * {
    text-decoration: none;
    color: white;
    list-style: none;
}

#usuario,
#menu {
    display: flex;
    background-color: #212121;
}

#usuario {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    flex-grow: 1;
}

#usuariocredencial {
    display: flex;
    align-items: center;
    padding: 0;
}

#usuariocredencialicono {
    display: flex;
}

#usuariocredencialdatos {
    display: flex;
    flex-direction: column;
    padding: 0;
}

#usuariocredencialdatos > p {
    padding: 0;
    margin: 0;
    font-size: 0.9rem
}

#usuariocredencialnombre {
    display: flex;
    flex-direction: row;
    padding: 0;
}

#usuariocredencialnombre p {
    padding: 0;
    margin: 0;
    margin-right: 0.5rem;
}


#botonesusuario {
    padding: 0;
}

#botonesusuario ul {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    justify-content: space-around
}

.mayuscula {
    font-weight: bolder;
}

#botonesusuario ul li {
    align-items: center
}

.botonusuario {
    display: flex;
    padding: 0;
}

.botonusuario {
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
}

#botonusuariosalir {
    display: flex;
    justify-content: center
}

.botonusuario a img {
    padding: 0;
    align-items: center;
    justify-content: center;
    align-content: center;
}

#fecha {
    display: flex;
    background-color: #000000;
    align-items: baseline;
    padding: 0.3rem;
    flex-grow: 1;
    justify-content: space-around
}

#fecha p {
    display: flex;
    padding: 0;
    margin: 0;
}

#dianumero {
    font-size: 0.9rem;
}

#dia {
    font-weight: bolder;
    font-size: 1rem;
}

#usuario div,
#usuario div p,
#usuario div img,
#usuario div br,
#usuario nav,
#usuario nav ul,
#usuario nav ul li,
#usuario nav ul li a,
#usuario nav ul li a img,
#fecha p,
#menu ul,
#menu ul li,
#menu ul li a,
#menu ul li a img{
    background-color: transparent;
}

#usuario {
    display: flex;
    flex-direction: column
}

#usuario div {
    display: flex;
}

#menu {
    padding-top: 0;
    padding-bottom: 0;
}

#menu * {
    align-items: center;
    text-align: left;
    padding: 0.2rem
}

#menu ul {
    margin: 0;
}

#menu ul li {
    display: flex;
    padding: 0.1rem;
    flex-grow: 1
}

#menu ul li a {
    display: flex;
    padding: 0.2rem;
    justify-content: flex-start;
}

#menu ul li a img{
    padding: 0;
    padding-right: 0.5rem;
}

#menu ul li a p {
    background-color: transparent;
    padding: 0;
    margin: 0
}

.botonmenu a {
    padding-bottom: 0.2rem
}

#menu ul #botonseleccionado {
    background-color: rgba(53,53,53,1);
}

/*--------------------------------------------------*/

article {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0
}

article > div {
    margin: 0.5rem
}

#iniciofecha,
#inicioprogreso {
    display: inline-flex;
    flex-basis: 40%;
    flex-grow: 1;
    flex-direction: column;
    box-sizing: border-box;
}

#iniciofechayprogreso {
    display: flex;
    background-color: transparent;
    padding: 0;
    flex-wrap: wrap
}


#iniciofecha {
    display: flex;
    flex-direction: column;
    background-color: #E0F7FA;
    box-shadow: 0.1rem 0.1rem 0.5rem #BDBDBD;
    justify-content: center;
}

#iniciofecha div {
    padding: 0;
}

#iniciofecha p {
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
    color: #006064;
    font-weight: bolder;
    background-color: #E0F7FA;
}

#iniciofechanumero {
    font-size: 5rem;
}

#iniciofechames {
    font-size: 1.1rem;
}

#iniciofechadia {
    font-size: 1.5rem;
}





#inicioprogreso {
    display: flex;
    flex-direction: column;
    background-color: #F1F8E9;
    box-shadow: 0.1rem 0.1rem 0.5rem #BDBDBD;
    justify-content: center;
}

#inicioprogresotitulo {
    display: flex;
    font-size: 1.3rem;
    font-weight: bolder;
    padding-top: 0;
    padding-right: 0;
    margin: 0;
    background-color: transparent;
    color: #33691E;
    justify-content: center;
}

#inicioprogreso div {
    display: flex;
    padding: 0;
    justify-content: space-around;
    background-color: transparent;
}

#inicioprogreso div p {
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
    margin: 0.4rem;
    font-weight: 600;
    color: #33691E;
}






#iniciohoy {
    display: flex;
    flex-direction: column;
    background-color: #FFFDE7;
    box-shadow: 0.1rem 0.1rem 0.5rem #BDBDBD;
}

#iniciohoytitulo {
    margin: 0;
    padding: 0.5rem;
    background-color: #F57F17;
    color: #FFFDE7;
}

#iniciohoycaja {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.iniciohoymateria {
    display: flex;
    padding: 0.1rem;
    margin: 0;
    flex-grow: 1;
    justify-content: space-between;
}

.iniciohoymateria div {
    display: flex;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.iniciohoymateriahora {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    flex-basis: 1;
    flex-grow: 1
}

.iniciohoymateria div div {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    justify-content: center;
}

.iniciohoymateria div p {
    display: flex;
    margin: 0;
    line-height: 0.5;
    background-color: transparent;
}

.iniciohoymateriadatos {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    flex-basis: 2;
}

.iniciohoymateriaaulas p {
    justify-content: flex-end;
}

.iniciohoymateriahora {
    font-size: 1.5rem;
    font-weight: bolder;
    padding-left: 0.3rem;
    justify-content: center;
}

.iniciohoymaterianombre,
.iniciohoymateriateorico {
    font-weight: bolder;
}

#iniciohoymateria1 {
    background-color: #FFF9C4;
}

#iniciohoymateria2 {
    background-color: #FFFDE7;
}

#iniciohoymateria3 {
    background-color: #FFF9C4;
}




#inicioproximosexamenes {
    display: flex;
    flex-direction: column;
    background-color: #E0F7FA;
    box-shadow: 0.1rem 0.1rem 0.5rem #BDBDBD;
}

#inicioproximosexamenestitulo {
    margin: 0;
    padding: 0.5rem;
    background-color: #006064;
    color: #E0F7FA;
}

#inicioproximosexamenescaja {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.inicioproximosexamenesmateria {
    display: flex;
    padding: 0.1rem;
    margin: 0;
    flex-grow: 1;
    justify-content: space-between;
}

.inicioproximosexamenesmateria div {
    display: flex;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.inicioproximosexamenesmateriafecha {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    flex-basis: 1;
    flex-grow: 1
}

.inicioproximosexamenesmateria div div {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    justify-content: center;
}

.inicioproximosexamenesmateria div p {
    display: flex;
    margin: 0;
    line-height: 0.5;
    background-color: transparent;
}

.inicioproximosexamenesmateriadatos {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    flex-basis: 2
}

.inicioproximosexamenesmaterialugar p {
    justify-content: flex-end;
}

.inicioproximosexamenesmes {
    font-size: 1.5rem;
    font-weight: bolder;
    padding-left: 0.3rem;
}

.inicioproximosexamenesdia {
    justify-content: flex-start;
    font-weight: bold;
}

.inicioproximosexamenesmaterianombre,
.inicioproximosexamenesmateriahora {
    font-weight: bolder;
}

#inicioproximosexamenesmateria1 {
    background-color: #B2EBF2;
}

#inicioproximosexamenesmateria2 {
    background-color: #E0F7FA;
}

footer {
    display: flex;
    font-size: 0.6rem;
    text-align: justify;
    margin: 0 1rem 0 1rem;
}

#fotonoticia {
    padding: 0;
    max-width: 300px;
    background-color: transparent;
    justify-content: center;
}

#botonfacebook {
    background-color: transparent;
}

#botonfacebook img {
    background-color: transparent
}

.inicioproximosexamenesmateriainfo a {
    background-color: transparent;
    text-decoration: none;
    font-size: 0.9rem;
}

/*----------------------------------------------------*/

/*header {
    margin: 0;
    padding: 0;
}

#baner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: rgba(41,128,185 ,0.6);
}

#baner a,
#baner h1 {
    display: inline-flex;
    justify-content: center;
    margin: 0;
    background-color: transparent;
}

#baner a img {
    background-color: aliceblue;
}

#baner h1 {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    font-weight: bolder;
    color:aliceblue;
}

.barra ul {
    display: flex;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    justify-content: center;
    flex-basis: auto;
    width: 100%;
}

#barra1 {
    display: flex;
    justify-content: center;
}

#barra1 li {
    display: flex;
}

#barra2 {
    display: flex;
    justify-content: center;
}

header nav {
    padding: 0;
}

header nav ul {
    justify-content: center;
    margin: 0;
    flex-basis: auto;
}

header nav ul li {
    display: flex;
    padding: 0;
    flex-basis: auto;
}

header nav ul li a {
    display: block;
    padding: 0.5em;
    flex: 1;
    text-decoration: none;
    color: black;
    font-weight: bolder;
    text-align: center;
    background-color: #1abc9c;
    box-sizing: border-box;
    border-width: 1px;
}

.boton {
    display: inline-flex;
    flex-grow: 1;
}

#botonseleccionado a {
    background-color: #16a085;
    color: aliceblue;
}

body {
    margin: 0;
}

main {
    padding: 0;
}

article {
    background-color: #415d7a;
    padding: 0;
}

article div {
    background-color: transparent;
}

footer {
    padding: 0;
}

/*----------------------------------*/
/*
#info {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    /*margin-bottom: 2rem;*/
}
/*
#info1 {
    display: flex;
    padding: 0;
    /*width: 100%;*/
    /*flex-grow: 1;*/
  /*  justify-content: center;
    flex-wrap: wrap;
}

#info1 div {
    margin-bottom: 0
}

.infocatedra {
    background-color: rgba(236,240,241 ,0.9);
    margin: 0.5rem;
    margin-bottom: 1rem;
}

#fadu, #dgpc {
    display: inline-block;
    flex-grow: 1;
}

.infocatedra p, .infocatedra br {
    font-size: 0.9rem;
    font-style: italic;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.infocatedra p a {
    text-decoration: none;
    background-color: transparent;
}

#fadu p,
#dgpc p {
    display: flex;
    justify-content: center;
    text-align: left;
}

#grupo {
    text-align: center;
    margin-bottom: 0.5rem;
}

#equipo {
    font-style: normal;
    font-weight: bolder;
    font-size: 1rem;
}

#comitente {
    background-color: rgba(189,195,199 ,1);
    margin: 0.5rem;
    margin-top: 0;
}

#comitente h2 {
    padding: 0;
    margin: 0;
    background-color: transparent;
    text-align: center;
}

#comitente p {
    margin: 0;
    background-color: transparent;
}

section {
    display: flex;
    box-sizing: border-box;
    background-color: #415d7a;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

section div {
    display: flex;
    background-color: azure;
    margin: 0.5rem;
}

section div img,
section div h3,
section div h4,
section div p,
section div br,
section div a {
    margin: 0;
    background-color: transparent;
}

.alumno {
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-basis: 40%
}

.alumno img {
    max-width: 100%
}

#credencial {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    flex-grow: 1;
}

.avatar {
    display: flex;
    border-radius: 15%;
    box-sizing: content-box;
    max-height: 165px;
}

#materias {
    display: inline-flex;
    flex-direction: column;
    align-content: center;
    align-self: stretch;
    flex-grow: 1;
}

#propuesta {
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0;
}

#materias h4, #propuesta h4 {
    background-color: transparent;
}

.imagensiu {
    display: flex;
    max-width: 100%;
    padding: 0;
}

#subtitulo {
    margin-bottom: 1rem;
}

#subtitulo,
#texto h2,
#texto h3 {
    text-align: center;
    background-color: transparent;
}

#texto h2 {
    margin: 0
}

#texto h3,
#texto h4,
#texto p,
#texto br,
#texto a {
    padding-bottom: 0;
    padding-top: 0;
    margin: 0;
    background-color: transparent
}

#texto .subrayado {
    text-decoration: underline;
    text-indent: 1rem;
    font-weight: bold;
    font-size: 1.1rem;
    text-align: center;
}

#texto .cursiva {
    font-style: italic;
    text-align: center;
}

#texto .frase {
    font-style: italic
}

#texto {
    background-color: #415d7a;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 0;
}

#texto #investigacion {
    background-color: azure;
    margin: 0 0.5rem 0.5rem 0.5rem;
}

#texto #fichas {
    background-color: azure;
    margin: 0.5rem 0.5rem 0 0.5rem;
}

#fichas h3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#ficha1,
#ficha2 {
    padding: 0.5rem;
    margin: 1rem;
    background-color: rgba(189,195,199 ,0.4);
    
}

#botonvolver {
    display: flex;
    flex-grow: 1;
}

#botonvolver {
    padding: 0;
}

#botonvolver a {
    display: block;
    padding: 0.5em;
    flex: 1;
    text-decoration: none;
    color: black;
    font-weight: bolder;
    text-align: center;
    background-color: #1abc9c;
}

/*------------------------------------------------*/
/*
footer{}

footer {
    display: flex;
    font-size: 0.8rem;
    text-align: justify;
    margin: 0 1rem 0 1rem;
}

/*-----------------------------------------------*/

/*anterior*/

/*header,
/*footer {
    color:royalblue;
    background-color:aliceblue
}

/*body {
    background-color: azure
}

/*header h1 {
    display: inline-flex
}

/*#info {
    font-style: italic;
    font-size: 0.9rem;
    line-height: 0.9rem;
    box-sizing: border-box;
    margin-bottom: 2rem
}

/*#barra1 li {
    display: inline-flex;
    font-weight: bold;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    background-color: #39F;
    border-radius: 10%;
}

/*#barra2 li {
    display: inline-flex;
    font-weight: bold;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    background-color: #39F;
    border-radius: 10%;
}

/*header ul {
    margin-bottom: 0.2rem;
    margin-top: 0 
}

/*main p {
    margin-bottom: 0;
    margin-top: 0
}

/*.subrayado {
    text-decoration:underline;
    font-size: 1.2em
}

/*.avatar {
    border-radius: 50%;
    box-sizing: content-box;
}

/*aside h5 {
    margin-bottom: 0;
    margin-top: 0
}

/*aside h4 {
    margin-bottom: 0
}

/*footer p {
    font-size: 0.8rem;
    line-height: 0.8rem;
    box-sizing: border-box
}

/*#imagensiu {
    display:flex;
    justify-content: center;
    flex-basis: auto;
}