{"id":209,"date":"2015-12-16T09:41:45","date_gmt":"2015-12-16T09:41:45","guid":{"rendered":"http:\/\/lolthemes.com\/demo\/wpm\/museum\/?page_id=209"},"modified":"2026-05-05T11:26:29","modified_gmt":"2026-05-05T09:26:29","slug":"home","status":"publish","type":"page","link":"https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n<section style=\"background: #000; width: 100vw; margin-left: calc(50% - 50vw); position: relative; padding: 0;\">\n    <div class=\"museo-storia-container\">\n        \n        <!-- Immagine a sinistra - occupa bordo completo -->\n        <div class=\"museo-storia-image\" style=\"flex: 0 0 40%; background-image: url('https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/wp-content\/uploads\/2017\/02\/notturno_museo.jpg'); background-size: cover; background-position: center; margin: 0; padding: 0;\">\n        <\/div>\n        \n        <!-- Contenuto testo a destra -->\n        <div class=\"museo-storia-content\" style=\"flex: 1; background: #000; padding: 80px 60px 80px 40px; color: white;\">\n            <div class=\"history-detail\">\n                <ul class=\"row\" style=\"list-style: none; padding: 0; margin: 0;\">\n                    <li style=\"margin-bottom: 30px;\">\n                        <h4 style=\"color: white; margin: 0 0 10px 0; font-size: 24px; display: inline-block;\">Un po&#8217; di storia &#8230;<\/h4>\n                        <hr style=\"background: #00bcd4; height: 3px; border: none; width: 250px; margin: 0 0 20px 0;\">\n                    <\/li>\n                    <li>\n                        <p style=\"color: white; line-height: 1.6; margin-bottom: 30px;\">Il Museo Regionale di Palazzo d&#8217;Aumale nasce nell&#8217;Aprile 2001 dalla convenzione stipulata fra l&#8217;Assessorato Regionale BB.CC.AA. e P.I. e il Comune di Terrasini che da in comodato Palazzo d&#8217;Aumale quale sede del Museo. L&#8217;edificio architettonico ottocentesco, che sorge sul lungomare di Terrasini, fu fatto edificare dal Principe di Partanna e duca di Floridia, Don Vincenzo Grifeo, ed acquisito in seguito dal duca d&#8217;Aumale, figlio di Luigi Filippo, re di Francia e di Maria Amelia di Borbone, col fine di sistemarvi i magazzini per la conservazione del vino, che il Duca produceva nella sua fattoria dello Zucco, poco distante da Terrasini. <a href=\"https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/history\/\" class=\"collezione-link\">Approfondisci \u2192<\/a><\/p>\n                    <\/li>\n                <\/ul>\n                \n                <!-- Collezione -->\n                <ul class=\"row on-view\" style=\"list-style: none; padding: 0; margin: 0;\">\n                    <li style=\"margin-bottom: 20px;\">\n                        <h4 style=\"color: white; margin: 0 0 10px 0; font-size: 20px; display: inline-block;\">Collezione<\/h4>\n                        <hr style=\"background: #00bcd4; height: 3px; border: none; width: 150px; margin: 0 0 20px 0;\">\n                    <\/li>\n                    <li>\n                        <div style=\"padding: 0 20px;\">\n                            <ul class=\"museo-collezioni\" style=\"display: flex; justify-content: space-evenly; list-style: none; padding: 0; margin: 0;\">\n                                <li style=\"color: white; font-size: 16px;\">Etnoantropologica<\/li>\n                                <li style=\"color: white; font-size: 16px;\">Naturalistica<\/li>\n                                <li style=\"color: white; font-size: 16px;\">Archeologica<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* Layout Desktop *\/\n.museo-storia-container {\n    display: flex;\n    min-height: 500px;\n    align-items: stretch;\n}\n\n\/* Media Queries per Responsive *\/\n@media (max-width: 768px) {\n    .museo-storia-container {\n        flex-direction: column;\n        min-height: auto;\n    }\n    \n    .museo-storia-image {\n        flex: none !important;\n        height: 250px;\n        background-position: center center !important;\n    }\n    \n    .museo-storia-content {\n        padding: 40px 20px !important;\n    }\n    \n    .museo-storia-content h4 {\n        font-size: 20px !important;\n    }\n    \n    .museo-storia-content hr {\n        width: 200px !important;\n    }\n    \n    .museo-collezioni {\n        flex-direction: column !important;\n        gap: 15px !important;\n    }\n    \n    .museo-collezioni li {\n        font-size: 14px !important;\n        text-align: center !important;\n    }\n}\n\n@media (max-width: 480px) {\n    .museo-storia-image {\n        height: 200px;\n    }\n    \n    .museo-storia-content {\n        padding: 30px 15px !important;\n    }\n    \n    .museo-storia-content h4 {\n        font-size: 18px !important;\n    }\n    \n    .museo-storia-content hr {\n        width: 150px !important;\n    }\n    \n    .museo-collezioni li {\n        font-size: 12px !important;\n    }\n}\n<\/style>\n\n\n\n<div class=\"collezioni-carousel\">\n    <div class=\"carousel-container\">\n        <div class=\"carousel-slide active\">\n            <div class=\"slide-content\">\n                <div class=\"slide-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/wp-content\/uploads\/2025\/07\/1176_3.jpg\" alt=\"Collezione Naturalistica\">\n                <\/div>\n                <div class=\"slide-text\">\n                    <h3>Collezione Naturalistica<\/h3>\n                    <h2>Oltre 500.000 esemplari<\/h2>\n                    <p>La nostra collezione naturalistica comprende esemplari di paleontologia, malacologia, entomologia, ornitologia che documentano la biodiversit\u00e0 del territorio siciliano.<\/p>\n                    <a href=\"https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/collezione-naturalistica\/\" class=\"collezione-link\"> Approfondisci \u2192<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"carousel-slide\">\n            <div class=\"slide-content\">\n                <div class=\"slide-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/wp-content\/uploads\/2025\/07\/Etnoantropologica.jpg\" alt=\"Collezione Etnoantropologica\">\n                <\/div>\n                <div class=\"slide-text\">\n                    <h3>Collezione Etnoantropologica<\/h3>\n                    <h2>Tradizioni siciliane<\/h2>\n                    <p>Carretti siciliani, modellini di barche e oggetti della cultura materiale che raccontano la storia e le tradizioni del nostro territorio.<\/p>\n                    <a href=\"https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/collezione-etnoantropologica\/\" class=\"collezione-link\">Approfondisci \u2192<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"carousel-slide\">\n            <div class=\"slide-content\">\n                <div class=\"slide-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/wp-content\/uploads\/2025\/07\/Archeologica.jpg\" alt=\"Collezione Archeologica\">\n                <\/div>\n                <div class=\"slide-text\">\n                    <h3>Collezione Archeologica<\/h3>\n                    <h2>Reperti antichi<\/h2>\n                    <p>Reperti marini e terrestri rinvenuti durante le campagne di scavo che testimoniano la ricca storia antica della Sicilia occidentale.<\/p>\n                    <a href=\"https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/collezione-archeologica\/\" class=\"collezione-link\">Approfondisci \u2192<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Frecce navigazione verticali -->\n        <div class=\"carousel-navigation\">\n            <button class=\"carousel-prev\" onclick=\"previousSlide()\">\u276e<\/button>\n            <button class=\"carousel-next\" onclick=\"nextSlide()\">\u276f<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n.collezioni-carousel {\n    position: relative;\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-top: 0px;\n    margin-bottom: 0px;\n    overflow: hidden;\n}\n\n.carousel-container {\n    position: relative;\n    width: 100%;\n    height: 400px;\n}\n\n.carousel-slide {\n    display: none;\n    width: 100%;\n    height: 100%;\n    background: #f8f8f8;\n    overflow: hidden;\n}\n\n.carousel-slide.active {\n    display: block;\n}\n\n.slide-content {\n    display: flex;\n    align-items: center;\n    height: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 40px;\n}\n\n.slide-image {\n    flex: 0 0 40%;\n    padding-right: 40px;\n}\n\n.slide-image img {\n    width: 100%;\n    height: 300px;\n    object-fit: cover;\n    border-radius: 8px;\n    filter: brightness(1.05) contrast(1.1);\n    box-shadow: 5px 5px 15px rgba(0,0,0,0.8);\n}\n\n.slide-text {\n    flex: 1;\n    padding-left: 20px;\n}\n\n.slide-text h3 {\n    font-size: 16px;\n    color: #666;\n    margin: 0 0 10px 0;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.slide-text h2 {\n    font-size: 28px;\n    color: #333;\n    margin: 0 0 20px 0;\n    font-weight: bold;\n}\n\n.slide-text p {\n    font-size: 16px;\n    color: #555;\n    line-height: 1.6;\n    margin-bottom: 25px;\n}\n\n.collezione-link {\n    color: #0073aa;\n    text-decoration: none;\n    font-weight: bold;\n    font-size: 16px;\n    transition: color 0.3s;\n}\n\n.collezione-link:hover {\n    color: #005a87;\n}\n\n\/* Navigazione verticale a destra *\/\n.carousel-navigation {\n    position: absolute;\n    right: 30px;\n    bottom: 30px;\n    display: flex;\n    flex-direction: column;\n    gap: 5px;\n}\n\n.carousel-prev, .carousel-next {\n    width: 40px;\n    height: 40px;\n    background: #000;\n    color: white;\n    border: none;\n    cursor: pointer;\n    font-size: 16px;\n    transition: background 0.3s;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.carousel-prev:active, .carousel-next:active,\n.carousel-prev:focus, .carousel-next:focus {\n    background: #000;\n    outline: none;\n}\n\n.carousel-prev:hover, .carousel-next:hover {\n    background: #666 !important;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n    .carousel-container {\n        height: auto;\n        min-height: 450px;\n    }\n    \n    .carousel-slide {\n        height: auto;\n        min-height: 450px;\n        padding-bottom: 20px;\n    }\n    \n    .slide-content {\n        flex-direction: column;\n        text-align: center;\n        padding: 20px;\n        height: auto;\n    }\n    \n    .slide-image {\n        flex: none;\n        padding-right: 0;\n        margin-bottom: 20px;\n    }\n    \n    .slide-image img {\n        height: 200px;\n    }\n    \n    .slide-text {\n        padding-left: 0;\n    }\n    \n    .slide-text h2 {\n        font-size: 22px;\n    }\n    \n    .slide-text h3 {\n        font-size: 14px;\n    }\n    \n    .slide-text p {\n        font-size: 14px;\n        margin-bottom: 20px;\n    }\n    \n    .carousel-navigation {\n        display: none;\n    }\n}\n<\/style>\n\n<script>\nlet currentSlide = 0;\nlet autoSlideTimer;\nconst slides = document.querySelectorAll('.carousel-slide');\nconst carousel = document.querySelector('.collezioni-carousel');\n\nfunction showSlide(n) {\n    slides[currentSlide].classList.remove('active');\n    currentSlide = (n + slides.length) % slides.length;\n    slides[currentSlide].classList.add('active');\n}\n\nfunction nextSlide() {\n    showSlide(currentSlide + 1);\n    resetTimer();\n}\n\nfunction previousSlide() {\n    showSlide(currentSlide - 1);\n    resetTimer();\n}\n\nfunction resetTimer() {\n    clearInterval(autoSlideTimer);\n    autoSlideTimer = setInterval(nextSlide, 5000);\n}\n\n\/\/ Touch\/Swipe support\nlet startX = 0;\nlet endX = 0;\n\ncarousel.addEventListener('touchstart', function(e) {\n    startX = e.touches[0].clientX;\n}, { passive: true });\n\ncarousel.addEventListener('touchend', function(e) {\n    endX = e.changedTouches[0].clientX;\n    handleSwipe();\n}, { passive: true });\n\nfunction handleSwipe() {\n    const swipeThreshold = 50;\n    const diff = startX - endX;\n    \n    if (Math.abs(diff) > swipeThreshold) {\n        if (diff > 0) {\n            nextSlide();\n        } else {\n            previousSlide();\n        }\n    }\n}\n\nautoSlideTimer = setInterval(nextSlide, 5000);\n<\/script>\n\n\n\n<section class=\"sponsors\">\n    <div class=\"overlay\">\n        <div class=\"container\">\n            <div class=\"client-slide swiper-container\">\n                <div class=\"swiper-wrapper\">\n                    <!-- Sponsor 1 -->\n                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/www.regione.sicilia.it\" title=\"Regione Siciliana\">\n                            <img decoding=\"async\" src=\"https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/wp-content\/uploads\/2016\/10\/01-Logo-regione-con-indicazione-Dipartimento_ridotto.png\" alt=\"Regione Siciliana\" loading=\"lazy\">\n                        <\/a>\n                    <\/div>\n                    <!-- Sponsor 2 -->\n                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/www2.regione.sicilia.it\/beniculturali\/\" title=\"Dipartimento BB CC\">\n                            <img decoding=\"async\" src=\"https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/wp-content\/uploads\/2016\/11\/Logo-dipartimento-BB-CC-trasparente.png\" alt=\"Dipartimento BB CC\" loading=\"lazy\">\n                        <\/a>\n                    <\/div>\n                    <!-- Sponsor 3 -->\n                    <div class=\"swiper-slide\">\n                        <a href=\"http:\/\/www.museoartecontemporanea.it\/museo_Riso\/\" title=\"R\">\n                            <img decoding=\"async\" src=\"https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/wp-content\/uploads\/2017\/01\/R.png\" alt=\"R\" loading=\"lazy\">\n                        <\/a>\n                    <\/div>\n                    <!-- Sponsor 4 -->\n                    <div class=\"swiper-slide\">\n                        <a href=\"http:\/\/www.museoartecontemporanea.it\" title=\"Museo regionale\">\n                            <img decoding=\"async\" src=\"https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/wp-content\/uploads\/2017\/01\/MUSEO-REGIONALE-ROSSO.png\" alt=\"Museo regionale\" loading=\"lazy\">\n                        <\/a>\n                    <\/div>\n                    <!-- Sponsor 5 -->\n                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/\" title=\"d\u2019A\">\n                            <img decoding=\"async\" src=\"https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/wp-content\/uploads\/2017\/01\/dA.png\" alt=\"d\u2019A\" loading=\"lazy\">\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* Stili per la sezione sponsor *\/\n.sponsors {\n    background: url('https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/wp-content\/uploads\/2024\/10\/Client_Img.jpg') no-repeat center center;\n    background-size: cover;\n    position: relative;\n    margin: 0; \/* Rimuove margini esterni *\/\n    padding: 0; \/* Rimuove padding esterni *\/\n    width: 100%;\n}\n\n.overlay {\n    background: rgba(0, 0, 0, 0.5); \/* Sovrapposizione scura *\/\n    margin: 0; \/* Rimuove margini *\/\n    padding: 20px 0; \/* Padding solo interno per il contenuto *\/\n    width: 100%;\n}\n\n.container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0;\n    text-align: center;\n}\n\n.container h2 {\n    color: #fff;\n    font-size: 2rem;\n    margin: 0 0 20px 0; \/* Margine solo sotto il titolo *\/\n}\n\n.client-slide {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 0;\n    padding: 0;\n}\n\n.swiper-slide {\n    text-align: center;\n}\n\n.swiper-slide img {\n    max-width: 100%;\n    height: auto;\n    transition: opacity 0.3s;\n}\n\n.swiper-slide img:hover {\n    opacity: 0.8;\n}\n\n\/* Effetto parallasse *\/\n.sponsors {\n    background-attachment: fixed; \/* Per un semplice effetto parallasse *\/\n}\n\n\/* Assicura che non ci siano spaziature indesiderate *\/\n.sponsors, .sponsors * {\n    box-sizing: border-box; \/* Include padding e bordi nelle dimensioni *\/\n}\n\n\/* Rimuove margini dai blocchi adiacenti (se necessario) *\/\n.wpb_row, .vc_row, .vc_row-fluid, .wpb_column, .vc_column_container, .vc_column-inner, .wpb_wrapper {\n    margin: 0 !important;\n    padding: 0 !important;\n}\n<\/style>\n\n<!-- Includi Swiper CSS e JS -->\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.css\" \/>\n<script src=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.js\"><\/script>\n\n<script>\n\/\/ Inizializza il carosello Swiper\ndocument.addEventListener('DOMContentLoaded', function () {\n    var swiper = new Swiper('.swiper-container', {\n        slidesPerView: 3, \/\/ Mostra 3 loghi alla volta\n        spaceBetween: 30, \/\/ Spazio tra i loghi\n        loop: true, \/\/ Loop infinito\n        autoplay: {\n            delay: 3000, \/\/ Cambia slide ogni 3 secondi\n            disableOnInteraction: false,\n        },\n        breakpoints: {\n            640: {\n                slidesPerView: 1, \/\/ 1 logo su schermi piccoli\n                spaceBetween: 20,\n            },\n            768: {\n                slidesPerView: 2, \/\/ 2 loghi su schermi medi\n                spaceBetween: 30,\n            },\n            1024: {\n                slidesPerView: 3, \/\/ 3 loghi su schermi grandi\n                spaceBetween: 30,\n            },\n        },\n    });\n});\n<\/script>\n\n\n\n<div class=\"map-section\" style=\"text-align: center; padding: 60px 0;\">\n    <h2>Dove siamo<\/h2>\n    <p>Visita il Museo d&#8217;Aumale<\/p>\n    \n    <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d762.0260706138852!2d13.079446835441436!3d38.153665037072855!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1319915f3b346419%3A0x3674b2a67b4e674b!2sPalazzo+d&#39;Aumale+Museo+regionale+di+Terrasini!5e0!3m2!1sit!2sit!4v1566563896022!5m2!1sit!2sit\" style=\"width: 100%; height: 450px; border: 0;\" allowfullscreen><\/iframe>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Un po&#8217; di storia &#8230; Il Museo Regionale di Palazzo d&#8217;Aumale nasce nell&#8217;Aprile 2001 dalla convenzione stipulata fra l&#8217;Assessorato Regionale BB.CC.AA. e P.I. e il Comune di Terrasini che da [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-209","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/wp-json\/wp\/v2\/pages\/209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/wp-json\/wp\/v2\/comments?post=209"}],"version-history":[{"count":84,"href":"https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/wp-json\/wp\/v2\/pages\/209\/revisions"}],"predecessor-version":[{"id":1968,"href":"https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/wp-json\/wp\/v2\/pages\/209\/revisions\/1968"}],"wp:attachment":[{"href":"https:\/\/www.museoartecontemporanea.it\/museo_dAumale\/wp-json\/wp\/v2\/media?parent=209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}