<header class="n7-header shadow-md" id="siteHeader" aria-label="Header del sito">
    <!-- Top bar -->
    <div class="n7-top-bar flex items-center py-1 md:py-2 px-4 n7-background-gray-02 hidden lg:flex">
        <div class="n7-top-bar__container xl:container mx-auto flex items-center lg:flex-1">
            <div class="n7-top-bar__navigation grid lg:flex items-center gap-2 lg:gap-8">
                <!-- LINK CERTIFICAZIONE ISO  -->
                <a href="" class="n7-link gap-2 p-0 text-xs lg:text-sm n7-content-01">
                    <img src="/images/iso-27001.png" alt="ISO 27001" width="75" height="38">
                    Certificazione ISO/IEC 27001
                </a>
                <!-- Secondary nav/menu component -->
                <nav aria-label="Secondaria">
                    <ul class="n7-secondary-navigation lg:flex gap-4">

                        <li class="">
                            <a href="" class="n7-link p-2 text-xs lg:text-sm n7-content-01">voce 1</a>
                        </li>

                        <li class="">
                            <a href="" class="n7-link p-2 text-xs lg:text-sm n7-content-01">voce 2</a>
                        </li>

                    </ul>
                </nav>
            </div>

            <div class="n7-top-bar__utilities-area ml-auto">

                <!-- Search component -->
                <div class="hidden lg:block">
                    <button type="button" id="searchModalTrigger" class="n7-btn n7-btn--secondary n7-btn--icon rounded-full w-6 h-6 md:w-10 md:h-10">
                        <span class="sr-only">Cerca nel sito di Artea - apri la modale</span>
                        <svg class="inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5" aria-hidden="true" focusable="false" role="img">
                            <use xlink:href="../../icons.svg#mini--magnifying-glass" />
                        </svg>

                    </button>

                    <!-- Search Modal -->
                    <div id="searchModal" class="fixed items-center content-center inset-0 bg-black bg-opacity-50 overflow-y-auto h-full w-full" style="display:none;" aria-hidden="true" role="dialog" aria-modal="true" aria-labelledby="modalTitle">

                        <div class="relative h-full lg:h-full lg:w-full mx-auto p-6 lg:p-16 shadow-lg bg-white">
                            <div class="container px-16 grid gap-14">
                                <div class="flex justify-between items-center">
                                    <h2 id="modalTitle" class="text-3xl md:text-5xl lg:text-6xl">Cerca nel sito di Artea</h2>
                                    <button id="closeModal" class="n7-btn n7-btn--icon border-0 hover:n7-background-primary hover:text-white">
                                        <span class="sr-only">Chiudi</span>
                                        <svg class="inline-block align-middle fill-current w-8 h-8" aria-hidden="true" focusable="false" role="img">
                                            <use xlink:href="../../icons.svg#mini--x-mark" />
                                        </svg>

                                    </button>
                                </div>

                                <div class="modal-content">
                                    <form role="search" class="flex gap-2">
                                        <div class="n7-input-field grid gap-3 flex-1">
                                            <label for="inputSearch" class="block text-sm font-medium n7-content-03">Cerca servizi, informazioni, aiuti...</label>

                                            <div class="n7-input flex items-center relative">

                                                <svg class="inline-block align-middle fill-current w-6 h-6 absolute left-4 n7-content-placeholder" aria-hidden="true" focusable="false" role="img">
                                                    <use xlink:href="../../icons.svg#mini--magnifying-glass" />
                                                </svg>

                                                <input id="inputSearch" class="w-full border-2 n7-border-gray-01 text-sm n7-input-placeholder py-3 px-4 border n7-border-gray-01 rounded-lg pl-12 " type="search" placeholder="Cerca">

                                            </div>
                                        </div>

                                        <button type="button" class="n7-btn 
    n7-btn--primary
    n7-btn--primary self-end">
                                            Cerca nel sito

                                            <svg class="inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5 lg:w-6 lg:h-6 ml-2 transition-all duration-200 ease-out transform group-hover:translate-x-1" aria-hidden="true" focusable="false" role="img">
                                                <use xlink:href="../../icons.svg#mini--chevron-right" />
                                            </svg>

                                        </button>

                                    </form>

                                </div><!-- /END MODAL CONTENT -->
                            </div>
                        </div>

                    </div>
                </div><!--/ END SEARCH WRAPPER -->

            </div><!--/ END TOP BAR UTILITIES -->

        </div>
    </div><!-- /END TOPBAR -->
    <!-- Main heading -->
    <div class="n7-main-heading bg-white flex items-center px-4 py-2 lg:p-4 border-b n7-border-primary lg:border-b-0">
        <div class="xl:container mx-auto flex items-center flex-1">
            <div class="flex items-center n7-branding site-branding lg:max-w-[35.7%]">
                <a class="n7-site-logo site-logo flex w-10 h-10 md:flex-1 md:w-auto md:h-auto md:max-w-[124px] lg:max-w-[248px]" href="#">
                    <img class="w-full h-full object-cover md:object-contain object-left-top" src="/images/regione-toscana.png" alt="Alt logo image" width="248" height="81" />
                </a>

                <span class="w-4 h-10 md:w-10 md:h-20 bg-no-repeat bg-left-top bg-cover" style="background-image: url('/images/vertical-divider.svg')"></span>
                <a class="n7-site-logo site-logo flex w-46 h-10 md:flex-1 md:w-auto md:h-auto md:max-w-[124px] lg:max-w-[248px]" href="#">
                    <img class="w-full h-full object-contain object-left-top" src="/images/artea.png" alt="Alt logo image" width="248" height="81" />
                </a>

            </div>
            <div class="flex-1 lg:ml-auto lg:justify-end">
                <nav class="n7-primary-navigation flex lg:justify-end" aria-label="Principale" id="siteNavWrapper">
                    <button type="button" class="n7-btn 
    n7-btn--only-text rounded-0 lg:hidden ml-auto n7-btn--icon group" aria-expanded="false" aria-controls="mainNavPanel" id="mobileNavToggle">
                        <svg class="inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5 lg:w-6 lg:h-6 m-0 p-0 transition-all duration-200 ease-out transform group-hover:translate-none is-show-menu group-aria-expanded:hidden" aria-hidden="true" focusable="false" role="img">
                            <use xlink:href="../../icons.svg#mini--bars-3" />
                        </svg>

                        <svg class="inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5 lg:w-6 lg:h-6 m-0 p-0 transition-all duration-200 ease-out transform group-hover:translate-none is-close-menu hidden group-aria-expanded:inline-block" aria-hidden="true" focusable="false" role="img">
                            <use xlink:href="../../icons.svg#mini--x-mark" />
                        </svg>

                        <span class="sr-only is-show-menu group-aria-expanded:hidden">
                            Menu
                        </span>
                        <span class="sr-only is-close-menu hidden group-aria-expanded:block">
                            Chiudi menu
                        </span>
                    </button>
                    <!-- Mobile panel -->
                    <div class="n7-primary-navigation__panel flex-col bg-white transition-all invisible w-[88%] lg:w-auto fixed lg:static lg:visible top-[--header-height] bottom-0 left-[12%] lg:left-0 border-l n7-border-primary lg:border-l-0 overflow-y-auto" id="mainNavPanel">
                        <!-- Main nav -->
                        <div class="n7-primary-navigation__module is-main lg:border-b-0">
                            <ul class="n7-primary-navigation__list lg:flex lg:justify-end gap-4 xl:gap-8 has-dropdown-menu">
                                <li class="n7-dropdown-menu n7-primary-navigation__item">
                                    <button class="n7-dropdown-menu__trigger dropdown-trigger group w-full flex items-center p-3 gap-2 text-sm lg:text-base font-medium hover:underline focus:n7-content-primary aria-expanded:n7-background-gray-02 lg:aria-expanded:bg-white aria-expanded:n7-content-01" aria-expanded="false" aria-controls="submenumenu-01">
                                        Menu item 1<svg class="inline-block align-middle fill-current w-5 h-5 ml-auto transition-all n7-dropdown-menu__trigger-icon group-aria-expanded:-rotate-180" aria-hidden="true" focusable="false" role="img">
                                            <use xlink:href="../../icons.svg#mini--chevron-down" />
                                        </svg>
                                    </button>
                                    <ul class="n7-dropdown-menu__list hidden lg:absolute border border-t-0 n7-border-gray-01 lg:border-t lg:rounded lg:shadow-md lg:w-52 border-r-0 border-l-0 lg:border-r lg:border-l " id="submenumenu-01">

                                        <li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
                                            <a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
                                                voce 1
                                            </a>
                                        </li>

                                        <li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
                                            <a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
                                                voce 2
                                            </a>
                                        </li>

                                    </ul>
                                </li>
                                <li class="n7-dropdown-menu n7-primary-navigation__item">
                                    <button class="n7-dropdown-menu__trigger dropdown-trigger group w-full flex items-center p-3 gap-2 text-sm lg:text-base font-medium hover:underline focus:n7-content-primary aria-expanded:n7-background-gray-02 lg:aria-expanded:bg-white aria-expanded:n7-content-01" aria-expanded="false" aria-controls="submenumenu-02">
                                        Menu item 2<svg class="inline-block align-middle fill-current w-5 h-5 ml-auto transition-all n7-dropdown-menu__trigger-icon group-aria-expanded:-rotate-180" aria-hidden="true" focusable="false" role="img">
                                            <use xlink:href="../../icons.svg#mini--chevron-down" />
                                        </svg>
                                    </button>
                                    <ul class="n7-dropdown-menu__list hidden lg:absolute border border-t-0 n7-border-gray-01 lg:border-t lg:rounded lg:shadow-md lg:w-52 border-r-0 border-l-0 lg:border-r lg:border-l " id="submenumenu-02">

                                        <li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
                                            <a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
                                                Item label 1
                                            </a>
                                        </li>

                                        <li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
                                            <a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
                                                Item label 3
                                            </a>
                                        </li>

                                        <li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
                                            <a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
                                                Item label 4
                                            </a>
                                        </li>

                                        <li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
                                            <a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
                                                Item label 5
                                            </a>
                                        </li>

                                    </ul>
                                </li>
                                <li class="n7-dropdown-menu n7-primary-navigation__item">
                                    <button class="n7-dropdown-menu__trigger dropdown-trigger group w-full flex items-center p-3 gap-2 text-sm lg:text-base font-medium hover:underline focus:n7-content-primary aria-expanded:n7-background-gray-02 lg:aria-expanded:bg-white aria-expanded:n7-content-01" aria-expanded="false" aria-controls="submenumenu-03">
                                        Menu item 3<svg class="inline-block align-middle fill-current w-5 h-5 ml-auto transition-all n7-dropdown-menu__trigger-icon group-aria-expanded:-rotate-180" aria-hidden="true" focusable="false" role="img">
                                            <use xlink:href="../../icons.svg#mini--chevron-down" />
                                        </svg>
                                    </button>
                                    <ul class="n7-dropdown-menu__list hidden lg:absolute border border-t-0 n7-border-gray-01 lg:border-t lg:rounded lg:shadow-md lg:w-52 border-r-0 border-l-0 lg:border-r lg:border-l " id="submenumenu-03">

                                        <li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
                                            <a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
                                                Item label 1
                                            </a>
                                        </li>

                                        <li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
                                            <a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
                                                Item label 3
                                            </a>
                                        </li>

                                        <li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
                                            <a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
                                                Item label 4
                                            </a>
                                        </li>

                                        <li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
                                            <a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
                                                Item label 5
                                            </a>
                                        </li>

                                    </ul>
                                </li>
                                <li class="n7-dropdown-menu n7-primary-navigation__item">
                                    <button class="n7-dropdown-menu__trigger dropdown-trigger group w-full flex items-center p-3 gap-2 text-sm lg:text-base font-medium hover:underline focus:n7-content-primary aria-expanded:n7-background-gray-02 lg:aria-expanded:bg-white aria-expanded:n7-content-01" aria-expanded="false" aria-controls="submenumenu-04">
                                        Menu item 4<svg class="inline-block align-middle fill-current w-5 h-5 ml-auto transition-all n7-dropdown-menu__trigger-icon group-aria-expanded:-rotate-180" aria-hidden="true" focusable="false" role="img">
                                            <use xlink:href="../../icons.svg#mini--chevron-down" />
                                        </svg>
                                    </button>
                                    <ul class="n7-dropdown-menu__list hidden lg:absolute border border-t-0 n7-border-gray-01 lg:border-t lg:rounded lg:shadow-md lg:w-52 border-r-0 border-l-0 lg:border-r lg:border-l " id="submenumenu-04">

                                        <li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
                                            <a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
                                                Item label 1
                                            </a>
                                        </li>

                                        <li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
                                            <a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
                                                Item label 3
                                            </a>
                                        </li>

                                        <li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
                                            <a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
                                                Item label 4
                                            </a>
                                        </li>

                                        <li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
                                            <a class="flex p-3 gap-2 items-center transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 group-first:rounded-t group-last:rounded-b" href="">
                                                Item label 5
                                            </a>
                                        </li>

                                    </ul>
                                </li>
                                <!-- only link item -->
                                <li class="n7-primary-navigation__item">
                                    <a href="" class="w-full flex items-center p-3 gap-2 text-sm lg:text-base font-medium hover:underline focus:n7-content-primary">
                                        Voce 1
                                    </a>
                                </li>
                            </ul>
                        </div>

                        <!-- Mobile search in panel -->
                        <div class="n7-primary-navigation__module is-main lg:hidden">
                            <form role="search" class="flex items-end p-3">
                                <div class="n7-input-field grid gap-3 flex-1">
                                    <label for="inputSearchMobile" class="block text-sm font-medium n7-content-03">Cerca servizi, informazioni, aiuti...</label>

                                    <div class="n7-input flex items-center relative">

                                        <svg class="inline-block align-middle fill-current w-6 h-6 absolute left-4 n7-content-placeholder" aria-hidden="true" focusable="false" role="img">
                                            <use xlink:href="../../icons.svg#mini--magnifying-glass" />
                                        </svg>

                                        <input id="inputSearchMobile" class="w-full border-2 n7-border-gray-01 text-sm n7-input-placeholder py-3 px-4 border n7-border-gray-01 rounded-l-lg rounded-r-none pl-12 " type="search" placeholder="Cerca">

                                    </div>
                                </div>
                                <button type="button" class="n7-btn n7-btn--secondary n7-btn--icon w-12 h-12">
                                    <span class="sr-only">Cerca</span>
                                    <svg class="inline-block align-middle fill-current w-5 h-5" aria-hidden="true" focusable="false" role="img">
                                        <use xlink:href="../../icons.svg#mini--magnifying-glass" />
                                    </svg>

                                </button>
                            </form>
                        </div>

                    </div>
                    <div class="n7-primary-navigation__backdrop bg-black/25 top-[--header-height] lg:hidden"></div>
                </nav>
            </div>
        </div>
    </div>

