:root { 
    --colorFondo: #ffffff; 
    --colorBorder: #0f3a0f; 
    --colorSombra: #000000;  
    --colorSistema: #20A8D8;     
    --colorLetra: #000000;      
    --colorLetraSombra: #ffffff;                  
}

.estiloBody{
    margin: 0;    
}

.estiloBarraSuperior{
    background-color: var(--colorSistema);
    border: 1px solid var(--colorBorder); 
    height: 30px; 
    width: 100%; 
    margin: 0; 
    padding: 0;       
} 

.top-right {
    position: absolute;
    right: 20px;
    top: 5px;
}
.top-left {
    position: absolute;
    left: 10px;
    top: 5px;
}

.links > a {
    font-family: "Times New Roman", Times, serif;
    color: var(--colorLetra); 
    text-shadow: 2px 1px 2px var(--colorLetraSombra); 
    font-weight: bold;      
    margin: 0px 0px 0px 0px;
    padding: 0 10px;
}

.estiloBarraInferior {
    background-color: var(--colorSistema);
    border: 2px solid var(--colorBorder); 
    height: 22px; 
    width: 100%; 
    margin: 0; 
    padding: 0;    

}
.textoLink {
    font-family: "Times New Roman", Times, serif;
    color: var(--colorLetra); 
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1rem;
    text-decoration: none;
    text-shadow: 2px 1px 2px var(--colorLetraSombra); 
 }        
.textoPie {
    font-family: "Times New Roman", Times, serif;
    color: var(--colorLetra); 
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1rem;
    text-decoration: none;
}