/* .............................................................. Index ...............................................................  */
#htmlindex {
    background-color: #579cc1;
}

#cabesera {
    align-content: center;
    align-items: center;
}

#libros{
   width: 100%; 
}

#headerindex section div {
   display: flex;
   align-items: center;   
   justify-content: center;
}

#logobibliomovil {
    background-color: #ffffff;
    margin-right: 8%;
    margin-left: 8%;
    margin-top: 5%;
    justify-content: center;
    justify-items: center;
    border-top-left-radius: 2em;
    border-top-right-radius: 2em;
    padding: 5%;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4)
}

#cuerpoindex h3 { 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%;
    padding: 1em;
    background-color: #467D9B;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5rem;
}

#cuerpoindex h3 nav ul li { 
    list-style: none;
    text-decoration: none;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 1em; /* Pading */
    background-color: #467D9B;
    width: 7em; /* Width */
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5rem;
}

#cuerpoindex nav ul li { 
    list-style: none;
    text-decoration: none;
}

#cuerpoindex nav ul li a{ 
    text-decoration-color: #467d9b;
}

#alerta { 
   background-color: #747474;
    border-radius: 2em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #ffffff;
    padding: 0.5em;
 }

#mainindex { 
   text-align: center;
   background-color: #deecee;
   margin-right: 8%;
   margin-left: 8%;
   padding: 3%;
   padding-top: 1%;
   padding-bottom: 20%;
   margin-bottom: 2em;
   margin-top: 0%;
   border-bottom-left-radius: 2em;
   border-bottom-right-radius: 2em;
   box-sizing: content-box;
   border-top-color: #deecee;
   border-top-width: 30%; 
   box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4)
 }

/* ........................................................... Inicio Primera Vez ........................................................  */

#cuerpoinicioprimeravez h3 { 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%;
    padding: 1em; 
    background-color: #467D9B;
    width: 7em; 
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
    margin-top: 15%;
    margin-bottom: 5%;
    margin-bottom: 2em;
}

#cuerpoinicioprimeravez h3 nav ul li a { 
    list-style: none;
    text-decoration: none;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 1em; 
    background-color: #467D9B;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5rem;
}

#cuerpoinicioprimeravez nav ul li { 
    list-style: none;
    text-decoration: none;
}

#cuerpoinicioprimeravez nav ul li a{ 
    text-decoration-color: #467d9b;
}

#boton_secundarioipv h3 { 
    text-decoration-color: none;
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%;
    padding: 1em;
    background-color: #daf1f2;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: #467D9B;
    border: solid 0.18em;
    border-color: #467D9B;
    font-size: 2.5rem;
}

#cuerpoinicioprimeravez nav ul li a{ 
    text-decoration-color: transparent;
}

/* .............................................................. Inicio .................................................................  */

#htmlinicio {
    background-color: #ffffff;
}

#perfilinicio div img {
    margin-top: 4em;
    width: 40%;
    margin-left: -10%;  
    }

#headerinicio section {
    margin-bottom: 5%;
    }

#flechainicio{
    z-index: -1;
    }

#headerinicio {
    background-color: #579cc1;
    margin-bottom: 5%;
    justify-content: space-between;
}

#perfilinicio div img {
    width: 9%;
    justify-content: space-between;
    margin-left: 85.8%;
}

#logobiblioblanco {
    margin-left: 29%;
    margin-right: 32%;
    width: 20%;
    padding-bottom: 5%;
}

#logobiblioblanco div img {
    margin-left: -57%;
    margin-right: 32%;
    width: 320%;
    padding-bottom: 0%;
}


#maininicio { 
   text-align: center;
   background-color: #deecee;
   margin-right: 8%;
   margin-left: 8%;
   padding: 3%;
   padding-top: 5%;
   padding-bottom: 5%;
   margin-bottom: 2em;
   margin-top: 0%;
   border-radius: 2em;
   box-sizing: content-box;
   border-top-color: #deecee;
   border-top-width: 30%; 
   box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4)
 }


#botonesinicio div a img {
    width: 50%;
    align-items: center;
    margin-left: 25%;
    margin-right: 25%;   
    margin-bottom: 7%;
}

#logocomousar {
    width: 60%;
    align-items: center;
    margin-left: auto;
    margin-right: auto;  
}

#preguntasfrecuentesinicio {
    text-align: center;
}

#preguntasfrecuentesinicio a {
    color: #467d9b;
}

/* ...........................................................COMO USAR (MODELO DE PANTALLA) .............................................  */

#headercomousar {
    background-color: #579cc1; 
    }

#headercomousar section {
    margin-bottom: 5%;
    display: flex;
    justify-content: space-between;
    width: 100;
    flex: 30%;
    }

#flechacomousar a img {
    margin-top: 5em;  
    margin-left: 50%;
    }

#perfilcomousar a img {
    margin-top: 4em;
    width: 70%;
    margin-left: -10%;  
    }

/* ...........................................................chaboncito con libro ................................................  */
#logocomousar div img{
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 15%;
    margin-left: auto;
    margin-right: auto;    
    }

/* ...........................................................tamaño de la caja celeste ................................................  */
#botonescomousar {
   background-color: #deecee;
    border-radius: 2em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-right: 20%;
    margin-left: 20%;
    text-align: center;
    padding-top: 1%;
    padding-bottom: 20%;
    }

/* ...........................................................tamaño de la caja celeste ................................................  */

#botonescomousar img {
    width: 90%;
    padding-top: -5%;
    }

#botonescomousar h3{
   border-bottom: solid 0.18em;
   border-bottom-color: #579cc1;
   padding-bottom: 0.5em;
   margin-left: 1em;
   margin-right: 1em;
    }

