/* */ /* NOTA: LA SEGUENTE STRINGA SERVE AD EVITARE CHE LE IMMAGINI, QUALORA CAMBIASSERO, NON VENGANO MOSTRATE PERCHE' MEMORIZZATE IN CACHE background: url(/immagine-esempio.gif?v=); */ /* #################################################### RESET */ h1 { font-family: Georgia; font-size: 34px; line-height: 36px; margin-bottom: 10px; font-style: italic; font-weight: bold; clear:both; margin-top:50px; } h2 { font-family: Georgia; font-size: 18px; line-height: 22px; margin-bottom: 40px; } h3 { font-family: Georgia; font-size: 22px; line-height: 22px; font-weight: bold; color:#000; margin-bottom: 14px; } h3.h3-gallery { font-weight:normal; } .content-prodotti { font-size: 14px; font-family: Verdana; line-height: 20px; width: 470px; float: left; position: relative; padding-bottom: 20px; } .bottom-solid.clearfix{ margin-bottom: 20px; padding-bottom: 20px; width: 680px; } .bg-gruccia { background:#fff url(/bg-gruccia.gif?v=) no-repeat 0px 25px; } .tag-articolo { width: 660px; border-bottom: solid 1px #000; line-height: 16px; font-family: Verdana,arial; font-size:11px; margin-bottom: 20px; padding: 0px 20px 20px 0px; } .tag-articolo a, .tag-articolo a:hover { color: #2f3974; margin-left: 5px; } .colonna-ricerca { float: right; padding: 75px 5px 0px 0px; width: 200px; height: 840px; background: url(/bg-ric-col-prodotto.gif?v=) no-repeat 0px 75px; } .lista-prodotti { width: 450px; float: left; padding-bottom: 20px; } .lista-prodotti li { float: left; width: 150px; height: 165px; text-align: center; font-size: 11px; font-family: Verdana; color: #545454; position: relative; } .lista-prodotti li a { clear: both; display: block; width: 150px; text-align: center; line-height: 14px; /*white-space: nowrap;*/ } .lista-prodotti li img { border: solid 1px #bfbfbf; margin-bottom:0px; } a.bt-rosso-prodotto { position: absolute; z-index: 1; top:101px; left: 17px; width: 15px !important; height: 15px !important; display:block; } a.bt-rosso-prodotto img {border:none;} .tit-ricerca-prodotto { width: 180px; background:#809cb4; font-size: 14px; font-family: Verdana; text-transform: uppercase; color: #fff; text-align: center; padding: 1px 0px; margin: 20px 0px 10px 17px; } #form-ricerca-prodotto { width: 180px; padding-left: 20px; overflow: hidden; height: 550px; } #form-ricerca-prodotto span { color: #fff; font-size: 16px; font-family: Georgia; display: block; width: 170px; padding: 5px 5px 2px 5px; } #form-ricerca-prodotto select { width: 175px; border: medium none; color: #666666; font-size: 12px; height: 18px; line-height: 18px; margin-bottom: 5px; text-transform: uppercase; } #form-ricerca-prodotto div.selector { font-size: 12px; width: 157px; background-color:#e5e5e5; border: solid 3px #e5e5e5; } #form-ricerca-prodotto div.selector span { width: 153px; font-size: 11px; text-transform: uppercase; font-family: Arial; color: #343434; padding: 2px; } .tit-ric-footer { font-family: Verdana !important; font-size: 12px !important; padding-top:20px !important; } #form-ricerca-prodotto input { width: 166px; padding: 1px 3px; height: 20px; } #form-ricerca-prodotto a { color: #fff; font-size: 12px; font-family: Verdana; text-decoration: underline; clear:both; display: block; } #form-ricerca-prodotto strong { text-decoration: none; color:#c20069; } .bt-cerca { border: none; background: transparent; color: #c20069; font-size: 11px; font-weight: bold; width: 80px; cursor: pointer; height: 30px; position: absolute; z-index: 1; right: 41px; text-align: right; padding-left: 14px; top:659px; } .form-vedi-anche { float: right; border-left:solid 2px #bfbfbf; font-family: Georgia; font-size: 14px; height: 225px; width: 167px; padding:15px 15px 0px 15px; } .form-vedi-anche a.link-more { line-height: 15px; text-align: right; padding-top: 15px; } .paginazione-articolo { right: 20px; bottom: -13px; } .solid-bottom { border-bottom: solid 1px #bfbfbf; } #ordinamento-prod { float: left; width: 300px; height: 30px; line-height: 30px; font-family: Verdana; font-size: 14px; margin-bottom: 10px; } .num-risultati-prod { float: right; margin-bottom: 10px; width: 130px; padding-right: 20px; font-family: Georgia; font-style: italic; height: 30px; line-height: 30px; text-align: right; color: #808080; border-left: solid 1px #808080; } /* ################################################ LISTA # */ .lista-alfa-left, .lista-alfa-center, .lista-alfa-right { float: left; width: 150px; padding-left: 5px; } .lista-alfa-center, .lista-alfa-right { width: 148px; padding-left: 5px; border-left: solid 2px #bfbfbf; } .lista-alfa-left li, .lista-alfa-center li, .lista-alfa-right li { background: url(/bg-line-rosa.gif?v=) no-repeat 10px 3px; } .lista-alfa-left li span, .lista-alfa-center li span, .lista-alfa-right li span { background: none repeat scroll 0 0 #FFFFFF; color: #C20069; display: block; font-style: italic; margin-left: 60px; text-align: center; width: 23px; } .lista-alfa-left li a, .lista-alfa-center li a, .lista-alfa-right li a { font-family: Verdana; font-size: 12px; padding: 0px 0px; width:148px; /*height: 26px;*/ line-height: 26px; display: block; } .elenco-alfa-brand { font-family: Georgia; font-size: 14px; font-weight: bold; font-style: italic; height: 60px; line-height: 40px; border-bottom: solid 1px #000; width: 464px; margin-bottom: 30px; } .elenco-alfa-brand span {color: #808080;padding: 0px 2px;} .elenco-alfa-brand a, .elenco-alfa-brand a:hover {color: #c20069;padding: 0px 2px;} /* ################################################ FOGLIA PRODOTTI # */ #foglia-prodotto { position: relative; width: 680px; } .like-commenti-articolo { height: 30px; position: absolute; right: 0; top: 53px; width: 125px; z-index: 1; } .like-commenti-articolo-bt { float: right; height: 30px; overflow: hidden; width: 115px; } #foglia-prodotto h1 { margin-top: 15px; } #foglia-prodotto h2 { font-family: Verdana; font-size: 14px; } #foglia-prodotto h2.h2-gallery { font-family: Georgia; font-size: 18px; margin-bottom: 15px; } .box-prod-scheda-singola { width: 645px; position: relative; overflow: hidden; padding-left: 20px; padding-right: 15px; padding-bottom: 30px; } .box-prod-scheda-singola.new-gallery { width: 645px; position: relative; overflow: hidden; padding-left: 20px; padding-right: 15px; padding-bottom: 0; } .img-prod-scheda { border: 1px solid #BFBFBF; float: left; height: 520px; overflow: hidden; text-align: center; width: 430px; } .new-gallery .img-prod-scheda { width:640px; overflow:hidden; min-height:100px; text-align:center; border:1px solid #BFBFBF; } .prod-descr { float: right; position: relative; width: 190px; height: 458px; overflow: hidden; background: url(/bg-text-prod.png?v=) 0px 0px no-repeat; padding:32px 10px; font-family: Georgia; font-size: 14px; line-height: 16px; } .new-gallery .prod-descr { padding:10px 10px 50px 22px; float: left; font-family: Verdana; font-size: 11px; line-height: 12px; width:auto; height:auto; background:none; } .prod-descr li { font-weight: bold; margin-bottom: 10px; } .prod-descr li span { clear: both; display: block; padding-left: 10px; } .new-gallery .prod-descr li span { clear: none; display: inline; padding-left: 0; } .txt-rosa, .prod-descr li strong, .num-prod span { color: #c20069; } .prod-descr li .txt-rosa, .prod-descr li a{ text-decoration: underline; } .prod-descr p { margin-bottom: 10px; /*height: 260px; display: block;*/ } .box-num-prod { position: absolute; width: 185px; height: 50px; z-index: 1; bottom: 0px; left: 10px; } .bt-stampa-prod, .bt-invia-mail { border-bottom: 1px solid #BFBFBF; float: left; height: 20px; line-height: 20px; width: 92px; color: #808080; font-family: Verdana; font-size: 9px; text-indent: 50px; cursor: pointer; } .bt-stampa-prod { background: url(/bt-stampa-p.gif?v=) 20px 2px no-repeat; } .bt-invia-mail { background: url(/bt-mail-p.gif?v=) 20px 4px no-repeat; } .num-prod { clear: both; color: #808080; display: block; font-style: italic; height: 20px; line-height: 20px; text-align: center; width: 185px; } .bt-prev-gallery { position: absolute; z-index: 1; top:215px; left:0px; width: 13px; height: 60px; display: block; background: url(/bt-left-slide.gif?v=) 0px 0px no-repeat; text-indent: -9999px; } .bt-next-gallery { position: absolute; z-index: 1; text-indent: -9999px; display: block; top:215px; right:0px; width: 12px; height: 60px; background: url(/bt-right-slide.gif?v=) -12px 0px no-repeat; } #foglia-prodotto #carosello-centrale .jcarousel-clip-horizontal { height: 166px; left: 6px; overflow: hidden; width: 625px; } #foglia-prodotto #carosello-centrale li { width: 115px; text-align: center; padding: 0px 5px; } #foglia-prodotto #carosello-centrale li img { width: 114px; height: 114px; margin-left: 0px; border: solid 1px #bfbfbf; } #foglia-prodotto #carosello-centrale li a { clear: both; float: none; font-family: Verdana,arial; font-size: 11px; font-weight: bold; line-height: 12px; margin-left: 0px; padding-top: 0px; width: 116px; font-family: Verdana; font-size: 11px; color: #545454 !important; font-weight: normal !important; } #foglia-prodotto #carosello-centrale #carosello-default, #foglia-prodotto #carosello-centrale .jcarousel-container { height: 166px; border-bottom: solid 1px #bfbfbf; } #foglia-prodotto #carosello-centrale .jcarousel-skin-tango-centrale .jcarousel-prev-horizontal, #foglia-prodotto #carosello-centrale .jcarousel-skin-tango-centrale .jcarousel-next-horizontal { top: 36px; } #foglia-prodotto .jcarousel-skin-tango-centrale { height: 190px; } #foglia-prodotto #carosello-centrale { margin-bottom: 0px; border-bottom: none; } .content-prodotti p { clear: both; display: block; } /* ################################################ RICERCA ORIZZONTALE # */ .orizzontale-ricerca { width: 660px; height: 214px; margin-bottom: 30px; overflow: hidden; padding: 13px 10px 33px 10px; position: relative; background: url(/bg-oriz-ricerca.png?v=) 0px 0px no-repeat; border-bottom: solid 1px #000; } .orizzontale-ricerca .tit-ricerca-prodotto { margin: 0px; } .orizzontale-ricerca .bt-cerca { right:30px; top:190px; } .orizzontale-ricerca #form-ricerca-prodotto ul li { float: left; width: 200px; height: 55px; text-align: left; padding: 7px 0px 0px 0px; } .orizzontale-ricerca #form-ricerca-prodotto ul li .tit-ric-footer { padding: 2px !important; } .orizzontale-ricerca #form-ricerca-prodotto ul li a { color: #fff; width: 99%; } .orizzontale-ricerca #form-ricerca-prodotto { height: 200px; overflow: hidden; padding-left: 0px; width: 660px; } .orizzontale-ricerca #form-ricerca-prodotto ul li.link-singoli { padding-top:20px; height: 35px } .vai_testo{ position:absolute; color:#FFF; top:217px; left:10px !important; left:0px; } .vai_testo a{ color:#FFF; text-decoration:underline; }