@charset "UTF-8";
/* CSS Document */

/*====================================*/
/*  INDEX  */
/*====================================*/
a.lingua {
	position: relative;
	display: block;
	width: 87px;
	height: 24px;
	padding: 0px;
	margin: 20px 0px 0px 40px;
	color: #CCCCCC;
	font-size: 12px;
	font-style: normal;
}
	
		a.lingua .sostituzione {background: url(../immagini_layout/english.png) left top no-repeat;}
			a.lingua:hover .sostituzione {background-position: left -24px; cursor: pointer;}
		
#contenuto h2.sottotitolo {
		width: 660px;
		height: 80px;
		padding-left: 3px;
		margin: 117px 0px 70px 5px;
		float: left;
		font-size: 18px;
		position: relative;
	}
	
		#anim_sottotitolo {
			display: block;
			width: 480px;
			height: 80px;
			position: absolute;
			left: 0px;
			top: 0px;
		}

p.intro_home {
	width: 650px;
	margin: 70px 8px 0px 4px;
	padding: 0px 0px 20px 0px;
	float: left;
}

p.news_home {
	width: 224px;
	height: 65px;
	padding: 38px 0px 0px 290px;
	margin: 15px 0px 25px 0px;
	color: white;
	float: left;
	font-size: 12px;
	font-style: normal;
	font-family: Arial;
	line-height: normal;
	background: url(../immagini_layout/banner_news_home.png) left top no-repeat;
}



/*====================================*/
/*  AZIENDA  */
/*====================================*/
.articolo_azienda {
	width: 670px;
	margin: 150px 0px 0px 0px;
}
	
	.articolo_azienda p {
		padding-right: 20px;
	}

	.articolo_azienda img {
		position: relative;
		margin: 10px 0px 15px 0px;
	}

/*====================================*/
/*  REALIZZAZIONI  */
/*====================================*/
#gallery { 
	width: 665px;
	height: 490px;
	margin: 25px 0px 10px 0px;
}
	
	#gallery p {padding-top: 200px; font-style: normal; text-align: center; margin: 0px;}

ul#intro_realizzazioni {
	width: 670px;
	height: 400px;
	margin: 190px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

	ul#intro_realizzazioni li { background: yellow;
		float: left;
		width: 216px;
		height: 182px;
		margin: 0px 9px 9px 0px;
	}
		ul#intro_realizzazioni li.c, ul#intro_realizzazioni li.f {margin-right: 0px;}
	
		ul#intro_realizzazioni li a {
			display: block;
			width: 200px;
			height: 52px;
			line-height: 52px;
			padding: 130px 0px 0px 16px;
			color: white;
			font-family: Georgia;
			font-size: 17px;
			font-style: normal;
			background-position: -216px 0px;
			background-color: #444444;
			background-repeat: no-repeat;
	}
		
		ul#intro_realizzazioni li.a a {background-image: url(../immagini_layout/pulsante_balaustre.jpg);}
		ul#intro_realizzazioni li.b a {background-image: url(../immagini_layout/pulsante_cancelli.jpg);}
		ul#intro_realizzazioni li.c a {background-image: url(../immagini_layout/pulsante_inferriate.jpg);}
		ul#intro_realizzazioni li.d a {background-image: url(../immagini_layout/pulsante_poggioli.jpg);}
		ul#intro_realizzazioni li.e a {background-image: url(../immagini_layout/pulsante_portoncini.jpg);}
		ul#intro_realizzazioni li.f a {background-image: url(../immagini_layout/pulsante_disegni.jpg);}
		
		ul#intro_realizzazioni li a:hover {background-position: 0px 0px; color: #444444; background-color: white;}

/*====================================*/
/*  NEWS  */
/*====================================*/
.articolo_news {
	width: 668px;
	margin: 150px 0px 20px 0px;
}