#botoneracomousar {
    list-style: none;
    text-align: center; 
    display: flex;
    align-content: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -35%;
    margin-top: 0%;
    margin-right: 29%;
    padding-bottom: 0%;
    padding-left: 0%;
    padding-right: 4.5em;
    width: 50%;
 }

/* ...........................................................tamaño de boton .........................................................  */
#bodycomousar nav ul li a { 
    text-decoration: none; 
    color: #ffffff; 
    display: flex;
    justify-content: center;
    text-align: center;
    background-color: #747474; 
    padding: 2.5em; 
    border-radius: 4em; 
    margin-left: 37%;
    width: 100%;
 }

/* ...........................................................distancia boton .........................................................  */
#botonescomousar nav ul li {
    list-style: none;
    padding: 7%;
}

#botonescomousar nav {
    list-style: none;
    text-align: center; 
    display: flex;
    align-content: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -25%;
    margin-top: 0%;
    margin-right: 30%;
    padding-bottom: 0%;
    padding-left: -5%;
    padding-right: 4.5em;
 }

/* ................................................................. Perfil ...............................................................  */

#mainperfil { 
   text-align: center;
   background-color: #deecee;
   margin-right: 8%;
   margin-left: 8%;
   padding: 3%;
   padding-top: 5%;
   padding-bottom: 20%;
   margin-bottom: 2em;
   margin-top: 0%;
   border-radius: 2em;
   box-sizing: content-box;
   border-top-color: #deecee;
   border-top-width: 30%; 
   box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4)
 }

#logoperfil div img  {
    width: 30%;
    margin-right: 25%;
    margin-left: 35%;
    display: flex;
}

#editarperfil {
    text-align: center;
}

#cuerpoperfil h3 { 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%;
    padding: 1em; 
    background-color: #467D9B;
    width: 7em; 
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5rem; 
    margin-top: 5%;
    margin-bottom: 5%;
    margin-bottom: 2rem;
}

#cuerpoperfil h3 nav ul li a { 
    list-style: none;
    text-decoration: none;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 1em; 
    background-color: #467D9B;
    width: 7em; 
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5rem; 
}

#cuerpoperfil nav ul li { 
    list-style: none;
    text-decoration: none;
}

#cuerpoperfil nav ul li a{ 
    text-decoration-color: #467d9b;
}


#datosperfil {
    text-align: center;
    width: 100%;
    padding-right: 50%;
}

#inputperfil{

    padding-top: 15%;
    padding-bottom: 15%;
    display: flex;
    flex-direction: column;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}


/* ................................................................ Video ..............................................................  */

html{
    font-family: "Montserrat", "san-serif";
    background-color: #ffffff;
}

#headervideo {
    background-color: #579cc1; 
    }

#headervideo section {
    margin-bottom: 5%;
    display: flex;
    justify-content: space-between;
    width: 100;
    flex: 30%;
    }

#flechavideo a img {
    margin-top: 5em;  
    margin-left: 50%;
    }

#perfilvideo a img {
    margin-top: 4em;
    width: 70%;
    margin-left: -10%;  
    }

#logocomousar div img{
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 3%;
    margin-left: auto;
    margin-right: auto;  
    }

#video{
    font-family: "IBM Plex Sans"; "san-serif";
    text-align: center;
    padding-bottom: 3%;
    font-size: 4.5em;
}

#miranuestrocanaldeyoutube{
    font-size: 2.5rem;
    padding-left: 8%;
    padding-right: 8%;
}

#cajadelvideo{
    background-color: #deecee;
    border-radius: 2em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-right: 8%;
    margin-left: 8%;
    text-align: center;
    padding-top: 1%;
    padding-bottom: 20%;
    }

iframe{
    width: 90%;
    text-align: center;
}

#footer{
    display: none;
}

/* ...........................................................Preguntas Frecuentes..............................................  */

#headerpreguntasfrecuentes {
    background-color: #579cc1; 
    }

#headerpreguntasfrecuentes section {
    margin-bottom: 5%;
    display: flex;
    justify-content: space-between;
    width: 100;
    flex: 30%;
    }

#flechapreguntasfrecuentes a img {
    margin-top: 5em;  
    margin-left: 50%;
    }

#perfilpreguntasfrecuentes a img {
    margin-top: 4em;
    width: 70%;
    margin-left: -10%;  
    }

#logopreguntasfrecuentes div img{
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 3%;
    margin-left: auto;
    margin-right: auto;    
    }

#preguntasfrecuentes{
    font-family: "IBM Plex Sans"; "san-serif";
    text-align: center;
    font-size: 4.5em;
    padding-bottom: 3%;
}
 
#iconoparapreguntasfrecuentes a img{
    display: flex;
    width: 30%; 
    text-align: center;
    }

#desplegable ul{
    list-style: none;
}

#desplegable >ul{
    background-color: #daf1f2;
    text-align: center;
    padding-top: 1em;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 1em;
    border-radius: 1.5em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 2em;
    margin-right: 8%;
    margin-left: 8%;
    font-size: 1.5em;  
}

#desplegable >ul >li{
    list-style-image: url(../imagenes/triangulo.svg); 
    border-left: solid .2em;
    border-color: #CF7836;
    padding-left: 1em;
    padding-right: 1em;  
}

#desplegable >ul >li >p{
    display: block;  
}

#desplegable >ul >li >ul{
    display: none;
    background-color: #757575;
    border-radius: 1.5em;
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 1em; 
}

#desplegable >ul >li >ul >li{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1em;
    padding-right: 1em;
}

#desplegable >ul >li >ul >li >p{
    color: white;
}

#desplegable >ul >li >ul >li >p >span{
    color: white;
    font-weight: bold;
}

#desplegable a{
    text-decoration: none;
    list-style: none;
    color: white;
}

/* .............................................................. Ubicacion ............................................................  */

#headerubicacion {
    background-color: #579cc1; 
    }

