* {box-sizing: border-box;
    text-decoration: none;}

*.material-icons{
    color: white;
    padding-right: 0.3em;
}

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-100 { font-size: 120px; }

body {display: flex;
    flex-direction: column;
    background-color: whitesmoke;
    font-family:sans-serif;
    min-height: 100vh;
    margin: 0 auto;}

img { width: 100%; height: auto; }

ul,ol {
    list-style: none;
    padding: 0;}

html { height: -webkit-fill-available;}

.descargar {text-align: center;
margin-bottom: 1em;}

.titulares {background-color: #004c8c;
margin-right: 1.6em;
margin-left: 1.6em;}

/* 
----------------
Menu Principal
----------------
*/

header {background-color: #0277bd;
width: 100%;
height: 4em;
position: fixed;
z-index: 99;}

header .contenedora {display: flex;
justify-content: space-between;
flex-direction: row-reverse;
align-items: center;
margin-right: 1em;
margin-left: 1em;}

header nav {
    color: white;
    margin-bottom: 1em;
}

header nav a {
    color: rgba(255,255,255,.75);
    display: flex;
    justify-content: center;
    align-items: center;

}

header nav .visible a {
    justify-content: flex-start;
    padding: 1em;
}

header nav a:hover {
    background-color: #f57c00;
    color: white;
    box-shadow: 0 2px rgba(255, 255, 255, 0.2) inset, 0 -2px rgba(255, 255, 255, 0.2) inset;
}

/* boton que llama al menu */
#llamamenu {
    background-color: #0277bd;
    color: white;
    cursor: pointer;
    height: 2.5em;
    width: 2.5em;
    /* caja flexible */
    display: flex;
    /* para quedar encima de todo */
    position: relative;
    z-index: 9999;
}

#llamamenu:hover {
    background-color: #f57c00;
}

#llamamenu i { 
    /* centrado en la horizontal y en la vertical */
    margin: auto;
}


/* el menú propiamente dicho */
header nav ul {
    background-color: gray;
    /* el menu sale del flujo de informaciones
    y se oculta a la derecha */
    position: fixed;
    left: 0;
    right: 0;
    top: -200%;
    height: 150vh;
    width: 50%;
    z-index: 98;
    padding-top: 5em;
    transition: all .5s ease;
}


.visible {
    background-color: gray;
    /* el menú se muestra
    corriéndose a la izquierda */
    top: 3em;
    transition: all .25s ease;
}

.paraLinks {
    height: 5em;
    width: 100%;
}

/* 
----------------
Logo
----------------
*/


#logo {
    display: block;
    width: 3em;
    margin: 0.3em;}

/* 
----------------
Buscador
----------------
*/

.buscador {margin-right: 1.5em;
margin-left: 1.5em;}

#gsearchsimple  {background-color:#0277bd;
color: white;
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
width: 100%;
margin: auto;
height: 2.5em;
margin-top: 5em;
border-radius:0.7em 0.7em 0.7em 0.7em;
border: none;
}

::placeholder {color: white;
font-weight:500;
text-align: center;
}

/* 
----------------
Textos Info Acumar
----------------
*/

main .contenedora1 {margin: 1.6em;
margin-bottom: 2em;}

main .contenedora2 {margin: 1.6em;
margin-bottom: 6em;}

h3 {background-color: #f57c00;
padding: .3em;
color: white;
display: flex;
justify-content: center;}

main > .contenedora {position: sticky;
top: 0;
background-color: whitesmoke}

.videoresponsive iframe {
height: 100%;
width: 100%;
top: 0px;
left: 0px;}

/* 
-----------------------
Categorías Bilblioteca
-----------------------
*/

.opciones{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    margin-top: 0em;
}

.categorias img {display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
background-color: #f57c00;
margin-top: 1.5em;
border-radius:0.8em 0.8em 0.8em 0.8em;
width: 8em;
}

.categorias p {background-color: gray;
height: 1.5em;
text-align: center;
align-items: center;
color: white;

padding-top: 0.2em;}

.categorias img:hover {
background-color: #004c8c;
}

.material-icons.active {
  color: #f57c00;
}

