/**
 * PEG's CSS Library
 * @Author:		Marco Pegoraro
 * @Version:	1.0
 * @Start:		20-05-2008
 * 
 * Style di azzeramento e classi generiche.
 * 
 */


/**
 * Elemento di clear floating.
 * Solitamente utilizzato con uno SPAN a chiusura di layouting
 * multicolonna in floating.
 */
.clr {
	display:			block;
	height:				0;
	overflow:			hidden;
	margin:				0;
	clear:				both;
}


/**
 * Elemento colonna
 */
.col {
	display:			block;
	overflow:			hidden;
	margin:				0;
	float:				left;
}


/**
 * Lista in linea comune
 */
ul.line {
	margin:				0;
	padding:			0;
	list-style:			none;
}
ul.line li {
	display:			inline;
	padding:			0 10px 0 10px;
}

/**
 * Progetto		PuntoImmobiliare
 * @Author:		Marco Pegoraro
 * @Version:	1.0
 * @Start:		16-04-2009
 * 
 * Questo file contiene le definizioni di ingombro delle macro-aree della pagina.
 * Stili di dettaglio e contenutistici sono definiti nei css specifici.
 * 
 */

hr { display:none }

/**
 * Links generici.
 */
a {
	color:					blue;
	text-decoration:		none;
}
a:hover {
	color:					red;
	text-decoration:		underline;
}



html, body {
	margin:					0;
	padding:				0;
	
	font-family:			Verdana;
	font-size:				100%;
	
	background:				#000;
	color:					#999;
	text-align:				center;
}


/**
 * Scatola contenitore di tutta la pagina.
 * Definisce la larghezza non ridimensionabile e con overflow nascosto.
 */
#mb, #ff {
	position:				relative;
	display:				block;
	margin:					5px auto 10px auto;
	width:					949px;
	
	background:				#fff url(punto/page_cat_sf.jpg) repeat-y;
}

/* Sondo con le barre del menu di categoria per l'home page. */
body#home #mb {
	background:				#fff url(punto/home_cat_sf.jpg) repeat-y;
}



/**
 * MENU DI NAVIGAZIONE
 */
div#nav {
	float:					right;
	width:					265px;
}




/**
 * CONTENUTO
 */
div#cnt {
	width:					449px;
	float:					right;
	
	min-height:650px;
	height: auto !important;
	height:650px;
}
body#home div#cnt { width:210px; }






/**
 * CATEGORIE DI PRODOTTI
 */
div#cat {
	float:					left;
	width:					228px;
}
body#home div#cat { width:472px; }







/**
 * FOOTER
 */
#ff {
	background:				none;
	font-size:				0.7em;
	margin-top:				20px;
	padding-bottom:			20px;
}
#ff p {
	margin:					0;
}
#ff ul {
	margin:					0 auto 15px auto;
	padding:				0;
	list-style:				none;
}
#ff ul li {
	display:				inline;
	padding:				0 18px 0 10px;
	background:				url(punto/sf_black_vert.png) repeat-y right;
}
#ff ul li a {
	color:					#fff;
	text-transform:			uppercase;
}

/**
 * Progetto		PuntoImmobiliare
 * @Author:		Marco Pegoraro
 * @Version:	1.0
 * @Start:		16-04-2009
 * 
 * Definizione dello stile del menu di navigazione tra categorie di offerte
 * 
 */


