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%;}
/*html, body, div, object, iframe, table{border: 0px;}*/
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: 0px;}
form{margin: 0px;}
input, textarea{background: White; color: Black; border: 1px solid black; margin: 0px; padding: 3px;}
.input_noborder{background-color: transparent;color: Black;	border: 0px;}
.input_border_grigio{background: silver; color: #909090; border: 1px solid black;}

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: #a01e2f;}
.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 =================================================== */


/* === CONTENUTI =================================================== */
#contenuti{
	width: 960px;
	min-height: 500px;
	margin: 0px auto;
	padding: 0px 0px 160px 0px; /* padding bottom definisce la distanza del footer */
	/*border: 1px solid green;*/
}
#contenuti:after { /* CLEAR FIX */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

	#presentazione{
		width: 240px;
		height: 500px;
		margin: 0px 20px 0px 0px; 
		padding: 0px;
		display: inline;
		float: left;
		position: relative;
	}
		h1.fiemme a{
			height: 104px;
			width: 240px;
			margin: 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;
			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;}
		
		h2.ricerca_sviluppo a{
			width: 230px;
			height: 50px;
			line-height: 50px;
			margin: 30px 0px 5px 0px;
			padding: 0px 0px 0px 10px;
			color: #a01e2f;
			background: url(../../immagini_layout/sfondo_ricerca_sviluppo1.png) no-repeat;
			display: block;
			font-weight: normal;
			font-size: 13px;
		}
		h2.ricerca_sviluppo a:hover{background: url(../../immagini_layout/sfondo_ricerca_sviluppo2.png) no-repeat;}
		h3.gallery_realizzazioni a{
			width: 230px;
			height: 50px;
			line-height: 50px;
			margin: 0px;
			padding: 0px 0px 0px 10px;
			color: #a01e2f;
			background: url(../../immagini_layout/sfondo_ricerca_sviluppo1.png) no-repeat;
			display: block;
			font-weight: normal;
			font-size: 13px;
		}
		h3.gallery_realizzazioni a:hover{background: url(../../immagini_layout/sfondo_ricerca_sviluppo2.png) no-repeat;}
		
		#sistemi_contatti{width: 230px;margin: 25px 0px 0px 10px;}
		#sistemi_contatti h3{margin: 0px 0px 10px 0px;}
	
	
	.introduzione_motivi{
		width: 700px;
		height: 210px;
		background: url(../../immagini_layout/testata-benessere.jpg) left top no-repeat;
		float: left;
		margin: 0px;
		padding: 0px;
		position: relative;
	}
		
		/* differenziazione sfondi */
		#benessere {background: url(../../immagini_layout/testata-benessere.jpg) left top no-repeat;}
		#risparmio {background: url(../../immagini_layout/testata-risparmio.jpg) left top no-repeat;}
		#rispetto_ambiente {background: url(../../immagini_layout/testata-ambiente.jpg) left top no-repeat;}
		#prestazioni {background: url(../../immagini_layout/testata-prestazioni.jpg) left top no-repeat;}
	
		h1.titolo_motivi {
			width: 210px;
			height: 92px;
			margin: 98px 0px 0px 0px;
			padding: 20px 0px 0px 20px;
			float: left;
			color: white;
			font-size: 22px;
			line-height: 26px;
			font-weight: normal;
		}
		
		ul.menu_motivi {
			width: 470px;
			height: 112px;
			margin: 98px 0px 0px 0px;
			padding: 0px;
			list-style: none;
			float: left;
		}
		
			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;}
	
	.sezione_motivi {
		width: 505px;
		min-height: 300px;
		margin: 25px 0px 10px 10px;
		padding: 0px 25px 0px 0px;
		display: inline;
		float: left;
		position: relative;
		border-right: 1px solid #a01e2f;
		text-align: justify;
	}
	
		.sezione_motivi h2 {font-size: 18px;font-weight: normal;color: #a01e2f;margin: 0px 0px 5px 0px;}
	
		.sezione_motivi p.intro {margin: 0px 0px 15px 0px;}
	
		.sezione_motivi h3 {font-size: 13px;font-weight: normal;color: #a01e2f;margin: 0px 0px 0px 0px; text-transform: uppercase;}
	
		.sezione_motivi p {margin: 0px 0px 20px 0px;}
	
		.sezione_motivi h4 {font-size: 13px;font-weight: normal;color: #a01e2f;margin: 0px 0px 5px 0px; text-transform: uppercase; border-bottom: 1px solid #a01e2f;}
	
	
	ul.link_sezioni_motivi {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
		ul.link_sezioni_motivi li{
			width: 505px;
			height: 28px;
			line-height: 28px;
			display: block;
			margin-bottom: 4px;
		}
		
		ul.link_sezioni_motivi li a {
			color: #4d4d4d;
			display: block;
			height: 28px;
			width: 500px;
			padding-left: 5px;
			background: url(../../immagini_layout/tasto_sezioni_motivi.png) left -28px no-repeat;
		}
			ul.link_sezioni_motivi li a:hover, ul.link_sezioni_motivi li a.attivo {background-position: left top; color: #A6A6A6;}	
	
	a#scopri_risparmio {
		display: block;
		width: 250px;
		height: 30px;
		margin-bottom: 20px;
		line-height: 30px;
		color: white;
		text-transform: uppercase;
		background: #83ac3d; 
		text-align: center;
	}
		a#scopri_risparmio:hover {background: #912b2f;}
	
	

	/* Definizione aggiunta in fase di restyling (solo per le pagine di Sistema CaseFiemme - TettoFassa) */

	.descrizione_dettagli{
		width: 132px;
		min-height: 300px;
		margin: 30px 0px 0px 25px; 
		display: inline;
		float: left;
		position: relative;
	}
		.descrizione_dettagli h3{margin: 0px 0px 20px 0px;}
	
	
	
/* === 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: 350px;
			height: 60px;
			margin: 0px 0px 0px 30px;
			padding: 15px 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: 430px;
		height: 20px;
		margin: 60px 0px 0px 150px;
		float: left;
		position: relative;
		text-align: right;
	}
	#credits h6{
		margin: 0px;
		font-weight: normal;
		font-size: 10px;
	}
	#credits h6 a{color: white;}
	#credits h6 a:hover{color: #b1b3b4;}
/* === FOOTER =================================================== */