#abitare_tempo {
	padding: 0px 0px 0px 145px;
	background: url(../immagini_layout/abitare_tempo_logo.png) left -2px no-repeat;
}

	#abitare_tempo strong.payoff {
		display: block;
		font-family: Arial;
		font-size: 21px;
		font-weight: normal;
		font-style: normal;
		text-transform: uppercase;
		color: #e40000;
		padding: 55px 0px 30px 0px;
	}


	#abitare_tempo p {
		padding: 0px 0px 170px 0px;
		/*background: url(../immagini_layout/news_abitare_tempo2.png) left bottom no-repeat;*/
	}

/*====================================*/
/*  MOSTRE  */
/*====================================*/
.articolo_mostre {
	width: 668px;
	margin: 150px 0px 20px 0px;
	border: 1px solid #999999;
}

	.articolo_mostre h3 {
		width: 668px;
		height: 24px;
		position: relative;
	}
	
	.articolo_mostre h3.mostre .sostituzione {background: url(../immagini_layout/titolo_mostre.png) left top no-repeat;}
	.articolo_mostre h3.fiere .sostituzione {background: url(../immagini_layout/titolo_fiere.png) left top no-repeat;}
	.articolo_mostre h3.pubblicazioni .sostituzione {background: url(../immagini_layout/titolo_pubblicazioni.png) left top no-repeat;}
	
	.articolo_mostre ul {margin: 0px; padding: 10px 0px 10px 25px; list-style: none;}
		.articolo_mostre ul li{padding-bottom: 7px; line-height: 15px;}  

/*====================================*/
/*  CONTATTI  */
/*====================================*/
ul.menu_contatti {
	margin: 200px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	width: 400px;
	height: 33px;
}

	ul.menu_contatti li {float: left; margin: 0px 4px 0px 0px;}
	
	ul.menu_contatti li a {
		color: #999999;
		font-style: normal;
		display: block;
		height: 24px;
		line-height: 24px;
		padding: 0px 15px 9px 15px;
		background: url(../immagini_layout/menu_contatti.png) center top no-repeat;
		float: left; /* necessario a IE6 */
	}
		ul.menu_contatti li a:hover, ul.menu_contatti li a.attivo {background-position: center -33px; color: white;}
	
/*== FORM ==*/
#modulo_contatti fieldset{width: 660px;	border: 0px; padding: 0px;}
#modulo_contatti fieldset legend{padding: 5px 0px 15px 0px;}
#modulo_contatti label {width: 325px; float: left; margin-bottom: 15px;}

#modulo_contatti label input {
	width: 265px;
	height: 20px;
	padding: 5px 5px 0px 5px;
	margin-top: 3px;
	border: 0px;
	background: url(../immagini_layout/campi_form.png) left top no-repeat;
	color: white;
}

#modulo_contatti label textarea {
	width: 290px;
	height: 125px;
	overflow: auto;
	background: url(../immagini_layout/richieste.png) left top no-repeat;
	color: white;
}

#modulo_contatti span.campi_obbligatori {
	float: left;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	color: #cccccc;
	padding-top: 50px;
}

#modulo_contatti label.privacy {font-family: Arial;font-size: 11px;font-style: normal;float: left;height: 25px; margin-bottom: 25px;}
#modulo_contatti label.privacy a{color: #cccccc;}
#modulo_contatti label.privacy input{background: black; border: 1px solid #cccccc;width: 15px; height: 15px; padding: 0px;}

#modulo_contatti label.invia input {
	width: 141px;
	height: 27px;
	padding: 0px;
	margin: 0px;
	color: black; 
	background-image: url(../immagini_layout/invia_richiesta.png);
	font-style: normal;
}
/*== / FORM ==*/

.conferma {
	width: 668px;
	margin: 30px 0px 0px 0px;
	color: white;
}
	.conferma a {color: white;}

/*====================================*/
/*  COME RAGGIUNGERCI  */
/*====================================*/

p.info_dovesiamo {margin: 10px 0px 10px 0px; line-height: 18px;}

#mappa {width: 665px; height: 330px;}

.gmnoprint {color: black;} /* info di Google Mapa */