header{
    background-color: rgb(66, 92, 81);
}
body{
    background-color: rgb(66, 92, 81);
}

/* linea de division */
.ClsDiv{
    background-color: rgb(158, 89, 9);
}

.notas{
    background-color: rgb(255, 255, 255);
    text-align: justify;  
    max-height: 100%;
    max-width: 100%;  
}

.ListaNotas{
    background-color: rgb(255, 255, 255);
    max-height: 20%;
}

/* titulos */
.h1{
    color: rgb(19, 65, 49);
}

/* titulos */
.h2{
    color: rgb(158, 89, 9);
    font-size: 25px;
}

/* subtitulos */
.h3{
    color: rgb(87, 86, 84);
}
.h4{
    color: rgb(122, 173, 92);
    text-align: left;
}

.h5{
    color: rgb(158, 89, 9);
    text-align: left;    
}

.h5t{
    color: rgb(66, 92, 81);
    text-align: center;    
}

.h5w{
    color: rgb(248, 246, 243);
}

.h6{
    text-size-adjust: 10;
    color: rgb(29, 31, 27);
    text-align: left;
}

/* parrafos normales*/
p{
    text-decoration: none;
    color: rgb(20, 20, 20);
    font-size: 18px;
    line-height: 1.1em;
}

/* parrafos pequeños*/
.prp{
    text-decoration: none;
    color: rgb(20, 20, 20);
    font-size: 14px;
    text-align: justify;
    line-height: 1em;
}

/* Para los link footer*/
a{
    text-decoration: none;
    color: rgb(198, 247, 170);
    font-size: 17px;
}
a:hover{
    color:rgb(247, 228, 65) !important;
}

/* Para los link normales fondo blanco*/
.a2{
    text-decoration: none;
    color: rgb(158, 89, 9);
    font-weight: 500;
    font-size: 17px;
    text-align: left;
}
.a2:hover{
    color:rgb(66, 92, 81) !important;
}


/* Para los link normales fondo blanco*/
.a3{
    text-decoration: none;
    color: rgb(66, 92, 81);
    font-weight: 500;
    font-size: 17px;
    text-align: left;
}
.a3:hover{
    color:rgb(158, 89, 9) !important;
}

/* Para los link pequeños fondo blanco*/
.a1{
    text-decoration: none;
    color: rgb(158, 89, 9);
    font-size: 15px;
    text-align: left;
}
.a1:hover{
    color:rgb(66, 92, 81) !important;
}

/* Navbar Show it is fixed to the top */
body {
    min-height: 75rem;
    padding-top: 4.5rem;
  }

/* ==============divisor para el footer ================== */  
  .b-example-divider {
    width: 100%;
    height: 3rem;
    background-color: rgb(122, 173, 92);
    border: solid rgb(158, 89, 9);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
  }  

  /* ==============divisor PEQUEÑO ================== */  
  .c-example-divider {
    width: 100%;
    height: 0.5rem;
    background-color: rgb(158, 89, 9);
    border: solid rgb(158, 89, 9);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
  }  

  
  /* ============== botones CAROUSEL ================== */ 

  .carousel-control-prev-icon, .carousel-control-next-icon {
    height: 60px;
    width: 60px;
    outline: rgb(158, 89, 9);
    background-color: rgb(66, 92, 81);
    background-size: 100%, 100%;
    border-radius: 50%;
    border: 3px solid rgb(158, 89, 9);
  }

  .carousel-indicators{
    filter: invert(108%);
  }