</header>
<main id="mainContent" class="md:py-14">
    <div class="n7-container grid gap-4 md:grid-cols-[3fr_9fr] md:gap-10 lg:gap-20 xl:gap-40 mb-8 md:mb-16 md:py-14">

        <aside class="min-w-0 hidden md:block">
            <nav aria-labelledby="sidebarLabel" id="sideNav">
                <h2 id="sidebarLabel" class="n7-content-05 pb-6 border-b n7-border-gray-01 text-base font-medium uppercase ">
                    Fondi comunitari
                </h2>
                <ul class="n7-side-navigation has-nav-dropdown">

                    <li class="n7-side-navigation__item bg-white flex flex-wrap items-stretch text-base font-medium border-b n7-border-gray-01 is-current-trail">
                        <span class="is-first-level flex flex-1">
                            <a href="#" class="n7-nav-link flex flex-1 items-center gap-2 p-4 transition transition-all hover:n7-background-gray-02 hover:underline font-bold">

                                FEAGA
                            </a>

                            <button class="n7-nav-toggle flex items-center justify-center w-8 hover:n7-background-gray-02 group " aria-expanded="true" aria-controls="sideNav-subnav-1">
                                <span class="sr-only">Dettaglio FEAGA</span>

                                <svg class="inline-block align-middle fill-current w-4 h-4 transition-all duration-200 ease-out group-aria-expanded:-rotate-180" aria-hidden="true" focusable="false" role="img">
                                    <use xlink:href="../../icons.svg#mini--chevron-down" />
                                </svg>

                            </button>
                        </span>
                        <ul class="n7-side-navigation__submenu block w-full mt-2 border-t n7-border-gray-01" id="sideNav-subnav-1">

                            <li>
                                <a href="" class="block p-4 transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 text-xs xl:text-sm">Condizionalità</a>
                            </li>

                            <li>
                                <a href="" class="block p-4 transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 text-xs xl:text-sm is-current" aria-current="page">Apicoltura</a>
                            </li>

                            <li>
                                <a href="" class="block p-4 transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 text-xs xl:text-sm">Vitivinicolo</a>
                            </li>

                        </ul>

                    </li>

                    <li class="n7-side-navigation__item bg-white flex flex-wrap items-stretch text-base font-medium border-b n7-border-gray-01">
                        <span class="is-first-level flex flex-1">
                            <a href="#" class="n7-nav-link flex flex-1 items-center gap-2 p-4 transition transition-all hover:n7-background-gray-02 hover:underline font-bold">

                                FEASR-PSR
                            </a>

                            <button class="n7-nav-toggle flex items-center justify-center w-8 hover:n7-background-gray-02 group " aria-expanded="false" aria-controls="sideNav-subnav-2">
                                <span class="sr-only">Dettaglio FEASR-PSR</span>

                                <svg class="inline-block align-middle fill-current w-4 h-4 transition-all duration-200 ease-out group-aria-expanded:-rotate-180" aria-hidden="true" focusable="false" role="img">
                                    <use xlink:href="../../icons.svg#mini--chevron-down" />
                                </svg>

                            </button>
                        </span>
                        <ul class="n7-side-navigation__submenu hidden w-full mt-2 border-t n7-border-gray-01" id="sideNav-subnav-2">

                            <li>
                                <a href="" class="block p-4 transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 text-xs xl:text-sm">Sottomenu</a>
                            </li>

                        </ul>

                    </li>

                    <li class="n7-side-navigation__item bg-white flex flex-wrap items-stretch text-base font-medium border-b n7-border-gray-01">
                        <span class="is-first-level flex flex-1">
                            <a href="#" class="n7-nav-link flex flex-1 items-center gap-2 p-4 transition transition-all hover:n7-background-gray-02 hover:underline font-bold">

                                FEP
                            </a>

                            <button class="n7-nav-toggle flex items-center justify-center w-8 hover:n7-background-gray-02 group " aria-expanded="false" aria-controls="sideNav-subnav-3">
                                <span class="sr-only">Dettaglio FEP</span>

                                <svg class="inline-block align-middle fill-current w-4 h-4 transition-all duration-200 ease-out group-aria-expanded:-rotate-180" aria-hidden="true" focusable="false" role="img">
                                    <use xlink:href="../../icons.svg#mini--chevron-down" />
                                </svg>

                            </button>
                        </span>
                        <ul class="n7-side-navigation__submenu hidden w-full mt-2 border-t n7-border-gray-01" id="sideNav-subnav-3">

                            <li>
                                <a href="" class="block p-4 transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 text-xs xl:text-sm">Sottomenu</a>
                            </li>

                        </ul>

                    </li>

                    <li class="n7-side-navigation__item bg-white flex flex-wrap items-stretch text-base font-medium border-b n7-border-gray-01">
                        <span class="is-first-level flex flex-1">
                            <a href="#" class="n7-nav-link flex flex-1 items-center gap-2 p-4 transition transition-all hover:n7-background-gray-02 hover:underline font-bold">

                                FEAMP
                            </a>

                            <button class="n7-nav-toggle flex items-center justify-center w-8 hover:n7-background-gray-02 group " aria-expanded="false" aria-controls="sideNav-subnav-4">
                                <span class="sr-only">Dettaglio FEAMP</span>

                                <svg class="inline-block align-middle fill-current w-4 h-4 transition-all duration-200 ease-out group-aria-expanded:-rotate-180" aria-hidden="true" focusable="false" role="img">
                                    <use xlink:href="../../icons.svg#mini--chevron-down" />
                                </svg>

                            </button>
                        </span>
                        <ul class="n7-side-navigation__submenu hidden w-full mt-2 border-t n7-border-gray-01" id="sideNav-subnav-4">

                            <li>
                                <a href="" class="block p-4 transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 text-xs xl:text-sm">Sottomenu</a>
                            </li>

                        </ul>

                    </li>

                </ul>
            </nav>

        </aside>

        <div class="min-w-0">

            <nav class="n7-breadcrumb " aria-label="Breadcrumb">
                <ol class="flex flex-wrap">

                    <li>
                        <a class="inline-flex items-center p-1 n7-content-03 text-xs md:text-sm hover:underline" href="#">
                            Home

                            <svg class="inline-block align-middle fill-current w-4 h-4 text-neutral-400 ml-2" aria-hidden="true" focusable="false" role="img">
                                <use xlink:href="../../icons.svg#mini--chevron-right" />
                            </svg>

                        </a>
                    </li>

                    <li>
                        <a class="inline-flex items-center p-1 n7-content-03 text-xs md:text-sm hover:underline" href="#">
                            Pagina intermedia

                            <svg class="inline-block align-middle fill-current w-4 h-4 text-neutral-400 ml-2" aria-hidden="true" focusable="false" role="img">
                                <use xlink:href="../../icons.svg#mini--chevron-right" />
                            </svg>

                        </a>
                    </li>

                    <li>
                        <a class="inline-flex items-center p-1 n7-content-03 text-xs md:text-sm font-bold hover:underline" href="#" aria-current="page">
                            Pagina corrente

                        </a>
                    </li>

                </ol>
            </nav>

            <div class="py-4 md:py-8">
                <h1 class="text-4xl md:text-6xl">FEAGA</h1>
                <section class="n7-page-body pt-6 md:pt-12">
                    <h2>Descrizione</h2>
                    <p>Finanzia o, in alcuni casi, cofinanzia con gli Stati membri le spese dell'organizzazione comune di mercato (OCM), gli aiuti diretti alle imprese agricole, il contributo dell'Unione alle azioni di informazione e di promozione dei prodotti agricoli sul mercato interno e nei paesi terzi.</p>
                    <p>Il FEAGA - Fondo Europeo Agricolo di Garanzia - è gestito in regime di gestione concorrente tra gli Stati membri e l'Unione Europea. Finanzia le seguenti spese, che devono essere effettuate in conformità del diritto dell'Unione:</p>
                    <p><a href="#">Link</a></p>
                    <ol>
                        <li>le misure dirette a regolare o sostenere i mercati agricoli;</li>
                        <li>i pagamenti diretti agli agricoltori previsti dalla PAC;</li>
                        <li>il contributo finanziario dell'Unione alle azioni di informazione e promozione dei prodotti agricoli sul mercato interno dell'Unione e nei paesi terzi, realizzate dagli Stati membri in base a programmi selezionati dalla Commissione, diversi dai programmi di cui all'articolo 5;</li>
                        <li>il contributo finanziario dell'Unione al programma "Frutta e verdura nelle scuole" di cui all'articolo 23 del regolamento (UE) n. 1308/2013 e alle misure connesse a malattie degli animali e alla perdita di fiducia dei consumatori di cui all'articolo 155 di tale regolamento.</li>
                    </ol>

                    <p>Consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam.</p>
                    <ul>
                        <li>le misure dirette a regulare o sostenere i mercati agricoli;</li>
                        <li>i pagamenti diretti agli agricoltori previsti dalla PAC;</li>
                        <li>il contributo finanziario dell'Unione alle azioni di informazione e promozione dei prodotti agricoli sul mercato interno dell'Unione e nei paesi terzi, realizzate dagli Stati membri in base a programmi selezionati dalla Commissione, diversi dai programmi di cui all'articolo 5;</li>
                        <li>il contributo finanziario dell'Unione al programma "Frutta e verdura nelle scuole" di cui all'articolo 23 del regolamento (UE) n. 1308/2013 e alle misure connesse a malattie degli animali e alla perdita di fiducia dei consumatori di cui all'articolo 155 di tale regolamento.</li>
                        </ol>
                        <h3>Titolo h3</h3>
                        <p>Consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam.</p>
                        <h4>Titolo h4</h4>
                        <p>Consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam.</p>
                        <h5>Titolo h5</h5>
                        <p>Consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam.</p>
                        <h6>Titolo h6</h6>
                        <p>Consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam.</p>
                </section>

                <!-- CONTENT ACCORDION -->
                <section class="pt-6 md:pt-12">
                    <div id="accordionSection" class="n7-accordion n7-accordion--minimal n7-background-gray-01 p-0 gap-0">

                        <h3 class="n7-accordion__title font-bold text-lg md:text-2xl lg:text-3xl flex border-t n7-border-gray-01 first:border-t-0">
                            <button type="button" aria-expanded="true" class="n7-accordion__trigger group flex items-center flex-1 transition-all aria-expanded:n7-content-primary text-2xl p-6 " aria-controls="accordionSection-1" id="accordion1id">
                                <span class="n7-accordion__trigger-label">
                                    Riconoscimento come Organismo pagatore
                                </span>

                                <span class="n7-accordion__icon flex p-2 ml-auto h-auto transition-all">
                                    <svg class="inline-block align-middle fill-current w-4 h-4 md:w-8 md:h-8 lg:w-9 lg:h-9 is-show-more group-aria-expanded:hidden" aria-hidden="true" focusable="false" role="img">
                                        <use xlink:href="../../icons.svg#mini--plus" />
                                    </svg>

                                    <svg class="inline-block align-middle fill-current w-4 h-4 md:w-8 md:h-8 lg:w-9 lg:h-9 is-show-less hidden group-aria-expanded:inline-block" aria-hidden="true" focusable="false" role="img">
                                        <use xlink:href="../../icons.svg#mini--minus" />
                                    </svg>

                                </span>

                            </button>
                        </h3>
                        <div id="accordionSection-1" role="region" aria-labelledby="accordion1id" class="n7-accordion__pane pr-8 md:pr-16 lg:pr-17 transition-all px-6 pb-6">
                            <div class="n7-page-body">
                                <p>Tali elementi vengono accertati in sede di primo riconoscimento e devono essere mantenuti nel tempo. A tal fine sono previste delle specifiche verifiche da parte del controllore esterno in occasione della certificazione dei conti Allo scopo di monitorare la permanenza dei requisiti sopra citati l’Agenzia si è dotata di un apposito modello di controllo che contiene gli elementi previsti dalla normativa e le modalità poste in essere per il rispetto del riconoscimento.</p>
                            </div>
                        </div>

                        <h3 class="n7-accordion__title font-bold text-lg md:text-2xl lg:text-3xl flex border-t n7-border-gray-01 first:border-t-0">
                            <button type="button" aria-expanded="false" class="n7-accordion__trigger group flex items-center flex-1 transition-all aria-expanded:n7-content-primary text-2xl p-6 " aria-controls="accordionSection-2" id="accordion1id">
                                <span class="n7-accordion__trigger-label">
                                    Certificazione dei conti dell&#39;Organismo pagatore
                                </span>

                                <span class="n7-accordion__icon flex p-2 ml-auto h-auto transition-all">
                                    <svg class="inline-block align-middle fill-current w-4 h-4 md:w-8 md:h-8 lg:w-9 lg:h-9 is-show-more group-aria-expanded:hidden" aria-hidden="true" focusable="false" role="img">
                                        <use xlink:href="../../icons.svg#mini--plus" />
                                    </svg>

                                    <svg class="inline-block align-middle fill-current w-4 h-4 md:w-8 md:h-8 lg:w-9 lg:h-9 is-show-less hidden group-aria-expanded:inline-block" aria-hidden="true" focusable="false" role="img">
                                        <use xlink:href="../../icons.svg#mini--minus" />
                                    </svg>

                                </span>

                            </button>
                        </h3>
                        <div id="accordionSection-2" role="region" aria-labelledby="accordion1id" class="n7-accordion__pane pr-8 md:pr-16 lg:pr-17 transition-all px-6 pb-6" hidden>
                            <div class="n7-page-body">
                                <p>Tali elementi vengono accertati in sede di primo riconoscimento e devono essere mantenuti nel tempo. A tal fine sono previste delle specifiche verifiche da parte del controllore esterno in occasione della certificazione dei conti Allo scopo di monitorare la permanenza dei requisiti sopra citati l’Agenzia si è dotata di un apposito modello di controllo che contiene gli elementi previsti dalla normativa e le modalità poste in essere per il rispetto del riconoscimento.</p>
                            </div>
                        </div>

                    </div>
                </section>
            </div>

        </div>

    </div>

    <section class="py-8 md:py-20 n7-background-gray-02">
        <div class="xl:container px-8 mx-auto">
            <div class="gap-2 pb-8 md:pb-12">
                <h2 class="text-3xl md:text-4xl">Normative di riferimento</h2>
            </div>

            <div class="grid gap-6 md:grid-cols-3">

                <article class="n7-card p-4
  
   is-card-fullclickable transition hover:shadow-lg group">

                    <div class="grid gap-2.5 md:gap-4">
                        <div class="n7-card__heading flex flex-col-reverse gap-2.5 md:gap-4">
                            <h3 class="n7-card__title text-xl md:text-2xl font-bold">
                                <a class="hover:underline group-hover:underline" href="">
                                    Manuale Anagrafe delle Aziende Agricole

                                    <span class="flex gap-0.5 items-center pt-1 md:pt-2 text-sm md:text-base font-medium n7-content-03">
                                        <svg class="inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5" aria-hidden="true" focusable="false" role="img">
                                            <use xlink:href="../../icons.svg#outline--document-text" />
                                        </svg>
                                        <span class="sr-only">, </span>PDF - 120Kb
                                    </span>

                                </a>
                            </h3>

                        </div>

                        <p class="n7-card__excerpt text-sm md:text-base">
                            Testo aggiuntivo da configurazione
                        </p>

                    </div>
                </article>

                <article class="n7-card p-4
  
   is-card-fullclickable transition hover:shadow-lg group">

                    <div class="grid gap-2.5 md:gap-4">
                        <div class="n7-card__heading flex flex-col-reverse gap-2.5 md:gap-4">
                            <h3 class="n7-card__title text-xl md:text-2xl font-bold">
                                <a class="hover:underline group-hover:underline" href="">
                                    Manuale Anagrafe delle Aziende Agricole

                                    <span class="flex gap-0.5 items-center pt-1 md:pt-2 text-sm md:text-base font-medium n7-content-03">
                                        <svg class="inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5" aria-hidden="true" focusable="false" role="img">
                                            <use xlink:href="../../icons.svg#outline--document-text" />
                                        </svg>
                                        <span class="sr-only">, </span>PDF - 120Kb
                                    </span>

                                </a>
                            </h3>

                        </div>

                        <p class="n7-card__excerpt text-sm md:text-base">
                            Testo aggiuntivo da configurazione
                        </p>

                    </div>
                </article>

                <article class="n7-card p-4
  
   is-card-fullclickable transition hover:shadow-lg group">

                    <div class="grid gap-2.5 md:gap-4">
                        <div class="n7-card__heading flex flex-col-reverse gap-2.5 md:gap-4">
                            <h3 class="n7-card__title text-xl md:text-2xl font-bold">
                                <a class="hover:underline group-hover:underline" href="">
                                    Manuale Anagrafe delle Aziende Agricole

                                    <span class="flex gap-0.5 items-center pt-1 md:pt-2 text-sm md:text-base font-medium n7-content-03">
                                        <svg class="inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5" aria-hidden="true" focusable="false" role="img">
                                            <use xlink:href="../../icons.svg#outline--document-text" />
                                        </svg>
                                        <span class="sr-only">, </span>PDF - 120Kb
                                    </span>

                                </a>
                            </h3>

                        </div>

                        <p class="n7-card__excerpt text-sm md:text-base">
                            Testo aggiuntivo da configurazione
                        </p>

                    </div>
                </article>

                <article class="n7-card p-4
  
   is-card-fullclickable transition hover:shadow-lg group">

                    <div class="grid gap-2.5 md:gap-4">
                        <div class="n7-card__heading flex flex-col-reverse gap-2.5 md:gap-4">
                            <h3 class="n7-card__title text-xl md:text-2xl font-bold">
                                <a class="hover:underline group-hover:underline" href="">
                                    Link pagina Anagrafe delle Aziende Agricole

                                </a>
                            </h3>

                        </div>

                        <p class="n7-card__excerpt text-sm md:text-base">
                            Testo aggiuntivo da configurazione
                        </p>

                    </div>
                </article>

                <article class="n7-card p-4
  
   is-card-fullclickable transition hover:shadow-lg group">

                    <div class="grid gap-2.5 md:gap-4">
                        <div class="n7-card__heading flex flex-col-reverse gap-2.5 md:gap-4">
                            <h3 class="n7-card__title text-xl md:text-2xl font-bold">
                                <a class="hover:underline group-hover:underline" href="">
                                    Link pagina Anagrafe delle Aziende Agricole

                                </a>
                            </h3>

                        </div>

                        <p class="n7-card__excerpt text-sm md:text-base">
                            Testo aggiuntivo da configurazione
                        </p>

                    </div>
                </article>

                <article class="n7-card p-4
  
   is-card-fullclickable transition hover:shadow-lg group">

                    <div class="grid gap-2.5 md:gap-4">
                        <div class="n7-card__heading flex flex-col-reverse gap-2.5 md:gap-4">
                            <h3 class="n7-card__title text-xl md:text-2xl font-bold">
                                <a class="hover:underline group-hover:underline" href="">
                                    Link pagina Anagrafe delle Aziende Agricole

                                </a>
                            </h3>

                        </div>

                        <p class="n7-card__excerpt text-sm md:text-base">
                            Testo aggiuntivo da configurazione
                        </p>

                    </div>
                </article>

            </div>

        </div>
    </section>

    <!-- NAVIGAZIONE PAGINA MOBILE -->
    <aside class="px-2 py-6 min-w-0 md:hidden">
        <nav aria-labelledby="sidebarLabel" id="sideNav">
            <h2 id="sidebarLabel" class="n7-content-05 pb-6 border-b n7-border-gray-01 text-base font-medium uppercase ">
                Fondi comunitari
            </h2>
            <ul class="n7-side-navigation has-nav-dropdown">

                <li class="n7-side-navigation__item bg-white flex flex-wrap items-stretch text-base font-medium border-b n7-border-gray-01 is-current-trail">
                    <span class="is-first-level flex flex-1">
                        <a href="#" class="n7-nav-link flex flex-1 items-center gap-2 p-4 transition transition-all hover:n7-background-gray-02 hover:underline font-bold">

                            FEAGA
                        </a>

                        <button class="n7-nav-toggle flex items-center justify-center w-8 hover:n7-background-gray-02 group " aria-expanded="true" aria-controls="sideNav-subnav-1">
                            <span class="sr-only">Dettaglio FEAGA</span>

                            <svg class="inline-block align-middle fill-current w-4 h-4 transition-all duration-200 ease-out group-aria-expanded:-rotate-180" aria-hidden="true" focusable="false" role="img">
                                <use xlink:href="../../icons.svg#mini--chevron-down" />
                            </svg>

                        </button>
                    </span>
                    <ul class="n7-side-navigation__submenu block w-full mt-2 border-t n7-border-gray-01" id="sideNav-subnav-1">

                        <li>
                            <a href="" class="block p-4 transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 text-xs xl:text-sm">Condizionalità</a>
                        </li>

                        <li>
                            <a href="" class="block p-4 transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 text-xs xl:text-sm is-current" aria-current="page">Apicoltura</a>
                        </li>

                        <li>
                            <a href="" class="block p-4 transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 text-xs xl:text-sm">Vitivinicolo</a>
                        </li>

                    </ul>

                </li>

                <li class="n7-side-navigation__item bg-white flex flex-wrap items-stretch text-base font-medium border-b n7-border-gray-01">
                    <span class="is-first-level flex flex-1">
                        <a href="#" class="n7-nav-link flex flex-1 items-center gap-2 p-4 transition transition-all hover:n7-background-gray-02 hover:underline font-bold">

                            FEASR-PSR
                        </a>

                        <button class="n7-nav-toggle flex items-center justify-center w-8 hover:n7-background-gray-02 group " aria-expanded="false" aria-controls="sideNav-subnav-2">
                            <span class="sr-only">Dettaglio FEASR-PSR</span>

                            <svg class="inline-block align-middle fill-current w-4 h-4 transition-all duration-200 ease-out group-aria-expanded:-rotate-180" aria-hidden="true" focusable="false" role="img">
                                <use xlink:href="../../icons.svg#mini--chevron-down" />
                            </svg>

                        </button>
                    </span>
                    <ul class="n7-side-navigation__submenu hidden w-full mt-2 border-t n7-border-gray-01" id="sideNav-subnav-2">

                        <li>
                            <a href="" class="block p-4 transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 text-xs xl:text-sm">Sottomenu</a>
                        </li>

                    </ul>

                </li>

                <li class="n7-side-navigation__item bg-white flex flex-wrap items-stretch text-base font-medium border-b n7-border-gray-01">
                    <span class="is-first-level flex flex-1">
                        <a href="#" class="n7-nav-link flex flex-1 items-center gap-2 p-4 transition transition-all hover:n7-background-gray-02 hover:underline font-bold">

                            FEP
                        </a>

                        <button class="n7-nav-toggle flex items-center justify-center w-8 hover:n7-background-gray-02 group " aria-expanded="false" aria-controls="sideNav-subnav-3">
                            <span class="sr-only">Dettaglio FEP</span>

                            <svg class="inline-block align-middle fill-current w-4 h-4 transition-all duration-200 ease-out group-aria-expanded:-rotate-180" aria-hidden="true" focusable="false" role="img">
                                <use xlink:href="../../icons.svg#mini--chevron-down" />
                            </svg>

                        </button>
                    </span>
                    <ul class="n7-side-navigation__submenu hidden w-full mt-2 border-t n7-border-gray-01" id="sideNav-subnav-3">

                        <li>
                            <a href="" class="block p-4 transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 text-xs xl:text-sm">Sottomenu</a>
                        </li>

                    </ul>

                </li>

                <li class="n7-side-navigation__item bg-white flex flex-wrap items-stretch text-base font-medium border-b n7-border-gray-01">
                    <span class="is-first-level flex flex-1">
                        <a href="#" class="n7-nav-link flex flex-1 items-center gap-2 p-4 transition transition-all hover:n7-background-gray-02 hover:underline font-bold">

                            FEAMP
                        </a>

                        <button class="n7-nav-toggle flex items-center justify-center w-8 hover:n7-background-gray-02 group " aria-expanded="false" aria-controls="sideNav-subnav-4">
                            <span class="sr-only">Dettaglio FEAMP</span>

                            <svg class="inline-block align-middle fill-current w-4 h-4 transition-all duration-200 ease-out group-aria-expanded:-rotate-180" aria-hidden="true" focusable="false" role="img">
                                <use xlink:href="../../icons.svg#mini--chevron-down" />
                            </svg>

                        </button>
                    </span>
                    <ul class="n7-side-navigation__submenu hidden w-full mt-2 border-t n7-border-gray-01" id="sideNav-subnav-4">

                        <li>
                            <a href="" class="block p-4 transition bg-white text-sm xl:text-base hover:underline hover:n7-background-gray-02 focus:n7-background-gray-02 text-xs xl:text-sm">Sottomenu</a>
                        </li>

                    </ul>

                </li>

            </ul>
        </nav>

    </aside>

    <div class="rounded bg-white fixed right-2 bottom-2 z-10 shadow-md">

        <a href="#siteHeader" class="n7-btn 
    n7-btn--icon n7-btn--outline bg-white border-0" id="backToTopButton"><svg class="inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5 lg:w-6 lg:h-6 transition-all duration-200 ease-out transform group-hover:translate-x-1" aria-hidden="true" focusable="false" role="img">
                <use xlink:href="../../icons.svg#mini--arrow-up" />
            </svg>
            <span class="sr-only">
                Torna alla navigazione principale
            </span>

        </a>

    </div>

