html {
  font-family: 'Lora', arial;
  font-weight: weight;
  font-optical-sizing: auto;
  font-style: normal;
}

#global {
    width: 1000px;
    margin: 10px auto; 
    background-color: white;
}

#cabecera {
    background-color: #007bff;
    color: white; 
    text-align: center;
    padding: 20px 0; 
}
#cabecera h1 {
    margin-top: 0; 
    margin-bottom: 5px;
    font-size: 32px;
}
#cabecera p {
    margin: 0;
    font-size: 17px;
    color: #bbbbbb;
}

#centro {
    display: flex;
    padding: 10px 0;
}

#menu {
    width: 200px;
    background-color: #ecf0f1; 

}

#contenido {
    flex: 1;
    padding: 10px 20px;
    text-align: justify;
}

#pie {
    background-color: #333333;
    color: #cccccc; 
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
}


#menu ul {
    list-style: none; 
    padding: 0 10px;
}

#menu li {
    margin-bottom: 5px;
}

#menu li a {
    text-decoration: none;
    color: #2c3e50; 
    display: block;
    padding: 3px;
}

#menu li a:hover {
    background-color: #bdc3c7;
    color: #3498db;
}