body {
    font-size: 100%;
    display: block;
    font-family: sans-serif;
    margin: auto;
    margin-top: 0rem;}

ul, li, a {
    text-decoration: none;
    cursor: auto;
    color: inherit;
    list-style: none;
    
    }



#contenido {
    max-width: 1200px;
    min-width: 800px;
    margin: auto;
    padding-top: 4.5rem;
    }

header {    
    width: 100%;
    height: auto;
    background-color: rgba(255, 127, 80, 0.93);
    position: fixed;
    z-index: 100;
    border-bottom: solid;
    border-bottom-color: rgb(255, 127, 80);
    border-bottom-width: thin;
    margin-top: -0.5rem;
        }

/*MENU FIJO*/

.cont_header {
    width: 70%;
    margin: auto;
    height: auto;
    margin-top: 1rem;
    margin-bottom: 0.75rem;
    min-width: 900px;}

.logo {
    float: left;
    width: 7%;}

.principal {
    width: 70%;
    height: 2rem;
    float: left;
    }

.menu_principal {
    float: right;
    margin: 0rem;}


.btn_principal {
    text-align: center;
    display: inline-block;
    margin: 0.5rem;
    font-variant: small-caps;
    }

.btn_principal:hover {
    color: white;
        }

.btn_principal:hover >.desplegable_princ {
    display: block;}

.desplegable_princ {
    display: none;
    position: absolute;
    text-align: left;
    margin-left: -3rem;
    width: 7.5rem;
    
    }

.btn_desplegable {
    background-color: white;
    padding: 0.5rem;
    color: black;
    font-size: 0.75rem;
    margin-top: 0.5rem;
    margin-bottom: -0.5rem;}

.btn_desplegable:hover {
    background-color: coral;}

.divisor_btn {
    text-align: center;
    display: inline-block;
    margin:0.25;
    color: rgb(164, 244, 228);
    }
.entra {
    float: left;    
    width: 6%;
    margin-top: .3rem;
    margin-left: 5rem;}

.icon_perfil {
    float: left;
    width: 7%;  
    margin-top: .3rem;
    margin-left: 4.5rem;}

/*FIN MENU FIJO*/


section {
    width: 85%;
    height: auto;
    /*background-color: antiquewhite;*/
    margin-left: 7.5%;
    }

.headlines {
    text-align: center;
    width: 100%;
    border: none;
    float: left;
    margin: 0rem;
    height: auto;
    }


.giftest {
    width: 90%;
    height: auto;
    }

article {
    width: 30%;
    height: 15rem;
    margin: .75rem;
    float: left;
    border-top: solid;
    border-top-style: inset;
    border-top-width: thin;
    border-top-color: coral;
    }

article h4 {
    color: rgb(0, 178, 144);
    margin-top: .75rem;
    margin-bottom: .5rem;
    margin-left: .5rem;}

article p {
    color: rgb(139, 37, 0);
    font-size: 0.85rem;
    line-height: 1rem;
    margin-top: .75rem;
    margin-left: .5rem;
    margin-right: .5rem;
    margin-bottom: .5rem;
    
}

.img_article {
    width: 100%;
    margin-top: 0rem;
            }

.leermas {
    float: right;   
    font-size: 0.75rem;
    font-variant: small-caps;
    margin-right: .5rem;
    margin-bottom: .5rem;
    padding: .15rem;
    border-bottom: solid;
    border-bottom-width: thin;
    border-bottom-style: hidden;
}

.leermas:hover {
    background-color: rgb(164, 244, 228);
    border-bottom: solid;
    border-bottom-width: thin;
    border-bottom-color: black;
    padding: .15rem;}

.especial {
    width: 50%;
    height: auto;
    margin-left: 4rem;
    background-color: rgb(116, 230, 208);
    border-radius: .5rem; 
    border-top-style: hidden;
    text-align: center;
    }

.especial h1 {
    color: #e8531c;
    font-size: 3rem;
    margin-top: 2rem;
    margin-bottom: 0;
    }

.especial h3 {
    color: black;   
    font-size: 3.5rem;
    margin-top: 0rem;}

.mis_apuntes {
    float: right;
    width: 25%;
    height: 15rem;
    margin-top: 2rem;
    border-top: solid;
    border-top-color: rgb(116, 20, 208);}