</main>
<footer class="n7-footer mt-auto bg-white border-t n7-border-brand-dark">
    <div class="n7-footer__navigation-row grid gap-4 md:flex xl:container md:px-5 py-6">
        <!-- Left block  -->
        <div class="grid gap-3 px-5 md:px-0 pb-4 md:pb-0 border-b md:border-b-0 n7-border-gray-01">
            <!-- Logo -->
            <div class="n7-site-logo site-logo flex mb-1 w-48 h-12 md:w-64 md:h-20">
                <img class="w-full h-full object-contain object-left-top" src="/images/logo-footer.png" alt="Artea - Agenzia regionale per le erogazioni in agricoltura" width="247" height="80" />
            </div>

            <!-- Info e contatti -->
            <address class="grid gap-3 n7-content-03 text-sm">
                <p>Via Ruggero Bardazzi 19/2150127 - Firenze</p>
                <p>Email: <a class="n7-link n7-link--sm n7-link--underline text-current" href="mailto:email@email.com">email@email.com</a></p>
                <p>Pec: <a class="n7-link n7-link--sm n7-link--underline text-current" href="mailto:email@email.com">email@email.com</a></p>
                <p>Codice fiscale: 05096020481</p>
            </address>
        </div>

        <!-- Right block -->
        <div class="grid gap-6 md:gap-3 md:justify-end md:flex-1">
            <!-- Menu footer  -->
            <nav class="pb-4 border-b md:border-b-0 n7-border-gray-01" aria-label="Contatti e segnalazioni">
                <ul class="flex gap-y-3 md:gap-y-4 flex-wrap">

                    <li class="group md:border-r n7-border-gray-01 md:last:border-r-0">
                        <a href="" class="n7-link px-4 md:px-6 md:py-2 group:last:md:pr-0 text-sm md:text-md lg:text-lg n7-content-03">Contatti</a>
                    </li>

                    <li class="group md:border-r n7-border-gray-01 md:last:border-r-0">
                        <a href="" class="n7-link px-4 md:px-6 md:py-2 group:last:md:pr-0 text-sm md:text-md lg:text-lg n7-content-03">Amministrazione</a>
                    </li>

                    <li class="group md:border-r n7-border-gray-01 md:last:border-r-0">
                        <a href="" class="n7-link px-4 md:px-6 md:py-2 group:last:md:pr-0 text-sm md:text-md lg:text-lg n7-content-03">Segnala illeciti o irregolarità</a>
                    </li>

                </ul>
            </nav>

            <div class="md:text-right self-end grid gap-3 px-5 md:px-0">
                <p class="text-sm font-bold">ARTEA partecipa agli open data di Regione Toscana</p>
                <a href="" class="n7-link n7-link--sm text-sm md:justify-end">https://opentoscana.com <svg class="inline-block align-middle fill-current w-4 h-4 ml-1" aria-hidden="true" focusable="false" role="img">
                        <use xlink:href="../../icons.svg#mini--arrow-right-on-rectangle" />
                    </svg>
                </a>
            </div>
        </div>
    </div>

    <!-- Footer bottom bar -->
    <div class="n7-footer__bottom-bar border-t n7-border-gray-01 px-2 md:px-5 py-6">
        <div class="xl:container grid gap-6 md:flex items-center">
            <!-- Utilities and other -->
            <nav aria-label="Utilità">
                <ul class="flex gap-y-3 gap-x-5 md:gap-y-1 flex-wrap">

                    <li>
                        <a href="" class="n7-link py-1 px-3 md:py-4 n7-content-03 text-xs md:text-sm md:text-md">Gestione cookies</a>
                    </li>

                    <li>
                        <a href="" class="n7-link py-1 px-3 md:py-4 n7-content-03 text-xs md:text-sm md:text-md">Note legali e copyright</a>
                    </li>

                    <li>
                        <a href="" class="n7-link py-1 px-3 md:py-4 n7-content-03 text-xs md:text-sm md:text-md">Privacy e cookie</a>
                    </li>

                    <li>
                        <a href="" class="n7-link py-1 px-3 md:py-4 n7-content-03 text-xs md:text-sm md:text-md">Dichiarazione di accessibilità</a>
                    </li>

                </ul>
            </nav>

            <!-- Logos -->
            <div class="pl-0 md:ml-auto px-2 md:px-0">
                <div class="n7-site-logo site-logo flex w-40 h-auto md:w-44 lg:w-[223px]">
                    <img class="w-full h-full object-contain object-left-top" src="/images/regione-toscana-footer.png" alt="Regione Toscana" width="223" height="76" />
                </div>

            </div>
        </div>
    </div>

