@media screen and (max-width: 767px) {
    .position-sticky {
        position: sticky!important;
    }
}

.container-header {
    position: relative;
    z-index: 10;
    margin-bottom: 20px;
    background-color: #8E313B;
    background-image: none;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
}

.container-topbar a, .container-below-top a{
    text-decoration: none;
}
.container-topbar a:hover, .container-below-top a:hover{
  text-decoration: underline;
  color:#ffffff;
}

/* fondo del div bloque donde está el logo en la cabecera*/
.grid-child{
    background-color: #FFF;
}
.container-nav{
    background-color: #8E313B !important; 
}

.footer {
    background-color: #8E313B;
    background-image: none;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
}
footer>.grid-child {
    background-color: #8E313B;
    background-image: none;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
}

 /* Estilo del índice de contenidos */
.ind_con {
  border: 1px solid #000080; /* Borde azul oscuro de 1px */
  padding: 10px; /* Espacio interno */
  margin-bottom: 20px;
}

/* Estilo de los elementos de la lista */
.ind_con ul {
  list-style-type: none; /* Quita los puntos de la lista */
  padding: 0;
  margin: 0;
}

/* Estilo de los enlaces del índice */
.ind_con a {
  display: block; /* Hace que los enlaces ocupen todo el ancho del contenedor */
  padding: 5px 0; /* Espacio interno vertical */
  text-decoration: none; /* Quita el subrayado */
  color: #000080; /* Color del texto */
}

/* Estilo de los enlaces activos o seleccionados */
.ind_con a.active {
  font-weight: bold; /* Texto en negrita */
}

table {
border-collapse: collapse;
width: 100%;
}
th, td {
border: 1px solid #dddddd;
text-align: left;
padding: 5px;
}
th {
background-color: #333;
color: white;
padding: 5px;
}
.footer a{
  text-decoration: none;
}
.footer a:hover{
  text-decoration: underline;
  color:#ffffff;
}

}

@media screen and (min-width: 767px) {
.site-grid{
    margin-left: 40px;
    margin-right: 40px;
}
}
@media screen and (max-width: 767px) {
.site-grid{
    margin-left: 5px;
    margin-right: 5px;
}

}
.navbar-brand{
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

.metismenu.mod-menu .metismenu-item>span, .metismenu.mod-menu .metismenu-item>a, .metismenu.mod-menu .metismenu-item>button{
    font-size:17px;
    font-weight: 600;
}

.metismenu.mod-menu .metismenu-item:not(.level-1)>ul, .metismenu.mod-menu .metismenu-item:not(.level-2)>ul{
    background-color:#8E313B;
}
.metismenu.mod-menu .mm-collapse>li>a:hover{
color:#ffffff !important;
}
.metismenu.mod-menu .mm-collapse>li>a:active{
color:#ffffff !important;
}
.metismenu.mod-menu .mm-collapse>li>a:link{
color:#ffffff !important;
}
.metismenu.mod-menu .mm-collapse>li>a:visited{
color:#ffffff !important;
}

a{
    color:#CF375D;
    font-weight: bold;
    text-decoration: none;
}
a:hover{
    color:#CF375D;
    font-weight: bold;
    text-decoration: underline;
}

.indice_de_contenidos{
    border: 1px solid #8E313B; 
    padding: 0px 0px 10px 0px;
    margin:20px 0px 20px 0px;
}
.indice_de_contenidos p{
    background-color: #8E313B;
    color:#fff;
    font-weight: bold;
    padding:10px 10px 10px 10px;
}