body{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	color: #4D4D4D;
	background: white;
	text-align: left;
}
html{height: 100%;}
table{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

.aj_div_attesa_nascondi, .aj_div_principale_nascondi{display:none;}
.aj_div_attesa_vedi{
	width: 100%;
	top: 50px;
	position: relative;
	text-align:center;
}

a {text-decoration: none;color: Black;}
a:hover{text-decoration: none;color: Black;}
img{border: none;}
form{margin: 0px;}
input, textarea{background: White; color: Black; border: 1px solid black; margin: 0px; padding: 0px 0px 0px 3px;}
.input_noborder{background-color: transparent;color: Black;	border: 0px;}
form{margin: 0px;padding: 0px;}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
h1{font-size: 16px;	margin: 0px;}
h2{font-size: 14px;	margin: 0px;}
h3{font-size: 12px;	margin: 0px;}
h4{font-size: 11px;	margin: 0px;}
h5{font-size: 10px;	margin: 0px;}
.testo9, .testo9_rosso, .testo9_nero, .testo9_bianco{font-size: 9px;}
.testo10, .testo10_rosso, .testo10_nero, .testo10_bianco{font-size: 10px;}
.testo11, .testo11_rosso, .testo11_nero, .testo11_bianco{font-size: 11px;}
.testo12, .testo12_rosso, .testo12_nero, .testo12_bianco{font-size: 12px;}
.testo13, .testo13_rosso, .testo13_nero, .testo13_bianco{font-size: 13px;}
.testo14, .testo14_rosso, .testo14_nero, .testo14_bianco{font-size: 14px;}
.testo16, .testo16_rosso, .testo16_nero, .testo16_bianco{font-size: 16px;}
.testo18, .testo18_rosso, .testo18_nero, .testo18_bianco{font-size: 18px;}

.testo9_rosso, .testo10_rosso, .testo11_rosso, .testo12_rosso, .testo13_rosso, .testo14_rosso, .testo16_rosso, .testo18_rosso{color: Red;}
.testo9_bianco, .testo10_bianco, .testo11_bianco, .testo12_bianco, .testo13_bianco, .testo14_bianco, .testo16_bianco, .testo18_bianco{color: White;}
.bianco{color: White;}
.privacy{color: Gray; font-size: 10px;}
.giustificato{text-align: justify;}
.sostituzione {width: 100%; height: 100%; margin: 0px; padding: 0px; display: block; position: absolute; left: 0px; top: 0px; z-index: 10;}


#pagina_totale{position: relative; height:100%;}
body>#pagina_totale{height: auto; min-height: 100%;}
/*#pagina_totale{padding: 0px 0px 150px 0px;}*/


/* === INTESTAZIONE =================================================== */
#intestazione{
	width: 960px;
	height: 95px;
	margin: 0px auto;
	padding: 0px;
}
	.logo_rasom{
		float: left;
		margin: 0px 0px 0px 0px;
		position: relative;
	}
	ul.menu_principale{
		top: 54px;
		margin: 0px -12px 0px 0px; /* -12 per allineare il menu a dx */
		padding: 0px;
		float: right;
		position: relative;
		list-style-type: none;
	}
	ul.menu_principale li{
		height: 15px;
		display: inline;
		background: url(immagini_layout/sfondo_menu_principale.png) no-repeat left center;
	}
	ul.menu_principale li a{margin: 0px 13px 0px 12px;}
	ul.menu_principale li a:hover, ul.menu_principale li a.attivo{color: #a01e2f;}
/* === INTESTAZIONE =================================================== */


/* === PRESENTAZIONE =================================================== */
#presentazione{
	width: 960px;
	height: 380px;
	margin: 0px auto 0px auto;
	padding: 0px;
}
	.sistemi_rasom{
		width: 260px;
		float: left;
	}
		h1.fiemme {
			height: 104px;
			width: 240px;
		}
		
		
		h1.fiemme a{
			height: 104px;
			width: 240px;
			margin: 0px 20px 0px 0px;
			padding: 0px;
			display: block;
			font-size: 12px;
			font-weight: normal;
			text-decoration: underline;
			position: relative;
			z-index: 0;
			border-top: 1px solid #666666;
		}
			h1.fiemme a .sostituzione {background: url(immagini_layout/sistema_casa_fiemme.png) no-repeat left top; cursor: pointer;}
			h1.fiemme a:hover .sostituzione, h1.fiemme a.attivo .sostituzione{background-position: left -105px;}
		
		h1.fassa a{
			height: 104px;
			width: 240px;
			margin: 0px 20px 0px 0px;
			padding: 0px;
			display: block;
			font-size: 12px;
			font-weight: normal;
			text-decoration: underline;
			position: relative;
			z-index: 0;
			border-top: 1px solid #666666;
			border-bottom: 1px solid #666666;
		}
			h1.fassa a .sostituzione {background: url(immagini_layout/sistema_tetto_fassa.png) no-repeat left top; cursor: pointer;}
			h1.fassa a:hover .sostituzione, h1.fassa a.attivo .sostituzione{background-position: left -105px;}
	
	#presentazione ul.elenco_partner {
		float: left;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		list-style: none;
		overflow: hidden;
		width: 260px;
	}
	
		#presentazione ul.elenco_partner li {
			float: left;
			margin-top: 10px;
		}
			#presentazione ul.elenco_partner h5#sofie_veritas {margin-left: 40px;}
			#presentazione ul.elenco_partner h5#habitech {margin-left: 30px;}
		
	
	.introduzione_motivi{
		width: 700px;
		height: 322px;
		background: url(../immagini_layout/testata-benessere.jpg) left top no-repeat;
		float: right;
		margin: 0px;
		padding: 0px;
		position: relative;
	}
	
	#index_slide{
		width: 700px;
		height: 322px;
		position: absolute;
		left: 0px;
		padding: 0px;
		margin: 0px;
		z-index: 0;
	}

		h1.titolo_motivi {
			width: 210px;
			height: 92px;
			margin: 210px 0px 0px 0px;
			padding: 20px 0px 0px 20px;
			float: left;
			color: white;
			font-size: 22px;
			line-height: 26px;
			font-weight: normal;
			position: relative;
			z-index: 1; /* posiziono sopra allo slide */
		}
		
		ul.menu_motivi {
			width: 470px;
			height: 112px;
			margin: 210px 0px 0px 0px;
			padding: 0px;
			list-style: none;
			float: left;
			position: relative;
			z-index: 1; /* posiziono sopra allo slide */
		}
		
			ul.menu_motivi li {
				display: block;
				width: 470px;
				height: 28px;
			}
			
			ul.menu_motivi li a {
				display: block;
				width: 455px;
				height: 28px;
				line-height: 28px;
				color: white;
				font-size: 14px;
				font-weight: normal;
				padding-left: 15px;
				background: url(immagini_layout/tasto_menu_motivi.png) 453px -28px no-repeat;
			}
				ul.menu_motivi li a:hover, ul.menu_motivi li a.attivo {background-color: white; background-position: 453px 3px; color: #a01e2f;}

/* === PRESENTAZIONE =================================================== */


/* === CONTENUTI =================================================== */
#contenuti{
	width: 960px;
	height: 320px;
	position: relative;
	margin: 0px auto 0px auto;
	padding: 0px 0px 90px 0px; /* padding bottom definisce la distanza del footer */
	/*border: 1px solid red;*/
}
	#news{
		width: 220px;
		height: 205px;
		float: left;
		position: relative;
		margin: 0px 20px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-bottom: 1px solid #9F1D2F;
	}
	
		#news h2 {
			font-size: 18px;
			font-weight: normal;
			color: #9F1D2F;
			padding: 32px 0px 0px 0px;
			margin-bottom: 10px;
			border-bottom: 1px solid #9F1D2F;
		}
		
		#news h3, #news h3 a{
			font-weight: normal;
			font-size: 12px;
			color: #9F1D2F;
			background: inherit;
		}
		#news h3 a:hover{text-decoration: underline;}
		
		#news p{margin: 2px 0px 10px 0px;}
		#news p a{color: #808080;background: white;}
		#news p a:hover{text-decoration: underline;}
		
		#news a.leggi_tutte{
			margin: 25px 0px 0px 0px;
			font-weight: normal;
			font-size: 12px;
			color: #9F1D2F;
			background: inherit;
		}
		
		#news a.leggi_tutte:hover{color: #666666;}
	
	#rasom_technology{
		width: 380px;
		height: 160px;
		float: left;
		position: relative;
		margin: 0px 0px 0px 20px;
		padding: 23px 0px 0px 0px;
		padding-top: 0px;
		text-align: justify;
	}
		#rasom_technology h2{
			font-size: 20px;
			color: #A01B30;
			font-weight: normal;
			padding-bottom: 3px;
		}
		
		#rasom_technology h3{margin: 0px 0px 7px 0px;}
	
	#approfondimento_rasom{
		width: 240px;
		height: 210px;
		padding: 23px 0px 0px 0px;
		padding-top: 0px;
		float: right;
		position: relative;
	}
		#approfondimento_rasom h2.link {
			width: 240px;
			height: 30px;
			margin: 0px 0px 3px 0px;
			font-weight: normal;
			border-bottom: 1px solid #9F1D2F;
		}

		#approfondimento_rasom h2.link a{
			height: 30px;
			line-height: 30px;
			padding: 0px 0px 0px 15px;
			color: #a01e2f;
			background: url(immagini_layout/sfondo_pulsante_home.png) right -30px no-repeat;
			display: block;
			font-size: 13px;
		}
		
		#approfondimento_rasom h2.realizzazioni {
			width: 225px;
			height: 130px;
			line-height: 25px;
			margin-top: 17px;
			color: #a01e2f;
			background: #f2f2f2;
			padding-left: 15px;
			font-weight: normal;
			font-size: 13px;
			position: relative;
			border-bottom: 1px solid #9F1D2F;
		}
		
		#approfondimento_rasom h2.realizzazioni a{
			width: 225px;
			height: 30px;
			line-height: 30px;
			padding: 70px 0px 0px 15px;
			color: #a01e2f;
			background: url(immagini_layout/sfondo_pulsante_home_realizzazioni.jpg) right -100px no-repeat;
			display: block;
			position: absolute;
			bottom: 0px;
			left: 0px;
		}
		
		#approfondimento_rasom h2 a:hover{background-position: right top;}

/* === CONTENUTI =================================================== */


/* === FOOTER =================================================== */
#footer{
	width: 100%;
	height: 85px;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	color: white;
	background: #A01E2F;
}
	#contenuto_footer{
		width: 960px;
		height: 85px;
		margin: 0px auto;
		padding: 0px;
		background: url(immagini_layout/sfondo_footer.png) no-repeat 30px center;
	}
		#dati_rasom{
	width: 360px;
	height: 60px;
	margin: 0px 0px 0px 30px;
	padding: 12px 0px 0px 0px;
	float: left;
	position: relative;
	font-size: 10px;
		}
		#dati_rasom h4{
			margin: 0px 0px 5px 0px;
			font-weight: normal;
			font-size: 10px;
		}
		#dati_rasom h5{
			color: #D9A5AC;
			background: inherit;
			font-weight: normal;
			font-size: 10px;
		}
	#credits{
	width: 420px;
	height: 20px;
	margin: 60px 0px 0px 140px;
	float: left;
	position: relative;
	text-align: right;
	}
		#credits a{
			color: white;
			background: inherit;
		}
	#credits h6{
		margin: 0px;
		font-weight: normal;
		font-size: 10px;
	}
/* === FOOTER =================================================== */