/* CSS Document */

/*** 

Questo css serve a configirare e a personalizzare le vetrine e tutte le pagine dinamiche che vengono generate per i siti personalizzati.

***/

/***** 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 */


/***** 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:#000000; } /* colore testo per il tettaglio */
	#vetrina .annuncio .icon,
	#dettaglio .head .icon,
	#dettaglio .tab .head,
	.inviorichiesta .head,
	.form .campiobl{ background: #999999; color:#000; } /* 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: #666666; } /* colore hover sotto le icone sia vetrina che dettaglio */
	#vetrina .annuncio .dsc{ width:420px; color:#000; } /* dimensione e colore testo dello spazio a destra dell'immagine nella vetrina*/
	#dettaglio .annuncio .dx{ width:250px; } /* dimensione dello spazio destro con il testo nel dettaglio */
	
	#vetrina .annuncio .dsc span a:link,
	#vetrina .annuncio .dsc span a:visited,
	#vetrina .annuncio .dsc span a:hover{ color:#666666; } /* colore link in testa all'annuncio dentro la vetrina */
	
	/*#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 */
	
	

/***** 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; width: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; } /* 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:32%; text-align:right; height: 20px; line-height: 20px;  }/* configurazione dell'etichetta */
	/*.form .r .campo{ float:left; width:68%; text-align:left; min-height:20px ; height:auto; } /* configurazione dello spazio del campo */
	/*.form .r .campo input, .form .r .campo select { width: 130px; }/* configurazione dei campi input e select */
	/*.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/*\**/: 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/*\**/: 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; }
	
	
	
	
	
	