/* 
-----------------------
Categorías Cursos
-----------------------
*/

.opcionescursos{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;}
/*
-----------------
Calendario
----------------
*/

.titulos {height: 2em;
padding-top: 0.5em;}

.texto {
background-color: #f57c00;
width: 100%;
text-align: center;
height: }

.texto p {padding-bottom: 1em;}


article{display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
}
.evento1{display: flex;
justify-content: space-between;
    flex-direction: row;
}

.tituloscalen{text-align: center;
    background:#0277bd;
color: white;
height: 2em;
padding-top: 0.5em;
width: 100%;}

.info {display:block;
    align-items: column;
justify-content:space-between;
    width: 100%;
}

.agenda {margin-left: 1.3em;
margin-right: 1.3em;}

.contenedorinfo {margin-right: 1.6em;
margin-left: 1.6em;
margin-bottom: 8em;}

.datoscalen p {background-color: gray;
color: white;}

.temas {background-color: gray;}

.atras {text-align: center;
background-color: #004c8c; }

.contenedoracalen {margin: 1.6em;
margin-bottom: 6em;}

.autorescalen {display: flex;
flex-direction: row;
border-style: outset;}

.autorescalen img {width: 10em;
height: 11em;}

.autorescalen p {
font-size: 14px;
padding-right: 0.5em;
padding-left: 1em;
margin-top: 0.5em;}

 .textoautores {display: flex;
    flex-direction: column;
height: 15em; }



 /*
------------------
Botones mas info
----------------
*/

/* Ocultar botón radio */
input[id^="spoiler"]{
display: none;
}
/* Estilo botón clicable */
input[id^="spoiler"] + label {
display: block;
width: 200px;
margin: 0 auto;
padding: 5px 20px;
cursor: pointer;
border-bottom:solid;
border-bottom-color:#0277bd;
border-bottom-width:2px;  
}
/* Estilo botón cuando su INPUT está seleccionado */
input[id^="spoiler"]:checked + label {
color: #333;
background: #ccc;
}
/* Estilo caja SPOILER (inicialmente oculto) */
input[id^="spoiler"] ~ .spoiler {
width: 90%;
height: 0;
overflow: hidden;
opacity: 0;
margin: 10px auto 0;
}
/* Estilo caja SPOILER cuando su INPUT está seleccionado */
input[id^="spoiler"]:checked + label + .spoiler{
height: auto;
opacity: 1;
}

/* 2  caja de spolier */

/* Ocultar botón radio */
input[id^="spoi"]{
display: none;
}
/* Estilo botón clicable */
input[id^="spoi"] + label {
display: block;
width: 200px;
margin: 0 auto;
padding: 5px 20px;
cursor: pointer;
border-bottom:solid;
border-bottom-color:#0277bd;
border-bottom-width:2px;  
}
/* Estilo botón cuando su INPUT está seleccionado */
input[id^="spoi"]:checked + label {
color: #333;
background: #ccc;
}

/* Estilo caja SPOILER (inicialmente oculto) */
input[id^="spoi"] ~ .spoi {
width: 90%;
height: 0;
overflow: hidden;
opacity: 0;
margin: 10px auto 0;
}
/* Estilo caja SPOILER cuando su INPUT está seleccionado */
input[id^="spoi"]:checked + label + .spoi{
height: auto;
opacity: 1;
}
/* 3 caja de spolier */
/* Ocultar botón radio */
input[id^="spoi2"]{
display: none;
}
/* Estilo botón clicable */
input[id^="spoi2"] + label {
display: block;
width: 200px;
margin: 0 auto;
padding: 5px 20px;
cursor: pointer;
border-bottom:solid;
border-bottom-color:#0277bd;
border-bottom-width:2px;  
}
/* Estilo botón cuando su INPUT está seleccionado */
input[id^="spoi2"]:checked + label {
color: #333;
background: #ccc;
}
/* Estilo caja SPOILER (inicialmente oculto) */
input[id^="spoi2"] ~ .spoi2{
width: 90%;
height: 0;
overflow: hidden;
opacity: 0;
margin: 10px auto 0;
}
/* Estilo caja SPOILER cuando su INPUT está seleccionado */
input[id^="spoi2"]:checked + label + .spoi2{
height: auto;
opacity: 1;
}
/*
-----------
LOG IN
-----------
*/
h2{display: flex;
    justify-content: center;
    background:#f57c00;
color: white;
height: 1.5em;
padding-top: 0.2em;
}

div.login{width: 320px;
margin: auto;
padding: 10px 55px 40px;
border-radius: 2px;
font-size: 13px;
margin-bottom: 4em;}

.login {
    width:100%;
margin: auto;}

div.containerlog p {text-align: center;}

hr{
margin-bottom: 30px;
}
input[type=text],[type=password] {
width: 97.7%;
height: 34px;
padding-left: 5px;
margin-bottom: 20px;
margin-top: 8px;
color:#0277bd ;
font-size: 16px;
}
label{
color: #464646;
font-size: 14px;
font-weight: bold;
}

#Ingresar {
font-size: 20px;
margin-top: 10px;
background:#004c8c;
border: 1px solid #0277bd;
padding: 7px 35px;
color: white;
text-shadow: 0px 1px 0px #13506D;
font-weight: bold;
border-radius: 2px;
cursor: pointer;
width: 100%;
}
#Ingresar:hover{
background:#f57c00 ;
}

