.MENU_PRINCIPAL {position:fixed; top: -25px; font-size: 160%; background-color: white; border: 2px solid black;width: 96%; vertical-align: middle; align-items: center; z-index: 1; height: 10%; vertical-align: middle; flex-direction: row;}
    .ELEMENTO_MENU {list-style: none;}
    .ELEMENTO_MENU {float: left; text-align: center; width: 16.51%; vertical-align: middle; height: 100%;}
.RECOMENDADOS {position: absolute; left: 100px; top: 500px; font-size: 170%; width: 20%; text-align: center;}
.RECOMENDADOS_HOME {position: absolute; left: 100px; top: 300px; font-size: 170%; width: 20%; text-align: center;}
    .RECOMENDADO1 {width: 100%; font-size: 100%; text-align: center; border: 1px solid black; background-color: #ba007c;}
    .RECOMENDADO2 {width: 100%; font-size: 100%; text-align: center; border: 1px solid black; background-color:#ff7b00;}

.CABECERA {text-align: center; width: 100%; font-size: 400%; width: 100%;}
    .CABECERAMUSICA {text-align: center; width: 100%; font-size: 400%; width: 100%; color: #ba007c;}
    .CABECERACINE {text-align: center; width: 100%; font-size: 400%; width: 100%; color:#009bdb;}
    .CABECERAEXPOSICIONES {text-align: center; width: 100%; font-size: 400%; width: 100%; color:#ff7b00;}
    .CABECERAOTROS {text-align: center; width: 100%; font-size: 400%; width: 100%; color:#555555;}
.CAJA {position: relative; left: 34%; width: 65%;}
.CAJA_CONTACTO {position: relative; left: 34%; width: 40%;align-items: end;}
.CAJA_EVENTOS {position: relative; width: 80%; padding: 10%;}
    .IMAGEN_PRESENTACIÓN {width: 100%; text-align: center;}
    .FECHA {font-size: 500%;}
    .LUGAR {font-size: 400%;}
    .DESCRIPCION {font-size: 200%;}
    .DESCRIPCION form {vertical-align: middle; font-size: 100%;}
    .DESCRIPCION input {vertical-align: middle; font-size: 100%; float: right;}
    .DESCRIPCION textarea {vertical-align: middle; font-size: 80%; width: 100%; resize: none;}
    .ENVIAR {text-align: center;}
    button {font-size: 100%;}
    .GALERIA {text-align: center;vertical-align: middle;}
    .GALERIA img {font-size: 200%; text-align: center; vertical-align: middle; border: 2px solid black; color: red;}
.PROXIMOS_EVENTOS {font-size: 300%; text-align: center;}


footer {font-size: 150%; height: fit-content; vertical-align: middle; justify-content: right; border: 2px solid black; background-color: #555555; padding: 30px;}



.relleno {height: 100px;}
.relleno p {visibility: hidden;}

.EVENTO1 {width: 100%; font-size: 400%; text-align: center; border: 5px solid black; background-color:#ba007c;}
.EVENTO2_4_6 {width: 100%; font-size: 400%; text-align: center; border: 5px solid black; background-color:#555555;}
.EVENTO3 {width: 100%; font-size: 400%; text-align: center; border: 5px solid black; background-color:#009bdb;}
.EVENTO5 {width: 100%; font-size: 400%; text-align: center; border: 5px solid black; background-color:#ff7b00;}

.ENLACE_MUSICA {color:white; text-decoration: none;}
.ENLACE_CINE {color:yellow; text-decoration: none;}
.ENLACE_EXPOSICIONES {color: blue; text-decoration: none;}
.ENLACE_OTROS {color: #D7D7D7; text-decoration: none;}

.EMPLEADOS {width: 100%; border: 2px solid black; text-align: center; vertical-align: middle;}
    .TITULO_EMPLEADOS {border: 1px solid black; width: 100%; font-size: 200%; vertical-align: middle;}
    .FOTO_EMPLEADO{border: 1px solid black; width: 10%; font-size: 100%; vertical-align: middle; color: red;}
    .NOMBRE_EMPLEADO{border: 1px solid black; width: 20%; font-size: 200%; vertical-align: middle;}
    .CARGO_EMPLEADO{border: 1px solid black; width: 20%; font-size: 180%; vertical-align: middle;}
    .CURRICULUM_EMPLEADO{border: 1px solid black; width: 50%; font-size: 150%; vertical-align: middle;}

div img {color: red;}