#top {
    position: relative;
    background-color: #7f00b2;
    color: white;
    padding: 20px;
    margin: 0px 0px 10px 0px;
}

#bottom {
    background-color: #97e9ff;
    padding: 5px;
    margin: 10px 0px 0px 0px;
    position: fixed; /* Fija el elemento a la posición del viewport */
    bottom: 0;       /* Posiciona el elemento en la parte inferior */
    left: 0;        /* Posiciona el elemento en la esquina izquierda */
    width: 100%;     /* Ocupa todo el ancho de la pantalla */
    z-index: 100;
}

#left {
    float: left;
    background-color: #ab3ed8;
    padding: 5px;
    width: 175px;
    height: 600px; /* Altura fija de 300px */
}



.center_content {
    position: relative;
    background-color: #dddddd;
    padding: 5px;
}

.left_content {
    background-color: #dddddd;
    padding: 5px;
    margin-left: 170px;
    /*height: 300px; /* Altura fija de 300px */
}

.right_content {
    background-color: #dddddd;
    padding: 5px;
    margin: 0px 6px 0px 180px;
}

#top a:link, #top a:visited {
  color: white;
  font-weight : bold;
  text-decoration: none;
}

#top a:link:hover, #top a:visited:hover  {
  color: black;
  font-weight : bold;
  text-decoration : underline;
}