#headerubicacion section {
    margin-bottom: 5%;
    display: flex;
    justify-content: space-between;
    width: 100;
    flex: 30%;
    }

#flechaubicacion a img {
    margin-top: 5em;  
    margin-left: 50%;
    }

#perfilubicacion a img {
    margin-top: 4em;
    width: 70%;
    margin-left: -10%;  
    }

#logoubicacion div img{
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 5%;
    margin-left: auto;
    margin-right: auto;    
    }

#encuentranosaqui{
    font-family: "IBM Plex Sans"; "san-serif";
    border-bottom: solid 0.18em;
    border-bottom-color: #579cc1;
    padding-bottom: 0.5em;
    margin-left: 1em;
    margin-right: 1em;
    text-align: center;
    font-size: 4em;
    }

#botoneraubicacion{
    margin: 0;
    margin-left: 8%;
    margin-right: 8%;
    padding: 1em;
    background-color: #daf1f2;
    border-radius: 4em;
    text-align: center;
    color: #000000;
    text-decoration: none;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
 }

#botoneraubicacion ul{
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}

#botoneraubicacion ul li{
    margin-right: auto;
    margin-left: auto;
    
}

#botoneraubicacion ul li a{
    text-decoration: none;
}

#botoneraubicacion ul li a h3{ 
    margin-top: 0;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em; 
    background-color: #757575;
    width: 7em; 
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 3em;
}

/* .............................................................. Itinerario ..............................................................  */

#headeritinerario {
    background-color: #579cc1; 
    }

#headeritinerario section {
    margin-bottom: 5%;
    display: flex;
    justify-content: space-between;
    width: 100;
    flex: 30%;
    }

#flechaitinerario a img {
    margin-top: 5em;  
    margin-left: 50%;
    }

#perfilitinerario a img {
    margin-top: 4em;
    width: 70%;
    margin-left: -10%;  
    }

#logoitinerario div img{
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 3%;
    margin-left: auto;
    margin-right: auto;   
    }

#itinerario{
    font-family: "IBM Plex Sans"; "san-serif";
    text-align: center;
    font-size: 4.5em;
    padding-bottom: 3%;
}

#iconoparaitinerario a img{
    display: flex;
    width: 30%; 
    text-align: center;
    padding-top: 0.9em;
    }

#recorrido1{
    background-color: #daf1f2;
    display: flex;
    text-align: left;
    font-size: 1.5em;
    padding-top: 1em;
    padding-left: 3em;
    padding-right: 1em;
    padding-bottom: 1em;
    color: #000000;
    margin-bottom: 3em;
    border-radius: 1.5em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-right: 8%;
    margin-left: 8%;
}

#recorrido2{
    background-color: #daf1f2;
    display: flex;
    text-align: left;
    font-size: 1.5em;
    padding-top: 1em;
    padding-left: 3em;
    padding-right: 1em;
    padding-bottom: 1em;
    color: #000000;
    margin-bottom: 3em;
    border-radius: 1.5em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-right: 8%;
    margin-left: 8%;
}

#recorrido3{
    background-color: #daf1f2;
    display: flex;
    text-align: left;
    font-size: 1.5em;
    padding-top: 1em;
    padding-left: 3em;
    padding-right: 1em;
    padding-bottom: 1em;
    color: #000000;
    margin-bottom: 3em;
    border-radius: 1.5em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-right: 8%;
    margin-left: 8%;
}

#recorrido4{
    background-color: #daf1f2;
    display: flex;
    text-align: left;
    font-size: 1.5em;
    padding-top: 1em;
    padding-left: 3em;
    padding-right: 1em;
    padding-bottom: 1em;
    color: #000000;
    margin-bottom: 3em;
    border-radius: 1.5em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-right: 8%;
    margin-left: 8%;
}

#recorrido5{
    background-color: #eaf3f5;
    display: flex;
    text-align: left;
    font-size: 1.5em;
    padding-top: 1em;
    padding-left: 3em;
    padding-right: 1em;
    padding-bottom: 1em;
    color: #000000;
    margin-bottom: 3em;
    border-radius: 1.5em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-right: 8%;
    margin-left: 8%;
}

#recorrido6{
    background-color: #eaf3f5;
    display: flex;
    text-align: left;
    font-size: 1.5em;
    padding-top: 1em;
    padding-left: 3em;
    padding-right: 1em;
    padding-bottom: 1em;
    color: #000000;
    margin-bottom: 3em;
    border-radius: 1.5em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-right: 8%;
    margin-left: 8%;
}

#recorrido7{
    background-color: #eaf3f5;
    display: flex;
    text-align: left;
    font-size: 1.5em;
    padding-top: 1em;
    padding-left: 3em;
    padding-right: 1em;
    padding-bottom: 1em;
    color: #000000;
    margin-bottom: 3em;
    border-radius: 1.5em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-right: 8%;
    margin-left: 8%;
}

#recorrido8{
    background-color: #eaf3f5;
    display: flex;
    text-align: left;
    font-size: 1.5em;
    padding-top: 1em;
    padding-left: 3em;
    padding-right: 1em;
    padding-bottom: 1em;
    color: #000000;
    margin-bottom: 3em;
    border-radius: 1.5em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-right: 8%;
    margin-left: 8%;
}

/* ............................................................... Mapa GPS ..............................................................  */

#headermapagps {
    background-color: #579cc1; 
    }

#headermapagps section {
    margin-bottom: 5%;
    display: flex;
    justify-content: space-between;
    width: 100;
    flex: 30%;
    }

#flechamapagps a img {
    margin-top: 5em;  
    margin-left: 50%;
    }

#perfilmapagps a img {
    margin-top: 4em;
    width: 70%;
    margin-left: -10%;  
    }

#logomapagps div img{
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 3%;
    margin-left: auto;
    margin-right: auto;    
    }

