/* Esta configuración esta hecha para el apartado ".cuerpo", este es el menú que se ve en medio de la página*/
.cuerpo {
    /* Aquí se establece que el contenedor tenga un margen de 150px de alto y 350px de ancho. */
    margin: 70px 350px 150px 350px ;
        
    /* Aquí se establece que el contenedor tenga un margen interno de 20px de alto, 40px de ancho (tanto izquerdo como derecho) y 10px de bajo. */
    padding: 20px 40px 10px 40px;

    /* Aquí se establece que el color de fondo tenga un tono oscuro. */
    background-color: #0D0D0D;

    /* Aquí se establece que el color de borde tenga un tono un poco más claro. */
    border: 2px solid #2A2A2A;     

    /* Aquí establecemos que la curvatura de los bordes tengan 20px. */
    border-radius: 20px;

    /* Aquí establecemos que el texto esté alineado al centro. */
    text-align: center;        
}

/* Aquí establecemos que los h1 que estén dentro del contenedor "cuerpo", tenga un margen hacia abajo de 20px. */        
.cuerpo h1{
    margin-bottom: 20px;
} 

/* Aquí establecemos la configuración de los enlaces que estén dentro del contenedor "enlace_menu"*/
.Enlace_menu a{
    /* Aquí establecemos que el color de fondo tenga un tono verdoso y que el color de letra sea blanco. */
    background-color: #166779;
    color: #FFFFFF;

    /* Aquí establecemos que el margen interno sea de 5px a lo alto y 10px a lo ancho. */
    padding: 5px 10px;

    /* Aquí establecemos que el ancho ocupe el 100% del espacio disponible */
    width: 100%;

    /* Aquí establecemos que la curvatura de los bordes tengan 15px. */
    border-radius: 15px;

    /* Aquí establecemos que no haya decoración del texto (de esta forma, hacemos que se quite la rallita de abajo de el enlace. */
    text-decoration: none;

    /* Aquí establecemos que el tipo de letra sea negrita. */
    font-weight: bold;

    /* Aquí permitimos que el enlace pueda tener el ancho de 100% */
    display: inline-block;

    /* Aquí establecemos que la duración de las transiciones sean de 0,3 segundos. */
    transition-duration: 0.3s;
}

/* Aquí establecemos la configuración sobre como reacionan los enlaces al pasar el cursor. Lo que hacemos es poner un color de fondo naranja y que se escale un poco 
(para que se vea que zona se a pulsado). */
.Enlace_menu a:hover{   
    background-color: #FF8C42;
    transform: scale(1.04);
}

/* Aquí establecemos la configuración de el contenedor "descarga_documento". */
.acceso_drive {

    /* Aquí establecemos que el contenedor esté en el centro. */
    text-align:center;

    /* Aquí establecemos que el margen del contenedor sea de 70px a lo alto. */
    margin:70px 0px 0px 0px;
}

/* Aquí establecemos la configuración de los enlaces que estén dentro del contenedor "descarga_documento". */
.acceso_drive a {

    /* Aquí establecemos que el contenedor tenga un margen interno de 10px de altura y 20px de ancho. */
    padding:10px 20px; 

    /* Aquí se establece que el contenedor tenga un color de fondo verdoso oscuro. */
    background:#166779;
    
    /* Aquí establecemos que el color de letra sea blanco. */
    color:white;

    /* Aquí establecemos que el tipo de letra sea negrita. */
    font-weight: bold;

    /* Aquí establecemos que el tamaño de letra sea bastante grande. */
    font-size: xx-large;

    /* Aquí establecemos que no haya decoración (para que el enlace no tenga la rallita de abajo). */
    text-decoration:none; 

    /* Aquí establecemos que la curvatura de los bordes tengan 25px. */
    border-radius:25px;

    /* Aquí establecemos que la duración de las transiciones sean de 0,3 segundos. */
    transition-duration: 0.3s;
}

/* Aquí establecemos la configuración sobre como reacionan los enlaces al pasar el cursor. Lo que hacemos es poner un color de fondo naranja. */
.acceso_drive a:hover{   
    background-color: #FF8C42;
}