h2 {margin-left: 1em;
margin-right: 1em;}


#Registrate {
font-size: 20px;
margin-top: 5px;
background:#f57c00;
border: 1px solid #0277bd;
padding: 7px 35px;
color: white;
text-shadow: 0px 1px 0px #13506D;
font-weight: bold;
border-radius: 2px;
cursor: pointer;
width: 100%;
}
#Registrate:hover{
background:#f57c00;
}



/*
----------
Perfil
----------
*/

.mainperfil {background-color: #f57c00;}

.perfil img {display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
background-color: WHITE;
padding: 1em;
margin-top: 3em;
width: 12em;
}
.contenedore1{
    background-color: #f57c00;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
align-content: center;
align-items: center;
flex-direction: column;
}



div.info{
display: flex;
align-content: center;
flex-direction: column;
justify-content:space-between;  
align-items: center;   
margin-bottom: 5em;
padding: 1em;}

button {margin-top: 1em;
width: 54%;}

button:hover{background-color:#0277bd; }

.info p {background-color: WHITE;
    width: 100%;
    text-align: center;
    height: 1.7em;
    padding-top: 0.3em; 
    }

.tituloperfil {margin-bottom: 0;
padding-top: 0.8em;}

/*
---------------
GALERÍA LIBROS
---------------
*/


.galeria {
    margin-left: auto;
    margin-right: auto;
    /* caja flexible */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.galeria h3 {
    padding: 1em;
    /* para que quede solo en la primera línea */
    width: 100%;
}

.galeria figure {
    width: 43vmin;
    margin: .125em;
    margin-top: 0.3EM; 
    
    /* para que cada "figure" sea origen de coordenadas de sus elementos contenidos */
    position: relative;
    /* para ocultar lo que "excede" sus límites */
    overflow: hidden;
}

.galeria img {
    /* para que la imagen "llene" la etiqueta "img" aun con otras porporciones */
    object-fit: cover;
    object-position: left center;
    width: 45vmin;
    height: 45vmin;
    /* para que "desaparezca" el espacio que queda debajo de la imagen */
    display: block;
}

.galeria figcaption {
    background-color: #f57c00;
    color: white;
    padding: .5em;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 700;
    

    /* para superponer el epígrafe sobre la foto */
    position: absolute;
    width: 100%;
    height: 100%;
    top: calc( 100% - 2em );
    
    transition: all .6s ease-out;
}

/* propiedades de figcaption SÓLO cuando
   el cursor se coloca encima de "figure" */
.galeria figure:hover figcaption {
    background-color: #f57c00;
    top: 0;
    transition: all .2s ease;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.galeria figcaption span {
    display: block;
    font-size: .75em;
    color: #ddd;
    margin-top: .5em;
    text-transform: none;
}


/*
---------------
Reseña LIBROS
---------------
*/

.libroindividual {margin-bottom: 6em;}

.reseña {display: flex;
flex-direction: row;

border-style: outset;}

.reseña img {width: 10em;
height: 15em;}

.reseña p {
font-size: 14px;
padding-right: 0.5em;
padding-left: 1em;
margin-top: 0.5em;}

 .textoreseña {display: flex;
    flex-direction: column;
height: 15em; }

.comentarios {
font-size: 14px;
margin-bottom: 1em;} 

.comentarios li {background-color: lightgray;
height: 2em;
border: .1em solid; 
padding-top: 0.5em;}

.comentarios li strong {color:#004c8c;}

.comentar {
margin-bottom: 2em;}

#gsearchsimplecomentar  {background-color:#f57c00;
color: white;
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
width: 100%;
margin: auto;
height: 2em;
margin-top: 1em;}

::placeholder {color: white;
font-weight:500;
}

.menulibros li {font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
align-content: center;}

.menulibros i {color: #f57c00;
font-size: 25px;
vertical-align: bottom;}

.menulibros ul {display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
border-bottom: .15rem solid #004c8c;
padding-bottom: 1em;}

/*
---------------
Inicio Bienvenida
---------------
*/

.bienvenida {margin-bottom: 3em;}

.inicio {margin-top:4em;}

.objetivo {margin: 1.6em;}

.objetivo h4 {position: relative;
background-color: #004c8c;
color: white;
text-align: center;
height: 1.5em;
padding-top: 0.2em;}

.objetivo p {text-align: center;}


/*
---------------
Registrate
---------------
*/

.container {margin-bottom: 4em;}

#Registrate1 {font-size: 15px;
margin-top: 10px;
background:gray;
border: 1px solid #0277bd;
padding: 7px 35px;
color: white;
text-shadow: 0px 1px 0px #13506D;
font-weight: bold;
border-radius: 2px;
cursor: pointer;
width: 100%;}

#Registrate1:hover{
background:#f57c00 ;
}



/* 
----------------
Películas
----------------
*/

.videoresponsive { position: relative;
margin: 0 auto;
height: 0;
padding-bottom: 56.25%;}

.videoresponsive iframe {position: absolute;
height: 100%;
width: 100%;
top: 0px;
left: 0px;}

.trailers {margin: 1.6em;}

.trailerstotal {margin-bottom: 6em;}

h4 {background-color:#f57c00;
padding: 0.5em;
color: white;}

p {font-size: 14px;}

.argumento {border-bottom: .15rem solid #004c8c;
padding-bottom: 1em; }

.menupelis li {font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
align-content: center;}

.menupelis i {color: #f57c00;
font-size: 25px;
vertical-align: bottom;}

.menupelis ul {display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
border-bottom: .15rem solid #004c8c;
padding-bottom: 1em;}


/* 
----------------
Menú part biblioteca
----------------
*/


.menumini {display: flex;
flex-direction: row;
justify-content: space-around;
padding-left: 0.5em;
padding-right: 0.5em;
padding-top: 0.6em;
margin-right: 1.6em;
margin-left: 1.6em;
height: 3em;
background-color: gray;
 border-radius: 0.5em 0.5em 0.5em 0.5em;
}


/*
---------------
Autores
---------------
*/

.libroindividual {margin-bottom: 6em;
margin-left: 1.6em;
margin-right: 1.6em;}

.autores {display: flex;
flex-direction: row;
border-style: outset;}

.autores img {width: 10em;
height: 13em;}

.autores p {
font-size: 14px;
padding-right: 0.5em;
padding-left: 1em;
margin-top: 0.5em;}

 .textoautores {display: flex;
    flex-direction: column;
height: 15em; }

#leerobra {
font-size: 20px;
background:#f57c00;
border: 1px solid #0277bd;
padding: 7px 35px;
color: white;
text-shadow: 0px 1px 0px #13506D;
font-weight: bold;
border-radius: 2px;
cursor: pointer;
width: 100%;
margin-bottom: 2em;
}
#leerobra:hover{
background:#f57c00;
}