.mis_apuntes h3 {
    font-size: 1.5rem;
    margin: .5rem;
    color: rgba(116, 20, 208, 0.53);
    
    }

.normal {
    margin: .5rem;
    padding: .2rem;
    font-size: 1rem;
    display: inline-block;
    line-height: 1.2rem;
    color: rgb(176, 131, 219)
    }

.seleccionado {
    color: rgb(99, 37, 159);
    background-color: rgba(234, 213, 255, 0.57);
    padding: .25rem;}

.apuntes {
    width: 70%;
    float: right;
    margin-top: 2rem;
    margin-bottom: 1.5rem; }

.columna {
    width:  22%;
    float: left;
    margin-right: 1rem;
    font-size: .8rem;
    line-height: 1.2rem;
    border-left: solid;
    border-top: solid;
    border-top-color: rgb(234, 213, 255); 
    border-left-color: rgb(234, 213, 255);
    }
.columna ul li {
    margin-left: -2rem;
    }

.columna h2 {
    margin-top: 0rem;
    background-color: rgb(234, 213, 255);
    padding-top: 1rem;
    padding-bottom: .2rem;
    padding-left: .1rem;
    padding-right: .1rem;}

.destacados {
    width: 80%;
    margin: auto;
    /*margin-left: 2rem;*/
    margin-bottom: 1rem;
    }  

.apuntes_destac {
    width: 30%;
    margin: .5rem;
    height: auto;
    border-left: rgb(234, 213, 255); 
    border-left-style:dotted; 
    border-top-style: none;
}

.apuntes_destac h4 {
    color:rgb(87, 0, 173);
    text-align: center;
    font-size: 1.5rem;}

.title_section {
    text-align: center;
    color: #4aa39d;
    line-height: 2.5rem;
    font-size: 1.8rem;
    margin-top: 0rem;}

.libreria {
    width: 25%;
    height: auto;
    margin-top: .75rem;
    margin-right: .75rem;
    margin-bottom: .75rem;
    margin-left: 1.5rem;
    float: left;}

.info_img {
    width: 45%;
    float: left;
    height: 8.5rem;
    margin-top: 1.5rem;
    font-size: .85rem;
    line-height: 1.2rem;
    color: rgb(163, 43, 26)
    }

.foro_librerias {
    float: right;
    width: 25%;
    height: auto;
    margin-top: 7rem;
    border-top: solid;
    border-top-color: #4aa39d; }

.foro_librerias h3 {
    color: #4aa39d;
    font-size: 1.5rem;
    margin: .5rem;}

.comentario {
    width: 90%;
    margin: auto;
    margin: 1rem;
    }

.comentario h2 {
    margin-left: .5rem;
    font-size: 1.1rem;
    margin-bottom: .5rem;
    color: #126560;}

.comentario p {
    margin-left: .65rem;
    font-size: .75rem;
    color: #042927;
    padding: .5rem;
    margin-top: 0rem;
    background-color: rgba(201, 201, 201, 0.18);}
    

.div_comentario {
    width: 35%;
    margin: auto;
    border-top: solid;
    border-top-style: dotted;   
    border-top-width: thin;
}

.deja_comentario {
    width: 85%;
    float: right;
    margin-top: 3rem;}

.deja_comentario input {
    width: 75%;
    background-color: #4aa39d;
    color: white;
    padding: .5rem;
    border: hidden;
    margin: .2rem;}

.btn_coment {
    float: right;
    padding: .25rem;    
    }
.otras_noticias {
    width: 100%;
    float: left;
    margin-top: 3.5rem;}
/*FIN SECTION*/

/*FOOTER*/

footer {
    /*background-color: rgba(204, 255, 238, 0.49);*/
    width: 100%;
    height: auto;
    clear: both;
    margin-top: 1.5rem;}

.linea {
    width: 50%;
    margin: auto;
    border-top: solid;
    border-width: thin;
    border-top-color: rgb(255, 127, 80);}

.redes {
    width: 35%;
    height: auto;
    margin: auto;
    text-align: center;}

.redes h2 {
    font-variant: small-caps;
    font-size: 1rem;
    color: #a73b13;
    margin-bottom: 0rem;}

.icon_redes {
    margin: .5rem;
    width: 8%;
    }

.texto_footer {
    font-size: .8rem;
    text-align: center;
    line-height: 1.5rem;
    }


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