/* CSS Document */ /*** Questo css serve a configirare e a personalizzare le vetrine e tutte le pagine dinamiche che vengono generate per i siti personalizzati. Solo sulla base della vetrina3 è possibile configurare diverse visualizzazioni grafiche, Semplicemente commentando e scommentando ***/ /***** STILI PER GESTIRE LA VETRINA 1 *****/ .vetrina .rigaup, .form .campiobl, .inviorichiesta .head, .galleria .head, .dettaglio .head, .dettaglio .tab .head{ background: #990000; color:#ffffff; } /* colore di sfondo e del testo dei piccoli top */ .vetrina .img a, .vetrina .txt a, .vetrina .pag a, .dettaglio .r .sx a{ color:#990000; } /* colore del testo dell'annuncio sia sulla lista che nel dettaglio */ /* .filtro .b20, .head .b20{ height:5px; } /* alteza dopo il filtro */ /*.filtro { margin-bottom:0px; } /* setta il margine sotto al filtro a 0 px */ /*.vetrina .head .sx{width:40%; } .vetrina .head .dx{ width:60%; } /* proporzioni di ingombro del head della vetrina ( annunci presenti e filtrino ) */ /*.vetrina{ color:#FFF; } /* definisce il colore del testo della vetrina */ /*.vetrina .riga1 .img, .vetrina .riga2 .img, .vetrina .rigaup .sp1{ width:20%; } /* Dimensione colonna immagine */ /*.vetrina .riga1 .txt, .vetrina .riga2 .txt, .vetrina .rigaup .sp2{ width:49%; } /* Dimensione colonna testo */ /*.vetrina .riga1 .dx, .vetrina .riga2 .dx, .vetrina .rigaup .sp3{ width:28%; } /* Dimensione colonna richiedi */ /***** STILI PER GESTIRE LA VETRINA 3 *********/ #vetrina, #vetrina .annuncio .dsc span a:link, #vetrina .annuncio .dsc span a:visited, #vetrina .annuncio .dsc span a:hover, #vetrina .pag a:link, #vetrina .pag a:visited, #vetrina .pag a:hover, .form{ color:#000; } /* colore testo per la vetrina compresi i link */ #dettaglio{ color:#fff;} /* colore testo per il tettaglio */ #vetrina .annuncio .icon, #dettaglio .head .icon, #dettaglio .tab .head, .inviorichiesta .head, .form .campiobl{ background:#666; color:#FFF; } /* sfondo e colore testo di head e righe colorate sia dettaglio che vetrina */ #vetrina .annuncio .icon a:hover, #dettaglio .head .icon a:hover{ background-color: #30ad43; } /* colore hover sotto le icone sia vetrina che dettaglio */ /*#vetrina .annuncio .icon, #dettaglio .head .icon{ background:url(../img/sf_barraVetrina.gif) repeat-x top;}/* sfondino a immagine personale */ #vetrina .annuncio .dsc{/* min-width:500px;*/ color:#fff; font-size:11px;} /* dimensione e colore testo dello spazio a destra dell'immagine nella vetrina*/ #vetrina .stamp{ display:none; } /* scomparsa tasto stampa #dettaglio .annuncio .dx{ width:250px; } /* dimensione dello spazio destro con il testo nel dettaglio */ #vetrina { width:750px; font-family:Verdana, Geneva, sans-serif;} #dettaglio .annuncio .sxBig #mapcont{ width:650px; height:400px; }/* dimensione cartina google*/ #dettaglio .annuncio .sxBig iframe{ width:800px; } #vetrina .annuncio .img{ height:auto; border:none; } /* Paginazione veriante 2 * #vetrina .stamp{ display:none; } #vetrina .pag { width:100%; } #vetrina .pag .pa,#vetrina .pag .pb{ display:none; } #vetrina .pag .prec{ float:left; } #vetrina .pag .succ{ float:right; } #vetrina .pag .prec a, #vetrina .pag .succ a{ font-size:14px; font-weight:bold; } #vetrina .pag .prec span, #vetrina .pag .succ span{ display: inline; } /* Vetrina BASE senza Icon * #vetrina .annuncio .icon { display: none; } /* Dati nel lato destro */ #vetrina .annuncio .dsc span a:link, #vetrina .annuncio .dsc span a:visited, #vetrina .annuncio .dsc span a:hover{ color:#fff; } /* colore link in testa all'annuncio dentro la vetrina */ #vetrina .annuncio .dsc .tavola{ } #vetrina .annuncio .dsc .zona{ } #vetrina .annuncio .dsc .contratto{ } #vetrina .annuncio .dsc .prezzo{ } #vetrina .annuncio .dsc .mq{ } #vetrina .annuncio .dsc .rif{ } #vetrina .annuncio .dsc .descr{ } #vetrina .annuncio .dsc .agenzia{} /* Sostituzione icone #dettaglio .head .icon a:link, #dettaglio .head .icon a:visited, #dettaglio .head .icon a:hover{ width: 124px; height:28px; margin-left:0px; } #dettaglio .head .icon .det{ margin-left:10px; background:url(../img/t_dettaglio.png) no-repeat center; } #dettaglio .head .icon .ric{ margin-left:10px; background:url(../img/t_richiesta.png) no-repeat center; } #dettaglio .head .icon .map{ margin-left:10px; background:url(../img/t_mappa.png) no-repeat center; } #dettaglio .head .icon .gal{ margin-left:10px; background:url(../img/t_gallery.png) no-repeat center; } #dettaglio .head .icon .virt{ margin-left:10px; background:url(../img/t_tour.png) no-repeat center; } #dettaglio .head .icon .plan{ margin-left:10px; background:url(../img/t_planimetria.png) no-repeat center; } #dettaglio .head .icon .vis{ margin-left:10px; background:url(../img/t_visual.png) no-repeat center; } /* Paginazione e altro /*#vetrina .pag{ color:#ac2932; font-size:12px; } /* colore e dimensione del testo normale della paginazione */ /*#vetrina .pag a:link, #vetrina .pag a:visited, #vetrina .pag a:hover{ color:#FFF; } /* colore del link della paginazione */ /*#vetrina .stamp{ display:none; } /* tasto stampa invisibile */ /*#vetrina .filtro .sx{ width:40%; } /* spazio Dicitura annunci prensenti */ /*#vetrina .filtro .dx{ width:60%; } /* spazio per ordinamento */ /**** Configurazioni grafiche diversificate ****/ /* Vetrina Affiancata a 2 * #vetrina .annuncio{ float:left; width:470px; height:200px; margin-right:5px; padding-top:20px; margin-bottom:10px; } #vetrina .c{ clear:none; } #vetrina .b10{ height:0px; } #vetrina .annuncio .dsc{ width:220px; min-width:200px; } #vetrina .annuncio .icon { display:none; } #vetrina .annuncio .img{ height:170px; overflow: hidden; } #vetrina .annuncio .img img{ max-width:200px; width:auto; max-height:150px; height: auto; padding:0px; margin:0px; padding:10px; } #vetrina .annuncio .dsc{ height:190px; overflow:hidden; } #vetrina .annuncio .dsc .tavola,#vetrina .annuncio .dsc .zona, #vetrina .annuncio .dsc .contratto, #vetrina .annuncio .dsc .prezzo, #vetrina .annuncio .dsc .mq, #vetrina .annuncio .dsc .rif, #vetrina .annuncio .dsc .descr, #vetrina .annuncio .dsc .agenzia{ margin-top:10px; } #vetrina .annuncio .dsc .descr, #vetrina .annuncio .dsc .agenzia{ display:none; } #vetrina .filtro{ border:0px; } #vetrina { width: 970px; } .filtro .b20{ height:5px; clear:both; } #vetrina .pag{ clear:both; } /* Vetrina Affiancata a 2 + Icon - attivare anche 2 Sopra * #vetrina .annuncio{ height:240px; } #vetrina .annuncio .icon { display: block; margin-top:5px; } /* Vetrina Affiancata a 2 + Icon - attivare anche 2 Sopra * #vetrina .annuncio{ height:240px; } #vetrina .annuncio .icon { display: block; margin-top:5px; } /* Vetrina Affiancata a 2 Big - ricordarsi di portare la definizione delle immagini a 550 px * #vetrina .annuncio{ float:left; width:470px; height:420px; margin-right:15px; padding-top:0px; margin-bottom:10px; border:1px solid #CCC; } #vetrina .c{ clear:none; } #vetrina .b10{ height:0px; } #vetrina .annuncio .icon { display:none; } #vetrina .annuncio .img{ height:360px; overflow: hidden; min-width:300px; max-width:460px; width:460px; border:0px; padding:5px; } #vetrina .annuncio .img img{ width:460px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; } #vetrina .annuncio .dsc{ height:50px; width:460px; overflow:hidden; margin-left:0px; margin-top:0px; padding:5px; } #vetrina .annuncio .dsc .contratto{ float:left; } #vetrina .annuncio .dsc .prezzo{ float:right; } #vetrina .annuncio .dsc .tavola, #vetrina .annuncio .dsc .zona, #vetrina .annuncio .dsc .mq, #vetrina .annuncio .dsc .rif, #vetrina .annuncio .dsc .descr, #vetrina .annuncio .dsc .agenzia{ display:none; } #vetrina .filtro{ border:0px; } #vetrina { width: 990px; } .filtro .b20, #vetrina .b20{ height:5px; clear:both; } #vetrina .filtro .c{ clear:both; } #vetrina .filtro{ margin-bottom:10px; } #vetrina .pag{ clear:both; } /* Vetrina Affiancata a 2 Big + Icon - attivare anche 2 big Sopra * #vetrina .annuncio{ height:460px; } #vetrina .annuncio .icon { display: block; } #vetrina .annuncio .dsc{ padding-bottom:0px; margin-bottom:0px; } /* Vetrina Affiancata a 3 - ricordarsi di portare la definizione delle immagini a 300 px * #vetrina .annuncio{ float:left; width:300px; height:350px; margin-right:15px; padding-top:20px; margin-bottom:10px; border:0px; } #vetrina .c{ clear:none; } #vetrina .b10{ height:0px; } #vetrina .annuncio .icon { display:none; } #vetrina .annuncio .img{ height:225px; overflow: hidden; min-width:300px; max-width:300px; width:300px; border:0px; background:#666; } #vetrina .annuncio .img img{ max-width:300px; width:auto; height:225px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; } #vetrina .annuncio .dsc{ height:100px; width:300px; overflow:hidden; margin-left:0px; margin-top:10px; } #vetrina .annuncio .dsc .tavola,#vetrina .annuncio .dsc .zona, #vetrina .annuncio .dsc .contratto, #vetrina .annuncio .dsc .prezzo, #vetrina .annuncio .dsc .mq, #vetrina .annuncio .dsc .rif, #vetrina .annuncio .dsc .descr, #vetrina .annuncio .dsc .agenzia{ margin-top:2px; } #vetrina .annuncio .dsc .tavola,#vetrina .annuncio .dsc .zona,#vetrina .annuncio .dsc .descr, #vetrina .annuncio .dsc .agenzia{ display:none; } #vetrina .filtro{ border:0px; } #vetrina { width: 970px; } .filtro .b20, #vetrina .b20{ height:5px; clear:both; } #vetrina .pag{ clear:both; } /* Vetrina Affiancata a 3 + Icon - attivare anche 3 Sopra * #vetrina .annuncio{ height:340px; } #vetrina .annuncio .icon { display: block; } #vetrina .annuncio .icon .det, #vetrina .annuncio .icon .ric, #vetrina .annuncio .icon .map, #vetrina .annuncio .icon .gal, #vetrina .annuncio .icon .virt, #vetrina .annuncio .icon .plan, #vetrina .annuncio .icon .vis{ margin-left:2px; margin-right:2px; } #vetrina .annuncio .dsc{ padding-bottom:0px; margin-bottom:0px; } /* Dettaglio ver 2 - Inversione * #dettaglio { width:100%; } #dettaglio .annuncio .sx{ float:right; } #dettaglio .annuncio .dx{ float:left; } #dettaglio .annuncio .sx .thumb{ background:#5c020c; } /* Dettaglio Tab affiancate * #dettaglio .annuncio .datiSt{ clear:both; } #dettaglio .annuncio .datiSt .c{ clear:none; } #dettaglio .annuncio .datiSt .b20{ height:0px; } #dettaglio .annuncio .datiSt .tab{ float:left; width:48%; margin:5px; } #dettaglio .annuncio .datiSt .tab .etichetta, #dettaglio .annuncio .datiSt .tab .campo{ border-bottom:0px; } /********* DETTAGLIO 3 **************/ #dettaglio3{ width:950px; text-align:left; } #dettaglio3 .tit{ font-size:24px; color:#333; margin-bottom:20px; } #dettaglio3 #contenitore{ width:940px; padding:5px; background:#e5e5e5; } #dettaglio3 #contenitore .etichetta{ clear:both; font-size:18px; color:#333333; text-align:right; } #dettaglio3 #gallery{} #dettaglio3 #gallery .fotoPrincipale{ float:left; margin-right:5px; width:640px; text-align:center; background: #CCC; } #dettaglio3 #gallery a{ display:block; width:92px; height:69px; float:left; margin:3px; text-align:center; background: #CCC; } #dettaglio3 #gallery a img{ border:0px; } #dettaglio3 #DHTMLgoodies_arrows{ display:none; } #dettaglio3 #datiimm{} #dettaglio3 #datiimm table{ width:300px; float:left; padding-left:10px; padding-right:10px; /*border:1px solid #666;*/ font-size:12px; } #dettaglio3 #datiimm table th{ background:#e5e5e5; width:100%; text-align:center; color:#000; font-size:14px; font-weight:bold; } #dettaglio3 #datiimm table td{ padding:5px; border-bottom:1px solid #CCC; } #dettaglio3 #datiimm table .campo{ text-align:right; background:#CCC; } #dettaglio3 .dsc{ float:left; width:397px; padding-left:5px; padding-right:20px; border-right:1px solid #666; font-size:12px; } #dettaglio3 .dsc .citta{ font-size:14px; font-weight:bold; } #dettaglio3 .dsc .zona{ font-weight:bold; padding-bottom:15px; } #dettaglio3 .dsc .contratto{} #dettaglio3 .dsc .prezzo{ font-weight:bold; padding-bottom:15px; } #dettaglio3 .dsc .mq{ padding-bottom:15px; } #dettaglio3 .dsc .txt{ text-align:justify; } #dettaglio3 .dati{ float:left; width:280px; padding-left:10px; padding-right:10px; border-right:1px solid #666; font-size:12px; } #dettaglio3 .dati table{ width:100%; } #dettaglio3 .dati table th{ background:#e5e5e5; width:100%; text-align:center; color:#000; font-size:14px; font-weight:bold; } #dettaglio3 .dati table td{ padding:2px; } #dettaglio3 .dati table .campo{ text-align:right; } #dettaglio3 .tasti{ float:right; width:223px; padding-left:3px; } #dettaglio3 .tasti a:link, #dettaglio3 .tasti a:visited, #dettaglio3 .tasti a:hover{ display:block; height:25px; line-height:25px; background:#666666; margin-bottom:5px; font-size:14px; font-weight:bold; color:#FFF; text-decoration:none; padding-left:15px; } #dettaglio3 .tasti a:hover{ background:#CCC; color:#000; } /***** STILI VALIDI PER ENTRABE LE VETRINE X LA RICERCA ( home e in testa alle vetrine ) *****/ /*.filtro{ width:95%; margin-bottom:20px; } /* larghezza e spazio sotto il filtro */ /*.filtro .elemento{ float:left; width:220px; border-bottom:1px solid #EEE; padding-bottom:2px; } /* configurazione di ogni righa composta da etichetta e campo */ /*.filtro .elemento .etichetta{ float:left; width:70px; text-align:right; margin-right:10px; line-height:25px; height:25px; font-size:11px; }/* configurazione dell'etichetta */ /*.filtro .elemento .campo{ float:left; widh:130px; text-align:left; padding-top:5px; height:25px; } /* configurazione dello spazio del campo */ /*.filtro .elemento .campo input, .filtro .elemento select{ width:145px; font-size:10px; color:#000; } /* configurazione dei campi input e select */ /*.filtro .tasto{ float:left; width:250px; text-align:center; } /* configurazione del tasto filtra */ /*.filtro .b20{ height:5px; clear:both; } /* Spazio dopo il filtro */ /* Ricerca verticale */ .form .campiobl{ display:none; }/* top della ricerca */ .form .r{ width:98%; border-bottom:1px solid #EEE; padding-bottom:2px; margin-top:5px; }/* configurazione di ogni righa composta da etichetta e campo */ .form .r .etichetta{ float:left; width:40%; text-align:right; height: 20px; line-height: 20px; }/* configurazione dell'etichetta */ .form .r .campo{ float:left; width:60%; text-align:left; min-height:20px ; height:auto; } /* configurazione dello spazio del campo */ .form .r .campo input, .form .r .campo select { width: 100px; }/* configurazione dei campi input e select */ .form .r .campo select:focus{ width:150px; } .form .b10{ height:0px; }/* spazio tra righe */ .form .tasto{ width:250px; }/* configurazione del tasto ricerca */ /***** MODULO ANNUNCI HOME *****/ /* STANDARD * .BoxHome{ border:0px; } .BoxHome .box{ float:left; text-align:center; font-size:10px; margin-right:2px; width:170px; height:220px; border:1px solid #cccccc; } .BoxHome .box .img{ clear:both; margin-bottom:5px; } .BoxHome .box .img a{ display:block; height:120px; padding-top:10px; margin-bottom:5px; } .BoxHome .box .img a img{ position: absolute; clip: Rect(0px 150px 120px 0px); margin-left: 10px; border:0px; } /*.BoxHome .box .img a img:nth-of-type(1){ margin-left:0px ; }*/ /*@-moz-document url-prefix() { .BoxHome .box .img a img { margin-left:-75px ; } } .BoxHome .box .img a img {margin-left/*\** TOGLIERE LO SPAZIO /: 10px\9 } .BoxHome .box .img a img {margin-left: 10px\9 } .BoxHome .box .dati{} .BoxHome .box .dati .citta, .BoxHome .box .dati .tipo, .BoxHome .box .dati .dsc, .BoxHome .box .dati .prezzo{ margin-bottom:5px; } .BoxHome .box .dati .dsc{ display:none; } */ /* Orizzontale Semplice * .BoxHome .box{ clear:both; width:500px; margin-bottom:10px; } .BoxHome .box .img{ float:left; clear:none; width:160px; } .BoxHome .box .dati{ float:left; width:340px; text-align:left; } /* 90x480 Orizzontale * .BoxHome{ border:0px; } .BoxHome .box{ float:left; text-align:center; font-size:10px; margin-right:10px; width:250px; border:1px solid #cccccc; } .BoxHome .box .img{ clear:both; margin-bottom:5px; } .BoxHome .box .img a{ display:block; padding-top:10px; margin-bottom:5px; } .BoxHome .box .img a img {margin-left/*\** TOGLIERE LO SPAZIO /: 10px\9 } .BoxHome .box .img a img {margin-left: 10px\9 } .BoxHome .box .dati{ color:#FFF; } .BoxHome .box .dati .citta, .BoxHome .box .dati .tipo, .BoxHome .box .dati .dsc, .BoxHome .box .dati .prezzo{ margin-bottom:5px; } .BoxHome .box .dati .dsc{ display:none; } .BoxHome .box{ clear:both; width:500px; margin-bottom:10px; height:auto; } .BoxHome .box .img{ float:left; clear:none; width:100px; } .BoxHome .box .dati{ float:left; width:340px; text-align:left; }*/ /* Dati nel lato destro */ #vetrina .annuncio .dsc span a:link, #vetrina .annuncio .dsc span a:visited, #vetrina .annuncio .dsc span a:hover{ color:#336699; } /* colore link in testa all'annuncio dentro la vetrina */ #vetrina .annuncio .dsc .tavola{ } #vetrina .annuncio .dsc .zona{ } #vetrina .annuncio .dsc .contratto{ } #vetrina .annuncio .dsc .prezzo{ } #vetrina .annuncio .dsc .mq{ } #vetrina .annuncio .dsc .rif{ } #vetrina .annuncio .dsc .descr{ } #vetrina .annuncio .dsc .agenzia{} /* Vetrina Affiancata a 3 - ricordarsi di portare la definizione delle immagini a 300 px */ #vetrina .annuncio{ float: left; width:280px; height:390px; margin-right:10px; margin-left:7px; padding-top:20px; margin-bottom:10px;} #vetrina .c{ clear:none; } #vetrina .b10{ height:0px; float:left; } #vetrina .annuncio .icon { /*display:none;*/} #vetrina .annuncio .img{ height:225px; overflow: hidden; /*min-width:260px; max-width:260px; */width:260px; margin-left:8px; /*border:0px; background:#666; */} #vetrina .annuncio .img img{ max-width:300px; width:auto; max-height:225px; height:auto; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; } #vetrina .annuncio .dsc{ height:125px; width:268px; overflow:hidden; margin-left:9px; margin-top:10px; color:#666; font-size:10px;} #vetrina .annuncio .dsc .tavola,#vetrina .annuncio .dsc .zona, #vetrina .annuncio .dsc .contratto, #vetrina .annuncio .dsc .prezzo, #vetrina .annuncio .dsc .mq, #vetrina .annuncio .dsc .rif, #vetrina .annuncio .dsc .descr, #vetrina .annuncio .dsc .agenzia{ margin-top:2px; font-size:10px; } #vetrina .annuncio .dsc .zona, #vetrina .annuncio .dsc .contratto, #vetrina .annuncio .dsc .prezzo, #vetrina .annuncio .dsc .mq{ /*display:none;*/ } #vetrina .annuncio .dsc .descr,#vetrina .annuncio .dsc .agenzia{ display:none; } #vetrina .filtro{ border:0px; clear:both; height:25px; line-height:25px; margin-top:10px; margin-bottom:10px; } #vetrina { width: 600px;} .filtro .b20{ height:5px; clear:both; } #vetrina .pag{ clear:both; margin-bottom:20px; margin-top:10px; color:#666; } #vetrina .filtro .sx {float: left; text-align: left; width: 45%; color:#666;} #vetrina .filtro .dx {float: right; text-align: right; width: 50%;} /* Sostituzione icone */ #vetrina .annuncio .icon{ background: none; /*border-bottom:1px solid #c9c9c9;*/ height:30px; } /* #vetrina .annuncio .icon a:link, #vetrina .annuncio .icon a:visited, #vetrina .annuncio .icon a:hover{ width:124px; /*height:40px; display:inline-block; margin-top:0px; } /*#vetrina .annuncio .icon a:hover{ background:url(dettaglio.png) no-repeat top; }*/ #vetrina .annuncio .icon a:link, #vetrina .annuncio .icon a:visited, #vetrina .annuncio .icon a:hover{ display:block; width:124px; height:30px; margin-left:10px; background:url(dettaglio.png) no-repeat top; margin-top:0px; clear:both; } #vetrina .annuncio .icon a.ric, #vetrina .annuncio .icon a.map, #vetrina .annuncio .icon a.gal, #vetrina .annuncio .icon a.virt, #vetrina .annuncio .icon a.plan, #vetrina .annuncio .icon a.vis{ display:none; } /*immobili in evidenza in home page*/ .BoxHome{ border:0px; width:auto; height:auto;} .BoxHome .box{ float:left; color:#FFF; /*text-align:center;*/ width:250px; height:260px; margin-right:50px; margin-top:10px; border:solid #666 thin;} .BoxHome .box .img{ clear:both; margin-bottom:5px; width:180px; height:134px; margin:auto;} .BoxHome .box .img a{ display:block; width:180px; height:134px; margin-top:5px; margin-bottom:5px; text-align:center } .BoxHome .box .img a img{ /*position: absolute; clip: Rect(0px 150px 120px 0px);*/height:134px; min-width:60px; max-width:180px; border:0px; } .BoxHome .box .dati{ text-align:left; margin-left:10px; margin-bottom:20px; margin-right:10px; color:#666; margin-top:10px; font-weight:normal; font-size:11px;} .BoxHome .box .dati .citta, .BoxHome .box .dati .tipo, .BoxHome .box .dati .dsc, .BoxHome .box .dati .prezzo{ margin-bottom:4px; } .BoxHome .box .dati .dsc{ display:none; }