/* 
----------------
Cursos
----------------
*/



.comentarioscursos {
font-size: 14px;
margin-bottom: 1em;} 

.comentarioscursos li {background-color: lightgray;
height: 2em;
border: .1em solid; 
padding-top: 0.5em;}

.comentarioscursos li strong {color:#004c8c;}

.comentarcurso {margin-right: 1.5em;
margin-left: 1.5em;
margin-bottom: 2em;}

#gsearchsimplecurso  {background-color: #004c8c;
color: white;
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
width: 100%;
margin: auto;
height: 2em;
margin-top: 1em;}

::placeholder {color: white;
font-weight:500;
}


/* 
----------------
Descargas
----------------
*/


.estadodescargas li {font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
align-content: center;}

.estadodescargas i {color: #f57c00;
font-size: 25px;
vertical-align: bottom;}

.estadodescargas ul {display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
border-bottom: .15rem solid #004c8c;
padding-bottom: 1em;}


/* 
----------------
Footer
----------------
*/


footer {background-color: #0277bd;
width: 100%;
position: fixed;
left: 0;
bottom: 0em;
height: 5em;
z-index: 99;
}

footer ul {display: flex;
    flex-direction: row;
justify-content: space-between;
    align-content: center;
    align-items: center;
padding-left: 2em;
padding-right: 2em;
padding-top: 0.6em;}