div#cat {
	text-align:						left;
	font-size:						0.8em;
}
	
	div#cat ul {
		display:					block;
		width:						160px;
		overflow:					hidden;
		
		margin:						0; /* sito originale */
		margin:						0 0 0 31px; /* secondo me � pi� bello */
		padding:					0;
		list-style:					none;
	}
	div#cat ul li {
		display:					inline;
	}
	div#cat ul li a, div#cat ul li a span {
		position:					relative;
		
		display:					block;
		width:						31px;
		height:						189px;
		overflow:					hidden;
		float:						left;
		
		background:					url(punto/page_cat_menu.gif);
	}
	div#cat ul li a span {
		position:					absolute;
		top:						0;
		left:						0;
	}
	
	div#cat ul li.classic a span { 			background-position: 0 0; }
	div#cat ul li.exclusive a span { 		background-position: -31px 0; }
	div#cat ul li.holiday a span { 			background-position: -62px 0; }
	div#cat ul li.business a span { 		background-position: -93px 0; }
	div#cat ul li.cantieri a span { 		background-position: 31px 0; }
	
	div#cat ul li.classic a:hover span { 	background-position: 0 189px; }
	div#cat ul li.exclusive a:hover span { 	background-position: -31px 189px; }
	div#cat ul li.holiday a:hover span { 	background-position: -62px 189px; }
	div#cat ul li.business a:hover span { 	background-position: -93px 189px; }
	div#cat ul li.cantieri a:hover span { 	background-position: 31px 189px; }
	
	
	
	
	/**
	 * Varianti home page
	 */
	body#home div#cat ul {
		width:						340px;
		margin-left:				131px;
	}
	body#home div#cat ul li a, body#home div#cat ul li a span {
		width:						68px;
		height:						393px;
		background:					url(punto/home_cat_menu.gif);
	}
	
	body#home div#cat ul li.business a { width:65px; }
	
	body#home div#cat ul li.classic a span { 			background-position: 0 0; }
	body#home div#cat ul li.exclusive a span { 			background-position: -68px 0; }
	body#home div#cat ul li.holiday a span { 			background-position: -136px 0; }
	body#home div#cat ul li.business a span { 			background-position: -204px 0; }
	body#home div#cat ul li.cantieri a span { 			background-position: 68px 0; }
	
	body#home div#cat ul li.classic a:hover span { 		background-position: 0 393px; }
	body#home div#cat ul li.exclusive a:hover span { 	background-position: -68px 393px; }
	body#home div#cat ul li.holiday a:hover span { 		background-position: -136px 393px; }
	body#home div#cat ul li.business a:hover span { 	background-position: -204px 393px; }
	body#home div#cat ul li.cantieri a:hover span { 	background-position: 68px 393px; }
	

/**
 * Progetto		PuntoImmobiliare
 * @Author:		Marco Pegoraro
 * @Version:	1.0
 * @Start:		16-04-2009
 * 
 * PANNELLO DI DESTRA
 * Definizione dello stile del menu di navigazione principale
 * 
 */


div#nav {
	text-align:						left;
	font-size:						0.6em;
	background:						#fff;
}
	
	
	/**
	 * LINK HOME E LOGO DEL SITO
	 */
	div#nav p {
		margin:						0;
	}
	div#nav p a img {
		border:						none;
	}
	
	
	/**
	 * MENU DI NAVIGAZIONE
	 */
	div#nav ul {
		display:					block;
		
		margin:						0 40px 0 55px;
		padding:					0;
		list-style:					none;
		
	}
	div#nav ul li {
		display:					inline;
	}
	div#nav ul li a {
		display:					block;
		line-height:				2.5em;
		height:						2.5em;
		
		padding:					15px 0 5px 0;
		
		font-weight:				bold;
		text-transform:				uppercase;
		
		background:					url(punto/sf_white.png) repeat-x bottom;
		color:						#666;
	}
	div#nav ul li a:hover, div#nav ul li a.active {
		color:						black;
		text-decoration:			none;
	}
	div#nav ul li a.evidence {
		color:						#A7C800;
	}
	
	
	/* Sub-menu */
	div#nav ul li ul {
		margin-left:				15px;
		margin-top:					5px;
		margin-bottom:				0px;
	}
	div#nav ul li ul li a {	
		
		line-height:				2em;
		height:						2em;
		
		padding:					0;
		
		font-size:					1.1em;
		font-weight:				normal;
		background:					none;
		
		text-transform:				none;
	}
	
	/** Primo piano **/
	div#nav ul li.primo_piano a { color:#A2C800; }

/**
 * Progetto		PuntoImmobiliare
 * @Author:		Marco Pegoraro
 * @Version:	1.0
 * @Start:		16-04-2009
 * 
 * Stili di contenuto
 * 
 */