#activatugps{
    font-family: "IBM Plex Sans"; "san-serif";
    text-align: center; 
    font-size: 4.5em;
    padding-bottom: 3%;
}

#recorrido1{
    background-color: #daf1f2;
    display: flex;
    text-align: left;
    padding-top: 1em;
    padding-left: 5em;
    padding-right: 2em;
    padding-bottom: 1em;
    color: #000000;
    margin-bottom: 1.5em;
    border-radius: 1.5em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-right: 8%;
    margin-left: 8%;
}

#mapagps{
    text-align: center;
    background-color: #daf1f2;
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    border-radius: 2em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-right: 8%;
    margin-left: 8%;
}

article.tp{
    background-color: #757575;
    margin-top: 2em;
    padding: 0;
    text-align: center;
    padding: 0;
    color: #ffffff;
}

article.tp figcaption{
    color :#ffffff;
    margin: 0em;
    padding-bottom: 1em;
}

/* .............................................................. Buscar .................................................................... */

#headerbuscar{
    background-color: #579cc1; 
    }

#headerbuscar section {
    margin-bottom: 5%;
    display: flex;
    justify-content: space-between;
    width: 100;
    flex: 30%;
    }

#flechabuscar a img {
    margin-top: 5em;  
    margin-left: 50%;
    }

#perfilbuscar a img {
    margin-top: 4em;
    width: 70%;
    margin-left: -10%;  
    }

#textobusquemosjuntos{
    font-family: "IBM Plex Sans"; "san-serif";
    border-bottom: solid 0.18em;
    border-bottom-color: #579cc1;
    padding-bottom: 0.5em;
    margin-left: 1em;
    margin-right: 1em;
    text-align: center;
    font-size: 4em;
    }

#botonesbuscar{
    margin: 0;
    margin-left: 8%;
    margin-right: 8%;
    padding: 1em;
    background-color: #daf1f2;
    border-radius: 4em;
    text-align: center;
    color: #000000;
    text-decoration: none;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
 }

#botonerabuscar ul{
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}

#botonerabuscar ul li{
    margin-right: auto;
    margin-left: auto;
    
}

#botonerabuscar ul li a{
    text-decoration: none;
}

#botonerabuscar ul li a h3{ 
    margin-top: 0;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em; 
    background-color: #757575;
    width: 7em; 
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}



/* .............................................................. Libros Titulo ........................................................... */

#headertitulo {
    background-color: #579cc1; 
    }

#headertitulo section {
    margin-bottom: 5%;
    display: flex;
    justify-content: space-between;
    width: 100;
    flex: 30%;
    }

#flechatitulo a img {
    margin-top: 5em;  
    margin-left: 50%;
    }

#perfiltitulo a img {
    margin-top: 4em;
    width: 70%;
    margin-left: -10%;  
    }

#titulo{
    font-family: "IBM Plex Sans"; "san-serif";
    border-bottom: solid 0.18em;
    border-bottom-color: #579cc1;
    padding-bottom: 0.5em;
    margin-left: 1em;
    margin-right: 1em;
    text-align: center;
    font-size: 4.5em;
    }

#buscador_cuerpo{
    padding-top: 3%;
    padding-bottom: 3%;
    display: flex;
    flex-direction: column;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#buscador_cuerpo input{
    margin-bottom: 1em;
}

#logobuscador{
    text-align: center;
    padding-top: 2em;
    padding-bottom: 2em;
    width: 100%
}

#listalibrotitulo1{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-top: 2em;
    padding-right: 2.5em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrotitulo1 img{
    width: 40%;
}

#listalibrotitulo1 h1{
    font-size: 2em;
    text-align: center;
    color: #000000;
}

#listalibrotitulo1 ul li a{
    text-decoration: none;
} 

#listalibrotitulo1 ul{ 
    list-style: none;
}

#listalibrotitulo1 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #6bac79;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#descripcion{
    padding-bottom: 2em;
    text-align: center;
    font-size: 1.3em;
}

#listalibrotitulo2{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-top: 2em;
    padding-right: 2.5em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrotitulo2 img{
    width: 40%;
}

#listalibrotitulo2 h1{
    font-size: 2em;
    text-align: center;
    color: #000000;
}

#listalibrotitulo2 ul li a{
    text-decoration: none;
} 

#listalibrotitulo2 ul{ 
    list-style: none;
}

#listalibrotitulo2 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #c33d3d;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#listalibrotitulo3{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-top: 2em;
    padding-right: 2.5em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrotitulo3 img{
    width: 40%;
}

#listalibrotitulo3 h1{
    font-size: 2em;
    text-align: center;
    color: #000000;
}

#listalibrotitulo3 ul li a{
    text-decoration: none;
} 

#listalibrotitulo3 ul{ 
    list-style: none;
}

#listalibrotitulo3 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #6bac79;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#listalibrotitulo4{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-top: 2em;
    padding-right: 2.5em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrotitulo4 img{
    width: 40%;
}

#listalibrotitulo4 h1{
    font-size: 2em;
    text-align: center;
    color: #000000;
}

#listalibrotitulo4 ul li a{
    text-decoration: none;
} 

#listalibrotitulo4 ul{ 
    list-style: none;
}

#listalibrotitulo4 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #6bac79;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#listalibrotitulo5{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-top: 2em;
    padding-right: 2.5em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrotitulo5 img{
    width: 40%;
}

#listalibrotitulo5 h1{
    font-size: 2em;
    text-align: center;
    color: #000000;
}

#listalibrotitulo5 ul li a{
    text-decoration: none;
} 

#listalibrotitulo5 ul{ 
    list-style: none;
}

#listalibrotitulo5 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #c33d3d;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#listalibrotitulo6{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-top: 2em;
    padding-right: 2.5em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrotitulo6 img{
    width: 40%;
}