footer :hover {
   color: #f57c00;}





/* 
----------------
Quiebre para compu
----------------
*/

@media screen and (min-width: 600px) {
    
    header {height: 6em;}
    
     header .contenedora {width: 60em;
    margin: auto;
    margin-top: 1em;}
    
    /* oculta icono menu */
    #llamamenu {
        display: none;
    }
    
    /* oculta iconos en header */
   header .material-icons {
        display: none;
    }
    
    
    /* muestra menu horizontal */
    header nav ul {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        background-color: #0277bd;
        
        /* para que el menú vuelva al "fondo" */
        position: unset;
        height: auto;
        padding-top: 0;
    }

    header nav ul.visible {
        background-color: #0277bd;
    }

    header nav .visible a {
        justify-content: center;padding: .5em 1em;
    }
    
    header nav ul li {padding-left: 1.3em;
    margin: auto;}
    
   
    
    .datos {display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 1em;}
    
    menu ul {
    width: 100%;}
    
    menu ul :hover {
    background-color: #f57c00;
    width: 95%;
    padding-left: 1em;
    border-radius: 0.8em 0.8em 0.8em 0.8em;}

     main .contenedora {
    width: 60em;
    margin: auto;
    padding-bottom: 6em;}
    
    
    
    /* 
-----------------------
Buscador
-----------------------
*/    
    
    #gsearchsimple {width: 60em;
     margin: auto;
    margin-top: 8em;}
    
       /* 
-----------------------
Categorías Bilblioteca
-----------------------
*/
    
    .opciones{
    width: 40em;
    margin: auto;
        margin-bottom: 10em}
      /* 
-----------------------
Categorías Cursos
-----------------------
*/    
    
    .opcionescursos{
    display: flex;
    flex-direction: row;
    width: 40em;
    margin: auto;
    margin-top: 2em;}
    
    .categorias img {display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 9em;
    margin-left: 5em;
    margin-right: 5em;
    margin-top: 3.8em;}
    
    .categorias p {
    width: 45%;
    margin: auto;
    margin-top: 1em;
    }
    
    
    footer .menu-alt {
    width: 60em;
    margin: auto;}

  
   /* 
-----------------------
Categorías Bilblioteca
-----------------------
*/
    h3 {width: 51em;
    margin: auto;
    margin-top: 1.4em;}
    
.contenedoracalen {
    display: flex;
    flex-direction: row;
    width: 60em;
    margin: auto;
    padding-bottom: 6em;
    }
.calen {width: 40em;}
    
    
/* 
----------------
Textos Info Acumar
----------------
*/

main .contenedora1 {margin: auto;
margin-bottom: 1em;
position: relative;
height: 50em;
width: 60em;
}

main .contenedora2 {margin: auto;
margin-bottom: 6em;
position: relative;
width: 60em;
}

