/* ====== CONTENEDOR / LISTA ====== */
.horizontalcssmenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: url("/assets/img/menu/menubg1.gif") center center repeat-x;
    /* Si el gif no está ahí, ajusta la ruta ↑ */
}

    /* Top level list items */
    .horizontalcssmenu ul li {
        position: relative;
        display: inline-block; /* antes: inline -> así aplican widths a <a> */
        vertical-align: top;
    }

        /* Top level menu link items style */
        .horizontalcssmenu ul li > a {
            display: inline-block; /* antes: inline */
            width: 150px; /* ancho de cada tab */
            padding: 9px 9px;
            border: 0;
            text-decoration: none;
            color: #6165FF;
            font: 15px "Century Gothic", Arial, sans-serif;
            line-height: 1.2;
        }

        /* ====== SUBMENÚ NIVEL 1 ====== */
        .horizontalcssmenu ul li ul {
            position: absolute;
            top: 100%;
            left: 0;
            margin: 0;
            padding: 0;
            border-top: 0;
            visibility: hidden; /* oculto por defecto */
            z-index: 1000;
            background: white;
            border: 1px solid #6165FF; /* borde igual que los items */
            min-width: 150px;
        }

            /* Items del submenú nivel 1 */
            .horizontalcssmenu ul li ul li {
                display: block;
                margin: 0;
            }

                /* Enlaces submenú nivel 1 */
                .horizontalcssmenu ul li ul li > a {
                    display: block;
                    width: 140px; /* como en tu CSS */
                    padding: 8px 10px;
                    margin: 0;
                    font-weight: normal;
                    background: white;
                    border-width: 0; /* el borde lo lleva el contenedor */
                    color: #6165FF;
                    white-space: nowrap;
                }

                /* ====== SUBMENÚ NIVEL 2+ (anidados hacia la derecha) ====== */
                .horizontalcssmenu ul li ul li ul {
                    position: absolute;
                    top: 0;
                    left: 100%; /* abre a la derecha */
                    margin: 0;
                    padding: 0;
                    visibility: hidden;
                    background: white;
                    border: 1px solid #6165FF;
                    min-width: 150px;
                    z-index: 1001;
                }

                    /* Items de submenú nivel 2+ */
                    .horizontalcssmenu ul li ul li ul li {
                        display: block;
                    }

                        /* Enlaces submenú nivel 2+ */
                        .horizontalcssmenu ul li ul li ul li > a {
                            display: block;
                            width: 140px;
                            padding: 8px 10px;
                            margin: 0;
                            font-weight: normal;
                            background: white;
                            color: #6165FF;
                            white-space: nowrap;
                        }

        /* ====== INTERACCIÓN (mostrar submenús al pasar) ====== */
        .horizontalcssmenu ul li:hover > ul {
            visibility: visible;
        }

        .horizontalcssmenu ul li ul li:hover > ul {
            visibility: visible;
        }

        /* ====== HOVER ====== */
        .horizontalcssmenu ul li > a:hover,
        .horizontalcssmenu ul li ul li > a:hover,
        .horizontalcssmenu ul li ul li ul li > a:hover {
            background: cyan;
            color: #6165FF;
        }

/* ====== FLECHAS (si las usas) ====== */
.horizontalcssmenu .arrowdiv {
    position: absolute;
    right: 0; 
    top: 50%;
    transform: translateY(-50%);
}

.horizontalcssmenu ul li ul li .arrowdiv {
    position: absolute;
    left: 140px; 
    top: 50%;
    transform: translateY(-50%);
}


.horizontalcssmenu a.disabled {
    pointer-events: none;
    opacity: .5;
}


* html p#iepara {
    padding-top: 0px;
}

* html .horizontalcssmenu ul li {
    height: 1%;
}

    * html .horizontalcssmenu ul li a {
        height: 1%;
    }