#listalibrotitulo6 h1{
    font-size: 2em;
    text-align: center;
    color: #000000;
}

#listalibrotitulo6 ul li a{
    text-decoration: none;
} 

#listalibrotitulo6 ul{ 
    list-style: none;
}

#listalibrotitulo6 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #6bac79;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#listalibrotitulo7{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-top: 2em;
    padding-right: 2.5em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrotitulo7 img{
    width: 40%;
}

#listalibrotitulo7 h1{
    font-size: 2em;
    text-align: center;
    color: #000000;
}

#listalibrotitulo7 ul li a{
    text-decoration: none;
} 

#listalibrotitulo7 ul{ 
    list-style: none;
}

#listalibrotitulo7 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #c33d3d;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#listalibrotitulo8{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-top: 2em;
    padding-right: 2.5em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrotitulo8 img{
    width: 40%;
}

#listalibrotitulo8 h1{
    font-size: 2em;
    text-align: center;
    color: #000000;
}

#listalibrotitulo8 ul li a{
    text-decoration: none;
} 

#listalibrotitulo8 ul{ 
    list-style: none;
}

#listalibrotitulo8 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #c33d3d;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#listalibrotitulo9{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-top: 2em;
    padding-right: 2.5em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrotitulo9 img{
    width: 40%;
}

#listalibrotitulo9 h1{
    font-size: 2em;
    text-align: center;
    color: #000000;
}

#listalibrotitulo9 ul li a{
    text-decoration: none;
} 

#listalibrotitulo9 ul{ 
    list-style: none;
}

#listalibrotitulo9 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #6bac79;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

/* ................................................................ Libros Generos ......................................................... */

#headergeneros {
    background-color: #579cc1; 
    }

#headergeneros section {
    margin-bottom: 5%;
    display: flex;
    justify-content: space-between;
    width: 100;
    flex: 30%;
    }

#flechageneros a img {
    margin-top: 5em;  
    margin-left: 50%;
    }

#perfilgeneros a img {
    margin-top: 4em;
    width: 70%;
    margin-left: -10%;  
    }

#generos h2{
    font-family: "IBM Plex Sans"; "san-serif";
    border-bottom-color: #579cc1;
    padding-bottom: 0.5em;
    margin-left: 1em;
    margin-right: 1em;
    text-align: center;
    font-size: 4.5em;
    }

#listalibrogenero1{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-top: 2em;
    padding-right: 2.5em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrogenero1 img{
    width: 40%;
}

#listalibrogenero1 h1{
    font-size: 2em;
    text-align: center;
    color: #000000;
}

#listalibrogenero1 ul li a{
    text-decoration: none;
} 

#listalibrogenero1 ul{ 
    list-style: none;
}

#listalibrogenero1 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #c33d3d;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#listalibrogenero2{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-top: 2em;
    padding-right: 2.5em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrogenero2 img{
    width: 40%;
}

#listalibrogenero2 h1{
    font-size: 2em;
    text-align: center;
    color: #000000;
}

#listalibrogenero2 ul li a{
    text-decoration: none;
} 

#listalibrogenero2 ul{ 
    list-style: none;
}

#listalibrogenero2 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #6bac79;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#listalibrogenero3{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-top: 2em;
    padding-right: 2.5em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrogenero3 img{
    width: 40%;
}

#listalibrogenero3 h1{
    font-size: 2em;
    text-align: center;
    color: #000000;
}

#listalibrogenero3 ul li a{
    text-decoration: none;
} 

#listalibrogenero3 ul{ 
    list-style: none;
}

#listalibrogenero3 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #6bac79;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#listalibrogenero4{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-top: 2em;
    padding-right: 2.5em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrogenero4 img{
    width: 40%;
}

#listalibrogenero4 h1{
    font-size: 2em;
    text-align: center;
    color: #000000;
}

#listalibrogenero4 ul li a{
    text-decoration: none;
} 

#listalibrogenero4 ul{ 
    list-style: none;
}

#listalibrogenero4 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #c33d3d;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#listalibrogenero5{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-top: 2em;
    padding-right: 2.5em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrogenero5 img{
    width: 40%;
}

#listalibrogenero5 h1{
    font-size: 2em;
    text-align: center;
    color: #000000;
}

#listalibrogenero5 ul li a{
    text-decoration: none;
} 

#listalibrogenero5 ul{
    list-style: none;
}

#listalibrogenero5 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #6bac79;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#listalibrogenero6{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-top: 2em;
    padding-right: 2.5em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrogenero6 img{
    width: 40%;
}

#listalibrogenero6 h1{
    font-size: 2em;
    text-align: center;
    color: #000000;
}

#listalibrogenero6 ul li a{
    text-decoration: none;
} 

#listalibrogenero6 ul{ 
    list-style: none;
}

#listalibrogenero6 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #6bac79;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#listalibrogenero7{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-top: 2em;
    padding-right: 2.5em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrogenero7 img{
    width: 40%;
}

#listalibrogenero7 h1{
    font-size: 2em;
    text-align: center;
    color: #000000;
}

#listalibrogenero7 ul li a{
    text-decoration: none;
} 

#listalibrogenero7 ul{ 
    list-style: none;
}

#listalibrogenero7 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #c33d3d;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#listalibrogenero8{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-top: 2em;
    padding-right: 2.5em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrogenero8 img{
    width: 40%;
}

#listalibrogenero8 h1{
    font-size: 2em;
    text-align: center;
    color: #000000;
}

#listalibrogenero8 ul li a{
    text-decoration: none;
} 

#listalibrogenero8 ul{
    list-style: none;
}

#listalibrogenero8 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #c33d3d;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#listalibrogenero9{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-top: 2em;
    padding-right: 2.5em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrogenero9 img{
    width: 40%;
}

