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 90px 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;
		float: left;
		position: relative;
	}
		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;}
		
		h2.ricerca_sviluppo a{
			width: 240px;
			height: 50px;
			line-height: 50px;
			margin: 60px 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: 240px;
			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;}
	
	
	#immagine_descrizione{
		width: 700px;
		float: left;
		position: relative;
	}
	#menu_secondario{
		width: 700px;
		height: 30px;
		float: left;
		position: relative;
		background: #F2F2F2;
	}
		ul.menu_secondario{
			margin: 0px 0px 0px 20px;
			padding: 0px;
			list-style-type: none;
		}
		ul.menu_secondario li{
			padding: 0px 35px 0px 8px;
			float: left;
			color: #4d4d4d;
			background: url(immagini_layout/sfondo_menu_principale.png) no-repeat left center;
		}
		ul.menu_secondario li a{
			height: 30px;
			line-height: 30px;
			padding: 0px 0px 3px 0px;
		}
		ul.menu_secondario li a:hover, ul.menu_secondario li a.attivo{border-bottom: 4px solid #B1B3B4;}
	
	.descrizione{
		width: 495px;
		min-height: 300px;
		margin: 25px 0px 25px 20px;
		padding-right: 25px;
		float: left;
		position: relative;
		border-right: 1px solid #a01e2f;
		text-align: justify;
	}
	
	/* Definizione aggiunta in fase di restyling (solo per le pagine di Sistema CaseFiemme - TettoFassa) */
	.descrizione_sistema{
		width: 650px;
		min-height: 300px;
		margin: 25px 0px 25px 20px;
		padding-right: 25px;
		float: left;
		position: relative;
		border: 0px;
		text-align: justify;
	}

	.descrizione h1, .descrizione_sistema h1{font-size: 18px;font-weight: normal;color: #a01e2f;margin: 0px 0px 15px 0px;}
	.descrizione_dettagli{
		width: 132px;
		min-height: 300px;
		margin: 30px 0px 0px 25px;
		float: left;
		position: relative;
	}
		.descrizione_dettagli h3{margin: 0px 0px 20px 0px;}
	
	/* NEWS */
	
	.box_news{
		width: 495px;
		padding-bottom: 10px;
		margin-bottom: 15px;
		border-bottom: 1px solid #a01e2f;
	}
	.box_news h3{font-weight: normal;}
	.box_news h2{margin: 0px;padding: 0px;font-size: 12px;color: #a01e2f;}
	.box_news p{margin-top: 0px;}
	.box_news h4{
		line-height: 32px;
		display: block;
		font-weight: normal;
		font-size: 11px;
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 0px 35px;
		background: url(immagini_layout/icona_pdf.jpg) no-repeat left center;
	}
	ul.news_archivio{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	ul.news_archivio li{margin: 4px 0px 4px 0px;}
	ul.news_archivio li a:hover{color: #a01e2f;}
	
	/* APPROFONDIMENTI */
	
	.box_approfondimento{
		width: 495px;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
		.box_approfondimento a img{ /* Elenco immagini */
			margin: 0px 10px 0px 0px;
		}
		.box_approfondimento h4 a img{ /* Icone link ai pdf */
			float: left;
			margin: 20px 25px 0px 0px;
		}
		h1.approfondimenti{
			margin: 0px 0px 20px 0px;
			font-size: 18px;
			color: #a01e2f;
		}	
		h2.approfondimenti{margin: 20px 0px 20px 0px;}
		ul.approfondimenti{
			margin: 5px 0px 10px 0px;
			padding: 0px;
			list-style-type: none;
		}
		ul.approfondimenti li{
			height: 25px;
			margin: 0px;
			padding: 0px;
		}
		ul.approfondimenti li a{
			padding-left: 15px;
			background: url(immagini_layout/sfondo_link_approfondimenti.gif) no-repeat left center;
			font-weight: bold; 
		}
		ul.approfondimenti li a:hover{color: #a01e2f;}
		
	/* FILIALI */
	
	#intestazione_filiale{
		width: 698px;
		height: 90px;
		line-height: 90px;
		border: 1px solid #b1b3b4;
		float: left;
		position: relative;
	}
		#intestazione_filiale img{float: left; position: relative;}
		#contatti_filiale{
			width: 250px;
			height: 70px;
			line-height: 12px;
			padding: 10px;
			float: right;
			position: relative;
		}
	#descrizione_filiale{
		width: 650px;
		min-height: 300px;
		margin: 25px 0px 25px 20px;
		padding-right: 25px;
		float: left;
		position: relative;
		text-align: justify;
	}
	#descrizione_filiale h1{font-size: 18px;font-weight: normal;color: #a01e2f;margin: 0px 0px 15px 0px;}
	li.voce_filiale{
		border-bottom: 1px solid silver;
		padding: 0px 0px 8px 0px;
		margin: 0px;
	}
	li.voce_filiale h3{padding: 0px;margin: 0px;}
	
	/* AREA PRESS [DOWNLOAD] */
	
	.file_download{
		height: 40px;
		line-height: 40px;
	}
	.file_download img{float: left;}
	
	/* AREA PRESS [RASSEGNA STAMPA] */
	
	.articolo{
		width: 495px;
		min-height: 110px;
		padding-bottom: 10px;
		margin-bottom: 15px;
		border-bottom: 1px solid #a01e2f;
	}
	.articolo h1{font-size: 18px;font-weight: normal;color: #a01e2f;margin: 0px 0px 15px 0px;}
	.articolo img{
		float: left;
		position: relative;
		margin: 0px 10px 6px 0px;
	}
	
	/* GLOSSARIO */
	
	dl.glossario{
		margin: 5px 0px 10px 0px;
		padding: 0px;
		list-style-type: none;
	}
	dl.glossario dt{
		margin: 0px;
		padding: 0px;
		padding-left: 15px;
		font-size: 14px;
		font-weight: bold;
	}
	dl.glossario dd{
		margin: 3px 0px 10px 5px;
		padding: 0px;
		padding-left: 15px;
	}

	/* VIDEO */
	.test_resistenza{
		height: 260px;
	}
	#prova_fuoco, #terremoto_3piani, #terremoto_7piani{
		width: 320px;
		float: left;
		position: relative;
		margin: 0px 15px 0px 0px;
	}

	/* REALTà RASOM */
	.descrizione_realta_rasom{
		width: 495px;
		min-height: 300px;
		margin: 25px 0px 25px 20px;
		padding-right: 25px;
		float: left;
		position: relative;
		border-right: 1px solid #a01e2f;
		text-align: justify;
	}
	.descrizione_realta_rasom p.introduzione{margin-top: 0px;}
	.descrizione_realta_rasom p img{float: left; margin: 0px 8px 8px 0px;}
	
	/* CONTATTACI*/
	#bottone_informazioni, #bottone_preventivo {cursor: pointer;}
	
	
	
/* === 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 =================================================== */