:root{
    --estado-buda: 0.3s;
    --cada-item: 34px;
    --cantidad-items: 0;
}
/**/
body {
    font-family: "Segoe UI", sans-serif;
    font-size:24px;
    width: 1310px;
}

.resaltado {
            background-color: yellow; 
            font-weight: bold; 
}

.sidebar {
    position: fixed;
    height: 100%;
    width: 0;
    top: 0;
    left: 0;
    font-size:30px;
    background-color: #00324b;
    overflow: hidden;
    transition: 0.4s;
    padding: 1rem 0;
    box-sizing:border-box;
}



.sidebar1 ul {
    position: relative;
    margin: 4rem auto;
    display: block;
    width: 80%;
    min-width:100px;
    margin:0;
    padding:0;
    top:40px;
    left:3px;
    overflow: hidden;
    list-style:none inside;
    text-overflow: ellipsis;
}

.sidebar1 li{
    margin:0;
    padding:0;
    list-style:none inside;
    overflow: hidden;
    text-overflow: ellipsis;
}


.sidebar1 li a:hover{
    color:#000;
    background-color:#F3F781;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar1 li>ul{
    display:none;
    position:relative;
    top:0px;
    left:25px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar1 li:hover>ul{
    display:block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar1 ul ul{
    height: 0px;
    font-size:100%;
    overflow: hidden;
    transition: var(--estado-buda);
    counter-reset: items;
    text-overflow: ellipsis;
}

.sidebar1 ul ul li{
    counter-increment: items;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar1 ul li:hover ul{
    height: calc( var(--cantidad-items) * (var(--cada-item) - 1) );
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar1 ul ul ul{
    height: 0px;
    font-size:100%;
    overflow: hidden;
    transition: var(--estado-buda);
    counter-reset: items;
    text-overflow: ellipsis;
}
.sidebar1 ul ul ul li{
    counter-increment: items;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar1 ul ul li:hover ul{
    height: calc( var(--cantidad-items) * (var(--cada-item) - 1) );
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar1 a {
    display: block;
    font-size: 130%;
    color: #eee;
    text-decoration: none;
    overflow: hidden;
}

.sidebar1 ul ul a {
    display: block;
    font-size: 100%;
    color: #eee;
    text-decoration: none;
    overflow: hidden;
    }

.sidebar1 a:hover{
    color:#fff;
    background-color: #f90;
}

h1 {
    font-size:150%;
    font-weight:bold;
}
#contenido {
    transition: margin-left .4s;
    padding: 1rem;
}

.abrir-cerrar {
    color: #2E88C7;
    font-size:1.3rem;   
}

#abrir {
    
}
#cerrar {
    display:none;
}

#encabezado {
  position: fixed;
  top: 0;
  left: 0;
  width: 1310px;
  height: 50px;
  background-color: #f1f1f1;
  border-bottom: 1px solid #ccc;
  padding: 10px;
  box-sizing: border-box;
}
td {
  vertical-align: top;
}

.mi-parrafo {           /* Definición de la clase */
    font-size: 20px; /* Tamaño de letra */
    line-height: 1.5; /* Interlineado */
}