@charset "utf-8"; /* CSS Document */ body {margin:0; padding:0; font-family: 'Ropa Sans', sans-serif; font-family: 'Roboto Condensed', sans-serif; font-size:15px; } .wrapper {width:1190px; margin:auto} .mobile {display:none} #top-login {float:right; margin:5px 0 0 0px; z-index:9999 } #top-login a {text-decoration:underline; padding:0 5px} #top-lingua {float:left; margin:3px 10px 0 0px; z-index:9999 } #top-lingua a {text-decoration:underline; padding:0 5px} input[type=submit]:hover {cursor:pointer} img {border:0} form {padding:0; margin:0} .radio {width:20px !Important; border:0 !important} .submit {} .submit_cancella { background:#ccc !important; color:#222 !important; padding:10px;} .submit_ok { background:#009900 !important; color:#fff !important; padding:10px;} .submit_ko { background:#c00!important; color:#fff !important; padding:10px;} .verde {color:#090} .rosso {color:#c00} .ok {background:#060} .ko {background:#900} .ok, .ko {color:#fff; padding:2px 5px} input, select { -moz-border-radius: 2px; -webkit-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px; padding:5px } .scheda-marca img {border:1px solid #ccc; height:40px; margin-bottom:20px} .disponibile, .disponibile_bianco, .non_disponibile, .spedizioni-carte, .tnt12express, .spedizioni-gratuita, .prezzo_online, .bollino_novita, .codice, .bollino_saldo, .tasso-zero-consel, .bollino_ribasso, .info, .bollino_liquidazione, .bollino_usato_ottimo, .bollino_usato_buono, .bollino_usato_discreto, .vedi-dettagli, .avviso { color:#fff; padding:5px 5px 5px 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; /* per IE */ /*font-weight:bold;*/ font-weight:normal; font-size:14px; } .disponibile,.tnt12express, .spedizioni-carte { padding:5px 0; text-align:center} .scheda-status {} .scheda-status ul {margin:0; padding:0; } .scheda-status li {margin:5px 1% 5px 1%; width:47%; float:left; } .scheda-status li a {color:#333 !important} .bollino_liquidazione a, .bollino_usato_ottimo a, .bollino_usato_buono a, .bollino_usato_discreto a {color:#fff !important} .prezzo_online a {color:#fff !important} .scheda-titolo h1 span { font-size: 0.5em; vertical-align: top; } .disponibile, .tnt12express, .spedizioni-carte { color:#111; background:#fff; border:1px solid #ccc; } .disponibile_bianco {color:#000 !important; font-weight:normal} .non_disponibile {background-color:#c00} .non_disponibile a {color:#fff !important} .disponibile, .spedizioni-carte {background:url(../icone/quad_verde.png) no-repeat left !important} .tnt12express {background:url(../icone/quad_arancio.png) no-repeat left !important;} .disponibile, .spedizioni-carte, .tnt12express { background-size:auto 40% !important; background-position:10px !important} .spedizioni-gratuita {color:#090; padding:0px; font-weight:bold } .codice {color:#333; padding-left:0} .prezzo_online {background-color:#990000} .info {background-color:#D9F0FF; color:#004F89 !important; } .tasso-zero-consel {padding-left:4px; color:#ddebf6; background-color: #032668; } .tasso-zero-consel {padding:1px 4px 1px 4px} .vedi-dettagli {} .sara_spedito {color:#444; line-height:100%; text-align:center !important; margin:20px 0; padding:10px 0; border:1px solid #ccc; background:#eee; font-weight:normal; font-size:15px !important} .scheda-banner {margin:10px 0; text-align:center; border:1px solid #ccc} .tasso-zero-consel-scheda { color:#FF0000; font-weight:bold; text-transform:uppercase; font-size:15px; padding:5px !important} .bollino_liquidazione {background-color:#2caffe; } .bollino_usato_ottimo {background-color:#0b9a66; } .bollino_usato_buono {background-color:#690; } .bollino_usato_discreto {background-color:#ffc000; } .bollino_novita {background-color:#EF1114; } .bollino_saldo {color:#000 !important; background-color:#FEF41C;} .bollino_ribasso {background-color:#1C92FE;} p {font-size:15px; line-height:160%} small {font-size:10px} .riga1 { background:#eee} a.rss {background:url(../immagini/icone/rss.gif) right no-repeat; padding-right:18px; margin-right:2px} a.confronta {background:url(../immagini/icone/confronto_Schede.gif) left no-repeat; padding:2px 0 2px 16px; } .testostandard {font-size:12px !important} .testo9red {font-size:10px !important; color:#990000} .testopiccolo {font-size:9px !important} #scheda_strumenti a {padding:10px; padding-left:0px;border:0; color:#666666; text-decoration:none;font-weight:bold} a.pdf, a.doc, a.zip, a.collegamento, a.mail, a.confronta, a.print, .mail, .griglia, .testo, .esteso { padding:10px; padding-left: 20px !important;border:0; color:#666666; text-decoration:none; font-weight:bold } a:hover.pdf, a:hover.doc, a:hover.zip, a:hover.collegamento, a:hover.mail, a:hover.confronta, a:hover.print, #scheda_strumenti a:hover {color:#CC0000} .mail {background: url(../immagini/icone/mail.gif) no-repeat center left;} a.mail {background: url(../immagini/icone/mail.gif) no-repeat center left;} a.print {background: url(../immagini/icone/print.png) no-repeat center left;} a.pdf {background: url(../immagini/icone/pdf.gif) no-repeat center left;} a.doc {background: url(../immagini/icone/doc.gif) no-repeat center right;} a.zip {background: url(../immagini/icone/zip.gif) no-repeat center right;} a.collegamento {background: url(../immagini/icone/esterno.gif) no-repeat center left;} a.collegamento2 {padding-right: 20px;background: url(../immagini/icone/esterno.gif) no-repeat center right;border:0} .griglia {background:url(../immagini/icone/10x10/calendar.gif) no-repeat bottom left; } .testo {background:url(../immagini/icone/10x10/list_unordered.gif) no-repeat bottom left;} .esteso {background:url(../immagini/icone/10x10/comment_left.gif) no-repeat bottom left;} h1 {font-size:28px; font-weight:bold } #tutto {/*max-width:1090px; min-width:996px; width:1090px; */ width:1150px; background: #fff; margin:auto; padding:10px 20px 20px 20px; margin-top:10px ; } #testata, #bannerone, #bannerone_sotto, #corpo, #footer { width:100%} #info {width:100%} #centro-contieni{ float: left; width: 100%; } #centro{ margin-right:209px; margin-left:186px; height:190px; margin-top:10px; } #sinistra, #sinistra2 { float: left; width: 225px; margin-left: -100%; margin-top:10px; } #destra{ float: left; width: 200px; margin-left: -200px; margin-top:10px; } #centro-destra { padding-left:261px; } #centro-sinistra-interna { margin-right:211px; margin-top:10px; } #destra-interna {float:right; } #bannerone, #bannerone_sotto {/*height:50px; background:#eee;*/ margin-top:5px; text-align:center} .numero_articoli {font-size:10px !important; font-weight:normal} h2 a, h2 a:visited {font-weight:bold; color:#333; text-decoration:none} h2 a:hover { color:#C72404;} h4 {font-size:14px; font-weight:bold; padding:0; margin:3px 0 3px 0} #testata {z-index:9999;} #testata h4 {color:#fff} #testata_logo_e_banner {padding-top:4px;padding:0;} #testata_areariservata h2 a { color:#666} #testata_logo { width:290px; height:62px; } #testata_logo img { height:62px} #testata_logo {float:left; text-align:left } #testata_banner {float:left} #testata_clienti {margin-right:0px; float:right; padding-bottom:10px } #testata_logo span { display:none} #testata_clienti a { text-decoration:none; color:#ccc} #testata_clienti a:hover { color:#990000} #testata_clienti h2 {font-size:10px !important; padding:0; margin:0; color:#666; } #testata_clienti h3 {font-size:12px !important; padding:0; margin:0; color:#666; padding-bottom:5px; border-bottom:1px solid #ccc;} #testata_clienti .clienti h2 {} #testata_clienti .clienti {width:31%; float:left; } #testata_clienti .rivenditori {width:32%; float:left; border-left:1px #ccc dotted; padding-left:1%} #testata_clienti .enti {width:34%; float:left; border-left:1px #ccc dotted; padding-left:1%} #testata_clienti .benvenuto {font-size:10px !important;} #testata_login {color:#646464; font-size:10px; text-align:left; padding-left:3px; padding-right:3px; margin:0; margin-bottom:5px; float:right; border-left:1px solid #666; padding-left:5px } #testata_login td {font-size:10px; color:/*#CACACA*/ #666; font-weight:normal} #testata_login a {color:#BBBBBB; font-size:10px; text-decoration:none; font-weight:bold} #testata_login a:hover {color:#C72404;} #testata_login input {border:1px solid #CACACA; width:118px !important; font-size:10px; margin-bottom:1px; } #testata_login input:focus, #testata_login input.sffocus {background:#FCFB00;} /* BOLLINI */ .bollino-ribasso, .bollino-novita, .bollino-ribasso-griglia, .bollino-novita-griglia, .bollino-ribasso-piccolo, .bollino-novita-piccolo {z-index:150; background-repeat:no-repeat; } .bollino-ribasso, .bollino-novita {position:absolute; top:0; left:0;} .bollino-ribasso-griglia, .bollino-novita-griglia, .bollino-ribasso-piccolo, .bollino-novita-piccolo {position:absolute; } .bollino-ribasso, .bollino-novita {width:139px; height:139px; } .bollino-ribasso-griglia, .bollino-novita-griglia { width:100px; height:100px; } .bollino-ribasso-piccolo, .bollino-novita-piccolo { width:70px; height:70px; } .bollino-ribasso {background:url(../immagini/bollini/ribasso_big.png);} .bollino-novita {background:url(../immagini/bollini/novita_big.png);} .bollino-ribasso-griglia {background:url(../immagini/bollini/ribasso_griglia.png); } .bollino-novita-griglia {background:url(../immagini/bollini/novita_griglia.png) } .bollino-ribasso-piccolo {background:url(../immagini/bollini/ribasso_piccolo.png); } .bollino-novita-piccolo {background:url(../immagini/bollini/novita_piccolo.png) } /* migliori_proposte*/ #migliori_proposte li {width:50%; float:left; margin-top:20px} .migliori_proposte {margin:0 15px 0px 0; border:1px solid #ccc; border-radius:2px; padding:10px; height:250px} #migliori_proposte h2 {line-height:140% } #migliori_proposte h2:first-letter { text-transform: uppercase; font-size:18px; } #migliori_proposte p {line-height:140%} #layoutpage_filtro {background:#eeee; padding:10px 0 10px 10px; border:1px solid #ccc} #layoutpage_filtro ul { margin:0; padding:0} #layoutpage_filtro li a { color:#222} #layoutpage_filtro li { margin:0; padding:10px 0; border-top:1px solid #ddd} #layoutpage_filtro li:first-child {border:0} #layoutpage_filtro .selezionato { color:#fff !important; background:#111; padding-left:10px; border-top:0px} .migliori_proposte_banner { height:150px} .migliori_proposte_banner img { width:100%; height:100%} /* centro_offerte */ #centro_offerte { /*border:2px solid #900; margin-top:10px; margin-bottom:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px; */} #centro_offerte #prodotti {margin:auto; } #centro_offerte #prodotti ul { list-style:none !important; margin:auto} #centro_offerte #prodotti li {float: left; list-style:none !important; width:33%; /*background:#ccc*/} #centro_offerte #prodotti li:last-child {width:34%} #centro_offerte h3 { font-size:14px; text-transform:uppercase; margin:7px 0 5px 5px;} #centro_offerte .prezzo { font-size:15px; font-weight:bold; margin-top:10px} #centro_offerte h3 a { color:#333; } #centro_offerte h3 a:hover { color:#c00;} #centro_offerte p { font-size:13px; height:50px} #centro_offerte td, #centro_offerte th { font-size:16px; } #centro_offerte th { padding:10px !Important } #centro_offerte a {text-decoration:none} #centro_offerte #prodotti-fotina { width:100%; background:#fff; height:100px} #centro_offerte img {height:100px} #centro_offerte #prodotti h3 { height:50px; padding:0 10px} #centro_offerte #prodotti li { text-align:center; } #top_vendite { border:1px solid #ccc; margin:20px 0; -moz-border-radius: 1px; -webkit-border-radius: 1px;-khtml-border-radius: 1px;border-radius: 1px; } #top_vendite .prezzo { font-size:14px; font-weight:bold; } #top_vendite h3 { margin:10px 0 5px 0; padding:0 5px;} #top_vendite h3 a { color:#333; text-decoration:none } #top_vendite h3 a:hover { color:#c00;} /* centro_marche */ #centro_marche { margin:70px auto; } #centro_marche h3 { font-size:14px; margin:7px 0 5px 5px; } #centro_marche h3 { color:#9d0102; font-size:16px; text-transform:none; font-weight:bold;} #centro_marche ul {padding:0; margin:0; list-style:none} #centro_marche li {padding:0; margin:0; float:left;width:12.5%; text-align:center; } #centro_marche li div {border-radius: 5px; border:1px solid #ccc; width:90%; margin:auto; padding:10px 0} #centro_marche li:last-child {margin-right:0 !important} #centro_marche span {display:none} #centro_tutto {width:817px; margin:auto; float:left; text-align:left} .sinistra_usato {width:200px !important} .centro_tutto_usato {width:767px !important} #centro_tutto h2 {font-size:24px; color:#666666; margin-bottom:5px} #centro_tutto p {font-size:13px} #centro_cento {width:980px; margin:auto; float:left} #centrointerno {width:617px;argin:auto; margin-left:5px; float:left} #centro-destra-news { padding:0; margin:0; text-align:left; padding:0; margin-bottom:5px; border-bottom:0px solid #ccc} #prima-pagina {width:100%; /*height:29px;*/ z-index:9999; text-align:left;} #prima-pagina td { color:#c00; font-size:13px;} #nastro{overflow:hidden; text-align:left; margin:0; padding:0; font-weight:bold; } #nastro,#nastro li{height:16px; font-size:13px; } #nastro ul{ margin:0 !important; padding:0 !important; text-align:left} #nastro li{border:0; margin:0; padding:0; list-style:none; font-weight:normal;} #nastro li{padding:0px;list-style:none;} #nastro li a {color:#333; text-decoration:none; font-weight:normal; border-bottom:1px dotted #666} #nastro li a:hover { color:#990000; text-decoration:none; font-weight:normal} .pulisci {clear:both} #testata_puntivendita, #side_bar_punti_vendita { background-color: #333333; background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#111111)); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#333333',EndColorStr='#111111'); padding:0px; margin:0; list-style:none; margin:0; text-align:left; color:#FFFFFF; padding:10px 0; margin:3px 0 00px 0; text-align:center !important; font-size:14px} /* TESTATA */ #testata_puntivendita ul, #side_bar_punti_vendita ul { list-style:none; } #testata_puntivendita li, #side_bar_punti_vendita li { display:inline; padding:0px 10px 0 0px; margin:0 5px; letter-spacing:normal; border-right:1px solid #444; text-transform:uppercase} #testata_puntivendita li:first-child, #side_bar_punti_vendita li:first-child {border:0} #testata_puntivendita li:last-child, #side_bar_punti_vendita li:last-child {border:0; margin-right:0} #testata_puntivendita li a, #side_bar_punti_vendita li a { color:#FFFF00 !important; text-decoration:none;} #testata_puntivendita li a:hover, #side_bar_punti_vendita li a:hover { text-decoration:underline} #testata_puntivendita .accedi { padding-left:16px; margin:0; background:url(../immagini/icone/16x16/users.png) no-repeat } #testata_puntivendita .registrati { padding-left:16px; margin:0; background:url(../immagini/icone/16x16/pen.png) no-repeat } #testata_puntivendita .registrati a {color:#ccc;} #testata_assistenza span { display:none} #testata_assistenza a {width:219px; height:68px; display:block } /* TESTATA MENU */ #testata_menu { } #testata_navigatio { padding:0; margin:5px 0 5px 2px; list-style:none; float:left; width:100%; text-align:left;} #testata_navigatio ul { list-style:none; margin:0; padding:0; padding:0px} #testata_navigatio li { display:inline; color:#333; border-right:0px solid #eee; margin:0px; padding:0 1px; font-size:13px; text-transform:none} #testata_navigatio li a { color:#666666; text-decoration:none; } #testata_navigatio li a:hover { color:#C72404;} #testata_navigatio li:last-child { border-right:0 !Important; margin-right:0px !Important; padding-right:0px !Important;} #testata_navigatio .ch {background:url(/immagini/icone/ch.png) left no-repeat; padding-left:16px} #testata_navigatio2 {padding:5px 0 0px 0; list-style:none; margin:0; float:left; width:100%; margin-bottom:0px; margin-top:0px; text-align:left; border-top:1px solid #ccc} #testata_navigatio2 ul { list-style:none; margin:0; padding:0; padding:3px} #testata_navigatio2 li { display:inline; color:#333; border-right:1px solid #ccc; margin-right:4px; padding-right:3px} #testata_navigatio2 li a { color:#666666; text-decoration:none; font-weight:bold} #testata_navigatio2 li a:hover { color:#C72404;} #testata_navigatio2 li:last-child { border-right:0 !Important; margin-right:0px !Important; padding-right:0px !Important;} #testata_navigatio-social {width:85px; float:left; text-align:right; margin:0 0 0 5px; display:none} #testata_navigatio-social img {width:18px; height:18px} /* CERCA */ #testata_cerca {margin:0px 0px 0 300px; padding-top:5px; list-style:none; text-align:left; } /* TESTATA-CERCA */ #testata-cerca-contieni {border:4px solid #fff; padding:0 5px 5px 10px; margin-right:10px; margin-top:2px; background:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;} #testata_cerca_modulo { float:left; margin-left:0px} #testata_cerca_prodotti {width:100%; } #testata_cerca_prodotti h4 {color:#FF0; margin:14px 0 0 6px; font-size:13px} #testata_cerca a {color:#BBBBBB; font-size:10px; text-decoration:none; font-style:italic} #testata_cerca a:hover {color:#eee;} #testata_cerca td, #testata_cerca tr {border:0px !important} #testata_cerca select { height:26px; margin-top:6px; padding:0; color:#555} #criterio {height:16px; padding:5px; margin-top:6px; width:97%; font-size:16px; color:#666; border:0;padding-left:10px;} #criterio input { color:#666 !important;} #testata-cerca-contieni .cercavai { width:auto !important; padding:0 10px; cursor:hand; height:26px; margin-top:6px; color:#fff; text-indent:-9999px } #testata-cerca-contieni .cercavai { background:url(../immagini/icone/search.png) top right no-repeat; background-size:auto 100% } #testata-bannerone a {width:100%; height:50px; display:block} .cerca { padding-left:0px; margin:0; } .newsletter { padding-left:0px; margin:0; margin:3px 0 3px 0; background:#fff } .cercavai_sinistra { border:0px; background:url(../immagini/icone/16x16/search1.png) no-repeat left bottom; width:16px !important } .cercavai, .cercavai_sinistra {border:0 !important; } #sinistra_cerca {color:#646464; font-size:10px; text-align:left; background:#F2F2F2; padding-left:3px; padding-right:3px; margin:0; margin-bottom:5px;} #sinistra_cerca a {color:#BBBBBB; font-size:10px; text-decoration:none; font-style:italic} #sinistra_cerca a:hover {color:#C72404;} #sinistra_cerca input {border:1px solid #CACACA; width:125px} #sinistra_cerca input:focus, #sinistra_cerca input.sffocus {background:#FCFB00;} /* SINISTRA */ #sinistra h3, #destra h3, #sinistra2 h3, { color:#333; padding:0; margin:0; padding:3px; font-size:10px; } #destra h3 {background:url(../immagini/centro/testatina_sx.jpg) no-repeat; } .sezione_titolo {margin-bottom:0px; /*background:#FAFAFA;*/ background:url(../immagini/centro/h2.gif) repeat-x; width:100% } .titolo_sezione {margin:50px auto 20px auto; text-align:center} .titolo_sezione h3 { background:none !important; font-size:24px !important; margin-bottom:10px} .titolo_sezione h4 { font-size:18px !important} .titolo_testo { background:#555; height:25px; float:left; padding-left:5px; padding-right:5px; padding-top:10px } .titolo_testo span {font-size:15px; letter-spacing:0; padding:0 20px; color:#fff; font-weight:bold; } .titoli_separatori { height:25px; width:25px; float:left; padding:0; margin:0; } .titolo_testo_rosso { background:#E32929; height:25px; float:left; padding-left:5px; padding-right:5px; padding-top:10px; } .titolo_testo_rosso span {font-size:14px; color:#fff; font-weight:bold; } .titoli_separatori_rosso { height:25px; width:25px; float:left; padding:0; margin:0;} .titolo_chisiamo { background:#555; height:25px; width:200px; float:left; text-align:center; padding-top:5px; padding-bottom:5px; } .titolo_chisiamo span {font-size:15px; letter-spacing:0; color:#fff; font-weight:bold; } .titolo_chisiamo_sx {margin-left:210px; width:500px; margin-top:-20px; font-size:16px; text-align:left} .chisiamo-sx {width:200px; float:left; background:#f1f1f1; text-align:center } .chisiamo-dx { margin-left:220px; padding:20px 15px 0 15px } .chisiamo-sx li {border:0 !important; font-size:18px !important} .chisiamo-sx li a { color:#555 !important; font-weight:bold; margin:0 !important; padding:3px 0 !important} .chisiamo-guidi {padding-bottom:380px} .chisiamo-vendita-sx {width:200px; float:left; background:#f1f1f1; text-align:center } .chisiamo-vendita-dx { margin-left:220px; padding:20px 20px 0 20px } .chisiamo-vendita-sx p { font-size:20px; line-height:150%; text-align:center; padding:70px 0 !important; } .chi_siamo_sx {width:50%; float:left; text-align:center } .chi_siamo_dx { margin-left:51%; padding:54px 45px 0 45px;} .chi_siamo_dx p { font-size:20px; line-height:150%; text-align:justify !important } .chi_siamo_tre {margin:50px 0;} .chi_siamo_tre p {font-size:20px; line-height:120%} .chi_siamo_tre b {font-size:32px} .chisiamo_sx {width:49%; float:left} .chisiamo_dx {width:49%; float:right} .categorie_nome { width:99%; float:left; /*background:#FAFAFA url(../immagini/centro/testatina_sx.jpg) no-repeat;*/ padding: 0px 0px 5px 0px; margin-bottom:10px; margin-top:0; text-align:left; color:#333 !important; font-weight:bold !important; font-size:14px; border-bottom:1px solid #ccc} .sezione_nome { width:430px; float:left; /*background:#FAFAFA url(../immagini/centro/testatina_sx.jpg) no-repeat;*/ padding: 0px 0 0px 0px; margin-bottom:0px; margin-top:0; text-align:left; color:#333 !important; font-weight:bold !important; font-size:14px } .sezione_nome_dx { width:220px; float:right; text-align:right; /* background:#FAFAFA url(../immagini/centro/testatina_dx.jpg) right no-repeat;*/ padding: 0px 5px 0px 0; font-size:10px; margin:0; } .sezione_nome_dx a {font-size:10px; color:#666; font-weight:normal !important; padding:2px} .offertehome_dx { width:220px; float:right; text-align:right; /* background:#FAFAFA url(../immagini/centro/testatina_dx.jpg) right no-repeat;*/ padding: 0px 5px 0px 0; font-size:10px; margin:0; height:20px; } .offertehome_dx a {font-size:13px; color:#fff; font-weight:bold !important; padding:2px; } .barrato {text-decoration:line-through; /*font-size:13px; color:#000*/} .percento {font-size:10px; color:#fff; font-weight:bold; background:#FF0000; padding:3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} .percento_grande {font-size:15px; color:#fff; font-weight:bold; background:#FF0000; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .percento_mappa {font-size:10px; color:#fff; font-weight:bold; background:#FF0000} .prezzo_listino {color:#444;} .prezzo, .euro, .centesimi, .prezzoaccessorio {color:#333; /*color:#01325B;*/ } .prezzo { } .prezzoaccessorio {font-size:14px;} .euro {font-size:10px; } .iva {font-size:13px; font-weight:bold; color:#900; display:none} .centesimi {font-size:13px; text-transform:uppercase} .prezzoarticolo {padding:1px; padding-top:0; padding-bottom:0; padding-left:0 } .prezzoarticolo {border-left:1px solid #DBDBDB; border-right:1px solid #DBDBDB;} .prezzoarticolo {text-align:right; border-bottom:1px solid #EEEEEE; } .finanziamento_tasso_zero_consel {color:#FF0000;} .finanziamento_tasso_zero_consel_marca {color:#FF0000;} .finanziamento_tasso_zero_agos {color:#900;} .finanziamento_tasso_zero_agos_marca {color:#FF0000; text-transform:uppercase} .finanziamento_tasso_zero_consel, .finanziamento_tasso_zero_consel_marca, .finanziamento_tasso_zero_agos, .finanziamento_tasso_zero_agos_marca {font-size:13px; font-weight:normal} #specchietto .finanziamento_tasso_zero_agos_marca {font-size:15px !important; color:#333} .nomearticolo { border-top:0px solid #ccc; text-align:left; /**/height:30px !important; font-size:13px } .nomearticolo {padding:2px; border-left:1px solid #DBDBDB; border-right:1px solid #DBDBDB; padding-bottom:0 } .avviso { font-size:16px !important; padding:0px 5px 2px 5px} .avviso a { color:#fff!important; } #percorso {font-weight:none; padding:4px 0 4px 0px;background:#fff; } #percorso td a {color :#333; text-decoration:none; font-weight:bold; } #percorso td a:hover {color:#C72404;} #percorso td, #percorso td a {font-size:14px} .centro_categorie_riquadro {border:0px solid #ccc; padding:2px; padding-bottom:0; margin:0px 0 0px 0; border-top:0; border-bottom:0} #centro_categorie {margin-top:0px; border-bottom:0px solid #ccc; font-size:10px} .nomearticolo { color:#3A3A3A; text-decoration:none; font-weight:bold} #centro_categorie table {font-size:12px; padding:0; margin:0; margin-bottom:0px;} #centro_categorie {color:#999; border-top:0px solid #ccc;} #centro_categorie a { color:#3A3A3A; text-decoration:none; font-weight:bold} #centro_categorie a:hover {color:#C72404;} .nomecategoria {border-right:0px solid #EEEEEE;} .nomecategoria {color:#ccc} #banneroni-home {margin-left:270px; overflow:hidden; } #centro_notizie { width:212px; height:170px; float:right; background:#fff url(../immagini/chisiamo/margheritona.gif)} #centro_notizie table {padding:0; margin:0} #centro_notizie2 { width:158px; height:220px; float:right; background:#fff url(../immagini/chisiamo/margheritona.gif)} #centro_notizie2 table {padding:0; margin:0} #home_notizie {margin:0; padding:0; padding:0px; margin-top:5px} #home_notizie ul { list-style:none; padding:0; margin:0; } #home_notizie li { margin:0; padding:0; margin-bottom:3px; padding-bottom:2px; color:#3A3A3A; font-weight:normal; font-size:12px; } #home_notizie li a { text-decoration:none; color:#3A3A3A; border-bottom:1px solid #D9D9D9; } #home_notizie li a:hover {color:#C72404;} /* CONTENUTO PAGINA TEMPORANEA O PROMOZIONE */ #contenuto {margin:10px 0 5px 0; padding:0px; padding-top:0; border:0px solid #DBDBDB; /*border-top:0;*/ text-align:left} #contenuto table {font-size:13px} #contenuto h5, #specchietto h1 {padding:0; margin:0} #contenuto h5 {font-size:13px; color:#333; } #contenuto h1, #contenuto h2 {font-size:24px; color:#333; padding:3px 0 3px 0px; margin:10px 0 10px 0;} #contenuto h1 a {font-size:18px; color:#333; text-decoration:underline} #contenuto h3 {font-size:13px; color:#333; background:#eee} #contenuto h4 {font-size:18px; color:#333;} .staff { background:url(../immagini/chisiamo/margheritona.gif) top right repeat-y } .staff table {text-align:center} .staff img {border:2px solid #eee} .staff p img { float:left; margin:0 10px 10px 0} .staff p { padding:0; margin:5px 0 5px 0 } .staff h2 {font-size:14px; color:#FF0000; margin:10px 0 5px 0 } #chi_siamo {margin:0px 0 5px 0; padding:0 5px 5px 0px; border-top:0; font-size:12px} #chi_siamo table {font-size:11px} #chi_siamo h5, #specchietto h1 {padding:0; margin:0} #chi_siamo h5 {font-size:13px; color:#333; } #chi_siamo h1 {font-size:18px; color:#333; margin:1px; padding:1px; padding-top:3px} #chi_siamo h1 a {font-size:18px; color:#333; text-decoration:underline} #chi_siamo h3 {font-size:13px; color:#333; background:#eee} .staff2 {background:#fff} .staff2 table {text-align:center} .staff2 a {color:#666} .staff2 p img { float:left; margin:0 10px 10px 0} .staff2 p { padding:0; margin:5px 0 5px 0 } .staff2 h2 {font-size:14px; color:#FF0000; margin:10px 0 5px 0 } .staff2 ul {margin:0; padding:0; list-style:none} .staff2 li {border-bottom:1px solid #ccc; padding:5px 0 5px 0; margin:5px 0 5px 0} .glossario {background:#fff url(../immagini/chisiamo/margheritona.gif) top right repeat-y} .glossario ul {margin:0 0 20px 0; padding:0; list-style:none} .glossario li {border-bottom:0px solid #ccc; padding:5px 0 5px 0; margin:5px 0 5px 0;} #indice_glossario li {display:inline; border:1px solid #ccc; margin-right:5px; padding:10px} .pagina_notizia {/*background:#fff url(../immagini/chisiamo/margheritona.gif) top right repeat-y*/} .pagina_notizia a { border-bottom:1px solid #333} .pagina_notizia a:hover {color:#C72404 !important} .pagina_notizia h4 {padding:0; margin:0} .pagina_notizia p {margin:10px 0 10px 0; font-size:12px} .pagina_notizia img { padding:0; margin:0; } #foto_notizia {text-align:center !important; width:99%; border-bottom:2px solid #666666; border-top:2px solid #666666; margin:0px 0 5px 0 !important; padding:5px 0 5px 0;} .pagina_notizia ul {list-style:none; padding:0; margin:0} .pagina_notizia li { border-bottom:1px solid #eee; font-size:13px; padding:5px 0 5px 0;} .pagina_notizia li a { text-decoration:none} .vendita {} .vendita a {color:#333; text-decoration:none; border-bottom:1px dotted} .vendita a:hover {color:#C72404;} .vendita ul {margin:20px 0 0 0; padding:0;} .vendita li { padding:1px 0 1px 0; margin:2px 0 2px 0; list-style:square !important; margin-left:20px; padding-left:0px} .vendita li a { text-decoration:none; border-bottom:0; color:#333; font-weight:bold} .vendita h1 {background:#666; color:#fff !important; font-size:14px !important; } .vendita h4 {border-bottom:1px solid #ccc; margin:50px 0 20px 0; padding-bottom:10px; color:#C72404 !important; text-transform:uppercase} .vendita th, .vendita td {font-size:15px} .vendita table, .vendita td, .vendita th { border: 1px solid gray;border-collapse: collapse;} .vendita th, .vendita td {padding:10px} .paragrafo {border:0px solid #ccc; padding:0 5px 0 5px; margin:0px 0 10px 0; border-top:0; border-bottom:0} .paragrafo h1 {background:#666; color:#fff !important; font-size:14px !important; padding:2px 10px; margin:10px 0 !important } .paragrafo a {color:#666; font-weight:normal; } .paragrafo a:hover {color:#C72404;} .paragrafo h2 {font-size: 20px !important; font-weight:bold; padding:0; margin:20px 0 0px 0 !important} .paragrafo p {font-size: 14px; padding:0; margin:0 0 5px 0; line-height:140%} .paragrafo td { text-align:left; font-size:15px; padding:2px} .paragrafo th {background:#999999; color:#fff; text-align:left; font-size:15px; padding:2px} .dispari {background:#eee} #pagamenti, #tabellaspedizioni, #tabellaspedizioni2 {margin-bottom:10px} #pagamenti td {border:0px solid #ccc} #tabellaspedizioni th, #tabellaspedizioni2 th { background:#eee; color:#333; text-align:left} #tabellaspedizioni td, #tabellaspedizioni2 td {} a.inizio { float:right; clear:both; color:#eee; margin-top:13px; text-transform:lowercase; } a:hover.inizio { } a.tornasu { float:right; clear:both; color:#333; font-weight:bold; margin-right:5px; font-size:12px; background:url(../immagini/icone/arrow_up.png) no-repeat; width:16px; height:16px; display:block} a:hover.tornasu { color:#333 !important} a.tornasu span {display:none} /* STILE SCHEDA AVANZATA */ #specchietto {margin:20px 0 10px 0; padding:0px; border:0px solid #DBDBDB;} #specchietto table {font-size:12px} #specchietto h5, #specchietto h1 {padding:0; margin:0} #specchietto h5 {font-size:13px; color:#333; } #scheda-sx {float:left; width:400px; } #scheda-centro { margin-left:410px; margin-right:400px; text-align:left !important; } #scheda-dx {float:right; width:350px; padding:10px 15px; background:#fff; border:2px solid #ddd;} #scheda-centro p {margin:10px 0; font-size:16px} #scheda-centro .info {color:#004F89 !important; background:#eee; padding:10px; border:1px dotted #ccc; text-align:center !important } #scheda-centro .rate {margin:0 0 10px 0; padding:0px 0px; text-align:center} #scheda-centro .rate p {margin:0} #scheda-centro .rate span {font-size:16px; color:#333} #scheda-centro .rate span b {font-size:25px; } #scheda-centro .scontoincassa {background:#ffcc00; text-align:center; padding:15px 0 15px 0; border-radius:5px} #scheda-centro .scontoincassa h3, #scheda-centro .scontoincassa p { margin:0 !important} #scheda-centro .scontoincassa h3 {font-size:18px} #scheda-centro .scontoincassa p { font-size:15px; line-height:110%} #visualizza_esteso .scontoincassa {background:#ffcc00; text-align:center; padding:2px 5px; border-radius:2px; font-size:14px} .scheda-longeva p { font-size:14px !important} .scheda-titolo { margin:0 0 10px 5px} .scheda-titolo h1 {margin:0; padding:0} .scheda-titolo h1 span {margin:0;vertical-align:middle;} .scheda-titolo p {margin:0} .scheda-descrizione, .scheda-allegati { font-size:16px !important; line-height:24px; padding:20px 20px !important} #scheda-bollino {position:relative; bottom:0px; left:0px; margin-bottom:-45px; width:65px; height:65px; z-index:9999; background-size: 100% 100%; background-repeat: no-repeat;} #scheda-bollino.A {background-image:url(../immagini/bollini/a.png)} #scheda-bollino.B {background-image:url(../immagini/bollini/b.png)} #scheda-bollino.C {background-image:url(../immagini/bollini/c.png)} #scheda-bollino.D {background-image:url(../immagini/bollini/d.png)} #scheda-bollino.E {background-image:url(../immagini/bollini/e.png)} #scheda-bollino.F {background-image:url(../immagini/bollini/f.png)} #scheda-bollino.G {background-image:url(../immagini/bollini/g.png)} #scheda-bollino.H {background-image:url(../immagini/bollini/h.png)} #scheda-bollino.I {background-image:url(../immagini/bollini/i.png)} #scheda-bollino.L {background-image:url(../immagini/bollini/l.png)} #scheda-bollino.M {background-image:url(../immagini/bollini/m.png)} #scheda-bollino.N {background-image:url(../immagini/bollini/n.png)} #scheda-bollino.O {background-image:url(../immagini/bollini/o.png)} #scheda-bollino.P {background-image:url(../immagini/bollini/p.png)} #scheda-bollino.Q {background-image:url(../immagini/bollini/q.png)} #scheda-bollino.R {background-image:url(../immagini/bollini/r.png)} #scheda-bollino.S {background-image:url(../immagini/bollini/s.png)} #scheda-bollino.T {background-image:url(../immagini/bollini/t.png)} #scheda-bollino.U {background-image:url(../immagini/bollini/u.png)} #scheda-bollino.V {background-image:url(../immagini/bollini/v.png)} #scheda-bollino.Z {background-image:url(../immagini/bollini/z.png)} #scheda-bollino.K {background-image:url(../immagini/bollini/k.png)} #scheda-bollino.J {background-image:url(../immagini/bollini/j.png)} #scheda-bollino.X {background-image:url(../immagini/bollini/x.png)} #scheda-bollino.Y {background-image:url(../immagini/bollini/y.png)} #scheda-bollino.W {background-image:url(../immagini/bollini/w.png)} #scheda-bollino-novita {position:relative; bottom:0px; right:0px; margin-bottom:-40px; margin-top:-70px; width:105px; height:105px; background-repeat:no-repeat; background-size: 100% auto; background-image:url(../immagini/icone/new.png)} #visualizza_esteso #scheda-bollino {margin-bottom:-45px; width:55px; height:55px; float:left; z-index:9999} #griglia-prodotti #scheda-bollino.M {margin-bottom:-45px; width:100px; height:45px; z-index:9999} #scheda-bundle table {width:100%; margin:auto} #scheda-bundle tr { border:0 !important} #scheda-bundle td { font-size:18px; text-align:center; border:0 !important} #scheda-bundle .prezzo {font-size:20px !important; margin:0; padding:0} #scheda-bundle img {width:auto; height:100px} #scheda-bundle h4 { font-size:16px; border-bottom:1px solid #ccc; color:#090; margin:0; padding-bottom:20px; letter-spacing:0px; text-transform:uppercase} #scheda-bundle h5 { font-size:13px; padding:2px 4px; } #scheda-bundle div {border:0px solid #666;} #scheda-bundle .piu, #scheda-bundle .uguale, #bundle .piu, #bundle .uguale { background:#fff; color:#333; font-size:26px; font-weight:bold; width: 20px; height: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; text-align:center; display:none} #scheda-bundle .piu, #scheda-bundle .uguale { background:#fff; color:#333; font-size:26px; font-weight:bold; width: 22px; height: 22px; -webkit-border-radius: 12px; -moz-border-radius: 12px; text-align:center; } #scheda-bundle #acquista_medio {border:1px solid #fdec06 !important; padding-bottom:10px} #bundle h2 {color:#333; font-size:14px; text-transform:uppercase} #bundle .prezzo, .prezzo_listino {text-align:center; padding-top:10px; font-size:16px;} #bundle .prezzo { font-size:16px} #bundle .prezzo_listino {} #bundle th { background:#333; color:#fff} .bundle-tabella {border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .bundle-tabella td {border:0px !important} .fotobundle {width:120px; border:0px solid #eee; margin:10px 20px 10px 0} .fotobundle img { height:auto; max-width:120px } .testobundle {font-size:13px !important; color:#333; margin-top:10px} .testobundle a {font-size:13px !important; color:#069 !important} .bundle-elemento {margin-bottom:0px; border-bottom:0px solid #ccc; } .bundle-elemento h5 {font-size:16px !important } #tabs { padding:0px; padding:0px 0;} #tabs { margin-top:0px; } h3 .titolo-piu-venduti { margin:0; padding:0} td h3 a { color:#2277bb !important} .usual {text-align:right} .usual ul {list-style:none; padding:0; margin:0; margin-top:30px !important; width:100% } .usual li { padding:0px; border:0px; margin-bottom:10px} .usual li:first-child {padding-left:0px; margin-left:0px; border-top:0 !important } .usual li:last-child {border-bottom:0px solid #ccc; } .usual li a.selected {color:#900; } .usual li,.usual li a { font-size:16px !important;} .usual li a { text-decoration:none; padding:0px !important; color:#444 } .usual li a:hover { color:#c00 !important; background:none !important;} .numerino {color:#666; font-weight:bold; font-size:13px} #scheda-intro { padding:15px 10px; border-top:px solid #ccc; text-align:left} #scheda-intro a {background: url(../immagini/icone/esterno.gif) no-repeat center right; padding-right:16px; border:0; color:#666666; text-decoration:underline;font-weight:bold} #scheda-intro a:hover {color:#CC0000} #scheda-intro p {font-size:13px;} #scheda-preventivo {background:#eee; padding:5px; margin-top:30px; width:193px; border:1px solid #CCCCCC; font-weight:bold; color:#333; text-align:center; -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px; font-size:14px; /*behavior: url(../border-radius.htc); per IE */} #scheda-preventivo a {color:#990000 !important} #scheda-banner {border-top:0px solid #ccc; padding:10px 0 0 5px; margin:15px 0 10px 0; margin:-20px 0 0 177px;} #scheda-banner a, #scheda-banner img {border:0 !important; background:none !important;} #titolo {text-align:left} #titolo h1 {font-size:18px; color:#333; margin:1px; padding:10px 0 10px 10px} #titolo h2 {font-size:24px; color:#DD0808; margin:1px; padding:1px; padding-top:3px; text-align:center; border-bottom:2px solid #eee} .testa {background:url(../immagini/centro/scheda.gif) top left no-repeat; margin:0px 0 0px 0; border-right:1px solid #DBDBDB; height:10px } .coda, .coda2 {background:url(../immagini/centro/schedagiu.gif) bottom left no-repeat; border-right:1px solid #DBDBDB; padding:0 !important; height:10px; } .coda {margin:0px 0 5px 0} .coda2 {margin:-10px 0 5px 0} .paragrafo2 {border-left:1px solid #ccc; border-right:1px solid #ccc; margin:0; padding:5px; font-size:11px} .paragrafo2 a { background: url(../immagini/icone/esterno.gif) no-repeat center right; padding-right:16px; border:0; color:#666666; text-decoration:underline;font-weight:bold} .paragrafo2 a:hover {color:#CC0000} #foto_galleria {border-right:0px solid #ccc; width:260px; height:200px; text-align:center} #galleria {text-align:center; margin-top:30px; } #galleria img {height:35px; border:1px solid #ddd; border-radius:2px; margin:2px; padding:10px 15px; opacity:.7} #galleria img:hover {border:1px solid #372f2b; opacity:1} #dati_articolo {width:100%; margin:auto} #specchietto td {padding:5px 5px 3px 0;} #specchietto td a { color:#999; text-decoration:none !important} #specchietto td a:hover { color:#990000} #specchietto .prezzo {font-size:2em;} #specchietto h1 {font-size:32px; color:#333; margin:0 0 10px 0; padding:0px; line-height:120% } #prezzo_scheda { margin:10px 0 20px 0; text-align:left} #prezzo_scheda .prezzo {font-size:38px; font-weight:bold} #acquisti-telefonici {margin:30px 0px 20px 0; color:#444; font-size:16px; text-align:left} #scheda-dx-garanzie {margin:20px 0px; color:#444; font-size:14px; text-align:left} #scheda-dx-garanzie input {margin:5px 0} #scheda-dx-garanzie-test {margin:20px 0px; color:#444; text-align:left;} #scheda-dx-garanzie-test label {font-size:14px;text-transform:uppercase; font-weight:bold} #scheda-dx-garanzie-test input {margin:5px 0} .scheda-dx-garanzie-longeva {border-top:1px dotted #ccc;border-bottom:1px dotted #ccc; margin:20px 0; padding:10px 0 20px 0} .scheda-dx-garanzie-longeva p {color:/*#45a12a*/#111; font-weight:bold; margin:0 !important; font-size:14px !important} #scheda-prodotti-simili {border:1px solid #ccc; padding-bottom:5px; font-size:14px} #scheda-prodotti-simili td { font-size:14px; line-height:120%} #scheda-prodotti-simili a { } #scheda-prodotti-simili h5 { color:#fff} #scheda-prodotti-simili .prezzo { font-size:14px; font-weight:bold} #scheda-estensioni-garanzia {background:#eee; padding:5px 10px 10px 10px; border:1px solid #ccc; margin:20px 0 0px 0; width:380px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; } #scheda-estensioni-garanzia td {font-size:14px} #acquista_no, #acquista_no_medio, #acquista_no_griglia {text-align:left; font-style:italic; color:#666} #acquista_no {background:#fff url(../immagini/pulsanti/acquista_no_grande.gif) no-repeat; width:203px; height:34px; text-align:right; float:right; margin-top:5px; margin-right:5px} #acquista_no_piccolo {background:#fff url(../immagini/pulsanti/acquista_no_piccolo.gif) no-repeat; width:33px; height:24px; text-align:left; } #acquista_no_medio {background:#fff url(../immagini/pulsanti/acquista_no_medio.gif) no-repeat; width:148px; height:28px; text-align:left; } #acquista_no_griglia {background:#fff url(../immagini/pulsanti/acquista_no_griglia.gif) no-repeat; width:129px; height:22px; text-align:left; } #avviso {background:#fff url(../immagini/pulsanti/avviso_grande.gif) no-repeat; width:203px; height:34px; text-align:right; float:right; margin-top:5px; margin-right:5px} #avviso a {width:203px; height:34px; display:block } #avviso_piccolo {background:#fff url(../immagini/pulsanti/avviso_piccolo.gif) no-repeat; width:33px; height:24px; text-align:left; } #avviso_medio {background:#fff url(../immagini/pulsanti/avviso_medio.gif) no-repeat; width:148px; height:28px; text-align:left; } #avviso_griglia {background:#fff url(../immagini/pulsanti/avviso_griglia.gif) no-repeat; width:129px; height:22px; text-align:left; } #avviso_piccolo a {width:33px; height:24px; display:block } #avviso_griglia a {width:129px; height:22px; display:block } #avviso_medio a {width:148px; height:28px; display:block } #ordina {background:#fff url(../immagini/pulsanti/ordina_grande.gif) no-repeat; width:203px; height:34px; text-align:right; float:right; margin-top:5px; margin-right:5px} #ordina a {width:203px; height:34px; display:block } #ordina_piccolo {background:#fff url(../immagini/pulsanti/ordina_piccolo.gif) no-repeat; width:33px; height:24px; text-align:left; } #ordina_griglia {background:#fff url(../immagini/pulsanti/ordina_griglia.gif) no-repeat; width:129px; height:22px; text-align:left; } #ordina_piccolo a {width:33px; height:24px; display:block } #ordina_griglia a {width:129px; height:22px; display:block } #continua_acquisti {background:#fff url(../immagini/pulsanti/continua_acquisti.gif) no-repeat; width:203px; height:34px; text-align:right; float:left; margin-top:5px; margin-left:0px} #continua_acquisti a {width:203px; height:34px; display:block } #continua_acquisti span {display:none} #vai_cassa {background: url(../immagini/pulsanti/vai_cassa.gif) no-repeat; width:203px; height:34px; text-align:right; float:right; margin-top:5px; margin-right:5px} #vai_cassa a {width:203px; height:34px; display:block } #vai_cassa span {display:none} #vai_cassa input {background: url(../immagini/pulsanti/vai_cassa.gif) no-repeat; width:203px; height:34px; text-align:right; border:0; color:#E00F0F; font-size:14px; font-weight:bold; padding-left:10px; text-align:left} #entra {background:#fff url(../immagini/pulsanti/vai_cassa.gif) no-repeat; width:203px; height:34px; text-align:right; float:left; margin-top:5px; margin-right:5px} #entra a {width:203px; height:34px; display:block } #entra span {display:none} #entra input {background:#fff url(../immagini/pulsanti/vai_cassa.gif) no-repeat; width:203px !important; height:34px !important; text-align:right; border:0 !important; color:#E00F0F; font-size:14px; font-weight:bold; padding-left:10px; text-align:left} .marca {float:right; margin:3px 3px 0 2px;} #menuschede { margin-top:10px; margin-bottom:5px; width:99%} #menuschede table {font-size:13px} #menuschede td { vertical-align:top; padding:5px; padding-left:0; font-size:13px} #menuschede a {color:#333; text-decoration:none; font-weight:bold; padding:2px 0 2px 0} #menuschede h2 {margin:0; padding:0; color:#333; background:url(../immagini/centro/h2.gif) repeat-x; font-size:13px; padding:2px } #tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4,#tabcontent5,#tabcontent6 {border:1px solid #DBDBDB; padding:5px;} /*.menu { color:#272727; border-bottom:0px solid #d7d7d7; } .menu ul {margin:0px; padding:0px; list-style:none; text-align:left; padding:10px; padding-left:0; padding-bottom:20px} .menu li {display:inline; margin-right:2px; padding:5px; padding-left:10px; border-right:1px solid #C0C0C0; font-size:13px; padding-left:40px; padding-bottom:15px; } .menu li a { text-decoration:none; } .menu li {background: url(../immagini/centro/scheda.gif) top left no-repeat;}*/ .menuattivo {background: url(../immagini/centro/scheda_on.gif) top left no-repeat !important;} .menu_scheda_tecnica {background: url(../immagini/scheda_avanzata/scheda_tecnica.gif) top left no-repeat !important;} .menu_scheda_accessori {background: url(../immagini/scheda_avanzata/scheda_accessori.gif) top left no-repeat !important;} .menu_scheda_pacchetti {background: url(../immagini/scheda_avanzata/scheda_pacchetti.gif) top left no-repeat !important;} .menu_scheda_garanzie {background: url(../immagini/scheda_avanzata/scheda_garanzie.gif) top left no-repeat !important;} a.tabactive { color:#c00 !important; /*background-color:#CCCCCC; position:relative;*/} #menuschede label {background:#fff url(../immagini/pulsanti/seleziona_accessorio.gif) no-repeat; height:23px; text-align:right; float:right; width:88px; cursor:hand} label span {display:none} checkbox {border:1px solid #ccc} #descrizione_articolo p {font-size:11px} .accessorio {margin-bottom:3px; border-bottom:1px solid #ccc; padding-bottom:3px} .stile1 {background:#c00} .stile2 {background:#eee} /* ----------------------------- */ #home_rss { text-align:right; padding-right:0px; padding-top:0px; } #home_rss a {font-size:12px; color:#666; font-weight:normal; text-decoration:none !important} #home_rss a:hover {color:#C72404;} #home_offerte {font-size:10px} #box_griglia_home1 .coda, #box_griglia_home2 .coda, #box_griglia_home3 .coda {margin:0 !important} #destra {text-align:left} #destra a {color:#333} #destra_banner ul, #sinistra_banner ul {padding:0; margin:0; list-style:none; margin-top:0px} #destra_banner img {border:0; padding:0; margin:0; width:218px; height:88px;} #destra_banner img {border:1px solid #ccc} #destra_banner li, #sinistra_banner li {margin-bottom:0px; padding:0; margin-bottom:5px} #sinistra_banner img {border:0; padding:0; margin:0; width:100%; height:90px;} #destra_banner_carrello img {border:0; padding:0; margin:0; border:1px solid #ccc} #destra_login {color:#646464; font-size:10px; text-align:left; background:#F2F2F2; padding-left:3px; padding-right:3px; margin:0; margin-bottom:5px;} #destra_login a {color:#BBBBBB; font-size:10px; text-decoration:none; font-style:italic} #destra_login a:hover {color:#C72404;} #destra_login input {border:1px solid #CACACA; width:145px} #destra_login input:focus, #destra_login input.sffocus {background:#FCFB00;} #sinistra-menu {/*height:392px*/ height:472px} #sinistra_catalogo {margin-bottom:5px; border:1px solid #EEEEEE; } #ricerche_clienti {/*url(../immagini/footer/info.jpg) repeat-x*/ margin:10px auto; border:0px solid #eee; padding:5px 0 ; text-align:center} #ricerche_clienti {color:#333} #ricerche_clienti a {color:#666} #ricerche_clienti a:hover {color:#C72404;} #info {margin:0px auto 0px auto; padding-top:0px; background:#fff; text-align:center; } #info table {text-align:center} #info_tabella { margin:auto; padding-top:45px; padding-bottom:35px; /*background:#00CC00*/} #info_tabella ul { list-style:none; padding:0; margin:0} #info_tabella li { color:#eee; font-weight:bold; margin-bottom:5px; font-size:14px} #info_tabella li b { font-size:14px; color:#fff900; color:#fff;} #info_tabella li a { text-decoration:none; color:#fff; font-weight:normal} #info_tabella li a:hover {color:#999900} #info_tabella li:first-child {margin-bottom:10px} #info_societa, #info_pagamenti, #info_consegna, #info_garanzie, #info_newsletter { float:left; width:25%; text-align:left } #info_societa {margin-left:0%} #info_garanzie { } #info_tabella td {font-size:10px; color:#ccc} #info_newsletter input {border:1px solid #ccc; padding:2px} .info_newsletter-input {width:73%; float:left; font-size:11px; color:#555 } destra-newsletter-input:hover {background:#FFC; } .info_newsletter-ok {width:12%; float:right; background:#900; border-color:#900 !important; font-size:10px; color:#fff } #info_consegna li {margin-bottom:5px} #footer {margin:5px auto 0 auto; text-align:center; background:#fff } #footer p {margin:0; padding:0; color:#666666} #footer a {text-decoration:none; color:#999999; font-weight:normal} #footer a:hover {color:#C72404;} #iscrizione-newsletter-footer { width:373px; height:79px;} #iscrizione-newsletter-footer .newsletter-footer { width:200px; padding:5px; margin-top:0px; border:1px solid #333; } #iscrizione-newsletter-footer .iscriviti-footer { margin-top:10px; padding:5px 10px; border:1px solid #333;} #iscrizione-newsletter-footer p {color:#fff; margin:0} /* PUNTI VENDITA */ #map {margin:auto} #mappa { font-size:12px; border:0px solid #ccc; text-align:center} #mappa a {text-decoration:underline; color: #E34800 !important } #mappa a:hover {color: #4444ff} #punto_vendita {/*background:url(../immagini/chisiamo/margheritona.gif) top right repeat-y;*/ font-size:12px} #punto_vendita a { color:#333} #punto_vendita_foto {width:500px; height:330px; margin-bottom:0px} #punti_vendita { color:#666; font-size:10px} #side_bar {color:#E34800; background:#000 } #side_bar a {text-decoration: none; } #side_bar ul {margin:0; padding:0; margin:2px; } #side_bar li {padding:0 5px 0 5px; display:inline; color:#fff; font-size:12px } #side_bar li a {color:#FFFF00 !important; text-decoration:none; font-weight:bold} #side_bar li a:hover {background:#FFFF00; color:#000 !important;} #punto_vendita_servizi { text-align:left} #punto_vendita_servizi ul { list-style:none; padding:0; margin:0} #punto_vendita_servizi li { border-bottom:1px solid #ccc; padding:5px 0 5px 0; margin:5px 0 5px 0; padding-left:92px; } #punto_vendita_servizi li, #punto_vendita_servizi li a { font-size:12px;font-weight:bold;} #punto_vendita h2 { font-size:13px; font-weight:bold; border-bottom:1px solid #ccc; padding:1px; margin:0} #punto_vendita h2 {background:#000 !important; color:#fff !important} #punto_vendita h1 { font-size:22px !important; font-weight:bold; background:#000; color:#FEF41C; margin:0; display:none } #map2 {width:450px; height:270px; float:right;} .titolino {font-size:13px; color:#990000; font-weight:bold;} .sviluppoestampa {background:url(../statiche/punti_vendita/stampedigitali.jpg) no-repeat;} .stampedigitali {background:url(../statiche/punti_vendita/stampedigitali-immediate.png) no-repeat;} .fototessera {background:url(../statiche/punti_vendita/fototessera.jpg) no-repeat; } .copiacd {background:url(../statiche/punti_vendita/copiacd.jpg) no-repeat; } .salaposa {background:url(../statiche/punti_vendita/salaposa.jpg) no-repeat; } .matrimoni {background:url(../statiche/punti_vendita/matrimonio.jpg) no-repeat; } .riprese {background:url(../statiche/punti_vendita/riprese.jpg) no-repeat; } .alfa-center {background:url(../statiche/punti_vendita/alfa-center.jpg) no-repeat; } .canon-imaging {background:url(../statiche/punti_vendita/canon-imaging.jpg) no-repeat; } #centro-servizi {margin:20px 0 0px 0; font-size:14px; color:#444; line-height:18px} #centro-servizi a {color:#444;} #centro-servizi a:hover {color:#999900 } /* MENU LATERALE SERVIZI */ #sinistra-box {} #sinistra-box h4 {font-size:13px; color:#900; padding:5px 10px; margin:0;} #sinistra-box div {border:1px solid #ccc; padding:0px 0px 3px 0px} #sinistra-box h3 {padding:5px 10px; margin:0; background:#ccc; color:#333; text-transform:uppercase } #sinistra-novita {margin-bottom:10px} #sinistra-box ul {margin-top:5px;} #sinistra-box li {margin-bottom:5px; padding:0 10px; font-size:13px; } #sinistra-box a { font-weight:normal; } #sinistra_servizi {text-align:left; background:#333; padding-top:0px; color:#FC0; margin-bottom:10px } #sinistra_servizi ul { list-style:none; margin:0; padding:0; text-align:left; padding-top:10px; } #sinistra_servizi li { margin-bottom:1px; border-bottom:1px solid #444; font-size:13px } #sinistra_servizi .titolo { background:#ccc; color:#333; text-decoration:none; display:block; padding:3px;} #sinistra_servizi li a { color:#fff; text-decoration:none; display:block; padding:2px 3px 2px 10px;} #sinistra_servizi li a:hover { display:block; color:#FFFF00; text-decoration:none; background:#000000} #sinistra_servizi li:last-child { border-bottom:0} #sinistra_categorie .rosso a {color:#FF0000} #sinistra_categorie li .rosso a {color:#FF0000} #sinistra_categorie .titolo_sezione {display:none} /* MENU LATERALE CATEGORIE */ #sinistra_categorie {text-align:left; background:#eee; padding-top:0px; color:#FC0;} /*#sinistra_categorie ul { list-style:none; margin:0; padding:0; text-align:left; } #sinistra_categorie li { margin-bottom:1px; border-bottom:1px solid #ddd; font-size:13px; padding:2px 0 } #sinistra_categorie li:last-child { border-bottom:0px solid #333; } #sinistra_categorie .titolo { background:#ccc; color:#333; text-decoration:none; display:block; padding:3px;} #sinistra_categorie li a { color:#333; text-decoration:none; display:block; padding:1px 3px 1px 10px;} #sinistra_categorie li a:hover { display:block; color:#FFFF00; text-decoration:none; background:#000000} #sinistra_categorie .rosso a {color:#FF0000} #sinistra_categorie li .rosso a {color:#FF0000}*/ /* SCELTA VISUALIZZAZIONE */ #visualizzazione {border:1px solid #ccc; padding:10px 0px 10px 13px; margin-top:0px; background:#eee; color:#333; } #visualizzazione input {border:0px solid #333; font-size:14px; } #griglia, #testo, #esteso, #ordinamento {margin:0px 15px 0 0; padding:0; padding-left:13px; cursor:hand; text-transform:uppercase} #griglia {background:url(../immagini/icone/10x10/calendar.gif) no-repeat bottom left; } #testo {background:url(../immagini/icone/10x10/list_unordered.gif) no-repeat bottom left;} #esteso {background:url(../immagini/icone/10x10/comment_left.gif) no-repeat bottom left;} #modalita { width:65%; float:left; font-size:12px; margin:5px 0 0 0;} #ordinamento { width:29%; float:right; text-align:right} .nonvisualizzato {color:#333} .visualizzato {color:#990000} #fascia_prezzo {margin:0; padding:0; color:#333; margin:10px 5px 0 5px; font-size:15px} #fascia_prezzo input { border:1px solid #bbb; padding:3px; width:94%} #fascia_prezzo .bottone {background:#060; color:#fff; width:100%; padding:10px 0; margin-top:5px; text-transform:uppercase} #fascia_prezzo .annulla{background:#eee; color:#666; width:100%; text-align:center%; padding:5px 0} /* VISUALIZZAZIONE TESTO */ #visualizza_testo {font-size:15px} #visualizza_testo a {font-weight:bold; text-decoration:none; border:0} #visualizza_testo a:hover {color:#999900;} #visualizza_testo th {color:#fff; background:#333; padding:5px 2px} #visualizza_testo td { border-top:1px solid #eee; color:#666; padding:15px 5px 12px 5px} #visualizza_testo .prezzo { font-size:16px; color:#000; font-weight:bold; } /* VISUALIZZAZIONE ESTESO */ #visualizza_esteso {border:0px solid #ccc; margin-top:0px; margin-bottom:0px; border-bottom:0; border-top:0} #visualizza_esteso a, #visualizza_esteso td a {font-weight:bold; text-decoration:none; color:#333} #visualizza_esteso a:hover, #visualizza_esteso td a:hover {color:#999900;} #visualizza_esteso h2 { font-size:16px; margin:0; padding:0; margin-bottom:3px} #visualizza_esteso h5 { font-size:18px; padding:0; margin:5px 0} #visualizza_esteso p { font-size:15px; margin:0; padding:0; line-height:18px} #visualizza_esteso b { font-weight:normal !important} #visualizza_esteso table { font-size:13px; } #visualizza_esteso th {color:#fff; background:#333; padding:5px 2px} #visualizza_esteso .prezzo { font-size:24px; font-weight:bold;} #visualizza_esteso td {border:0 !Important} #visualizza_esteso .fotina {width:122px; height:110px; } .lista_acquista { float:right } .lista_acquista .prezzo {font-size:16px} #visualizza_esteso h3 a {color:#333; text-decoration:none; font-size:16px} #visualizza_esteso h3 a:hover {color:#C72404;} #disponibilita {/* font-size:10px*/ margin:5px 0 5px 0} #confronta label {background:#fff url(../immagini/icone/10x10/list_ordered.gif) no-repeat; padding-left:11px} .confronta {background:url(../immagini/icone/10x10/list_ordered.gif) no-repeat bottom left; margin:0; padding:0; padding-left:11px;} /* PAGINA CATEGORIE */ .listaprodotti_filtro {padding:0px 0px 10px 0px; border:1px solid #ccc} .listaprodotti_filtro table { width:100%} .listaprodotti_filtro td { } .listaprodotti_filtro ul {list-style:none; margin:10px 0 10px 5px; padding:0; } .listaprodotti_filtro li { margin-bottom:5px; border-bottom:0px solid #eee; text-decoration:none; padding:1px; color:#333;font-size:14px} .listaprodotti_filtro li a { color:#444 } .listaprodotti_filtro li a:hover { color:#999900 !important;} .listaprodotti_filtro h2 {color:#fff; background:#333; font-size:16px; padding:5px; margin: 0 0 5px 0 } .selezionato { color:#999900 !important; font-weight:bold } .nome_campo {font-size:13px; font-weight:bold; color:#333; text-decoration:none !important} #filtro-factfinder {border-right:1px solid #ccc;} #filtro-factfinder h2 { font-size:16px; border-bottom:1px solid #ccc} #filtro-factfinder ul {margin:0;padding:0} #filtro-factfinder li { font-size:14px} #filtro-factfinder li a { color:#333} /* RISULTATO RICERCA FILTRO */ #risultato_ricerca {} #risultato_ricerca ul {margin:0px; padding:0px; list-style:none; margin-top:10px } #risultato_ricerca li {display:inline; margin:0 2px 0 2px; padding:2px; padding-right:4px; border-right:1px solid #C0C0C0; font-size:10px; } #risultato_ricerca li a { text-decoration:none; background:url(../immagini/icone/10x10/cancel.gif) no-repeat top left; margin:0; padding:0; padding-left:11px; } #risultato_ricerca .cancella_tutti { border-right:0px ;} #risultato_ricerca .cancella_tutti a { text-decoration:none; background:url(../immagini/icone/10x10/trash.gif) no-repeat top left; margin:0; padding:0; padding-left:11px; color:#ccc !Important } /* LAYOUT PAGINA */ #layoutpage, #layoutpage td, #layoutpage_coda, #layoutpage_coda td { font-size:15px} #layoutpage_testa h2 {font-size:24px; color:#666666; margin:5px 0 5px 0; color:#990000 !Important} #layoutpage_testa h2 a {color:#990000 !Important} #layoutpage_testa p {/*font-weight:bold; */color:#333} #layoutpage_coda {} /* PAGINAZIONE */ #paginazione {margin:70px 0 40px 0; color:#ffed00; text-align:center; background:#111; padding:10px 0; border-radius:2px} #paginazione ul {padding:0; margin:0; list-style:none; } #paginazione li { display:inline; font-size:18px; border:1px solid #111; font-weight:bold; padding:7px; color:#ffed00 } #paginazione li a { color:#fff; font-weight:normal} #paginazione li a:hover {color:#ffed00 !important; } #paginazione .pagine {color:#ccc} .articoli_pagina { text-align:center; font-weight:bold; color:#666;} .articoli_pagina a {font-weight:normal; color:#333;} .articoli_pagina a:hover {color:#333;} #pacco td {border:0 !important } #pacco input, #pacco textarea, #pacco select {border:1px solid #ccc } #pacco .pacco_nome, #pacco .pacco_indirizzo, #pacco .pacco_testo {width:100%} #pacco .pacco_citta {width:200px !important} #pacco .pacco_cap {width:50px !important} #pacco .pacco_testo {height:100px} #pacco .select_provincia {width:150px !important} .input {width:90%; border:1px solid #ccc; padding:10px 10px} .input_nome {width:300px !important; background:#eee} .input_email {width:300px !important} .input_numero {width:200px !important} .input_importo {text-align:right; width:60px; background:#060; color:#fff; padding:5px; font-size:14px; font-weight:bold} .input_piva {width:130px !important} .select_provincia {width:200px !important} .select_giorno, .select_mese, .select_anno { background:#eee} .select_giorno {width:55px !important} .select_mese {width:100px !important} .select_anno {width:65px !important} .informativa {width:100% !important; font-size:9px} .note {border:1px solid #ccc; width:100% !important;height:50px} #area_clienti_menu ul {padding:0; margin:10px 10px 0 0px} #area_clienti_menu li { margin:0 0px 0px 0; padding:0; font-size:13px; font-weight:bold; border-top:1px solid #ccc; list-style:none; text-transform:uppercase } #area_clienti_menu li a {display:block; padding:5px; color:#333} .area_clienti_menu_attivo a {color:#fff !important; background:#000} /* NOTIZIE */ #notizie { margin:0; width:99%; margin:auto} #notizie p { margin:0; padding:0} #notizie a { color:#333; text-decoration:none; font-weight:bold} #notizia p { font-size:12px} #notizie p { margin:0; padding:0} #notizie h1 a {font-size:13px !important; color:#333; text-decoration:none !important; border:0} #notizie h1 a:hover {color:#C72404;} #notizie img { padding:0 3px 3px 0} #notizie h2 { font-size:14px; font-weight:bold; margin:0; padding:0; color:#333; padding:5px; margin-top:3px; margin-bottom:3px; background:url(../immagini/centro/h2.gif) repeat-x;} #notizie .notizia {border:0px solid #eee; padding:2px; margin:0 0 5px 0; font-size:12px !important} #notizie .notizia a {border-bottom:1px solid #ccc; text-decoration:none } /* CONFRONTA ARTICOLI */ #confronta_lista {padding-left:0px; font-size:8px !important; color:#999999 !important; margin-top:10px} #confronta_lista td {font-size:15px !important;} #confronta_lista input {border:0 !important; color:#999999; width:139px; height:23px; background:url(../immagini/icone/confronta_text.gif) no-repeat} #checkbox label{display:block;width:16px; height:16px;background-position:center;background-repeat:no-repeat;clear:both;cursor:pointer; border:0 !important} #checkbox fieldset {border:0 !important} #checkbox span {} .unchecked{background-image:url(../immagini/icone/asterisk_gray.jpg); background-repeat:no-repeat;} .checked{background-image:url(../immagini/icone/asterisk_yellow.jpg); background-repeat:no-repeat;} #confronta_articoli { margin:0; width:99%; margin:auto} #confronta_articoli p { margin:0; padding:0} #confronta_articoli a { color:#333; text-decoration:none; font-weight:bold} #confronta_articoli a:hover {color:#C72404;} #confronta_articoli h2 { font-size:14px; font-weight:bold; margin:0; padding:0; color:#333; padding:5px; margin-top:3px; margin-bottom:3px; background:url(../immagini/centro/h2.gif) repeat-x;} #confronta_articoli table { font-size:11px} #confronta_articoli td { text-align:left; padding:2px; border-right:1px solid #ccc } #confronta_articoli td table td {border:1px solid #eee; text-align:center;} #confronta_articoli .confronta_articolo {border:1px solid #eee !important; margin:5px 0 5px 0} #confronta_articoli .confronta_articolo td {border:0 !important} #confronta_articoli .confronta_foto {width:100%; border:0px solid #eee; text-align:center} .avanti, .indietro {height:32px; border:0} .avanti {background:url(../immagini/icone/32x32/avanti_verde.png) no-repeat right; padding-right:32px} .indietro {background:url(../immagini/icone/32x32/indietro_verde.png) no-repeat; padding-left:32px} /* REPARTO */ #mappa_reparto {text-align:left; margin-bottom:20px} #mappa_reparto h1 {background:#eee !important; color:#333; text-transform:uppercase} #mappa_reparto h1 a { color:#333; text-decoration:none} #mappa_reparto h2 { font-size:18px; padding:5px 0 5px 5px; margin:0 0 5px 0; border-bottom:1px solid #ccc } #mappa_reparto h2 a {color:#c00 } #mappa_reparto ul {margin:0; padding:0; margin:10px 0; list-style:none; } #mappa_reparto li {font-size:16px; margin-left:10px} #mappa_reparto .numero_articoli {font-size:16px !important;} #mappa_reparto div h2 { margin-top:10px } #mappa_reparto div ul {margin:0 0 0px 5px} #mappa_reparto div ul li {width:25%; float:left; margin:0; margin:0 0 5px 0px} #mappa_reparto div ul li a{ color:#222} #mappa_reparto div {width:100%; float:none} .reparto_marca { margin:auto; /*height:45px;*/ background:#fff} .reparto_marca span {} .reparto_marca a { color:#333; font-weight:bold; text-decoration:none; /*font-size:14px*/} .reparto_marca a:hover { color:#C72404;} .reparto_marca img {vertical-align: middle;} /* DICONO DI NOI */ .dicono_messaggio { border:1px solid #eee; margin-bottom:5px; padding:3px; border-left:3px solid #ccc; background:#eee url(../immagini/centro/dicono.gif) top right no-repeat} .dicono_messaggio p {padding:0; margin:0} #dropmenudiv, #dropmenudiv a, #dropmenudiv a:hover {z-index:9999;} #dropmenudiv{ position:absolute; background-color: #E4E4E4; border:1px solid #D0D0D0; border-bottom-width: 0; font: normal 10px Verdana; color: black; text-align:left; } #dropmenudiv a{ width: 100%; display: block; text-indent: 3px; font: normal 10px Verdana; color: black; background-color: #E4E4E4; border-bottom: 1px solid #D0D0D0; padding:3px; text-decoration: none; font-weight: none; } #dropmenudiv a:hover{ /*hover background color*/ color:#FFFF00; text-decoration:none; background:#000000; } /* Sample CSS definition for the example list. Remove if desired */ #navlist li { list-style-type: square; width: 135px; background-color: #FFFFB9; } .fade-box, .fade-box a, #crossfade-container {/*width:448px; height: 168px;*/width:612px; height: 218px;} .fade-box2, .fade-box2 a, #crossfade-container2 {width:612px; height: 218px;} .fade-box, .fade-box2 {margin: 0px; padding:0; position: absolute; background-repeat:no-repeat; border:1px #D9D9D9 solid} .fade-box a, .fade-box2 a {display:block} .fade-box span, .fade-box2 span {display:none} /* id styles */ #crossfade-container, #crossfade-container2 {margin: 0px; padding:0; } .motivo_numero {font:18px; font-weight:bold; color:#333; float:left;padding:0 5px 5px 0; margin:0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; } .motivo_titolo {font:14px; font-weight:bold; color:#ED2929; padding:0 0px 10px 0; margin:0} #catalogo a {color:#fff; text-decoration:none; border-bottom:1px dotted #fff} #catalogo_scarica {margin-left:70px} #catalogo_scarica, #catalogo_scarica a {width:290px; height:66px; margin-bottom:30px; display:block; border:0 !important} #catalogo_scarica span {display:none} #preview{ position:absolute; margin-top:-100px; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; text-align:center; z-index:9999; } #stampa-testa, #stampa-logo, #stampa-firma {display:none} /* ACQUISTA */ #destra-box div {font-size:13px; border:1px solid #ccc; -moz-border-radius: 2px;-webkit-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px; /* per IE */ padding:10px 7px; margin-bottom:10px; color:#434343} #destra-box div p { } #destra-box .pulisci {border:0 !important; padding:0 !important; margin-bottom:0 !important} #destra-box h4 {font-size:14px; letter-spacing:0px} #destra-box h4, #destra-box h4 a {color:#666; font-weight:bold !important} #destra-box h4 a:hover {color:#900} #destra-box div a { font-weight:normal; letter-spacing:0px} #destra-box div h4 {font-size:14px; line-height:100%; text-transform:uppercase} #destra-box div p { line-height:110%; font-size:13px } #destra-feedback { background:#fafafa; padding-top:0 !important; -moz-border-radius: 3px !important;-webkit-border-radius: 3px !important; -khtml-border-radius: 3px !important;border-radius: 3px !important; /* per IE */} #destra-feedback h4 { padding-right:10px; font-size:16px !important; margin-top:10px} #destra-feedback p {font-size:14px !important; letter-spacing:-1px; color:#444} #destra-servizio-clienti {background:url(../immagini/destra-box/servizio-clienti.png) no-repeat top right; -moz-border-radius: 3px !important;-webkit-border-radius: 3px !important; -khtml-border-radius: 3px !important;border-radius: 3px !important; /* per IE */} #destra-servizio-clienti h4 { padding-right:10px; font-size:17px !important;} #destra-servizio-clienti p {font-size:19px !important; letter-spacing:-1px; color:#444} #destra-usato { -moz-border-radius: 3px !important;-webkit-border-radius: 3px !important; -khtml-border-radius: 3px !important;border-radius: 3px !important; /* per IE */} #destra-usato h4 {padding-right:10px; font-size:20px !important; margin-top:0} #destra-usato h4 a {color:#444} #destra-usato h4 a:hover { color:#999900} #destra-usato p {font-size:16px !important; letter-spacing:-1px; color:#444} #destra-32anni {background:#fff url(../immagini/destra-box/32anni2.png) no-repeat center left; padding:6px 7px !important; border-color:#333 !important} #destra-32anni h4 {font-weight:bold; margin-bottom:5px; text-transform:none !important; padding-left:49px; padding-right:2px; color:#fff; letter-spacing:0px} #destra-32anni h4 a {color:#fff} #destra-32anni p {padding-left:58px; padding-bottom:0px; font-size:14px; letter-spacing:-1px; display:none} #destra-32anni a {color:#fff} #destra-newsletter {padding-bottom:10px; background:url(../immagini/destra-box/newsletter.png) no-repeat top right} #destra-newsletter p { margin-bottom:5px} #destra-newsletter input {border:1px solid #ccc; padding:2px} .destra-newsletter-input {width:83%; float:left; font-size:11px; color:#555 } destra-newsletter-input:hover {background:#FFC; } .destra-newsletter-ok {width:12%; float:right; background:#900; border-color:#900 !important; font-size:10px; color:#fff } #destra-pagamenti-sicuri {padding-bottom:10px; background:url(../immagini/destra-box/pagamementi-sicuri.png) no-repeat top right} #destra-pagamenti-sicuri h4 {margin-bottom:5px} #destra-stampa-digitale {padding-bottom:10px; background:url(../immagini/destra-box/stampa-digitale.png) no-repeat top right} #destra-punti-vendita {padding-bottom:10px; background:url(../immagini/destra-box/punti-vendita.png) no-repeat top right} #destra-specialisti h4 { font-size:14px; margin-bottom:10px} #destra_rivenditori {padding-bottom:10px; background:url(../immagini/destra-box/punti-vendita.png) no-repeat top right} #destra-specialisti li {font-size:13px; margin-top:5px} #destra-catalogo, #destra-liquidazione {padding:15px 0 30px 0; text-align:center; -moz-border-radius: 3px !important;-webkit-border-radius: 3px !important; -khtml-border-radius: 3px !important;border-radius: 3px !important; /* per IE */ } #destra-catalogo { border:1px solid #900 !important; background-color: #900000; background-image: -webkit-gradient(linear, left top, left bottom, from(#900000), to(#ca0000)); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#900000',EndColorStr='#ca0000');} #destra-liquidazione { border:1px solid #0c8dcf !important; background-color: #0c8dcf; background-image: -webkit-gradient(linear, left top, left bottom, from(#0c8dcf), to(#073d69)); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#0c8dcf',EndColorStr='#073d69'); } #destra-catalogo h4 { font-size:20px !important} #destra-liquidazione h4 { font-size:18px !important} #destra-catalogo p, #destra-liquidazione p { font-size:14px !important} #destra-catalogo h4 a, #destra-liquidazione h4 a {font-weight:bold} #destra-catalogo h4 a, #destra-catalogo a, #destra-liquidazione h4 a, #destra-liquidazione a { color:#fff} #destra-notizie {padding:0 !important; background:#fafafa} #destra-notizie h4 {background:#000; padding:10px; margin:0 !important} #destra-notizie h4 a {color:#FF0} #destra-notizie ul {margin-top:10px; padding:0 10px} #destra-notizie li {margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #ddd} #destra-notizie li:last-child {border:0px} #destra-notizie li a {margin-bottom:10px; color:#222} #destra-notizie li a:hover {color:#900} #tabs-Allegati ul { margin:20px 0 !important; border-top:1px solid #ccc} #tabs-Allegati li { list-style:square; margin-left:30px; padding:20px 0; border-bottom:1px dotted #ccc; font-size:13px} #mepa-lato {position: fixed; left:0; top:middle; z-index:9999;bottom: 20%; border:1px solid #c27c76; border-left:0; width:41px; background:#fff} #mepa-lato img {width:40px} @media (max-width: 1200px) { #mepa-lato {display:none} } /* Scheda prodotto: miniature galleria in riga con scroll orizzontale */ .cz-thumblist { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; gap: 8px; } .cz-thumblist::-webkit-scrollbar { height: 6px; } .cz-thumblist > * { flex: 0 0 auto !important; } .cz-thumblist img { max-height: 72px; width: auto; } /* Forza thumblist su una sola riga con scroll orizzontale (mobile) */ @media (max-width: 768px) { .cz-product-gallery .cz-thumblist { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; max-width: 100% !important; white-space: nowrap !important; -webkit-overflow-scrolling: touch; gap: 8px !important; } .cz-product-gallery .cz-thumblist-item { flex: 0 0 auto !important; display: inline-block !important; } } /* Salvaguardia: nascondi sempre le thumbnails sotto i 992px (alcuni device hanno DPR elevato) */ @media (max-width: 991.98px) { .cz-thumblist, .cz-thumblist.order-sm-1 { display: none !important; } } /* css personalizzato */ /* Promo / note prezzo: alert grigio con bordo tratteggiato */ .promo-alert { border: 1px dashed #6c757d !important; } /* Carrellino testata: larghezza più ampia e responsiva */ .cart-dropdown { width: 420px; max-width: 95vw; font-size: 0.8rem; } /* Tipografia globale: usa Rubik come font principale */ html, body { font-family: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif !important; } /* ======================================== PERSONALIZZAZIONE PALETTE BOOTSTRAP ======================================== */ :root { /* Colori primari personalizzati */ --bs-primary: #046aac; --bs-primary-rgb: 4, 106, 172; --bs-secondary: #f3f5f9; --bs-secondary-rgb: 243, 245, 249; --bs-success: #009900; --bs-success-rgb: 0, 153, 0; --bs-info: #69b3fe; --bs-info-rgb: 105, 179, 254; --bs-warning: #FFCC00; --bs-warning-rgb: 255, 204, 0; --bs-danger: #c00; --bs-danger-rgb: 204, 0, 0; --bs-light: #f8f9fa; --bs-light-rgb: 248, 249, 250; --bs-dark: #2b3445; --bs-dark-rgb: 43, 52, 69; /* Colori personalizzati aggiuntivi */ --bs-accent: #046aac; --bs-accent-rgb: 4, 106, 172; --bs-accent-dark: #024b7a; --bs-accent-dark-rgb: 2, 75, 122; --bs-amaranto: #8c3839; --bs-amaranto-rgb: 140, 56, 57; /* Varianti di hover e stati */ --bs-primary-hover: #024b7a; --bs-warning-hover: #e6b800; --bs-danger-hover: #a00; /* Colori per background */ --bs-body-bg: #ffffff; --bs-body-color: #4b566b; /* Link colors */ --bs-link-color: #727272; --bs-link-hover-color: #fe3638; } /* Applica i colori personalizzati agli elementi Bootstrap */ .btn-primary { background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important; } .btn-primary:hover, .btn-primary:focus { background-color: var(--bs-primary-hover) !important; border-color: var(--bs-primary-hover) !important; } .btn-warning { background-color: var(--bs-warning) !important; border-color: var(--bs-warning) !important; color: #111 !important; } .btn-warning:hover { background-color: var(--bs-warning-hover) !important; border-color: var(--bs-warning-hover) !important; } .btn-danger { background-color: var(--bs-danger) !important; border-color: var(--bs-danger) !important; } .btn-danger:hover { background-color: var(--bs-danger-hover) !important; border-color: var(--bs-danger-hover) !important; } .btn-success { background-color: var(--bs-success) !important; border-color: var(--bs-success) !important; } .badge-primary { background-color: var(--bs-primary) !important; } .badge-warning { background-color: var(--bs-warning) !important; color: #111 !important; } .badge-success { background-color: var(--bs-success) !important; } .text-primary { color: var(--bs-primary) !important; } .bg-primary { background-color: var(--bs-primary) !important; } .bg-warning { background-color: var(--bs-warning) !important; } .alert-primary { background-color: rgba(var(--bs-primary-rgb), 0.1) !important; border-color: var(--bs-primary) !important; color: var(--bs-primary-hover) !important; } .alert-warning { background-color: rgba(var(--bs-warning-rgb), 0.15) !important; border-color: var(--bs-warning) !important; color: #856404 !important; } .alert-danger { background-color: rgba(var(--bs-danger-rgb), 0.1) !important; border-color: var(--bs-danger) !important; color: var(--bs-danger) !important; } .sidebar a { color: var(--darker, #2b3445) !important; } /* ======================================== */ #myTab .nav-link .active, #myTab .nav-link { font-weight: bold !important; font-size: 1.05rem !important; } @media (max-width: 991.98px) { #myTab .nav-link { font-size: 1.1rem !important; } } /* Breadcrumb più compatto su mobile */ @media (max-width: 991.98px) { .breadcrumb, .breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item a { font-size: 0.9rem !important; } .breadcrumb { margin-bottom: .5rem !important; } } /* Contenuto tab: Descrizione e Scheda tecnica */ #myTabContent #tab-desc, #myTabContent #tab-tech { font-size: 1.06rem; line-height: 1.7; } #myTabContent #tab-desc p, #myTabContent #tab-desc li, #myTabContent #tab-tech p, #myTabContent #tab-tech li { font-size: 1.06rem; line-height: 1.7; } @media (max-width: 991.98px) { #myTabContent #tab-desc, #myTabContent #tab-tech, #myTabContent #tab-desc p, #myTabContent #tab-desc li, #myTabContent #tab-tech p, #myTabContent #tab-tech li { font-size: 1rem; line-height: 1.6; } } nav-pills .nav-link.active { box-shadow: none !important; } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff !important; background-color: #333 !important;} .nav-pills .nav-link.active { box-shadow: none !important; } label:not(.form-check-label):not(.custom-control-label):not(.custom-file-label):not(.custom-option-label) { color: #111 !important; } label:not(.form-check-label):not(.custom-control-label):not(.custom-file-label):not(.custom-option-label) { color: #111 !important; } /* Applica a tutti gli elementi focusabili */ :focus { outline: 3px solid #005fcc; /* bordo spesso e ben visibile */ outline-offset: 2px; /* lascia un po’ di spazio dal bordo dell’elemento */ color:#c00 !Important } /* Se vuoi disegnare un bordo arrotondato o un’ombra: */ button:focus, a:focus { outline: none; /* rimuovi outline di default */ box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.6); border-radius: 4px; } :focus-visible { outline: 3px dashed #e6007e; } a{color:#727272 !Important;text-decoration:none;background-color:transparent} a:hover{color:#fe3638;text-decoration:none} /* Forza Rubik nella sidebar (sovrascrive lo stile inline in inc_css.php) */ .sidebar, .sidebar * { font-family: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif !important; } /* Testata: larghezze specifiche per voci menu reparti (desktop) */ @media (min-width: 992px) { .wsmenu>.wsmenu-list>li:first-child { width: 9% !important; } .wsmenu>.wsmenu-list>li:nth-child(6) { width: 13% !important; } .wsmenu>.wsmenu-list>li:nth-child(7) { width: 9% !important; } .wsmenu>.wsmenu-list>li:nth-child(8) { width: 9% !important; } /* Mega menu: molte colonne .col su una riga portavano flex-basis a zero e titoli lunghi si sovrapponevano */ .wsmenu>.wsmenu-list>li>.wsmegamenu .row { flex-wrap: wrap; row-gap: 0.5rem; } .wsmenu>.wsmenu-list>li>.wsmegamenu .row > .col { flex: 1 1 12rem; min-width: 0; max-width: 100%; } .wsmenu>.wsmenu-list>li .wstliststy02 li.wstheading a { white-space: normal !important; overflow-wrap: break-word; word-break: normal; line-height: 1.25; display: inline-block; max-width: 100%; } .wsmenu>.wsmenu-list>li .wstliststy02 li:not(.wstheading) a { white-space: normal; overflow-wrap: break-word; } } /* Menu reparti: compattalo tra 992px e 1262px per evitare sovrapposizioni */ @media (min-width: 992px) and (max-width: 1261.98px) { .wsmenu > .wsmenu-list > li > a { font-size: 0.9rem !important; padding-left: 8px !important; padding-right: 8px !important; letter-spacing: 0 !important; } } /* Menu testata: fascia desktop stretta, evita sovrapposizione etichette */ @media (min-width: 992px) and (max-width: 1261.98px) { .wsmenu > .wsmenu-list { display: flex !important; width: 100% !important; } .wsmenu > .wsmenu-list > li { width: 10% !important; flex: 0 0 10% !important; max-width: 10% !important; } .wsmenu > .wsmenu-list > li > a { font-size: clamp(0.78rem, 0.58rem + 0.45vw, 0.92rem) !important; line-height: 1.1 !important; padding: 0.45rem 0.35rem !important; white-space: normal !important; text-align: center; } } @font-face { font-family: Stokke-Regular; src: url("../fonts/STOKKE/Stokke-Regular.otf") format("opentype"); } @font-face { font-family: Stokke-Regular; font-weight: bold; src: url("../fonts/STOKKE/Stokke-Bold.otf") format("opentype"); } .STOKKE {font-family:Stokke-Regular !Important} .STOKKE p {color:#222 !important; } .STOKKE h3 {font-size:24px !important; } .STOKKE .btn {background-color:#222222 !Important; border-color:#222222 !Important} h2, #descrizione-prodotto h4, #descrizione-prodotto h5, #descrizione-prodotto h6, aside h3 {color:#024b7a !important} .cz-range-slider-ui .noUi-tooltip, .cz-range-slider-ui .noUi-connect { background-color:#2b3445 !important} .sidebar .cz-range-slider-ui .noUi-handle { background-color: #2b3445 !important; border-color: #2b3445 !important; } .sidebar .cz-range-slider-ui .noUi-handle:before, .sidebar .cz-range-slider-ui .noUi-handle:after { background-color: #fff !important; } #descrizione-prodotto h4, #descrizione-prodotto h5 {margin-top:50px; text-transform:uppercase} #descrizione-prodotto h2 {font-size:24px; margin-top:40px} #descrizione-prodotto h3 {font-size:20px; margin-top:40px} .card-body { padding-right: .50rem !important; padding-left: .50rem !important;} .product-price span { color:#222 !important; } .product-badge {right: -1rem !Important} @media (min-width: 992px){ .product-details { width: 100%; max-width: 100% !important; padding-top: 0.25rem;} } @media (min-width: 1280px) {.container{max-width:1340px !important}} @media (min-width: 1280px) {.container,.container-sm, .container-md, .container-lg, .container-xl{max-width:1340px !important}} @media (min-width: 1280px) { .home-banner-section .container { max-width: 1340px !important; } } .navbar-brand{padding: 0 !important;} .navbar {padding-top: 5px !important;} .cz-sidebar-body { /*padding: 1.875rem 1.875rem;*/ padding: 2.5rem 1.275rem 0 1.275rem !important;} .cz-sidebar-body .simplebar-content { padding-right: 1.275rem !important;} .widget-categories .widget-list-item { padding-left: 0rem !Important; } .product-badge {top:25px !important} .badge-colori { font-size: 70%; line-height: 1; padding-top:5px !important} .product-list .btn-wishlist {position:absolute;top:0 !important;right:0 !important} /* Margine superiore extra per la barra azioni su mobile, per staccarla dalla foto */ @media (max-width: 767.98px) { .home-card-actions { margin-top: 0.5rem !important; } } .wishlist-button { transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; background-color: #f6f9fc !important; border-color: transparent !important; color: #4b566b !important; box-shadow: none !important; } .wishlist-button .czi-heart, .wishlist-button i, .wishlist-button span { color: #4b566b !important; } .wishlist-button:hover, .wishlist-button:focus, .wishlist-button:active { background-color: #e3ebf6 !important; border-color: transparent !important; color: #2b3445 !important; } .wishlist-button:hover .czi-heart, .wishlist-button:focus .czi-heart, .wishlist-button:active .czi-heart { color: #2b3445 !important; } .wishlist-button--active { background-color: #000 !important; border-color: #000 !important; color: #fff !important; } .wishlist-button--active .fa-heart, .wishlist-button--active .czi-heart, .wishlist-button--active span, .wishlist-button--active i { color: #fff !important; } .wishlist-button--active:hover, .wishlist-button--active:focus, .wishlist-button--active:active { background-color: #f6f9fc !important; border-color: transparent !important; color: #4b566b !important; } .wishlist-button--active:hover .fa-heart, .wishlist-button--active:hover .czi-heart, .wishlist-button--active:focus .fa-heart, .wishlist-button--active:focus .czi-heart, .wishlist-button--active:active .fa-heart, .wishlist-button--active:active .czi-heart { color: #4b566b !important; } .wishlist-button--pending { pointer-events: none; opacity: 0.6; } /* Ottimizza caricamento font icone cartzilla (PageSpeed: font-display) */ @font-face { font-family: 'cartzilla-icons'; src: url("../fonts/cartzilla-iconsc17f.woff?v4xwry") format("woff"), url("../fonts/cartzilla-iconsc17f.ttf?v4xwry") format("truetype"), url("../fonts/cartzilla-iconsc17f.svg?v4xwry#cartzilla-icons") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } /* Wishlist (griglia): allinea prezzo + pulsanti alla base card */ .wishlist-card-aligned { display: flex !important; flex-direction: column !important; } .wishlist-card-aligned .card-body { display: flex; flex-direction: column; flex: 1 1 auto; } .wishlist-card-aligned .product-price { min-height: 2.4rem; } .wishlist-card-aligned .home-card-actions { margin-top: auto !important; } .image-center { display: inline-block; vertical-align: middle; position: relative; } .btn-carrello {background-color:#FFCC00 !Important; font-weight:bold; color:#111 !important; border:none !important; text-transform:none !important} #attesa { margin:auto; text-align:center; width: 12rem; height: 12rem; border-top: 1.5em solid rgba(255, 255, 255, .7); border-right: 1.5em solid rgba(255, 255, 255, .7); border-bottom: 1.5em solid rgba(255, 255, 255, .7); border-left: 1.5em solid #fff; } .custom-option-label { border:2px solid #ddd !important} .custom-option-label:hover { border:2px solid #999 !important} .navbar-nav a.nav-link {color:#fff !important} .bg-amaranto {background-color:#8c3839 !important} .text-accent {color:#c00 !important} /* Scheda usato: galleria piu ampia, colonna info piu compatta */ @media (min-width: 992px) { .usato-product-layout > .col-lg-7 .cz-product-gallery .cz-preview-item img { max-height: 620px; object-fit: contain; } } /* Vetrina usato nei punti vendita: allinea dimensione prezzi a /usato */ #vetrina-usato-punto-vendita .product-price .text-accent, #vetrina-usato-punto-vendita .product-price .text-muted { font-size: 1rem !important; line-height: 1.2 !important; } /* Paginazione liste usato: layout mobile su nuova riga */ @media (max-width: 767.98px) { .usato-list-header { flex-direction: column; align-items: stretch; } .usato-sort, .usato-pagination, .usato-viewmode { width: 100%; } .usato-pagination { order: 2; margin-top: 0.5rem; justify-content: center !important; } .usato-viewmode { order: 3; margin-top: 0.5rem; justify-content: flex-start; } .usato-list-header .pagination { flex-wrap: wrap; } /* Nascondi solo la paginazione header usato in alto su mobile (ordina + vista restano visibili) */ .usato-list-header-top .usato-pagination { display: none !important; } } /* Breadcrumb famiglie (nuovo): più leggibile su mobile */ @media (max-width: 575.98px) { .page-title-overlap .breadcrumb { font-size: 0.8rem; flex-wrap: wrap; } .page-title-overlap .breadcrumb-item { max-width: 100%; white-space: normal; } } .text-darker {color:#2b3445 !important} /* ======================================== REGOLA GLOBALE: Tutti i tag h devono avere text-darker ======================================== */ /* Applica text-darker a tutti i tag heading del sito */ h1:not(.text-muted):not(.text-white):not(.text-primary):not(.text-success):not(.text-danger):not(.text-warning):not(.text-info), h2:not(.text-muted):not(.text-white):not(.text-primary):not(.text-success):not(.text-danger):not(.text-warning):not(.text-info), h3:not(.text-muted):not(.text-white):not(.text-primary):not(.text-success):not(.text-danger):not(.text-warning):not(.text-info), h4:not(.text-muted):not(.text-white):not(.text-primary):not(.text-success):not(.text-danger):not(.text-warning):not(.text-info), h5:not(.text-muted):not(.text-white):not(.text-primary):not(.text-success):not(.text-danger):not(.text-warning):not(.text-info), h6:not(.text-muted):not(.text-white):not(.text-primary):not(.text-success):not(.text-danger):not(.text-warning):not(.text-info) { color: var(--bs-darker, #2b3445) !important; } /* Eccezioni: mantieni i colori originali per elementi specifici */ .breadcrumb h1, .breadcrumb h2, .breadcrumb h3, .breadcrumb h4, .breadcrumb h5, .breadcrumb h6, .modal h1, .modal h2, .modal h3, .modal h4, .modal h5, .modal h6, .offcanvas h1, .offcanvas h2, .offcanvas h3, .offcanvas h4, .offcanvas h5, .offcanvas h6, .dropdown-menu h1, .dropdown-menu h2, .dropdown-menu h3, .dropdown-menu h4, .dropdown-menu h5, .dropdown-menu h6, .navbar h1, .navbar h2, .navbar h3, .navbar h4, .navbar h5, .navbar h6, /* Tag h nel footer devono essere bianchi - forziamo text-white con massima specificità */ footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer h1.text-white, footer h2.text-white, footer h3.text-white, footer h4.text-white, footer h5.text-white, footer h6.text-white, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, footer .widget-title, footer h1.widget-title, footer h2.widget-title, footer h3.widget-title, footer h4.widget-title, footer h5.widget-title, footer h6.widget-title, footer .widget h1, footer .widget h2, footer .widget h3, footer .widget h4, footer .widget h5, footer .widget h6 { color: #ffffff !important; } /* Assicura che tutti i tag h nel footer siano bianchi, anche senza classe text-white */ footer h1:not(.text-white):not(.text-muted):not(.text-primary), footer h2:not(.text-white):not(.text-muted):not(.text-primary), footer h3:not(.text-white):not(.text-muted):not(.text-primary), footer h4:not(.text-white):not(.text-muted):not(.text-primary), footer h5:not(.text-white):not(.text-muted):not(.text-primary), footer h6:not(.text-white):not(.text-muted):not(.text-primary) { color: #ffffff !important; } /* Sorting select and its options: force darker color */ #sorting, #sorting option { color:#2b3445 !important; } .bg-bannerino-1 {background-color:#e8f2fc !important} .bg-bannerino-2 {background-color:#f7f1ed !important} .bg-bannerino-3 {background-color:#e4f6f1 !important} .bg-danger, .badge-danger {background:#c00 !Important} .bg-accent {background:#046aac !Important} .bg-accent:hover {background-color:#024b7a !Important} .bg-navbar {background-color:#000 !Important} .mega-nav::after {width:0 !important} .cz-image-zoom {margin:auto} .product-title { text-transform:uppercase !important; line-height: 1.15 !important; } .product-title a { color:#000 !Important; line-height: 1.15 !important; } /* Vetrina usato (lista in col-7): nome prodotto più compatto */ .card .col-7 > ul.list-unstyled > li .font-weight-bold{ line-height: 1.15 !important; display: block; } /* Desktop: riduci font nomi prodotto nella lista (vetrina usato) */ @media (min-width: 992px) { .card .col-7 > ul.list-unstyled > li .font-weight-bold{ font-size: 0.85rem !important; } } /* Vetrina usato (lista in col-7): nascondi fotine a sinistra */ .card .col-7 > ul.list-unstyled > li > a.mr-2 { display: none !important; } /* Icone nei titoli delle sezioni home: allineamento verticale coerente */ .home-section-title i[class^="czi-"], .home-section-title i[class*=" czi-"] { position: relative; top: -1px; vertical-align: middle; } /* Titoli prodotti: stile più leggero nelle card, soprattutto in homepage */ @media (max-width: 991px) { .cz-carousel .product-card .product-title, .cz-carousel .product-card .product-title a { font-weight: 500 !important; } } /* Anche su desktop alleggeriamo il grassetto delle card prodotto (reparti / schede elenco) */ .product-card .product-title, .product-card .product-title a { font-weight: 500 !important; } /* Nascondi selettore lingua in testata (sito solo in italiano per ora) */ .lang-switcher { display: none !important; } .text-success {color:#009900 !important} h1 { font-weight: 900 !important; font-size: 1.75rem !important; /* Ridotto da ~2.5rem (default Bootstrap) a 1.75rem */ } .page-title-overlap { padding-bottom: 4.975rem; } /* Area privata (e pagine con header sovrapposto): su mobile titolo troppo grande */ @media (max-width: 575.98px) { .page-title-overlap h1 { font-size: 1.2rem !important; line-height: 1.2 !important; } /* Area riservata: nasconde sidebar su mobile */ .area-privata-menu-col { display: none !important; } /* Area riservata: nel breadcrumb nasconde la pagina corrente su mobile */ .page-title-overlap .breadcrumb .breadcrumb-item.active[aria-current="page"] { display: none !important; } } .page-item.active>.page-link { box-shadow: none !important; } .page-item.active .page-link { z-index: 3; color: #fff !important; background-color: #222; } /* Badges filtri attivi (reparto/famiglia) */ .filter-badges { padding: .5rem !important; } .filter-badges .badge { margin: 0 .5rem .5rem 0 !important; } #testata-cerca .prepended-form-control:not(.rounded-left-0) { padding-left: 1rem !important; } #testata-cerca .custom-select, #testata-cerca .btn {border-radius:0} #scheda-bollino {position:relative; bottom:0px; left:0px; margin-bottom:-45px; width:65px; height:65px; z-index:9999; background-size: 100% 100%; background-repeat: no-repeat;} #scheda-bollino.A {background-image:url(../immagini/bollini/a.png)} #scheda-bollino.B {background-image:url(../immagini/bollini/b.png)} #scheda-bollino.C {background-image:url(../immagini/bollini/c.png)} #scheda-bollino.D {background-image:url(../immagini/bollini/d.png)} #scheda-bollino.E {background-image:url(../immagini/bollini/e.png)} #scheda-bollino.F {background-image:url(../immagini/bollini/f.png)} #scheda-bollino.G {background-image:url(../immagini/bollini/g.png)} #scheda-bollino.H {background-image:url(../immagini/bollini/h.png)} #scheda-bollino.I {background-image:url(../immagini/bollini/i.png)} #scheda-bollino.L {background-image:url(../immagini/bollini/l.png)} #scheda-bollino.M {background-image:url(../immagini/bollini/m.png)} #scheda-bollino.N {background-image:url(../immagini/bollini/n.png)} #scheda-bollino.O {background-image:url(../immagini/bollini/o.png)} #scheda-bollino.P {background-image:url(../immagini/bollini/p.png)} #scheda-bollino.Q {background-image:url(../immagini/bollini/q.png)} #scheda-bollino.R {background-image:url(../immagini/bollini/r.png)} #scheda-bollino.S {background-image:url(../immagini/bollini/s.png)} #scheda-bollino.T {background-image:url(../immagini/bollini/t.png)} #scheda-bollino.U {background-image:url(../immagini/bollini/u.png)} #scheda-bollino.V {background-image:url(../immagini/bollini/v.png)} #scheda-bollino.Z {background-image:url(../immagini/bollini/z.png)} #scheda-bollino.K {background-image:url(../immagini/bollini/k.png)} #scheda-bollino.J {background-image:url(../immagini/bollini/j.png)} #scheda-bollino.X {background-image:url(../immagini/bollini/x.png)} #scheda-bollino.Y {background-image:url(../immagini/bollini/y.png)} #scheda-bollino.W {background-image:url(../immagini/bollini/w.png)} /* Bollini nella galleria prodotto (anche quando iniettata da Icecat: .scheda-bollino) */ .cz-product-gallery .cz-preview-item { position: relative; } .cz-product-gallery .scheda-bollino { position: absolute !important; top: 0 !important; left: 0 !important; width: 65px !important; height: 65px !important; margin: 0 !important; z-index: 9999; background-size: 100% 100%; background-repeat: no-repeat; flex-shrink: 0; pointer-events: none; } .cz-product-gallery .scheda-bollino.A { background-image: url(../immagini/bollini/a.png); } .cz-product-gallery .scheda-bollino.B { background-image: url(../immagini/bollini/b.png); } .cz-product-gallery .scheda-bollino.C { background-image: url(../immagini/bollini/c.png); } .cz-product-gallery .scheda-bollino.D { background-image: url(../immagini/bollini/d.png); } .cz-product-gallery .scheda-bollino.E { background-image: url(../immagini/bollini/e.png); } .cz-product-gallery .scheda-bollino.F { background-image: url(../immagini/bollini/f.png); } .cz-product-gallery .scheda-bollino.G { background-image: url(../immagini/bollini/g.png); } .cz-product-gallery .scheda-bollino.H { background-image: url(../immagini/bollini/h.png); } .cz-product-gallery .scheda-bollino.I { background-image: url(../immagini/bollini/i.png); } .cz-product-gallery .scheda-bollino.L { background-image: url(../immagini/bollini/l.png); } .cz-product-gallery .scheda-bollino.M { background-image: url(../immagini/bollini/m.png); } .cz-product-gallery .scheda-bollino.N { background-image: url(../immagini/bollini/n.png); } .cz-product-gallery .scheda-bollino.O { background-image: url(../immagini/bollini/o.png); } .cz-product-gallery .scheda-bollino.P { background-image: url(../immagini/bollini/p.png); } .cz-product-gallery .scheda-bollino.Q { background-image: url(../immagini/bollini/q.png); } .cz-product-gallery .scheda-bollino.R { background-image: url(../immagini/bollini/r.png); } .cz-product-gallery .scheda-bollino.S { background-image: url(../immagini/bollini/s.png); } .cz-product-gallery .scheda-bollino.T { background-image: url(../immagini/bollini/t.png); } .cz-product-gallery .scheda-bollino.U { background-image: url(../immagini/bollini/u.png); } .cz-product-gallery .scheda-bollino.V { background-image: url(../immagini/bollini/v.png); } .cz-product-gallery .scheda-bollino.Z { background-image: url(../immagini/bollini/z.png); } .cz-product-gallery .scheda-bollino.K { background-image: url(../immagini/bollini/k.png); } .cz-product-gallery .scheda-bollino.J { background-image: url(../immagini/bollini/j.png); } .cz-product-gallery .scheda-bollino.X { background-image: url(../immagini/bollini/x.png); } .cz-product-gallery .scheda-bollino.Y { background-image: url(../immagini/bollini/y.png); } .cz-product-gallery .scheda-bollino.W { background-image: url(../immagini/bollini/w.png); } /* Dimming backdrop for Bootstrap modals */ .modal-backdrop { background-color: #000; z-index: 1050; } .modal-backdrop.show { opacity: .7; } /* Elevate modal above sticky headers/menus */ .modal-backdrop { z-index: 2000; } .modal, .modal.show { z-index: 2050; } .modal .modal-dialog { z-index: 2051; } /* Disable pointer events on common sticky/overlay layers when a modal is open */ .modal-open .stickybar-overlay, .modal-open .navbar-stuck-overlay, .modal-open .header-overlay, .modal-open .overlay, .modal-open .cz-sidebar-backdrop, .modal-open .offcanvas-backdrop { z-index: 1500 !important; pointer-events: none !important; } /* Make entire cart button clickable */ .add_to_cart_button a { display: block; width: 100%; height: 100%; text-decoration: none; } /* Stile per checkbox checked con sfondo darker nella sidebar */ .sidebar .custom-control-input:checked ~ .custom-control-label::before { background-color: #2b3445 !important; border-color: #2b3445 !important; } .sidebar .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .sidebar .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(43, 52, 69, 0.25) !important; } .sidebar .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #2b3445 !important; } /* Stile per il pulsante "Aggiorna Filtri" con sfondo darker */ .sidebar button[name="aggiorna_filtri"], .sidebar button[value="Aggiorna Filtri"] { background-color: #2b3445 !important; border-color: #2b3445 !important; color: #fff !important; } .sidebar button[name="aggiorna_filtri"]:hover, .sidebar button[name="aggiorna_filtri"]:focus, .sidebar button[value="Aggiorna Filtri"]:hover, .sidebar button[value="Aggiorna Filtri"]:focus { background-color: #1a202c !important; border-color: #1a202c !important; color: #fff !important; } /* Stile per link e badge delle famiglie con colore darker */ .sidebar .widget .nav-pills .nav-link { color: #2b3445 !important; } .sidebar .widget .nav-pills .nav-link:hover { color: #2b3445 !important; text-decoration: underline; } .sidebar .widget .nav-pills .nav-link.active { background-color: #2b3445 !important; color: #fff !important; } /* Badge nelle famiglie NON selezionate: no sfondo, solo testo darker */ .sidebar .widget .nav-pills .nav-link:not(.active) .badge { background-color: transparent !important; color: #2b3445 !important; border: none !important; padding: 0 !important; } /* Badge nelle famiglie selezionate: sfondo e testo bianco */ .sidebar .widget .nav-pills .nav-link.active .badge { background-color: rgba(255, 255, 255, 0.2) !important; color: #fff !important; } /* Breadcrumb: link in grassetto, esclusi quelli attivi */ .breadcrumb .breadcrumb-item:not(.active) a, .breadcrumb-item:not(.active) a { font-weight: 600; } /* Layout card prodotti più compatto su mobile (soprattutto homepage / slide) */ @media (max-width: 991px) { /* Riduci ulteriormente l’ingombro verticale delle immagini prodotto nelle card all’interno degli slider */ .cz-carousel .product-card .bg-white { height: 140px !important; } .cz-carousel .product-card .bg-white img { max-height: 140px !important; } .cz-carousel .product-card table[width="100%"] { height: 140px !important; } /* Macroreparti: rimuovi l'altezza forzata nello slider (solo qui) */ .home-reparti-section .product-card .bg-white { height: auto !important; } /* Titolo prodotto nelle card: mantieni dimensione desktop ma limita le righe su mobile */ .cz-carousel .product-card .product-title { min-height: auto !important; margin-bottom: 0.08rem !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* Corpo card prodotto nelle slide: meno padding verticale */ .cz-carousel .product-card .card-body { padding-top: 0.35rem !important; padding-bottom: 0.45rem !important; } /* Barra azioni (wishlist / vista rapida / carrello) su mobile */ .home-card-actions { padding: 0.5rem 0 0.25rem 0 !important; gap: 3px !important; margin-top: 0.5rem !important; } /* Riduci font nome prodotto su mobile */ .product-title, .product-title a, .cz-carousel .product-title, .cz-carousel .product-title a { font-size: 0.9rem !important; line-height: 1.15 !important; } /* Bottoni azioni nelle card slider: dimensioni più compatte - allineati alle griglie */ .cz-carousel .home-card-actions .btn, .home-card-actions .btn { padding: 0.25rem 0.45rem !important; font-size: 0.8rem !important; min-width: 36px !important; height: 36px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-decoration: none !important; } /* Rimuovi sottolineatura dai link bottoni con icone su mobile */ .cz-carousel .home-card-actions a.btn, .home-card-actions a.btn { text-decoration: none !important; } .cz-carousel .home-card-actions a.btn:hover, .cz-carousel .home-card-actions a.btn:focus, .home-card-actions a.btn:hover, .home-card-actions a.btn:focus { text-decoration: none !important; } /* Icone nei pulsanti - dimensione uniforme */ .cz-carousel .home-card-actions .btn i, .home-card-actions .btn i { font-size: 0.9rem !important; } /* Pulsante carrello - stesso stile degli altri */ .cz-carousel .home-card-actions .btn.btn-carrello, .home-card-actions .btn.btn-carrello { padding: 0.25rem 0.45rem !important; font-size: 0.8rem !important; min-width: 36px !important; height: 36px !important; } /* Scheda prodotto: bollino in alto a sinistra sulla foto (mobile) */ .cz-product-gallery .cz-preview { position: relative; } .cz-product-gallery #scheda-bollino, .cz-product-gallery .scheda-bollino { position: absolute !important; top: 0 !important; left: 0 !important; width: 55px !important; height: 55px !important; background-size: 100% 100% !important; background-repeat: no-repeat !important; } } /* Homepage / slider: immagini ancora più piccole su smartphone */ @media (max-width: 575.98px) { .cz-carousel .product-card .bg-white { height: 100px !important; } .cz-carousel .product-card .bg-white img { max-height: 100px !important; } .cz-carousel .product-card table[width="100%"] { height: 100px !important; } } /* --- Scheda Usato: galleria e prezzo --- */ .usato-gallery-thumb { max-width: 88px; max-height: 88px; object-fit: cover; border:1px solid #eee; border-radius:4px; } .usato-price .prezzo { font-size: 1.8rem; font-weight: 700; } .usato-price .percento_grande { color:#fff; font-weight:700; margin-left:.5rem; } /* Gallery styles aligned to p/index.php */ .cz-product-gallery { display:flex; flex-direction:row; gap:1rem; align-items:flex-start; } .cz-product-gallery .cz-preview { position:relative; flex:1; min-height:400px; } .cz-preview-item { display:none !important; text-align:center; width:100%; box-sizing:border-box; min-height:400px; align-items:center; justify-content:center; } .cz-preview-item.active { display:flex !important; } .cz-product-gallery .cz-preview { flex: 1 1 0%; min-width: 60%; } .cz-preview-item img { width:100%; max-width:100%; height:auto; max-height:520px; object-fit:contain; } .cz-thumblist { overflow-y:auto; overflow-x:hidden; display:flex; flex-direction:column; gap:.3rem; padding:.3rem; max-width:150px; max-height:520px; } .cz-thumblist{ scrollbar-width: thin; scrollbar-color: #666 #f1f1f1; } .cz-thumblist::-webkit-scrollbar{ width: 8px; } .cz-thumblist::-webkit-scrollbar-track{ background:#f1f1f1; border-radius:4px; } .cz-thumblist::-webkit-scrollbar-thumb{ background:#666; border-radius:4px; } .cz-thumblist-item { display:block; border:1px solid #eee; border-radius:4px; transition:border-color .2s ease; } .cz-thumblist-item.active, .cz-thumblist-item:hover { border-color:#666; } .cz-thumblist-item img { width:90px; height:90px; object-fit:contain; display:block; } /* Scheda prodotto: rimuovi cursore a croce/zoom sulla foto grande (mobile) */ @media (max-width: 991px) { .cz-product-gallery .cz-preview, .cz-product-gallery .cz-preview .cz-preview-item, .cz-product-gallery .cz-preview img, .cz-image-zoom, img.jqzoom { cursor: default !important; } } @media (min-width: 992px) { /* Desktop: mostra cursore zoom-in sulla foto grande per suggerire il click */ .cz-product-gallery .cz-preview img, .cz-product-gallery .cz-preview .cz-image-zoom, .cz-product-gallery .cz-preview .cz-preview-item img { cursor: zoom-in !important; } /* Rimuovi cursore a croce da jqzoom su desktop */ img.jqzoom { cursor: zoom-in !important; } } /* Forza lo scrolling verticale su desktop */ @media (min-width: 992px) { .cz-thumblist { flex-direction: column !important; flex-wrap: nowrap !important; overflow-y: auto !important; overflow-x: hidden !important; max-height: 380px !important; /* ~4 thumbs (90px) + gap */ } .cz-thumblist-item { flex: 0 0 auto !important; } } @media (max-width: 768px) { .cz-product-gallery { flex-direction:column; position: relative; max-width:100% !important; overflow:hidden !important; } /* su mobile nessuna altezza minima per il box anteprima */ .cz-product-gallery .cz-preview { min-height: auto !important; } /* Anteprime galleria: uniforma l'altezza delle immagini grandi */ .cz-preview-item { height: 280px !important; display: flex; align-items: center; justify-content: center; } .cz-preview-item img, .cz-image-zoom { max-height: 280px !important; width: auto; max-width: 100%; object-fit: contain; } /* Evita padding orizzontale eccessivo intorno all'immagine grande */ .cz-preview-item.px-5 { padding-left: 0 !important; padding-right: 0 !important; } .cz-product-gallery .cz-preview { padding-bottom: 0 !important; } /* Nascondi thumblist: useremo lo scroll delle immagini grandi */ .cz-thumblist { display:none !important; } /* Preview come desktop: no carosello, usa active show/hide */ .cz-product-gallery .cz-preview { display: block !important; overflow: visible !important; width:100% !important; padding-bottom: 0 !important; } .cz-product-gallery .cz-preview .cz-preview-item { display: none !important; width:100%; } .cz-product-gallery .cz-preview .cz-preview-item.active { display: block !important; } /* Scheda usato mobile: evita contenitore galleria troppo alto rispetto alla foto */ .usato-product-layout .cz-product-gallery .cz-preview .cz-preview-item, .usato-product-layout .cz-product-gallery .cz-preview .cz-preview-item.active { display: flex !important; align-items: center !important; justify-content: center !important; height: auto !important; min-height: 0 !important; } .usato-product-layout .cz-product-gallery .cz-preview-item img, .usato-product-layout .cz-product-gallery .cz-image-zoom { width: auto !important; max-width: 100% !important; max-height: 220px !important; object-fit: contain !important; } /* Scheda usato mobile: evita overflow del bottone carrello fuori card */ .usato-price .d-flex.align-items-center { display: flex !important; flex-wrap: nowrap !important; gap: 0.5rem !important; align-items: center !important; width: 100% !important; min-width: 0 !important; } .usato-price .d-flex.align-items-center > a:first-child { flex: 0 0 auto !important; } .usato-price .btn-carrello { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-left: 0.75rem !important; padding-right: 0.75rem !important; font-size: 1.45rem !important; } .usato-price .btn-carrello i { margin-right: 0.35rem !important; } @media (max-width: 380px) { .usato-price .btn-carrello { font-size: 1.2rem !important; padding-left: 0.6rem !important; padding-right: 0.6rem !important; } } /* Allinea checkbox Longeva e label sulla stessa riga su mobile */ #longeva { vertical-align: middle !important; display: inline-block !important; margin-right: 6px !important; float: none !important; } #longeva + label { display: inline !important; vertical-align: middle !important; margin-left: 0 !important; float: none !important; } /* Il td che contiene il checkbox non deve forzare il wrap */ td:first-child + td { white-space: nowrap !important; } td:first-child + td label { white-space: normal !important; display: inline !important; } /* Frecce nav galleria - posizionate sopra la foto grande */ .cz-product-gallery { position: relative; } .cz-product-gallery .cz-preview { position: relative !important; overflow: visible !important; } /* Frecce galleria: stile forzato e posizionamento sopra la foto */ .cz-product-gallery .cz-preview .cz-nav-btn { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; background: #fff !important; color: #666 !important; border: 1px solid #ddd !important; width: 36px !important; height: 36px !important; border-radius: 18px !important; z-index: 1000 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 1px 3px rgba(0,0,0,.15) !important; pointer-events: auto !important; opacity: .9 !important; padding: 0 !important; margin: 0 !important; line-height: 1 !important; font-size: 20px !important; cursor: pointer !important; -webkit-appearance: none !important; appearance: none !important; text-align: center !important; } /* Assicura che il layer immagine non copra le frecce */ .cz-product-gallery .cz-preview .cz-preview-item { position: relative !important; z-index: 1 !important; } .cz-product-gallery .cz-preview .cz-nav-prev { left: 10px !important; right: auto !important; } .cz-product-gallery .cz-preview .cz-nav-next { right: 10px !important; left: auto !important; } .cz-product-gallery .cz-preview .cz-nav-btn:hover, .cz-product-gallery .cz-preview .cz-nav-btn:active, .cz-product-gallery .cz-preview .cz-nav-btn:focus { border-radius: 18px !important; outline: none !important; box-shadow: 0 0 0 2px rgba(0,0,0,.05) !important; opacity: 1 !important; } /* Desktop: mantieni frecce visibili */ @media (min-width: 992px) { .cz-product-gallery .cz-preview .cz-nav-btn { opacity: .9 !important; } .cz-product-gallery .cz-preview .cz-nav-btn:hover { opacity: 1 !important; } } .cz-thumblist-item img { width:62px; height:62px; } /* titolo prodotto */ #product-title { font-size: 1.6rem !important; } h1.text-darker.font-weight-bold { font-size: 1.7rem !important; } /* Card home categorie: rimuovi h-100 su mobile */ .product-card.h-100, .card-static.h-100, .family-card.h-100 { height: auto !important; } /* Allineamento logo marca con pulsante Condividi su mobile */ .cz-product-gallery .dropdown + .ml-3 img, .brand-share-row img { height:32px !important; width:auto !important; } } /* Badge stato usato sopra foto (colori come legenda homepage usato) */ .usato-state-badge{ position:absolute; top:8px; left:8px; z-index:2; display:inline-block; padding:.28rem .55rem; border-radius:999px; font-weight:800; letter-spacing:.2px; font-size:.72rem; line-height:1; color:#fff; text-transform:uppercase; box-shadow:0 6px 18px rgba(0,0,0,.14); } .usato-state--liquidazione{ background:#56AEFF; } /* azzurro */ .usato-state--ottimo{ background:#22BFA6; } /* verde acqua */ .usato-state--buono{ background:#86B01E; } /* verde */ .usato-state--discreto{ background:#F0B400; } /* giallo */ @media (max-width: 767.98px) { /* Titoli sezione slide homepage (offerte, vetrina, usato, ecc.) più compatti */ .home-section-title { font-size: 0.95rem !important; padding-top: 0.7rem !important; padding-bottom: 0.7rem !important; margin-bottom: 0.75rem !important; } /* Nomi macroreparti nelle card slider (quando visibili su schermi piccoli) */ .home-reparti-section h3.text-center.font-size-lg { font-size: 0.95rem !important; line-height: 1.25 !important; } } /* ======================================== LAYOUTPAGE TYPOGRAPHY & STYLING ======================================== */ .layoutpage-content, .layoutpage-text-content, .layoutpage-html-content { line-height: 1.8; font-size: 1.05rem; color: var(--bs-body-color, #495057); } /* Titoli h3 nelle layoutpage - dimensione leggermente ridotta su mobile */ @media (max-width: 575.98px) { .layoutpage-content h3, .layoutpage-text-content h3, .layoutpage-html-content h3, .abstract-content h3 { font-size: 1.05rem; line-height: 1.3; } } /* Escludi liste prodotti dalla regola line-height e font-size: le liste hanno il loro stile specifico */ /* Reset line-height e font-size per liste prodotti nelle layoutpage */ body:has(.layoutpage-content) .row:has(.product-card), body:has(.layoutpage-content) .list-group, body:has(.layoutpage-content) .product-card, body:has(.layoutpage-content) .list-group-item, /* Fallback per browser senza :has() - selettore più specifico per layoutpage */ section.col-lg-9 .row:has(.product-card), section.col-lg-9 .list-group, .col-lg-9 .row:has(.product-card), .col-lg-9 .list-group { line-height: normal !important; font-size: 1rem !important; } /* Tutti i tag h nelle layoutpage devono avere text-darker */ .layoutpage-content h1, .layoutpage-content h2, .layoutpage-content h3, .layoutpage-content h4, .layoutpage-content h5, .layoutpage-content h6, .layoutpage-text-content h1, .layoutpage-text-content h2, .layoutpage-text-content h3, .layoutpage-text-content h4, .layoutpage-text-content h5, .layoutpage-text-content h6, .layoutpage-html-content h1, .layoutpage-html-content h2, .layoutpage-html-content h3, .layoutpage-html-content h4, .layoutpage-html-content h5, .layoutpage-html-content h6, .abstract-content h1, .abstract-content h2, .abstract-content h3, .abstract-content h4, .abstract-content h5, .abstract-content h6 { color: var(--bs-darker, #2b3445) !important; margin-top: 1.5rem; margin-bottom: 1rem; font-weight: 600; } /* Selettore globale per tutte le layoutpage - tutti i tag h devono avere text-darker */ body:has(.layoutpage-content) h1:not(.breadcrumb-item h1):not(.modal h1), body:has(.layoutpage-content) h2:not(.breadcrumb-item h2):not(.modal h2), body:has(.layoutpage-content) h3:not(.breadcrumb-item h3):not(.modal h3), body:has(.layoutpage-content) h4:not(.breadcrumb-item h4):not(.modal h4), body:has(.layoutpage-content) h5:not(.breadcrumb-item h5):not(.modal h5), body:has(.layoutpage-content) h6:not(.breadcrumb-item h6):not(.modal h6) { color: var(--bs-darker, #2b3445) !important; } /* Fallback per browser che non supportano :has() - selettore più specifico */ .container .layoutpage-content ~ * h1, .container .layoutpage-content ~ * h2, .container .layoutpage-content ~ * h3, .container .layoutpage-content ~ * h4, .container .layoutpage-content ~ * h5, .container .layoutpage-content ~ * h6, .container .layoutpage-text-content ~ * h1, .container .layoutpage-text-content ~ * h2, .container .layoutpage-text-content ~ * h3, .container .layoutpage-text-content ~ * h4, .container .layoutpage-text-content ~ * h5, .container .layoutpage-text-content ~ * h6, .container .layoutpage-html-content ~ * h1, .container .layoutpage-html-content ~ * h2, .container .layoutpage-html-content ~ * h3, .container .layoutpage-html-content ~ * h4, .container .layoutpage-html-content ~ * h5, .container .layoutpage-html-content ~ * h6 { color: var(--bs-darker, #2b3445) !important; } .layoutpage-content p, .layoutpage-text-content p, .layoutpage-html-content p { margin-bottom: 1.25rem; } .layoutpage-content img, .layoutpage-html-content img { max-width: 100%; height: auto; border-radius: 0.5rem; } .layoutpage-content a, .layoutpage-html-content a { color: var(--bs-primary, #046aac); text-decoration: underline; } .layoutpage-content a:hover, .layoutpage-html-content a:hover { color: var(--bs-primary-dark, #035a8c); text-decoration: none; } .layoutpage-content a.btn, .layoutpage-html-content a.btn { text-decoration: none; } .abstract-content { font-size: 1.1rem; line-height: 1.7; } .banner-layout { margin-bottom: 2rem; } .banner-layout img { border-radius: 0.5rem; box-shadow: 0 2px 8px rgba(0,0,0,0.1); } /* Nascondi solo il contenuto testuale di layoutpage-header (titoli, abstract) */ /* Il titolo è già presente nella testata */ /* I banner sono ora fuori da layoutpage-header per garantire visibilità */ .layoutpage-header h2, .layoutpage-header .abstract-content { display: none !important; } /* ======================================== STILI BREVO NEWSLETTER FORM ======================================== */ /* Form newsletter nel footer */ .brevo-newsletter-form-footer { margin-top: 1rem; } .brevo-form-inline .input-group { display: flex; flex-wrap: nowrap; } .brevo-form-inline .form-control { flex: 1 1 auto; min-width: 0; border-radius: 4px 0 0 4px; border: 1px solid #ddd; padding: 8px 12px; font-size: 0.9rem; background: #fff; color: #333; } .brevo-form-inline .form-control:focus { border-color: #FFCC00; outline: none; box-shadow: 0 0 0 0.2rem rgba(255, 204, 0, 0.25); } .brevo-form-inline .input-group-append { display: flex; } .brevo-form-inline .btn { border-radius: 0 4px 4px 0; white-space: nowrap; padding: 8px 16px; font-size: 0.9rem; font-weight: 600; } /* Stili per form Brevo embedded nel footer - Allineato al CSS del sito */ #sib-form { margin: 0; } #sib-form .input-group { display: flex; flex-wrap: nowrap; } #sib-form .form-control { flex: 1 1 auto; min-width: 0; border-radius: 4px 0 0 4px; border: 1px solid rgba(255, 255, 255, 0.2); padding: 8px 12px; font-size: 0.9rem; background: rgba(255, 255, 255, 0.1); color: #fff; } #sib-form .form-control::placeholder { color: rgba(255, 255, 255, 0.6); } #sib-form .form-control:focus { border-color: #FFCC00; outline: none; box-shadow: 0 0 0 0.2rem rgba(255, 204, 0, 0.25); background: rgba(255, 255, 255, 0.15); color: #fff; } #sib-form .btn-warning { border-radius: 0 4px 4px 0; white-space: nowrap; padding: 8px 16px; font-size: 0.9rem; font-weight: 600; transition: all 0.2s; } #sib-form .btn-warning:hover { transform: translateY(-1px); box-shadow: 0 2px 4px rgba(255, 204, 0, 0.3); } #sib-form-message { padding: 8px 12px; border-radius: 4px; font-size: 0.85rem; display: none; } #sib-form-message.success { display: block; background: rgba(40, 167, 69, 0.2); color: #d4edda; border: 1px solid rgba(40, 167, 69, 0.3); } #sib-form-message.error { display: block; background: rgba(220, 53, 69, 0.2); color: #f8d7da; border: 1px solid rgba(220, 53, 69, 0.3); } /* Responsive per form footer */ @media (max-width: 575.98px) { .brevo-form-inline .input-group { flex-direction: column; } .brevo-form-inline .form-control { border-radius: 4px; margin-bottom: 8px; } .brevo-form-inline .btn { border-radius: 4px; width: 100%; } #brevo-footer-form .sib-form input[type="email"] { border-radius: 4px; margin-bottom: 8px; } #brevo-footer-form .sib-form button[type="submit"], #brevo-footer-form .sib-form input[type="submit"] { border-radius: 4px; width: 100%; } #sib-form .input-group { flex-direction: column; } #sib-form .form-control { border-radius: 4px; margin-bottom: 8px; } #sib-form .btn-warning { border-radius: 4px; width: 100%; } } /* Form newsletter in inc_info.php */ .brevo-form-inline-info .input-group { display: flex; flex-wrap: nowrap; } .brevo-form-inline-info .form-control { flex: 1 1 auto; min-width: 0; border-radius: 4px 0 0 4px; border: 1px solid rgba(255, 255, 255, 0.3); padding: 6px 10px; font-size: 0.85rem; background: rgba(255, 255, 255, 0.1); color: #fff; } .brevo-form-inline-info .form-control::placeholder { color: rgba(255, 255, 255, 0.6); } .brevo-form-inline-info .form-control:focus { border-color: rgba(255, 255, 255, 0.5); outline: none; box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.15); } .brevo-form-inline-info .btn { border-radius: 0 4px 4px 0; white-space: nowrap; } /* Stili per form Brevo embedded in inc_info */ #brevo-info-form .sib-form { margin: 0; } #brevo-info-form .sib-form input[type="email"] { width: 100%; padding: 6px 10px; border-radius: 4px 0 0 4px; border: 1px solid rgba(255, 255, 255, 0.3); font-size: 0.85rem; background: rgba(255, 255, 255, 0.1); color: #fff; } #brevo-info-form .sib-form input[type="email"]::placeholder { color: rgba(255, 255, 255, 0.6); } #brevo-info-form .sib-form input[type="email"]:focus { border-color: rgba(255, 255, 255, 0.5); outline: none; box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.15); } #brevo-info-form .sib-form button[type="submit"], #brevo-info-form .sib-form input[type="submit"] { padding: 6px 12px; border-radius: 0 4px 4px 0; background: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, 0.5); font-weight: 600; font-size: 0.85rem; cursor: pointer; transition: all 0.2s; } #brevo-info-form .sib-form button[type="submit"]:hover, #brevo-info-form .sib-form input[type="submit"]:hover { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.7); } /* Form newsletter mobile footer */ .brevo-mobile-newsletter .sib-form { margin: 0; max-width: 100%; } .brevo-mobile-newsletter .sib-form input[type="email"] { width: 100%; padding: 8px 12px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.3); font-size: 0.9rem; background: rgba(255, 255, 255, 0.1); color: #fff; margin-bottom: 8px; } .brevo-mobile-newsletter .sib-form input[type="email"]::placeholder { color: rgba(255, 255, 255, 0.7); } .brevo-mobile-newsletter .sib-form input[type="email"]:focus { border-color: rgba(255, 255, 255, 0.5); outline: none; box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.15); } .brevo-mobile-newsletter .sib-form button[type="submit"], .brevo-mobile-newsletter .sib-form input[type="submit"] { width: 100%; padding: 8px 16px; border-radius: 4px; background: #FFCC00; color: #000; border: 1px solid #FFCC00; font-weight: 600; font-size: 0.9rem; cursor: pointer; transition: background-color 0.2s; } .brevo-mobile-newsletter .sib-form button[type="submit"]:hover, .brevo-mobile-newsletter .sib-form input[type="submit"]:hover { background: #e6b800; border-color: #e6b800; } .brevo-mobile-newsletter .sib-form .message_area { margin-top: 10px; padding: 8px 12px; border-radius: 4px; font-size: 0.85rem; text-align: left; } .brevo-mobile-newsletter .sib-form .message_area.success { background: rgba(212, 237, 218, 0.2); color: #fff; border: 1px solid rgba(195, 230, 203, 0.3); } .brevo-mobile-newsletter .sib-form .message_area.error { background: rgba(248, 215, 218, 0.2); color: #fff; border: 1px solid rgba(245, 198, 203, 0.3); } /* ======================================== Footer payment logos ======================================== */ .footer-payment-logos img { height: 40px; width: auto !important; max-width: 100%; object-fit: contain; } @media (max-width: 575.98px) { /* Margine inferiore tra la prima e la seconda riga di loghi pagamento su mobile */ .footer-payment-logos .col-4:nth-child(-n+3) { margin-bottom: 0.75rem; } } /* Privacy text in footer newsletter checkbox */ .footer-privacy-text { color: rgba(255, 255, 255, 0.7); } .footer-privacy-link { color: rgba(255, 255, 255, 0.7); text-decoration: underline; } footer.bg-darker a, footer.bg-darker a:hover { color: #fff !important; } footer.bg-darker .widget-list-item, footer.bg-darker .widget-list-item b, footer.bg-darker .widget-list-item strong { color: #fff !important; } footer.bg-darker .widget-list .widget-list-item { font-size: 0.82rem !important; line-height: 1.35 !important; } footer.bg-darker .widget-list .widget-list-item b, footer.bg-darker .widget-list .widget-list-item strong { font-size: 0.86rem !important; line-height: 1.35 !important; } /* ======================================== Floating cookie preferences button (desktop) ======================================== */ .cookie-floating-btn { position: fixed; left: 0; bottom: 120px; z-index: 1050; min-width: 44px; height: 44px; border: none; border-radius: 0 22px 22px 0; background-color: #2b3445; /* grigio scuro */ color: #fff; display: flex; align-items: center; justify-content: flex-start; padding: 0 12px 0 8px; cursor: pointer; box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.3); } .cookie-floating-btn:focus { outline: none; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6); } .cookie-floating-icon { position: relative; width: 18px; height: 18px; border-radius: 50%; border: 2px solid #fff; } .cookie-floating-label { margin-left: 8px; font-size: 0.8rem; white-space: nowrap; opacity: 0; max-width: 0; overflow: hidden; transition: opacity 0.2s ease, max-width 0.2s ease; } .cookie-floating-btn:hover .cookie-floating-label, .cookie-floating-btn:focus .cookie-floating-label { opacity: 1; max-width: 200px; } .cookie-floating-icon::before, .cookie-floating-icon::after { content: ""; position: absolute; width: 3px; height: 3px; border-radius: 50%; background-color: #fff; } .cookie-floating-icon::before { top: 4px; left: 4px; } .cookie-floating-icon::after { bottom: 4px; right: 4px; } /* ======================================== Layoutpage banner container width ======================================== */ .layoutpage-banner-container { margin: 0; padding: 0; width: 100%; } .layoutpage-banner-container .container { margin: 0 auto; padding: 0; } .layoutpage-banner-container img { display: block; width: 100%; height: auto; border-radius: 0.5rem; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); } /* Su mobile: aggiungi margini/padding come prima */ @media (max-width: 991.98px) { .layoutpage-banner-container { padding-top: 1rem; padding-left: 15px; padding-right: 15px; } .layoutpage-banner-container .container { padding-left: 0 !important; padding-right: 0 !important; } } /* ======================================== Hotfix mobile scheda usato (CTA + galleria) ======================================== */ @media (max-width: 480px) { /* CTA acquisto schede prodotto (nuovo + usato) */ .btn-carrello.btn-lg.add_to_cart_button { font-size: 0.86rem !important; line-height: 1.2 !important; padding: 0.5rem 0.42rem !important; letter-spacing: 0 !important; } .btn-carrello.btn-lg.add_to_cart_button i { font-size: 0.86rem !important; } .usato-price .btn-carrello { font-size: 0.86rem !important; line-height: 1.2 !important; padding: 0.5rem 0.42rem !important; letter-spacing: 0 !important; } .usato-price .btn-carrello i { margin-right: 0.28rem !important; font-size: 0.86rem !important; } /* Mantieni la logica gallery originale: limita solo l'immagine */ .usato-product-layout .cz-product-gallery .cz-preview img, .usato-product-layout .cz-product-gallery .cz-image-zoom { max-height: 220px !important; width: auto !important; max-width: 100% !important; object-fit: contain !important; } } /* ======================================== Scheda usato: allineamento a scheda nuovo ======================================== */ @media (max-width: 991.98px) { /* Prezzo: stessa dimensione usata su p/index.php mobile */ .usato-price .h1 { font-size: 1.8rem !important; line-height: 1.05 !important; } /* Gallery: stessa logica anti-spazio vuoto della scheda nuovo */ .usato-product-layout .cz-product-gallery .cz-preview { min-height: 0 !important; max-height: 45vh !important; overflow: visible !important; display: flex !important; align-items: center !important; justify-content: center !important; } .usato-product-layout .cz-product-gallery .cz-preview-item, .usato-product-layout .cz-product-gallery .cz-preview-item.active { min-height: 240px !important; height: auto !important; overflow: visible !important; display: flex !important; align-items: center !important; justify-content: center !important; } .usato-product-layout .cz-product-gallery .cz-preview-item img, .usato-product-layout .cz-product-gallery .cz-preview-item img.cz-image-zoom, .usato-product-layout .cz-product-gallery .cz-image-zoom { height: auto !important; max-height: 45vh !important; width: auto !important; max-width: 100% !important; object-fit: contain !important; display: block !important; } }