</footer>
{% extends '@base-page-layout' %}

{% block mainClasses %}md:py-14{% endblock mainClasses %}
{% block sidebar %}
    <aside class="min-w-0 hidden md:block">
        {% render '@side-navigation--artea',{label:'Fondi comunitari', firstLevels:[{label:'FEAGA', isCurrentTrail: 'true', subItems: [{subitemLabel: 'Condizionalità'},{subitemLabel: 'Apicoltura',isCurrentPage:'true'},{subitemLabel: 'Vitivinicolo'}] },{label:'FEASR-PSR', subItems: [{subitemLabel: 'Sottomenu'}]},{label:'FEP',subItems: [{subitemLabel: 'Sottomenu'}]},{label:'FEAMP',subItems: [{subitemLabel: 'Sottomenu'}]}]},true %}
    </aside>
{% endblock sidebar %}

{% block contentWrapperStart %}
    <div class="min-w-0">
{% endblock contentWrapperStart %}

{% block breadcrumb %}
    {% render '@breadcrumb--artea' %}
{% endblock %}

{% block content %}
    <div class="py-4 md:py-8">
        <h1 class="text-4xl md:text-6xl">FEAGA</h1>
        {% render '@sezione-page-body' %}

        <!-- CONTENT ACCORDION -->
        <section class="pt-6 md:pt-12">
            {% render '@accordion--artea', { panels: [{isOpen: 'true',label:'Riconoscimento come Organismo pagatore', text: '<div class="n7-page-body"><p>Tali elementi vengono accertati in sede di primo riconoscimento e devono essere mantenuti nel tempo. A tal fine sono previste delle specifiche verifiche da parte del controllore esterno in occasione della certificazione dei conti Allo scopo di monitorare la permanenza dei requisiti sopra citati l’Agenzia si è dotata di un apposito modello di controllo che contiene gli elementi previsti dalla normativa e le modalità poste in essere per il rispetto del riconoscimento.</p></div>'}, {label:'Certificazione dei conti dell\'Organismo pagatore', text: '<div class="n7-page-body"><p>Tali elementi vengono accertati in sede di primo riconoscimento e devono essere mantenuti nel tempo. A tal fine sono previste delle specifiche verifiche da parte del controllore esterno in occasione della certificazione dei conti Allo scopo di monitorare la permanenza dei requisiti sopra citati l’Agenzia si è dotata di un apposito modello di controllo che contiene gli elementi previsti dalla normativa e le modalità poste in essere per il rispetto del riconoscimento.</p></div>'}]}, true %}
        </section>
    </div>
{% endblock content %}

{% block contentWrapperEnd %}
    </div>
{% endblock contentWrapperEnd %}

{% block additionalContent %}
    {% render '@sezione-related-content', {title:'Normative di riferimento'}, true %}

    <!-- NAVIGAZIONE PAGINA MOBILE -->
    <aside class="px-2 py-6 min-w-0 md:hidden">
        {% render '@side-navigation--artea',{label:'Fondi comunitari', firstLevels:[{label:'FEAGA', isCurrentTrail: 'true', subItems: [{subitemLabel: 'Condizionalità'},{subitemLabel: 'Apicoltura',isCurrentPage:'true'},{subitemLabel: 'Vitivinicolo'}] },{label:'FEASR-PSR', subItems: [{subitemLabel: 'Sottomenu'}]},{label:'FEP',subItems: [{subitemLabel: 'Sottomenu'}]},{label:'FEAMP',subItems: [{subitemLabel: 'Sottomenu'}]}]},true %}
    </aside>
{% endblock additionalContent %}
/* No context defined. */

No notes defined.