#listalibrogenero9 h1{
    font-size: 2em;
    text-align: center;
    color: #000000;
}

#listalibrogenero9 ul li a{
    text-decoration: none;
} 

#listalibrogenero9 ul{ 
    list-style: none;
}

#listalibrogenero9 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #6bac79;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

/* .............................................................. Libros Autor ............................................................. */

#headerautor {
    background-color: #579cc1; 
    }

#headerautor section {
    margin-bottom: 5%;
    display: flex;
    justify-content: space-between;
    width: 100;
    flex: 30%;
    }

#flechaautor a img {
    margin-top: 5em;  
    margin-left: 50%;
    }

#perfilautor a img {
    margin-top: 4em;
    width: 70%;
    margin-left: -10%;  
    }

#autor h2{
    font-family: "IBM Plex Sans"; "san-serif";
    border-bottom-color: #579cc1;
    padding-bottom: 0.5em;
    margin-left: 1em;
    margin-right: 1em;
    text-align: center;
    font-size: 4.5em;
    }

#listalibrosautor1{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrosautor1 img{
    width: 40%;
}

#listalibrosautor1 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#listalibrosautor1 ul li a{
    text-decoration: none;
} 

#listalibrosautor1 ul{
    list-style: none;
}

#listalibrosautor2{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrosautor2 img{
    width: 40%;
}

#listalibrosautor2 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#listalibrosautor2 ul li a{
    text-decoration: none;
} 

#listalibrosautor2 ul{
    list-style: none;
}

#listalibrosautor3{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2.5em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrosautor3 img{
    width: 40%;
}

#listalibrosautor3 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#listalibrosautor3 ul li a{
    text-decoration: none;
} 

#listalibrosautor3 ul{
    list-style: none;
}

#listalibrosautor4{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrosautor4 img{
    width: 40%;
}

#listalibrosautor4 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#listalibrosautor4 ul li a{
    text-decoration: none;
} 

#listalibrosautor4 ul{
    list-style: none;
}

#listalibrosautor4{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrosautor4 img{
    width: 40%;
}

#listalibrosautor4 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#listalibrosautor4 ul li a{
    text-decoration: none;
} 

#listalibrosautor4 ul{
    list-style: none;
}

#listalibrosautor5{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrosautor5 img{
    width: 40%;
}

#listalibrosautor5 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#listalibrosautor5 ul li a{
    text-decoration: none;
} 

#listalibrosautor5 ul{
    list-style: none;
}

#listalibrosautor6{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrosautor6 img{
    width: 40%;
}

#listalibrosautor6 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#listalibrosautor6 ul li a{
    text-decoration: none;
} 

#listalibrosautor6 ul{
    list-style: none;
}

#listalibrosautor7{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrosautor7 img{
    width: 40%;
}

#listalibrosautor7 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#listalibrosautor7 ul li a{
    text-decoration: none;
} 

#listalibrosautor7 ul{
    list-style: none;
}

#listalibrosautor8{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrosautor8 img{
    width: 40%;
}

#listalibrosautor8 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#listalibrosautor8 ul li a{
    text-decoration: none;
} 

#listalibrosautor8 ul{
    list-style: none;
}

#listalibrosautor9{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrosautor9 img{
    width: 40%;
}

#listalibrosautor9 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#listalibrosautor9 ul li a{
    text-decoration: none;
} 

#listalibrosautor9 ul{
    list-style: none;
}

#listalibrosautor10{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listalibrosautor10 img{
    width: 40%;
}

#listalibrosautor10 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#listalibrosautor10 ul li a{
    text-decoration: none;
} 

#listalibrosautor10 ul{
    list-style: none;
}

/* ............................................................. Libros Lista ............................................................... */

#headerlista {
    background-color: #579cc1; 
    }

#headerlista section {
    margin-bottom: 5%;
    display: flex;
    justify-content: space-between;
    width: 100;
    flex: 30%;
    }

#flechalista a img {
    margin-top: 5em;  
    margin-left: 50%;
    }

#perfillista a img {
    margin-top: 4em;
    width: 70%;
    margin-left: -10%;  
    }

#listaalfabetica nav ul li{
    display: inline-block;
    font-size: 4.5em;
}

#listaalfabetica ul li a{
    text-decoration: none;
    color: #000000;
} 

#listaalfabetica ul{
    list-style: none;
}

#listadolibros1{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listadolibros1 img{
    width: 40%;
}

#listadolibros1 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#listadolibros1 ul li a{
    text-decoration: none;
} 

#listadolibros1 ul{
    list-style: none;
}

#listadolibros1 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #c33d3d;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#listadolibros2{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listadolibros2 img{
    width: 40%;
}

#listadolibros2 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#listadolibros2 ul li a{
    text-decoration: none;
} 

#listadolibros2 ul{
    list-style: none;
}

#listadolibros2 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #c33d3d;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#listadolibros3{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listadolibros3 img{
    width: 40%;
}

#listadolibros3 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#listadolibros3 ul li a{
    text-decoration: none;
} 

#listadolibros3 ul{
    list-style: none;
}

#listadolibros3 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #6bac79;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#listadolibros4{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listadolibros4 img{
    width: 40%;
}

#listadolibros4 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#listadolibros4 ul li a{
    text-decoration: none;
} 

#listadolibros4 ul{
    list-style: none;
}

#listadolibros4 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #c33d3d;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#listadolibros5{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#listadolibros5 img{
    width: 40%;
}

#listadolibros5 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#listadolibros5 ul li a{
    text-decoration: none;
} 

#listadolibros5 ul{
    list-style: none;
}

#listadolibros5 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #6bac79;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

/* ............................................................. Libro Disponible .......................................................... */

#headerdisponible {
    background-color: #579cc1; 
    }

