/* modifica del 01 0 2025 */

    .MenuTessutiTecnici {
            background: linear-gradient(135deg, #ffffff 0%, #f7f7f7 100%);
            border-radius: 12px;
            box-shadow: 0 8px 25px rgba(51, 51, 102, 0.1);
            padding: 30px;
            margin: 20px auto;
            border: 1px solid rgba(51, 51, 102, 0.1);
        }

        .MenuTessutiTecnici a {
            display: block;
            font-size: 18px;
            line-height: 1.4;
            color: #336;
            text-decoration: none;
            padding: 15px 20px;
            margin-bottom: 12px;
            border-radius: 8px;
            background: #ffffff;
            border: 2px solid transparent;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;
    font-weight: bold;        /* ← GRASSETTO */
    text-transform: uppercase; /* ← MAIUSCOLO */	
	text-align: left; 	
        }

        .MenuTessutiTecnici a::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(51, 51, 102, 0.05), transparent);
            transition: left 0.5s ease;
        }

        .MenuTessutiTecnici a:hover {
            color: #fff;
            background: linear-gradient(135deg, #336 0%, #4477aa 100%);
            border-color: #336;
            box-shadow: 0 5px 15px rgba(51, 51, 102, 0.3);
            transform: translateY(-2px);
        }

        .MenuTessutiTecnici a:hover::before {
            left: 100%;
        }

        .MenuTessutiTecnici a:active {
            transform: translateY(0px);
            box-shadow: 0 2px 8px rgba(51, 51, 102, 0.2);
        }

        .MenuTessutiTecnici a:focus {
            outline: none;
            box-shadow: 0 0 0 3px rgba(51, 51, 102, 0.3);
        }

        /* Icona freccia personalizzata */
        .MenuTessutiTecnici a::after {
            content: '→';
            font-size: 16px;
            float: right;
            opacity: 0.7;
            transition: all 0.3s ease;
        }

        .MenuTessutiTecnici a:hover::after {
            opacity: 1;
            transform: translateX(5px);
        }



        /* Responsive design */
        @media (max-width: 600px) {
            .MenuTessutiTecnici {
                margin: 10px;
                padding: 20px;
            }
            
            .MenuTessutiTecnici a {
                font-size: 16px;
                padding: 12px 15px;
            }
        }

        /* Animazione di caricamento */
        .MenuTessutiTecnici {
            animation: fadeInUp 0.6s ease-out;
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Stato attivo/corrente */
        .MenuTessutiTecnici a.active {
            background: linear-gradient(135deg, #336 0%, #4477aa 100%);
            color: #fff;
            border-color: #336;
        }





/* Elementi stili font esterni */
@font-face {
  font-family:'RalewayR';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway Regular'), local('Raleway_Regular'), local('RalewayR'),
       url('../font/raleway_regular.woff2') format('woff2'),
       url('../font/raleway_regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family:'RalewayM';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway Medium'), local('Raleway_Medium'), local('RalewayM'),
       url('../font/raleway_medium.woff2') format('woff2'),
       url('../font/raleway_medium.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family:'RalewayB';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway_Bold'), local('RalewayB'),
       url('../font/raleway_bold.woff2') format('woff2'),
       url('../font/raleway_bold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family:'RalewayBl';
  font-style: normal;
  font-weight: 900;
  src: local('Raleway Black'), local('Raleway_Black'), local('RalewayBl'),
       url('../font/raleway_black.woff2') format('woff2'),
       url('../font/raleway_black.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family:'PlayFairR';
  font-style: normal;
  font-weight: 400;
  src: local('PlayFair Regular'), local('PlayFair_Regular'), local('PlayFairR'),
       url('../font/playfair_regular.woff2') format('woff2'),
       url('../font/playfair_regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family:'PlayFairB';
  font-style: normal;
  font-weight: 900;
  src: local('PlayFair Black'), local('PlayFair_Black'), local('PlayFairB'),
       url('../font/playfair_black.woff2') format('woff2'),
       url('../font/playfair_black.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family:'PlayFairBI';
  font-style: normal;
  font-weight: 900;
  src: local('PlayFair Black Italic'), local('PlayFair_Black_Italic'), local('PlayFairBI'),
       url('../font/playfair_black_italic.woff2') format('woff2'),
       url('../font/playfair_black_italic.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* Elementi stili font */
* { border:0; margin:0; padding:0;}
a, .non_sottolineato {	text-decoration:none; }
table { border-spacing: 0px 0px; }
.nero, .link_00 { color:#000000; }
.bianco, .link_01 { color:#ffffff; }
.blu_00, .link_02 { color:#333366; }
.blu_01, .link_01:hover { color:#9999cc; }
.blu_02, .link_03 { color:#8cabdd; }
.sfondo_bianco { background:#ffffff; }
.sfondo_nero { background:#000000; }
.sfondo_blu_00 { background:#333366; }
.sfondo_blu_01 { background:#eaeaef; }
.assoluto { position:absolute; }
.relativo { position:relative; }
.fisso { position:fixed; }
.origine { top:0px; left:0px; }
.totale { width:100%; height:100%; }
.largo { width:100%; }
.alto { height:100%; }
.meta { width:50%; }
.centrato { margin:auto; }
.chiusura { position:relative; clear:both; }
.destra { float:right; }
.tabella { display:table; }
.cella { display:table-cell; vertical-align:middle; }
.txt_centro { text-align:center; }
.txt_destro { text-align:right; }
.txt_sinistro { text-align:left; }
.txt_alto { vertical-align:top; }
.giustificato { text-align:justify; }
.minuscolo { text-transform:lowercase; }
.maiuscolo { text-transform:uppercase; }
.sottolineato { text-decoration:underline; }
.grassetto { font-weight:bold; }
.corsivo { font-style:italic; }
.invisibile { visibility:hidden; }
.nascosto { display:none; }
.limitato { overflow:hidden; }
.cursore { cursor:pointer; }
.font_zero { font-size:0px; line-height:0px; }
.fade { filter: alpha(opacity=00); opacity:.00; visibility:hidden; }
.sprite { background:url(../img/sprite.png) no-repeat; overflow:hidden; }
.loader { background:#ffffff url(../img/loading.gif) center no-repeat; }
.opaco_00 { filter: alpha(opacity=85); opacity:.85; }
body { font-family:"RalewayM"; font-size:0px; line-height:0px; -webkit-text-size-adjust:100%; background:#ffffff; color:#333366; z-index:0; }
h1, h2, h3, h4, h5, h6 { font-size:0px; line-height:0px; font-weight:normal; }
.ral_r { font-family:"RalewayR"; }
.ral_m { font-family:"RalewayM"; }
.ral_b { font-family:"RalewayB"; }
.ral_bl { font-family:"RalewayBl"; }
.pla_r { font-family:"PlayFairR"; }
.pla_b { font-family:"PlayFairB"; }
.pla_bi { font-family:"PlayFairBI"; }
.testo_small { font-size:12px; line-height:15px; }

/* generali layout */
div#schermo, div#sfondo_cookie { min-width:1260px; }
div#sfondo_cookie, div#box_cookie { display:none; overflow:hidden; }
div#sfondo_cookie, div#box_cookie, div#box_cookie table { height:100px; }
div#capo { width:1260px; }
div.chiudi { width:26px; height:26px; background:url(../img/icona_chiudi.png) no-repeat; cursor:pointer; }
div#box_cookie img { margin-right:38px; }
table#box_testata { font-size:12px; line-height:normal; }
table#box_testata td.laterale { width:350px; height:82px; }
table#box_testata span { padding-left:10px; }
div.maschera_bianca { width:1264px; height:47px; margin-left:-2px; background:url(../img/maschera_foto.png) no-repeat; }
div.box_maschera { bottom:-1px; }
div#box_maschera_01 { top:-14px; transform:rotate(180deg); }
div#box_maschera_02 { top:-45px;  }
img#logo { bottom:-34px; left:50%; margin-left:-190px; }
img#logo_01 { top:-96px; left:50%; margin-left:-190px; }
div#logo_fb { width:24px; height:24px; margin-left:5px; background:url(../img/logo_fb.png) no-repeat; background-size:100% auto; }
div#logo_in { width:24px; height:24px; margin-left:5px; background:url(../img/logo_in.png) no-repeat; background-size:100% auto; }
div.box_menu { width:100%; height:36px; font-size:16px; line-height:36px; display:none; }
table#menu td { height:36px; padding:0px 45px 0px 45px; }
div#smenu { top:38px; right:0px; padding-left:15px; }
div.box_smenu_it { width:690px; }
div.box_smenu_en { width:720px; }
h1.titolo_pagina { font-size:66px; line-height:66px; margin-bottom:65px; }
h2#titolo_prodotti { font-size:66px; line-height:66px; margin:70px 0px 95px 0px; }
div.separatore { position:relative; width:286px; height:1px; background:#333366; }
div.testo { position:relative; font-size:18px; line-height:30px; }
div.testo h4 { font-size:24px; line-height:30px; text-align:center; }
div.box_footer_small { height:200px; margin-top:150px; }
div.box_footer_small div#testo_footer { height:196px; background:#ff0000 url(../img/logo_flli_graziano.png) no-repeat; }
div.box_footer_small div#dati_footer { display:none; }
div.box_footer_big { height:500px; margin-top:100px; }
div.box_footer_big div#testo_footer { height:285px; padding-top:190px; background:url(../img/logo_footer_flli_graziano.png) no-repeat; }
div#testo_footer { top:-96px; left:50%; width:380px; font-size:14px; line-height:20px; text-align:center; margin-left:-190px; }
div#testo_footer table { margin:auto; }
div#box_foto_footer { background:url(../img/foto_footer.jpg) center no-repeat; }
div#box_crediti { height:54px; font-size:12px; line-height:54px; margin:auto; }
div#box_credits { bottom:0px; width:100%; font-size:10px; line-height:24px; }

/* login */
div#griglia_login { top:0px; right:0px; padding:12px; }
div#box_login { width:356px; font-size:14px; line-height:24px; padding:0px 0px 9px 0px; border:solid 1px #333366; }
div#box_login p.maiuscolo { font-size:18px; line-height:33px; }
div.pulsante_login { position:relative; width:250px; height:24px; text-align:center; margin:15px auto 15px auto; border:solid 1px #adadc2; cursor:pointer; }

/* homepage */
div#box_foto_home { height:466px; background:url(../img/foto_home.jpg) center no-repeat; }
h1#titolo_home { margin-top:96px; }
p#testo_home_00 { width:820px; margin:60px auto 50px auto; }

/* generali interne */
div#box_foto_interne { height:234px; background:url(../img/foto_home.jpg) center 90% no-repeat; }
div#box_indice_prodotti { margin-bottom:165px; }
div.box_prodotto { position:relative; width:410px; height:425px; float:left; }
div.box_margine { margin-left:15px; }
div#prodotto_ricamo { background:url(../img/ricamo_home.jpg) no-repeat; }
div#prodotto_casa { background:url(../img/casa_home.jpg) no-repeat; }
div#prodotto_satini { background:url(../img/satini_home2025.jpg) no-repeat; }
div.box_prodotto table { position:absolute; bottom:-65px; left:50%; width:330px; height:160px; margin-left:-165px; background:url(../img/cornice.png) no-repeat; z-index:20; }
div.box_prodotto table h3 { font-size:33px; line-height:36px; }
div.icona_registrati { position:relative; width:99px; height:99px; margin:17px auto 160px auto; background:url(../img/icona_reg.png) center no-repeat; cursor:pointer; }
input, select, textarea { font-family:"RalewayR"; font-size:18px; line-height:21px; color:#333366; background:#dae6fa; }
input { padding:0px 5px 0px 5px; }
input.campo_00,div.campo_00 { width:440px; }
input.campo_01 { width:280px; font-size:14px; line-height:17px; padding:4px 5px 4px 5px; background:#eaeaef; }
input.bordo { width:40px; text-align:center; border:solid 1px #adadc2; }
textarea.campo_00 { width:650px; height:150px; margin-top:8px; border:solid 1px #adadc2; }
select.campo_00 { width:450px; }
table#box_pulsanti div { position:relative; width:120px; height:30px; line-height:30px; margin:0px 20px 0px 20px; cursor:pointer; border:solid 1px #adadc2; }
img#foto_satini { margin:0px auto 60px auto; }

/* azienda */
div#box_testo_azienda { padding:60px 0px 50px 0px; }
div#box_foto_azienda { position:relative; margin:60px 0px 26px 0px; }
div#box_foto_azienda div.blocco { position:relative; width:303px; height:303px; float:left; }
div#foto_azienda_00 { background:url(../img/azienda_00.jpg) no-repeat; }
div#foto_azienda_01 { margin-left:16px; background:url(../img/azienda_01.jpg) no-repeat; }
div#foto_azienda_02 { margin-left:16px; background:url(../img/azienda_02.jpg) no-repeat; }
div#foto_azienda_03 { margin-left:16px; background:url(../img/azienda_03.jpg) no-repeat; }

/* prodotti */
table#griglia_prodotti { width:1170px; margin:75px auto 0px auto;}
table#griglia_prodotti td.blocco_prodotto { vertical-align:top; padding-bottom:50px; }
table#griglia_prodotti td#griglia_sx { width:450px; padding-right:60px; }
table#griglia_prodotti div.foto_prodotto_big { position:relative; width:450px; height:450px; margin:90px 0px 70px 0px; border-radius:50%; }
div#box_testo_prodotti p { margin-top:51px; }
p#testo_prodotti_00 { width:900px; margin:0px auto 58px auto; }
p#testo_casa_00 { padding:30px 0px 0px 60px; }
div#separatore_prodotti { height:80px; }
table#griglia_prodotti div.foto_prodotto { position:relative; width:212px; height:212px; margin:4px; }
table#griglia_prodotti div.foto_prodotto2018 { position:relative; width:517px; height:335px; margin:4px; }

div#prodotto_ricamo { background:url(../img/ricamo.jpg) no-repeat; }
div#foto_ricamo_00 { background:url(../img/ricamo_00.jpg) no-repeat; }
div#foto_ricamo_01 { background:url(../img/ricamo_01.jpg) no-repeat; }
div#foto_ricamo_02 { background:url(../img/ricamo_02.jpg) no-repeat; }
div#foto_ricamo_03 { background:url(../img/ricamo_03.jpg) no-repeat; }
div#prodotto_casa { background:url(../img/casa.jpg) no-repeat; }
table#box_foto_casa { margin:50px 0px 0px -4px; }
div#foto_casa_00 { background:url(../img/casa_00.jpg) no-repeat; }
div#foto_casa_01 { background:url(../img/casa_01.jpg) no-repeat; }
div#foto_casa_02 { background:url(../img/casa_02.jpg) no-repeat; }
div#foto_casa_03 { background:url(../img/casa_03.jpg) no-repeat; }
div#box_testo_tecnici { width:900px; margin:78px auto 0px auto; }
div#box_testo_tecnici p { margin:55px 0px 60px 0px; }

/* registrazione */
div#griglia_form { width:900px; }
div#box_foto_registrazione { height:234px; background:url(../img/foto_registrazione.jpg) center no-repeat; }
div#box_foto_footer_02 { background:url(../img/foto_registrazione.jpg) center no-repeat; }
table.modulo { font-size:18px; line-height:21px; }
table.inizio_modulo { margin-top:54px; }
table.modulo tr.intestazione { font-family:"RalewayBl"; text-transform:uppercase; }
table.modulo td.separatore_modulo { height:15px; font-size:0px; line-height:0px; border:none; padding:0px; }
table.modulo td.separatore_interno { padding-right:10px; border:none; }
table.modulo td { padding:13px 0px 3px 0px; border-bottom:solid 1px #8585a3; }
table.modulo td.nome_campo { width:210px; }
table.modulo p { width:650px; }
table#box_avviso { font-size:14px; line-height:20px; }
table#box_avviso table { border-radius:10px; }
table#box_avviso p { padding:20px; display:none; }
table#box_avviso span { font-size:18px; line-height:30px; font-family:"RalewayBl"; }

/* catalogo */
table#menu_catalogo { width:300px; font-size:18px; line-height:18px; }
table#menu_catalogo td { padding:10px 0px 10px 0px; border-bottom:solid 1px #333366; }
table#menu_catalogo div.liv_2 { font-size:14px; line-height:20px; margin-top:10px; display:none; }
.view { display:block !important; }
table#menu_catalogo div.voce:hover { background:url(../img/icona_menu.png) 90% center no-repeat; }
div#box_pdf { width:346px; height:101px; background:url(../img/icona_pdf.png) right no-repeat; }
div#box_pdf p { font-size:18px; line-height:101px; padding-right:26px; }
div#box_pdf a { color:inherit; }
table#box_indice_catalogo { margin-top:78px; }
table#box_indice_catalogo td { vertical-align:top; }
table#box_indice_catalogo td#box_menu_catalogo { width:354px; }
table#box_indice_catalogo td#indice_catalogo { width:906px; }
div.indice_catalogo { position:relative; width:272px; height:425px; margin-left:30px; float:left; }
div.indice_catalogo div.box_foto_indice { position:relative; width:272px; height:272px; overflow:hidden; }
div.indice_catalogo h2 { width:100%; height:21px; font-size:18px; line-height:21px; font-family:"RalewayBl"; text-transform:uppercase; margin:21px 0px 15px 0px; overflow:hidden; }
div.indice_catalogo div.testo_catalogo { width:100%; height:64px; font-size:14px; line-height:16px; overflow:hidden; }
table#paginazione { font-size:18px; line-height:21px; padding-top:29px; margin:0px 0px 50px 30px; border-top:solid 1px #333366; }
table#paginazione td { padding-right:10px; }
table#paginazione span { padding-left:10px; }
table#paginazione span.pagina_attiva { font-family:"RalewayBl"; }
table#paginazione a.freccia_na{ opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30); }

table#griglia_dettaglio_articolo td#box_foto_dettaglio_articolo { width:426px; }
table#griglia_dettaglio_articolo td#box_dati_articolo { width:480px; font-size:14px; line-height:17px; }
table#griglia_dettaglio_articolo div#foto_dettaglio_articolo { width:385px; height:385px; }
table#griglia_dettaglio_articolo h1, table#griglia_dettaglio_articolo h3 { font-size:18px; line-height:18px; }
table#griglia_dettaglio_articolo h2 { font-size:14px; line-height:17px; margin:25px 0px 20px 0px; }
table#griglia_dettaglio_articolo div#box_dettagli_tecnici { border-top:solid 1px #333366; }
table#griglia_dettaglio_articolo div.voce_dettaglio { margin:10px 0px 12px 0px; }
table#griglia_dettaglio_articolo div.voce_dettaglio b, table#griglia_dettaglio_articolo div.voce_dettaglio strong, table#back_catalogo b { font-weight:normal; font-family:"RalewayB"; }
table#griglia_dettaglio_articolo td.box_intestazione_dettaglio { font-family:"RalewayBl"; text-transform:uppercase; padding:32px 0px 20px 0px; border-bottom:solid 1px #333366; }
table#griglia_dettaglio_articolo div.box_testo_dettaglio { font-size:14px; line-height:24px; margin:30px 0px 1px 0px; }
table#griglia_dettaglio_articolo div.box_variante { position:relative; width:138px; margin:37px 6px 0px 6px; float:left; }

table#griglia_dettaglio_articolo div.foto_variante { position:relative; width:138px; height:138px; margin-bottom:4px; overflow:hidden; }
table#griglia_dettaglio_articolo div.codice_variante, table#griglia_dettaglio_articolo div.dati_variante { position:relative; width:100%; height:20px; line-height:20px; overflow:hidden; }
table#griglia_dettaglio_articolo div.codice_variante { font-size:12px; text-transform:uppercase; }
table#griglia_dettaglio_articolo div.dati_variante { font-size:11px; }

table#back_catalogo { font-size:18px; line-height:21px; padding-top:29px; margin:40px 0px 45px 0px; border-top:solid 1px #333366; }
table#back_catalogo  td { padding-right:100px; }

div.indice_catalogo h2 a { color:#000; }
div.indice_catalogo h2 a:hover { text-decoration:underline; }
.mr5 { margin-right:5px; }

/* contatti */
div#box_foto_footer_01 { background:url(../img/foto_footer.jpg) center no-repeat; }
table#box_info_contatti { margin-top:88px; }
table#box_info_contatti td.griglia { width:50%; }
div#box_mappa { width:490px; height:488px; border:solid 1px #333366; }
table#box_info_contatti table { width:300px; height:100%; border-top:solid 1px #333366; }
table#box_info_contatti table td { height:50%; font-size:18px; line-height:30px; border-bottom:solid 1px #333366; }