div#cnt {
	text-align:left;
	font-size:0.8em;
	
	background:#000 url(punto/sf_black.png) repeat-x bottom;
}
body#home div#cnt {
	border-left:2px solid black;
}
	
	/* Questo wrapper determina il padding simulato per il contenuto */
	div#cnt div.wrap {
		margin: 0 20px 0 20px;
	}

	/* Titolazioni di pagina */
	div#cnt h1, div#cnt h2, div#cnt h3, div#cnt h4, div#cnt h5, div#cnt h6 {
		margin: 0 0 5px 0;
		color:#fff;
	}
	div#cnt h1 { font-size:1.5em; font-weight:normal; margin: 20px 0 0 0; }
	div#cnt h2 { font-size:1.3em; }
	div#cnt h3 { font-size:1em; margin:0; }
	div#cnt h4 {}
	div#cnt h5 {}
	div#cnt h6 {}
	
	
	div#cnt p {
		margin: 0 0 15px 0;
	}
	
	/**
	 * Menu in linea 
	 */
	div#cnt ul.line {
		margin:0 0 25px 0;
		padding:0;
	}
	div#cnt ul.line li { padding:0 }
	div#cnt ul.line li a {
		padding: 0 0 0 13px;
		background: url(punto/ul-spacer.jpg) 0px 4px no-repeat;
		color:#fff;
		font-size:0.8em;
		font-weight:bold;
	}
	div#cnt ul.line li a:hover {
		text-decoration:none;
		color:yellow;
	}
	
	/**
	 * Menu in linea per la gallery di immagini nelle offerte
	 */ 
	div#cnt ul.gallery {}
	div#cnt ul.gallery li {}
	div#cnt ul.gallery li a {
		padding:0;
		background:0;
	}
	div#cnt ul.gallery li a img {
		border: 1px solid #fff;
	}
	div#cnt ul.gallery li a:hover img {
		border: 1px solid #yellow;
	}



	/**
	 * Elementi di contenuto
	 */
	div#cnt p { text-align:justify; }
	div#cnt .jcmsTinyMCE {
		color:#fff;
		color: #aaa;
	}
	div#cnt .jcmsTinyMCE h1 {

	}
	div#cnt .jcmsTinyMCE p {
		font-size:10px;
	}
	div#cnt .jcmsTinyMCE p a {
		color: #a6c828;
	}
	div#cnt .jcmsTinyMCE p.plink a {
		font-size:10px;
		color:#fff;
		background: url(punto/link_offer.jpg) 0 3px no-repeat;
		padding: 0 0 0 10px;
		border-bottom: 1px solid black;
	}
	div#cnt .jcmsTinyMCE p a:hover, div#cnt .jcmsTinyMCE p.plink a:hover {
		text-decoration:none;
		border-bottom:1px dotted #D9F639;
	}







/**
 * COMPONENTI GRAFICHE DI INTRODUZIONE PAGINA
 */

/* Home Page */
body#home span.hdimage {
	display:block;
	width:207px;
	height:358px;
	overflow:hidden;
	background: url(punto/images.jpg) 0 -4510px;
}


/* Pagine Interne */
body.agenzia span.hdimage,
body.attivita span.hdimage,
body.contatti span.hdimage,
body.eventi span.hdimage,
body.lavora span.hdimage,
body.classic span.hdimage,
body.exclusive span.hdimage,
body.holiday span.hdimage,
body.business span.hdimage,
body.cantieri span.hdimage,
body.offerta span.hdimage,
body.primo_piano span.hdimage,
body.cantieri span.nullitem {
	display:block;
	width:449px;
	height:451px;
	overflow:hidden;
	background: url(punto/images.jpg);
}

body.agenzia span.hdimage { 			background-position: 0 0; }
body.attivita span.hdimage { 			background-position: 0 -451px; }
body.contatti span.hdimage { 			background-position: 0 -902px; }
body.eventi span.hdimage { 				background-position: 0 -1353px; }
body.lavora span.hdimage { 				background-position: 0 -1804px; }
body.classic span.hdimage { 			background-position: 0 -2255px; }
body.exclusive span.hdimage { 			background-position: 0 -2706px; }
body.holiday span.hdimage { 			background-position: 0 -3157px; }
body.business span.hdimage { 			background-position: 0 -3608px; }
body.cantieri span.hdimage { 			background-position: 0 -4059px; }
body.offerta span.hdimage { 			background-position: 0 -4868px; height:110px; }
body.primo_piano span.hdimage { 		background-position: 0 -4978px; height:148px; }

div#cnt div.news h1 {
	margin-bottom:20px;
}