#headerdisponible section {
    margin-bottom: 5%;
    display: flex;
    justify-content: space-between;
    width: 100;
    flex: 30%;
    }

#flechadisponible a img {
    margin-top: 5em;  
    margin-left: 50%;
    }

#perfildisponible a img {
    margin-top: 4em;
    width: 70%;
    margin-left: -10%;  
    }

#disponible{
    text-align: center;
    padding-bottom: 1em;
    font-size: 3em;
}

#librodisponible1{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#librodisponible1 img{
    width: 40%;
}

#librodisponible1 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#librodisponible1 ul li a{
    text-decoration: none;
} 

#librodisponible1 ul{
    list-style: none;
}

#librodisponible1 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em; /* Pading */
    background-color: #6bac79;
    width: 7em; /* Width */
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#librodisponible2{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#librodisponible2 img{
    width: 40%;
}

#librodisponible2 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#librodisponible2 ul li a{
    text-decoration: none;
} 

#librodisponible2 ul{
    list-style: none;
}

#librodisponible2 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em; /* Pading */
    background-color: #6bac79;
    width: 7em; /* Width */
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#librodisponible3{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#librodisponible3 img{
    width: 40%;
}

#librodisponible3 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#librodisponible3 ul li a{
    text-decoration: none;
} 

#librodisponible3 ul{
    list-style: none;
}

#librodisponible3 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em; /* Pading */
    background-color: #6bac79;
    width: 7em; /* Width */
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#librodisponible4{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#librodisponible4 img{
    width: 40%;
}

#librodisponible4 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#librodisponible4 ul li a{
    text-decoration: none;
} 

#librodisponible4 ul{
    list-style: none;
}

#librodisponible4 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em; /* Pading */
    background-color: #6bac79;
    width: 7em; /* Width */
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#librodisponible5{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#librodisponible5 img{
    width: 40%;
}

#librodisponible5 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#librodisponible5 ul li a{
    text-decoration: none;
} 

#librodisponible5 ul{
    list-style: none;
}

#librodisponible5 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em; /* Pading */
    background-color: #6bac79;
    width: 7em; /* Width */
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#librodisponible6{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#librodisponible6 img{
    width: 40%;
}

#librodisponible6 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#librodisponible6 ul li a{
    text-decoration: none;
} 

#librodisponible6 ul{
    list-style: none;
}

#librodisponible6 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em; /* Pading */
    background-color: #6bac79;
    width: 7em; /* Width */
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#librodisponible7{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#librodisponible7 img{
    width: 40%;
}

#librodisponible7 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#librodisponible7 ul li a{
    text-decoration: none;
} 

#librodisponible7 ul{
    list-style: none;
}

#librodisponible7 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em; /* Pading */
    background-color: #6bac79;
    width: 7em; /* Width */
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#librodisponible8{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#librodisponible8 img{
    width: 40%;
}

#librodisponible8 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#librodisponible8 ul li a{
    text-decoration: none;
} 

#librodisponible8 ul{
    list-style: none;
}

#librodisponible8 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em; /* Pading */
    background-color: #6bac79;
    width: 7em; /* Width */
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#librodisponible9{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#librodisponible9 img{
    width: 40%;
}

#librodisponible9 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#librodisponible9 ul li a{
    text-decoration: none;
} 

#librodisponible9 ul{
    list-style: none;
}

#librodisponible9 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em; /* Pading */
    background-color: #6bac79;
    width: 7em; /* Width */
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#librodisponible10{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#librodisponible10 img{
    width: 40%;
}

#librodisponible10 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#librodisponible10 ul li a{
    text-decoration: none;
} 

#librodisponible10 ul{
    list-style: none;
}

#librodisponible10 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em; /* Pading */
    background-color: #6bac79;
    width: 7em; /* Width */
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

/* ............................................................ Libro No Disponible ......................................................... */

#headernodisponible {
    background-color: #579cc1; 
    }

#headernodisponible section {
    margin-bottom: 5%;
    display: flex;
    justify-content: space-between;
    width: 100;
    flex: 30%;
    }

#flechanodisponible a img {
    margin-top: 5em;  
    margin-left: 50%;
    }

#perfilnodisponible a img {
    margin-top: 4em;
    width: 70%;
    margin-left: -10%;  
    }

#nodisponible{
    text-align: center;
    padding-bottom: 1em;
    font-size: 3em;
}

#libronodisponible1{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#libronodisponible1 img{
    width: 40%;
}

#libronodisponible1 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#libronodisponible1 ul li a{
    text-decoration: none;
} 

#libronodisponible1 ul{
    list-style: none;
}

#libronodisponible1 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #c33d3d;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#libronodisponible2{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#libronodisponible2 img{
    width: 40%;
}

#libronodisponible2 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#libronodisponible2 ul li a{
    text-decoration: none;
} 

#libronodisponible2 ul{
    list-style: none;
}

#libronodisponible2 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #c33d3d;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#libronodisponible3{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#libronodisponible3 img{
    width: 40%;
}

#libronodisponible3 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#libronodisponible3 ul li a{
    text-decoration: none;
} 

#libronodisponible3 ul{
    list-style: none;
}

#libronodisponible3 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #c33d3d;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#libronodisponible4{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#libronodisponible4 img{
    width: 40%;
}

#libronodisponible4 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#libronodisponible4 ul li a{
    text-decoration: none;
} 

#libronodisponible4 ul{
    list-style: none;
}

#libronodisponible4 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #c33d3d;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#libronodisponible5{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#libronodisponible5 img{
    width: 40%;
}

#libronodisponible5 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#libronodisponible5 ul li a{
    text-decoration: none;
} 

#libronodisponible5 ul{
    list-style: none;
}

#libronodisponible5 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #c33d3d;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#libronodisponible6{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#libronodisponible6 img{
    width: 40%;
}