h3 {width: 51.3em;}

.videoresponsive iframe {
height: 100%;
width: 100%;
top: 0px;
left: 0px;}
    
 /* 
----------------
Login
----------------
*/   
    
    h2{width: 40em;
    margin: auto;
    margin-top: 1.1em;}

    div.login {width: 40em;
    margin-top: 2em;}
    
    
    
 /* 
----------------
Perfil
----------------
*/       

    .mainperfil {background-color:#f57c00;
    height: 100%;
    margin-bottom: 0em;
    margin-top: 5em;}
    
    .info {width: 30em;}
    
    .info p {background-color: WHITE;
    width: 100%;
    text-align: center;
    height: 1.7em;
    padding-top: 0.3em; 
    }   
    
    .perfil img {background-color: white;
}
    
    
    .tituloperfil {width: 100%}
    
    button {width: 14.5em;}
    
    
     /* 
----------------
Calendario
----------------
*/ 
    
    .agenda {margin: auto;
    margin-top: 2em;}   
    
    .contenedoracalen {display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    width: 61em;
    }
    
    .datoscalen {margin: 0.5em;}
    
    .contenedorinfo {width: 50em;
    margin: auto;
    margin-bottom: 6em;}
    
    .temas {width:42.9em;}
    
    .titularescalen {width: 42.9em;
    margin-bottom: 1em;}
    
    .caleninfototal {display: flex;
    flex-basis: row;
        align-content: center;
    align-items: center;}
    
    .caleninfototal img {width: 18.5em;
    margin-right: 1em;}
    
    .caleninfo {width: 31.5em;}
    
    .autorescalen img {width: 10em;
    height: 8em;}
    
    .lainfo p {text-align: center;}
    
    .infoautor {margin-top: 1em;}
    
  /*
---------------
GALERÍA LIBROS
---------------
*/
    .galeria {width: 60em;
    margin-bottom: 6em;
    margin-top: 2em;} 
    
/*
---------------
Reseña LIBROS
---------------
*/   
    
 .reseña {width: 47em;
margin: auto;
margin-top: 2em;}
    
    .comentarios {width: 53.7em;}
    
    .comentar {width: 50em;
     margin-top: 0em;}
    
    .menulibros {width: 50em;}
    
    .textoreseña {padding-top:  4em;}
    
  /*
---------------
Autores
---------------
*/
  
.leermas {margin: auto;
}    
    
 .autores {width: 20em;
margin: auto;
margin-top: 2em;
display: flex;
flex-direction: row;}
    
.libroindividual {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 47em;
margin: auto;
margin-bottom: 6em;}
    

/*
---------------
Inicio Bienvenida
---------------
*/

.inicio {margin-top: 1.5em;}

.objetivo {width: 60em;
    margin: auto;
    margin-bottom: 4em;}
    
    .objetivo h4 {width: 30em;
    margin: auto;}
        

.cuentasinicio {width: 30em;
margin: auto;}
    

.descargar {
padding-bottom: 5em;
font-size: 18px;}


/*
---------------
Películas
---------------
*/    
    
    .trailerstotal {width: 50em;
    margin: auto;
    margin-bottom: 6em;}   
    
    

/*
---------------
Menu Mini
---------------
*/ 
    
    
    .menumini {width: 60em;
    margin: auto;
    margin-top: 1.5em;}    
    
    
 
/*
---------------
Cursos
---------------
*/ 
  
    .comentarioscursos {width: 53em;
    margin: auto;
    margin-top: 2em;}
    
    .comentarcurso {width: 46.5em;
    margin: auto;
    margin-top: 1em;}
    
    .infocurso {
    width: 46.5em;    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    
    }
    
    .infocurso img {width: 20em;}
    
    .datacurso {margin-left: 2em;
    }
    
        
    .titulares {margin: auto;
    width: 40em;
    margin-top: 1.5em;}  
    
    
    /*
---------------
Descargas
---------------
*/ 
  
    
    
     .infodescargas {
    width: 46.5em;    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    
    }
    
    .infodescargas img {width: 10em;}
    
    .estadodescargas {width: 35em;}
    
    
}