div#cnt div.news div.news_item {
	display:block;
	margin: 0 0 15px 0;
	border-bottom:1px dotted #666;
	padding-bottom:10px;
}
/* Data news */
div#cnt div.news div.news_item span.date {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				10px;
	font-weight:			normal;
	color:					#e0e0e0;
	text-align:				left;
	margin-top:				10px;
}
/* Testata Giornale */
div#cnt div.print_review div.journal {
	float:right;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				10px;
	font-weight:			normal;
	color:					#e0e0e0;
}
/* Titolo */
div#cnt div.news div.news_item h3, div#cnt div.news div.news_item h3 a {
	color: #D2D94B;
}
div#cnt div.news div.news_item h3 a {
}
/* Immagine */
div#cnt div.news div.news_item div.image {
	display:block;
	width:140px;
	overflow:hidden;
	
	float:left;
	margin: 10px 20px 0 0;
}
div#cnt div.news div.news_item div.image img {
	border:none;
}
/* Abstract */
div#cnt div.news div.news_item div.abstract {
	margin-top: 10px;
	font-size:10px;
	color:#fff;
}
div#cnt div.news div.print_reviews_item div.abstract { margin-top: 0px; }

div#cnt div.news div.news_item div.abstract p {
	margin:0 0 10px 0;
}
div#cnt div.news div.news_item div.abstract a {
	color:#aaa;
}
/* Link */
div#cnt div.news div.news_item div.link a {
	font-size:10px;
	color:#fff;
	background: url(punto/link_offer.jpg) 0 3px no-repeat;
	padding: 0 0 0 10px;
	border-bottom: 1px solid black;
}
div#cnt div.news div.news_item div.link a:hover {
	text-decoration:none;
	border-bottom:1px dotted #D9F639;
}








/**
 * Barra di navigazione.
 */
.navBar {
	display:block;
	margin: 15px 0 15px 0;
}
.navBar .pg_nav {
	text-align: right;
}
.navBar .pg_res { display:none;}
.navBar .pg_pager { display:none; }


div#cnt div.offers h2 {
	font-size:10px;
	font-weight:normal;
}


div#cnt .offers-list {
	border-bottom: 1px dotted #666;
}

div#cnt .offerItem {
	display:block;
	margin: 20px 0 20px 0;
	padding-top:20px;
	border-top: 1px dotted #666;
}
div#cnt .offerItem div.preview {
	display:block;
	width:155px;
	overflow:hidden;
	float:right;
	margin: 0 0 0 10px;
}
div#cnt .offerItem h3, div#cnt .offerItem h3 a {
	color: #D2D94B;
}
div#cnt .offerItem div.abstract {
	font-size:10px;
	color:#fff;
}
div#cnt .offerItem ul.gallery {
	display:none;
}


div#cnt .offerItem div.gallery a {
	font-size:10px;
	color:#fff;
	background: url(punto/link_offer.jpg) 0 3px no-repeat;
	padding: 0 0 0 10px;
	border-bottom: 1px solid black;
}
div#cnt .offerItem div.gallery a:hover {
	text-decoration:none;
	border-bottom:1px dotted #D9F639;
}


form#ns {
	display:block;
	margin: 30px 20px 30px 20px;
}

form#ns div.line {
	display: block;
	clear:both;
	margin: 10px 0 0 0;
}
form#ns div.line label {
	display:block;
	width:80px;
	float:left;
}
form#ns div.line input {
	width:285px;
	border:1px solid #fff;
	background:#3D3D3D;
	
	font-size:14px;
	color:#fff;
	padding:1px;
}


form#ns div.privacy {
	display: block;
	clear: both;
	margin: 30px 0 30px 0;
}



form#ns div.submit {
	text-align:center;
}
form#ns div.submit input {
	font-weight:bold;
}


form#ns div.error_message {
	color:red;
	font-size:9px;
	font-weight:bold;
}

/**
<div class="dlItem">
	<div class="dlImg">%preview</div>
	<h4>%title</h4>
	<div class="dlDownload">%download</div><span class="clr">
	</span>
</div>
*/

.dlItem {}
.dlItem div.dlImg {
	display:block;
	width:41px;
	height:46px;
	overflow:hidden;
	
	float:left;
	margin-right:10px;
}
.dlItem div.dlImg img {
	border:none;
}
.dlItem h4 span {
	font-size:12px;
	font-weight:normal;
}
.dlItem h4 span a {
	color:#fff;
}
.dlItem h4 span a:hover {
	text-decoration: none;
	border-bottom: 1px dotted yellow;
}
.dlItem div.dlDesription {}