#libronodisponible6 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#libronodisponible6 ul li a{
    text-decoration: none;
} 

#libronodisponible6 ul{
    list-style: none;
}

#libronodisponible6 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #c33d3d;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#libronodisponible7{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#libronodisponible7 img{
    width: 40%;
}

#libronodisponible7 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#libronodisponible7 ul li a{
    text-decoration: none;
} 

#libronodisponible7 ul{
    list-style: none;
}

#libronodisponible7 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #c33d3d;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#libronodisponible8{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#libronodisponible8 img{
    width: 40%;
}

#libronodisponible8 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#libronodisponible8 ul li a{
    text-decoration: none;
} 

#libronodisponible8 ul{
    list-style: none;
}

#libronodisponible8 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #c33d3d;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#libronodisponible9{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#libronodisponible9 img{
    width: 40%;
}

#libronodisponible9 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#libronodisponible9 ul li a{
    text-decoration: none;
} 

#libronodisponible9 ul{
    list-style: none;
}

#libronodisponible9 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #c33d3d;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#libronodisponible10{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#libronodisponible10 img{
    width: 40%;
}

#libronodisponible10 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#libronodisponible10 ul li a{
    text-decoration: none;
} 

#libronodisponible10 ul{
    list-style: none;
}

#libronodisponible10 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #c33d3d;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

#libronodisponible11{
    background-color: #daf1f2;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    padding-right: 2em;
    padding-top: 2em;
    border-radius: 4em;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 3em;
}

#libronodisponible11 img{
    width: 40%;
}

#libronodisponible11 h1{
    font-size: 2em;
    text-align: center;
    color: #000000
}

#libronodisponible11 ul li a{
    text-decoration: none;
} 

#libronodisponible11 ul{
    list-style: none;
}

#libronodisponible11 ul li a h3{ 
    display: inline-block;
    justify-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 7%em;
    margin-bottom: 2em;
    text-decoration: transparent;
    padding: 1em;
    background-color: #c33d3d;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5em;
}

/* ............................................................................................................................... */

img{
    width: 100%;
}

input{
    font-size: 1.5rem;
    margin-top: .2em;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
}

#juan{
    background-color: #579cc1;
}

#alerta{
    background-color: #757575;
    border-radius: 1em;
    padding: 1em;
    margin-top: 10%;
    margin-bottom: 20%;
    width: 70%;
    color: white;
    text-align: center;
    font-size: 2.5rem;
}

#img_libros{
    display: flex;
    justify-content: center;
    align-items: center;
}

#img_fondo{
    width: 70%;
}

#cuerpo{
    background-color: #daf1f2;
    margin-right: 8%;
    margin-left: 8%;
    margin-top: 5%;
    border-radius: 2em;
    padding-top: 1%;
    padding-bottom: 5%;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);   
}

#cuerpo h1{
    margin: 0;
    margin-left: 1em;
    margin-right: 1em;
    padding-bottom: 0.5em;
    border-bottom: solid 0.1em;
    border-bottom-color: #467D9B;
    text-align: center;
    font-size: 4.5rem;
}

#cuerpo h3{ 
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
    background-color: #467D9B;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: white;
    font-size: 2.5rem; 
}

#boton_secundario h3{ 
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
    background-color: #daf1f2;
    width: 7em;
    border-radius: 4em;
    text-align: center;
    color: #467D9B;
    border: solid 0.18em;
    border-color: #467D9B;
    font-size: 2.5rem;
}

#cuerpo h4{
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #467D9B;
    margin-top: 10%;
    font-size: 1.5rem; 
}

#especial{
    margin-bottom: 5%;
}

#cuerpo a{
    text-decoration: none;
}

/* .......................................................... Inicio de Sesion .............................................................. */

#iniciar_sesion_cuerpo{

    padding-top: 15%;
    padding-bottom: 15%;
    display: flex;
    flex-direction: column;
    width: 80%;
    margin-left: auto;
    margin-right: auto;   
}

#iniciar_sesion_cuerpo h2{
    margin-bottom: 0;
    margin-top: 0;
    font-size: 2rem;
}

#iniciar_sesion_cuerpo input{
    margin-bottom: 1em;
}

/* ....................................................... Restablecer Contraseña .......................................................... */

#restablecer_contraseña_cuerpo{
    padding-top: 5%;
    padding-bottom: 15%;
    display: flex;
    flex-direction: column;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#restablecer_contraseña_cuerpo h2{
    margin-bottom: 0;
    margin-top: 0;
    font-size: 2rem;
}

/* .......................................................... Nueva Contraseña ............................................................ */

#nueva_contraseña_cuerpo{
    padding-top: 5%;
    padding-bottom: 15%;
    display: flex;
    flex-direction: column;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#nueva_contraseña_cuerpo h2{
    margin-bottom: 0;
    margin-top: 0;
    font-size: 2rem;
}

/* ......................................................... Guardar Contraseña ........................................................... */

#guardar_contrasena_cuerpo{
    margin-top: 5%;
    margin-bottom: 5%;
}

#guardar_contrasena_cuerpo h3{
    margin-bottom: 2em;
}

/* ....................................................... Codigo Confirmacion ............................................................  */

#codigo_confirmacion_cuerpo{
    padding-top: 5%;
    padding-bottom: 15%;
    display: flex;
    flex-direction: column;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#codigo_confirmacion_cuerpo h2{
    margin-bottom: 0;
    margin-top: 0;
    font-size: 2rem;
}

/* ........................................................... Registrarse ...............................................................  */

#registrarse_cuerpo{
    padding-top: 5%;
    padding-bottom: 15%;
    display: flex;
    flex-direction: column;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#registrarse_cuerpo h2{
    margin-bottom: 0;
    margin-top: 0;
    font-size: 2rem;
}

#registrarse_cuerpo input{
    margin-bottom: 1em;
}